@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "NotoSansCJKjp-Regular";
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Medium";
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Bold";
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansCJKjp-Black";
  src: url("../fonts/NotoSansCJKjp-Black.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "DelaGothicOne-Regular";
  src: url("../fonts/DelaGothicOne-Regular.ttf");
  font-display: swap;
}
/*	layout
------------------------------------ */
/* animation
例）animation: fadedown .5s ease-in-out;
遅延）animation-delay: 0.5s;
最後の状態維持）animation-fill-mode: forwards;
------------------------------------ */
@keyframes fadedown {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    transform: translateY(-5px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeup {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  50% {
    transform: translateY(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes faderight {
  0% {
    transform: translateX(10px);
    opacity: 0;
  }
  50% {
    transform: translateX(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes grad-fill {
  from {
    background-size: 0% 100%;
  }
  to {
    background-size: 100% 100%;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes floatY {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(var(--amp));
  }
}
/* キーフレーム（短く細かく動かす — ジョジョの擬音感） */
@keyframes dododo {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -1px) rotate(-0.6deg);
  }
  20% {
    transform: translate(2px, 0px) rotate(0.8deg);
  }
  30% {
    transform: translate(-1px, 1px) rotate(-0.4deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(0.3deg);
  }
  50% {
    transform: translate(-2px, 0px) rotate(-0.9deg);
  }
  60% {
    transform: translate(1px, 1px) rotate(0.6deg);
  }
  70% {
    transform: translate(-1px, 0px) rotate(-0.3deg);
  }
  80% {
    transform: translate(2px, -1px) rotate(0.9deg);
  }
  90% {
    transform: translate(-1px, 1px) rotate(-0.5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
/* 強め（振幅大きめ） */
@keyframes dododo-strong {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  10% {
    transform: translate(-3px, -2px) rotate(-1.2deg);
  }
  20% {
    transform: translate(4px, 0px) rotate(1.6deg);
  }
  30% {
    transform: translate(-3px, 2px) rotate(-1deg);
  }
  40% {
    transform: translate(3px, -2px) rotate(0.8deg);
  }
  50% {
    transform: translate(-4px, 0px) rotate(-1.6deg);
  }
  60% {
    transform: translate(3px, 2px) rotate(1.2deg);
  }
  70% {
    transform: translate(-2px, 0px) rotate(-0.7deg);
  }
  80% {
    transform: translate(4px, -2px) rotate(1.8deg);
  }
  90% {
    transform: translate(-3px, 2px) rotate(-1.1deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
/* ソフト（振幅小さめ・遅め）*/
@keyframes dododo-soft {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  12% {
    transform: translate(-1px, 0px) rotate(-0.3deg);
  }
  25% {
    transform: translate(1px, -1px) rotate(0.4deg);
  }
  37% {
    transform: translate(-1px, 1px) rotate(-0.2deg);
  }
  50% {
    transform: translate(0, 0) rotate(0deg);
  }
  62% {
    transform: translate(1px, 0px) rotate(0.3deg);
  }
  75% {
    transform: translate(-1px, -1px) rotate(-0.4deg);
  }
  87% {
    transform: translate(1px, 1px) rotate(0.2deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
/*	font-size  cmn
------------------------------------ */
/*	com parts  PC
------------------------------------ */
.sns-none {
  display: none !important;
}

.over {
  overflow: hidden;
}

.com-ib {
  display: inline-block;
}

.spxs-only {
  display: none;
}
@media screen and (max-width: 390px) {
  .spxs-only {
    display: inherit;
  }
}

.f26 {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .f26 {
    font-size: 1.5rem;
  }
}

.pre {
  white-space: pre-line;
}

.nowrap {
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .nowrap {
    white-space: nowrap;
  }
}
.no-sb {
  margin: 50px auto 0;
}

.anchor-mp {
  margin: -90px auto 0;
  padding-top: 90px;
}

.com-txt-box p:nth-of-type(n+2) {
  margin: 27px 0 0;
}
.com-txt-box .com-ac {
  color: #fcc922;
}

.clamp1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.clamp2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.clamp3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media screen and (min-width: 768px) {
  .com-pd {
    padding: 120px 0;
  }
}

/*  共通パーツ
------------------------------------ */
.com-box {
  background: #fff;
  border: 5px solid #000000;
  box-shadow: 6.364px 6.364px 0px 0px rgba(4, 0, 0, 0.17);
}
.com-box02 {
  background-color: #fff;
  border: 6px solid #000000;
  box-shadow: 8px 8px #000000;
}

.com-lg {
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 2.9rem;
  letter-spacing: 0.02em;
  color: #fff;
  text-shadow: rgb(4, 0, 0) 3px 0px 0px, rgb(4, 0, 0) 2.83487px 0.981584px 0px, rgb(4, 0, 0) 2.35766px 1.85511px 0px, rgb(4, 0, 0) 1.62091px 2.52441px 0px, rgb(4, 0, 0) 0.705713px 2.91581px 0px, rgb(4, 0, 0) -0.287171px 2.98622px 0px, rgb(4, 0, 0) -1.24844px 2.72789px 0px, rgb(4, 0, 0) -2.07227px 2.16926px 0px, rgb(4, 0, 0) -2.66798px 1.37182px 0px, rgb(4, 0, 0) -2.96998px 0.42336px 0px, rgb(4, 0, 0) -2.94502px -0.571704px 0px, rgb(4, 0, 0) -2.59586px -1.50383px 0px, rgb(4, 0, 0) -1.96093px -2.27041px 0px, rgb(4, 0, 0) -1.11013px -2.78704px 0px, rgb(4, 0, 0) -0.137119px -2.99686px 0px, rgb(4, 0, 0) 0.850987px -2.87677px 0px, rgb(4, 0, 0) 1.74541px -2.43999px 0px, rgb(4, 0, 0) 2.44769px -1.73459px 0px, rgb(4, 0, 0) 2.88051px -0.838247px 0px, rgb(4, 0, 0) 0 -3px 0px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .com-lg {
    font-size: 1.5rem;
  }
}

.com-tel {
  line-height: 1;
}
.com-tel-link {
  padding-left: 34px;
  background: url(../img/ent/info-tel.png) no-repeat left center;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 2.6rem;
  letter-spacing: 0.02em;
  color: #ffa025;
}
@media screen and (max-width: 768px) {
  .com-tel-link {
    font-size: 1.5rem;
  }
}
.com-tel-note {
  margin-left: 12px;
}

.news-post {
  width: 100%;
}
.news-post-item {
  border-bottom: 1px solid #2fb8fd;
}
.news-post-item:first-of-type a {
  padding-top: 0;
}
.news-post-link {
  display: block;
  padding: 15px 0 5px;
}
@media screen and (min-width: 768px) {
  .news-post-link:hover {
    opacity: 1;
  }
  .news-post-link:hover .news-post-time, .news-post-link:hover .news-post-ttl {
    color: #ff7e22;
  }
}
.news-post-time {
  font-family: "NotoSansCJKjp-Black", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.4;
  transition: all 0.3s ease;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .news-post-time {
    font-size: 1.5rem;
  }
}
.news-post-tag {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.news-post-tag-txt {
  margin: 0 0 10px 20px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.3;
  color: #2fb8fd;
}
@media screen and (max-width: 768px) {
  .news-post-tag-txt {
    font-size: 1.5rem;
  }
}
.news-post-ttl {
  margin-left: 15px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.4;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .news-post-ttl {
    font-size: 1.5rem;
  }
}

.com-tag {
  display: flex;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 0;
  flex-wrap: wrap;
}
.com-tag-item {
  width: 100%;
  max-width: 320px;
}
@media screen and (min-width: 768px) {
  .com-tag-item:not(:nth-of-type(3n-2)) {
    margin-left: 60px;
  }
  .com-tag-item:nth-of-type(n+4) {
    margin-top: 60px;
  }
}
.com-tag-link {
  display: flex;
  width: 100%;
  max-width: none;
  height: auto;
  padding: 13px 53px;
  align-items: center;
  line-height: 1.6;
}

/* =========================================

  main layout  all

========================================= */
/* ent  PC
------------------------------------ */
.ent-headline {
  width: 95%;
  max-width: 1280px;
  margin: auto;
  padding: 35px 0;
}
.ent-mv-item {
  width: 43.2%;
  padding: 12.7% 0;
}
.ent-mv-item01 {
  background: url(../img/ent/mv01.jpg) no-repeat center/cover;
}
.ent-mv-item02 {
  background: url(../img/ent/mv02.jpg) no-repeat center/cover;
}
.ent-mv-item:nth-of-type(n+2) {
  margin-left: 3.5%;
}
.ent-mv-link {
  display: block;
  width: 90%;
  max-width: 480px;
  margin: auto;
  padding: 30px 0;
}
.ent-mv-link01 {
  background: url(../img/ent/arrow01.png) no-repeat calc(100% - 20px) calc(100% - 40px) #fff;
}
.ent-mv-link02 {
  background: url(../img/ent/arrow02.png) no-repeat calc(100% - 20px) calc(100% - 40px) #fff;
}
@media screen and (min-width: 768px) {
  .ent-mv-link:hover {
    background-position-x: calc(100% - 15px);
    opacity: 1;
  }
}
.ent-mv-ttl {
  text-align: center;
}
.ent-mv-ttl-en {
  display: inline-block;
  width: 145px;
  height: 28px;
  background: #2FB8FD;
  background: linear-gradient(90deg, rgb(47, 184, 253) 0%, rgb(47, 144, 253) 100%);
  border-radius: 999px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  line-height: 28px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .ent-mv-ttl-en {
    font-size: 1.5rem;
  }
}
.ent-mv-ttl-en02 {
  background: #FEA025;
  background: linear-gradient(90deg, rgb(254, 160, 37) 0%, rgb(252, 201, 34) 100%);
}
.ent-mv-ttl-ja {
  margin: 12px auto 0;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 3.4rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .ent-mv-ttl-ja {
    font-size: 1.7rem;
  }
}
.ent-mv-ttl-ac01 {
  color: #2fb8fd;
}
.ent-mv-ttl-ac02 {
  color: #ff7e22;
}
.ent-news {
  padding: 60px 0 100px;
}
.ent-news-ttl {
  padding-left: 30px;
  border-left: 2px solid #000000;
  line-height: 1;
}
.ent-news-ttl-en {
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 5.1rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .ent-news-ttl-en {
    font-size: 2.55rem;
  }
}
.ent-news-ttl-ja {
  margin-top: 22px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .ent-news-ttl-ja {
    font-size: 1.5rem;
  }
}
.ent-news-btn {
  width: 280px;
  height: 60px;
  text-align: center;
  background: #2fb8fd;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.6rem;
  border-radius: 999px;
  letter-spacing: 0.02em;
  line-height: 60px;
  color: #fff;
  box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  .ent-news-btn {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .ent-news-btn:hover {
    background-color: #ffa025;
    opacity: 1;
  }
}
.ent-news-post {
  margin: 40px auto 0;
}
.ent-copy {
  padding: 10px;
  background: #ffa025;
  text-align: center;
}
.ent-copy-txt, .ent-copy-link {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 1.4;
}

/* top-about  PC
------------------------------------ */
#top-about .about-bg {
  background: url(../img/top/about-bg.jpg) no-repeat center/cover;
  position: relative;
}
#top-about .about-go {
  position: absolute;
}
#top-about .about-go-l {
  top: 236px;
  left: calc(50% - 720px);
  animation: dododo 0.12s linear infinite;
}
@media screen and (max-width: 1471px) {
  #top-about .about-go-l {
    width: 20%;
    top: 400px;
    left: 15px;
  }
}
#top-about .about-go-r {
  right: calc(50% - 720px);
  bottom: 350px;
  animation: dododo 0.12s linear infinite;
}
@media screen and (max-width: 1471px) {
  #top-about .about-go-r {
    width: 15%;
    right: 15px;
  }
}
#top-about .about-txt {
  font-size: 2rem;
  line-height: 2.25;
}
@media screen and (max-width: 768px) {
  #top-about .about-txt {
    font-size: 1.5rem;
  }
}
#top-about .about-txt-box {
  margin: 30px auto 0;
  text-align: center;
}
#top-about .about-txt-box .ac {
  color: #fcc922;
}
#top-about .about-catch {
  width: 76.29%;
  height: 0;
  margin: 15px auto 0;
  padding-top: 14.6%;
  position: relative;
  line-height: 1;
}
#top-about .about-catch01 {
  width: 24.4%;
  left: 0;
  top: 0;
}
#top-about .about-catch02 {
  width: 15.77%;
  top: 4.4%;
  left: 20.99%;
}
#top-about .about-catch03 {
  width: 12%;
  top: 37.3%;
  left: 25.84%;
}
#top-about .about-catch04 {
  width: 9.58%;
  top: 46.2%;
  left: 34.83%;
}
#top-about .about-catch05 {
  width: 48.1%;
  top: 15.3%;
  left: 41.99%;
  z-index: 1;
}
#top-about .about-catch06 {
  width: 8%;
  top: 28%;
  right: 5.3%;
}
#top-about .about-catch07 {
  width: 8%;
  top: 30%;
  right: 0.5%;
  z-index: 1;
}
#top-about .about-catch span {
  position: absolute;
}
#top-about .com-lg {
  font-size: 2.9rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #top-about .com-lg {
    font-size: 1.5rem;
  }
}

/* top-character  PC
------------------------------------ */
#top-character .character-bg {
  background: url(../img/top/character-bg.jpg) no-repeat center top/cover;
}
#top-character .character-lead {
  width: 100%;
  max-width: 740px;
  margin: 50px auto 0;
  padding: 5px 0;
  border: 7px solid #000000;
  text-align: right;
  background: #fa3419;
}
#top-character .character-list {
  margin: 70px auto 0;
}
#top-character .character-list-item {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #top-character .character-list-item {
    min-height: 765px;
  }
}
#top-character .character-list-max {
  max-width: 1920px;
  margin: auto;
}
#top-character .character-list-koma {
  width: 54%;
  height: 0;
  padding-top: 39.8%;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1921px) {
  #top-character .character-list-koma {
    width: 1037px;
    padding-top: 765px;
  }
}
#top-character .character-list-koma01 {
  background: url(../img/top/character-koma01.png) no-repeat right top/contain;
  right: 0;
}
@media screen and (min-width: 1921px) {
  #top-character .character-list-koma01 {
    right: calc(50% - 960px);
  }
}
#top-character .character-list-koma02 {
  background: url(../img/top/character-koma02.png) no-repeat right top/contain;
  left: 0;
}
@media screen and (min-width: 1921px) {
  #top-character .character-list-koma02 {
    left: calc(50% - 960px);
  }
}
#top-character .character-list-koma03 {
  background: url(../img/top/character-koma03.png) no-repeat right top/contain;
  right: 0;
}
@media screen and (min-width: 1921px) {
  #top-character .character-list-koma03 {
    right: calc(50% - 960px);
  }
}
#top-character .character-list-bg {
  position: absolute;
}
#top-character .character-list-bg01 {
  width: 77%;
  right: 30.56%;
  bottom: 0;
}
#top-character .character-list-bg02 {
  width: 104%;
  left: 7.3%;
  bottom: -43.3%;
}
#top-character .character-list-bg03 {
  width: 102.7%;
  right: 5.49%;
  bottom: 0;
}
#top-character .character-list-chara {
  position: absolute;
}
#top-character .character-list-chara01 {
  width: 64.6%;
  right: 29.3%;
  bottom: -1%;
}
#top-character .character-list-chara02 {
  width: 48%;
  left: 43.87%;
  bottom: -1%;
}
#top-character .character-list-chara03 {
  width: 86.6%;
  right: 9.6%;
  bottom: 0;
}
#top-character .character-list-deco {
  position: absolute;
  animation: dododo-soft 0.12s linear 30;
}
#top-character .character-list-deco01 {
  width: 72.1%;
  right: 25.8%;
  bottom: 11.2%;
}
#top-character .character-list-deco02 {
  width: 62.68%;
  left: 27.7%;
  bottom: 19.47%;
}
#top-character .character-list-deco03 {
  width: 66.4%;
  right: 26.5%;
  bottom: 18%;
}
#top-character .character-list-inner {
  width: 100%;
  max-width: 1080px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  #top-character .character-list-contents {
    max-width: 390px;
  }
}
#top-character .character-list-ttl::before {
  content: "";
  width: 47.9%;
  height: 137px;
  background: #061abb;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
  position: absolute;
  left: 0;
  top: 31px;
  z-index: -1;
}
#top-character .character-list-ttl::after {
  content: "";
  width: 47.9%;
  height: 137px;
  background: #040000;
  clip-path: polygon(0 0, 100% 0%, calc(100% - 100px) 100%, 0% 100%);
  position: absolute;
  left: 5px;
  top: 36px;
  z-index: -2;
}
#top-character .character-list-ttl02::before {
  background: #fcc922;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 100px 100%);
  left: auto;
  right: 0;
}
#top-character .character-list-ttl02::after {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 100px 100%);
  right: -5px;
  left: auto;
}
#top-character .character-list-ttl03::before {
  background: #fb3419;
}
#top-character .character-list-ttl-name {
  margin-top: -8px;
}
#top-character .character-list-contents-r {
  margin-left: auto;
  padding-top: 25px;
}
#top-character .character-list-table {
  display: block;
  width: 100%;
  margin-top: 35px;
}
#top-character .character-list-table tr {
  display: flex;
  align-items: flex-start;
}
#top-character .character-list-table tr:nth-of-type(n+2) {
  margin-top: 27px;
}
#top-character .character-list-table th, #top-character .character-list-table td {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
#top-character .character-list-table th {
  width: 121px;
  height: 33px;
  background: #fcc922;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  line-height: 33px;
}
@media screen and (max-width: 768px) {
  #top-character .character-list-table th {
    font-size: 1.5rem;
  }
}
#top-character .character-list-table td {
  padding-left: 30px;
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #top-character .character-list-table td {
    font-size: 1.5rem;
  }
}
#top-character .character-list-txt {
  margin-top: 25px;
}
#top-character .left {
  text-align: left;
  display: block;
}

/* top-works  PC
------------------------------------ */
#top-works .works-bg {
  background: url(../img/top/works.jpg) no-repeat center top/cover;
}
#top-works .works-list {
  margin: 190px auto 0;
}
#top-works .works-list-item {
  position: relative;
}
#top-works .works-list-item:nth-of-type(n+2) {
  margin: 390px auto 0;
}
#top-works .works-list-chara {
  position: absolute;
}
#top-works .works-list-chara01 {
  top: -347px;
  left: -67px;
}
#top-works .works-list-chara02 {
  top: -338px;
  right: -105px;
  z-index: 1;
}
#top-works .works-list-inner {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  #top-works .works-list-inner02 {
    max-width: 530px;
    margin-left: auto;
  }
}
#top-works .works-list-img {
  position: absolute;
}
#top-works .works-list-img01 {
  top: -239px;
  right: -160px;
  z-index: 2;
}
#top-works .works-list-img02 {
  top: -330px;
  left: -160px;
  z-index: 0;
}
#top-works .works-list-ttl {
  position: relative;
  line-height: 1;
}
#top-works .works-list-ttl::before {
  content: "";
  width: 585px;
  height: 217px;
  background: #000;
  box-shadow: 15px 12px #fea025;
  transform: skew(-26deg, -7deg);
  position: absolute;
  top: -50px;
  left: -16px;
  z-index: -1;
}
#top-works .works-list-ttl-en {
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 3.9rem;
  letter-spacing: 0;
  color: #fff;
  text-shadow: rgb(0, 0, 0) 4px 0px 0px, rgb(0, 0, 0) 3.87565px 0.989616px 0px, rgb(0, 0, 0) 3.51033px 1.9177px 0px, rgb(0, 0, 0) 2.92676px 2.72656px 0px, rgb(0, 0, 0) 2.16121px 3.36588px 0px, rgb(0, 0, 0) 1.26129px 3.79594px 0px, rgb(0, 0, 0) 0.282949px 3.98998px 0px, rgb(0, 0, 0) -0.712984px 3.93594px 0px, rgb(0, 0, 0) -1.66459px 3.63719px 0px, rgb(0, 0, 0) -2.51269px 3.11229px 0px, rgb(0, 0, 0) -3.20457px 2.39389px 0px, rgb(0, 0, 0) -3.69721px 1.52664px 0px, rgb(0, 0, 0) -3.95997px 0.56448px 0px, rgb(0, 0, 0) -3.97652px -0.432781px 0px, rgb(0, 0, 0) -3.74583px -1.40313px 0px, rgb(0, 0, 0) -3.28224px -2.28625px 0px, rgb(0, 0, 0) -2.61457px -3.02721px 0px, rgb(0, 0, 0) -1.78435px -3.57996px 0px, rgb(0, 0, 0) -0.843183px -3.91012px 0px, rgb(0, 0, 0) 0.150409px -3.99717px 0px, rgb(0, 0, 0) 1.13465px -3.8357px 0px, rgb(0, 0, 0) 2.04834px -3.43574px 0px, rgb(0, 0, 0) 2.83468px -2.82216px 0px, rgb(0, 0, 0) 3.44477px -2.03312px 0px, rgb(0, 0, 0) 3.84068px -1.11766px 0px, rgb(0, 0, 0) 3.9978px -0.132717px 0px;
}
@media screen and (max-width: 768px) {
  #top-works .works-list-ttl-en {
    font-size: 1.95rem;
  }
}
#top-works .works-list-ttl-ja {
  margin-top: 10px;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 7rem;
  letter-spacing: 0.08em;
  color: #fcc922;
}
@media screen and (max-width: 768px) {
  #top-works .works-list-ttl-ja {
    font-size: 3.5rem;
  }
}
#top-works .works-list-fuki {
  max-width: 533px;
  margin-top: 40px;
  padding: 15px 15px 17px;
  background: #fff;
  position: relative;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (max-width: 768px) {
  #top-works .works-list-fuki {
    font-size: 1.5rem;
  }
}
#top-works .works-list-fuki::before {
  content: "";
  width: 85px;
  height: 69px;
  background: url(../img/top/works-deco__arrow.png) no-repeat center bottom/contain;
  position: absolute;
  top: -65px;
  right: 158px;
  pointer-events: none;
}
#top-works .works-list-fuki .ac {
  font-family: "NotoSansCJKjp-Black", sans-serif;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  color: #fea025;
}
@media screen and (max-width: 768px) {
  #top-works .works-list-fuki .ac {
    font-size: 1.5rem;
  }
}
#top-works .works-list-fuki02::before {
  right: auto;
  left: 140px;
}
#top-works .works-list-btn-wrap {
  margin-top: 20px;
}
#top-works .works-list-btn-wrap li:nth-of-type(n+2) {
  margin-top: 10px;
}

/* top-charm  PC
------------------------------------ */
#top-charm .charm-bg {
  background: url(../img/top/charm-lt.png) no-repeat left top/42%, url(../img/top/charm-centerbottom.jpg) no-repeat center bottom/100%;
}
@media screen and (min-width: 1921px) {
  #top-charm .charm-bg {
    background-size: auto, 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #top-charm .charm-bg {
    overflow: hidden;
  }
}
#top-charm .charm-ttl-ja {
  margin-left: 19px;
}
#top-charm .charm-fuki {
  margin-top: -142px;
  margin-right: -30px;
  text-align: right;
  position: relative;
  z-index: -1;
}
@media screen and (max-width: 1183px) {
  #top-charm .charm-fuki {
    margin-right: 0;
  }
}
#top-charm .charm-list {
  margin: -163px auto 0;
}
@media screen and (max-width: 1230px) {
  #top-charm .charm-list {
    width: 86%;
  }
}
#top-charm .charm-list-item {
  max-width: 774px;
  padding: 0 25px 25px;
  background: #fff;
  border: 6px solid #000000;
  box-shadow: 8px 8px #000000;
  position: relative;
}
#top-charm .charm-list-item:nth-of-type(n+2) {
  margin: 30px auto 0;
}
#top-charm .charm-list-item:nth-of-type(2n-1) {
  margin-left: 0;
}
#top-charm .charm-list-item:nth-of-type(2n) {
  margin-right: 0;
}
#top-charm .charm-list-ttl-num {
  position: absolute;
  top: -10px;
  left: -95px;
  line-height: 1;
}
#top-charm .charm-list-ttl-ja {
  padding-left: 30px;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.02em;
  color: #222222;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top-charm .charm-list-ttl-ja {
    font-size: 1.6rem;
  }
}
#top-charm .charm-list-ttl-ja .ac {
  font-size: 4.3rem;
  color: #fb3419;
}
@media screen and (max-width: 768px) {
  #top-charm .charm-list-ttl-ja .ac {
    font-size: 2.15rem;
  }
}
#top-charm .charm-list-txt {
  margin-top: 10px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  line-height: 2.22;
}
@media screen and (max-width: 768px) {
  #top-charm .charm-list-txt {
    font-size: 1.5rem;
  }
}
#top-charm .charm-list-txt .ac {
  color: #fea025;
  font-family: "NotoSansCJKjp-Black", sans-serif;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #top-charm .charm-list-txt .ac {
    font-size: 1.5rem;
  }
}
#top-charm .charm-chara {
  margin: 18px 0 0 -30px;
  position: relative;
  z-index: 1;
}
#top-charm .charm-chara-illu {
  position: absolute;
  top: -48px;
  right: 43px;
  z-index: -1;
}
#top-charm .charm-chara-go {
  animation: dododo-soft 0.12s linear infinite;
  position: absolute;
  right: 68px;
  top: 87px;
}

/* top-data  PC
------------------------------------ */
#top-data .data-bg {
  background: url(../img/ptn/pattern__dia__orrange_03.png);
}
#top-data .data-ttl {
  text-align: left;
}
#top-data .data-ttl-ja {
  text-align: right;
}
#top-data .data-list {
  margin: 38px auto 0;
}
#top-data .data-list-item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #top-data .data-list-item {
    max-width: 525px;
  }
  #top-data .data-list-item:nth-of-type(n+3) {
    margin-top: 32px;
  }
}
#top-data .data-list-box {
  min-height: 200px;
  background: #fff;
  border: 5px solid #000000;
  box-shadow: 4.243px 4.243px 0px 0px rgba(4, 0, 0, 0.2);
  position: relative;
}
#top-data .data-list-box-lg {
  min-height: 430px;
}
#top-data .data-list-box-ttl {
  display: inline-block;
  height: 32px;
  padding-left: 6px;
  padding-right: 31px;
  background: #222222;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 2.1rem;
  letter-spacing: 0.1em;
  color: #c1fc22;
  line-height: 27px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 21px) 100%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  #top-data .data-list-box-ttl {
    font-size: 1.5rem;
  }
}
#top-data .data-list-box-illu {
  position: absolute;
}
#top-data .data-list-box-illu01 {
  top: 13px;
  left: 68px;
}
#top-data .data-list-box-illu02 {
  top: 14px;
  right: 8px;
}
#top-data .data-list-box-illu03 {
  top: 23px;
  left: 47px;
}
#top-data .data-list-box-illu04 {
  top: 17px;
  right: 53px;
}
#top-data .data-list-box-illu05 {
  left: 93px;
  top: 35px;
}
#top-data .data-list-box-illu06 {
  top: 55px;
  left: 75px;
}
#top-data .data-list-box-illu07 {
  bottom: 35px;
  left: 97px;
}
#top-data .data-list-box-illu08 {
  top: 55px;
  left: 42px;
}
#top-data .data-list-box-illu09 {
  top: 237px;
  left: 87px;
}
#top-data .data-list-box-illu10 {
  left: 28px;
  bottom: 18px;
}
#top-data .data-list-box-illu11 {
  left: 23px;
  bottom: 19px;
}
#top-data .data-list-box-txt {
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 4.5rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #top-data .data-list-box-txt {
    font-size: 2.25rem;
  }
}
#top-data .data-list-box-txt .lg {
  color: #fb3419;
  font-size: 12rem;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  #top-data .data-list-box-txt .lg {
    font-size: 6rem;
  }
}
#top-data .data-list-box-txt .ac {
  color: #fb3419;
}
#top-data .data-list-box-txt01 {
  padding-top: 54px;
  padding-right: 57px;
  text-align: right;
}
#top-data .data-list-box-txt02 {
  padding: 57px 0 0 78px;
}
#top-data .data-list-box-txt03 {
  padding: 270px 0 0;
  text-align: center;
}
#top-data .data-list-box-txt04 {
  padding: 50px 0 0 87px;
}
#top-data .data-list-box-txt05 {
  padding: 40px 0 0 150px;
}
#top-data .data-list-box-txt06 {
  padding: 112px 0 0 74px;
}
#top-data .data-list-box-txt07 {
  padding: 13px 0 0 62px;
}
#top-data .data-list-box-txt08 {
  padding: 105px 0 0 140px;
}
#top-data .data-list-box-txt09 {
  padding: 34px 0 0 178px;
}
#top-data .data-list-box-txt10 {
  padding: 71px 35px 0 0;
  text-align: right;
}
#top-data .data-list-box-txt11 {
  padding: 60px 35px 0 0;
  text-align: right;
}

/* top-career  PC
------------------------------------ */
#top-career .career-bg {
  background: url(../img/top/career-bg.jpg) no-repeat center top/cover;
}
#top-career .career-list {
  margin: -30px auto 0;
  position: relative;
}
#top-career .career-list-arw {
  position: absolute;
  z-index: 10;
}
#top-career .career-list-item {
  width: 100%;
  max-width: 246px;
}
@media screen and (min-width: 768px) {
  #top-career .career-list-item:first-of-type {
    position: relative;
    z-index: 100;
  }
}
#top-career .career-list-graph {
  display: flex;
  height: 466px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
#top-career .career-list-num {
  margin: -15px auto 0;
  position: relative;
}
#top-career .career-list-height {
  width: 100%;
  height: 0;
  margin: -24px auto 0;
  border: 8px solid transparent;
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.23);
}
#top-career .career-list-height01 {
  padding-top: 104px;
  background: linear-gradient(#ffd653, #ffd653) padding-box, linear-gradient(45deg, #ff5613, #ffd653) border-box;
}
#top-career .career-list-height02 {
  padding-top: 153px;
  background: linear-gradient(#ffb736, #ffb736) padding-box, linear-gradient(45deg, #ff5613, #ffd653) border-box;
}
#top-career .career-list-height03 {
  padding-top: 234px;
  background: linear-gradient(#ff7e22, #ff7e22) padding-box, linear-gradient(45deg, #ff5613, #ffd653) border-box;
}
#top-career .career-list-height04 {
  padding-top: 284px;
  background: linear-gradient(#ff3413, #ff3413) padding-box, linear-gradient(45deg, #ff5613, #ffd653) border-box;
}
#top-career .career-list-ttl {
  margin: 22px auto 0;
  text-align: center;
}
#top-career .career-list-ttl04 {
  padding-right: 9px;
  text-align: right;
  position: relative;
  z-index: 1;
}
#top-career .career-list-ttl04-lg {
  position: absolute;
  left: 7px;
  top: -18px;
  z-index: -1;
}
#top-career .career-list-txt {
  min-height: 150px;
  margin: 10px auto 0;
  font-size: 1.5rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #top-career .career-list-txt {
    font-size: 1.5rem;
  }
}
#top-career .career-list-box {
  margin: 15px auto 0;
  padding: 20px 14px 10px;
}
@media screen and (min-width: 768px) {
  #top-career .career-list-box {
    min-height: 158px;
  }
}
#top-career .career-list-box01 {
  background: #ffd653;
}
#top-career .career-list-box02 {
  background: #ffb736;
}
#top-career .career-list-box03 {
  background: #ff7e22;
}
#top-career .career-list-box04 {
  background: #ff3413;
}
#top-career .career-list-box04 dt, #top-career .career-list-box04 dd {
  color: #fff;
}
#top-career .career-list-box dt {
  text-align: center;
  font-family: "NotoSansCJKjp-Black", sans-serif;
  font-size: 2.3rem;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #top-career .career-list-box dt {
    font-size: 1.5rem;
  }
}
#top-career .career-list-box dd {
  margin: 15px auto 0;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #top-career .career-list-box dd {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  [data-aos=career-height01] {
    padding-top: 0 !important;
  }
  [data-aos=career-height01].aos-animate {
    padding-top: 104px !important;
  }
  [data-aos=career-height02] {
    padding-top: 0 !important;
  }
  [data-aos=career-height02].aos-animate {
    padding-top: 153px !important;
  }
  [data-aos=career-height03] {
    padding-top: 0 !important;
  }
  [data-aos=career-height03].aos-animate {
    padding-top: 234px !important;
  }
  [data-aos=career-height04] {
    padding-top: 0 !important;
  }
  [data-aos=career-height04].aos-animate {
    padding-top: 284px !important;
  }
  [data-aos=career-arw] {
    width: 0;
    max-width: none;
    height: 0;
    left: -43px;
    top: 0;
  }
  [data-aos=career-arw].aos-animate {
    width: 1177px;
    height: 240px;
    top: -300px;
  }
  .career-list-sp-bg01 {
    position: relative;
  }
}
/* top-salary  PC
------------------------------------ */
#top-salary .salary-ttl-ja {
  margin: 0 0 0 23px;
}
#top-salary .salary-list {
  margin: 50px auto 0;
}
#top-salary .salary-list-item {
  width: 100%;
  max-width: 340px;
  padding: 165px 15px 18px;
  background: #ff9e25;
  border: 4px solid #fff;
  position: relative;
}
#top-salary .salary-list-item::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/top/salary-ptn.png);
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  #top-salary .salary-list-item:nth-of-type(2) {
    margin-top: 30px;
  }
  #top-salary .salary-list-item:nth-of-type(3) {
    margin-top: 60px;
  }
}
#top-salary .salary-list-ttl {
  position: absolute;
  top: -8px;
  left: 28px;
}
#top-salary .salary-list-ttl-lg {
  top: -33px;
}
#top-salary .salary-list-txt {
  line-height: 2.22;
}
#top-salary .salary-list-price {
  margin: 10px auto 0;
  text-align: center;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 2.8rem;
  letter-spacing: 0.06em;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #top-salary .salary-list-price {
    font-size: 1.5rem;
  }
}
#top-salary .salary-list-price .lg {
  font-size: 4.8rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
  #top-salary .salary-list-price .lg {
    font-size: 2.4rem;
  }
}
#top-salary .salary-note {
  margin: 42px auto 0;
  text-align: right;
}
#top-salary .salary-note-txt {
  display: inline-block;
  text-align: left;
  color: #aaaaaa;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  #top-salary .salary-note-txt {
    font-size: 1.5rem;
  }
}

/* top-person  PC
------------------------------------ */
#top-person .person-bg {
  background: url(../img/ptn/pattern__dia__blue.png);
  position: relative;
}
#top-person .person-img {
  position: absolute;
  bottom: 0;
  right: calc(50% - 890px);
}
@media screen and (min-width: 768px) {
  #top-person .person-img {
    z-index: 5;
  }
}
#top-person .person-ttl {
  text-align: right;
  position: relative;
  z-index: 10;
}
#top-person .person-list {
  margin: 50px auto 0;
}
#top-person .person-list-item {
  max-width: 900px;
  padding: 9px 65px 9px;
  border: 8px solid #000000;
  background: #FF7E22;
  background: linear-gradient(90deg, rgb(255, 126, 34) 0%, rgb(246, 171, 53) 100%);
  position: relative;
  box-shadow: 6.364px 6.364px 0px 0px rgba(4, 0, 0, 0.17);
}
#top-person .person-list-item:nth-of-type(n+2) {
  margin-top: 60px;
}
#top-person .person-list-item:nth-of-type(2n) {
  margin-left: 64px;
}
#top-person .person-list-item img {
  position: absolute;
  left: -83px;
  top: -73px;
}
#top-person .person-list-txt {
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 3.8rem;
  letter-spacing: 0.02em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top-person .person-list-txt {
    font-size: 1.9rem;
  }
}

/* top-job  PC
------------------------------------ */
#top-job .job-bg {
  background: #d8f2ff;
}
#top-job .job-list {
  margin: 40px auto 0;
  padding: 50px 70px;
}
#top-job .job-list-item:nth-of-type(n+2) {
  margin: 40px auto 0;
}
#top-job .job-list-table {
  margin: 30px auto 0;
}

/* top-flow  PC
------------------------------------ */
#top-flow .flow-bg {
  background: url(../img/top/flow-bg.jpg) no-repeat center bottom;
}
@media screen and (min-width: 1921px) {
  #top-flow .flow-bg {
    background-size: 100%;
  }
}
#top-flow .flow-inner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #top-flow .flow-chara {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
#top-flow .flow-chara-do {
  animation: dododo-soft 0.12s linear infinite;
  position: absolute;
  right: 31px;
  bottom: 61px;
}
#top-flow .flow-ttl-ja {
  margin-left: 20px;
}
#top-flow .flow-list {
  margin-top: 45px;
}
#top-flow .flow-list-item:nth-of-type(n+2) {
  margin-top: 20px;
}
#top-flow .flow-list-ttl {
  display: flex;
  margin-left: -64px;
  align-items: flex-end;
  position: relative;
  z-index: 2;
}
#top-flow .flow-list-ttl-ja {
  width: 374px;
  height: 55px;
  padding: 0 25px;
  margin-left: 6px;
  border-radius: 999px;
  background: #333333;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 3.7rem;
  letter-spacing: 0.02em;
  color: #fff;
  line-height: 55px;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-ttl-ja {
    font-size: 1.85rem;
  }
}
#top-flow .flow-list-box {
  width: 100%;
  max-width: 490px;
  min-height: 126px;
  margin-top: -36px;
  padding: 40px 17px 16px;
  border: 3px solid #fff;
  outline: 4px solid #000000;
  outline-offset: -7px;
  background: #ff7e22;
  position: relative;
}
#top-flow .flow-list-box::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/top/salary-ptn.png);
  position: absolute;
  top: 23px;
  left: 23px;
  z-index: -1;
}
#top-flow .flow-list-box-txt {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  #top-flow .flow-list-box-txt {
    font-size: 1.5rem;
  }
}

/* top-entry  PC
------------------------------------ */
#top-entry .entry-bg {
  background: url(../img/top/entry-bg.jpg) no-repeat center top/cover;
}
#top-entry .entry-box {
  margin: 45px auto 0;
  padding: 37px 75px 60px;
}
#top-entry .entry-tel {
  display: block;
  text-align: center;
}
#top-entry .entry-tel-link {
  padding-left: 45px;
  background-image: url(../img/top/entry-tel.png);
  background-position: left bottom;
  font-size: 4.2rem;
  color: #000000;
}
@media screen and (max-width: 768px) {
  #top-entry .entry-tel-link {
    font-size: 2.1rem;
  }
}
#top-entry .entry-tel-note {
  display: block;
  margin: 15px auto 0;
}
#top-entry .entry-ttl {
  margin: 34px auto 0;
  background-image: url(../img/ptn/pattern__dot__red.png);
}

/* top-message  PC
------------------------------------ */
#top-message .message-bg {
  background: url(../img/top/message-bg.jpg) no-repeat center/cover;
}
#top-message .message-inner {
  position: relative;
}
#top-message .message-ttl {
  position: relative;
  z-index: 2;
}
#top-message .message-txt-box {
  margin: 36px auto 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
#top-message .message-txt-box::before {
  width: 1399px;
  height: 806px;
  background: url(../img/top/message-fuki.png) no-repeat center/contain;
  position: absolute;
  left: -179px;
  top: -150px;
  content: "";
  z-index: -1;
}
#top-message .message-catch {
  width: 72.1%;
  height: 0;
  margin: 12px auto 0;
  padding-top: 16.7%;
  position: relative;
  z-index: 3;
  line-height: 1;
}
#top-message .message-catch span {
  position: absolute;
}
#top-message .message-catch-txt01 {
  width: 38.89%;
  left: 0;
  top: 0;
}
#top-message .message-catch-txt02 {
  width: 8.98%;
  left: 38.2%;
  top: 15.4%;
}
#top-message .message-catch-txt03 {
  width: 50.44%;
  left: 38.2%;
  top: 24.3%;
}
#top-message .message-catch-txt04 {
  width: 12.96%;
  right: 0;
  top: 44.19%;
}
#top-message .message-chara {
  position: absolute;
  z-index: 2;
}
#top-message .message-chara01 {
  left: -100px;
  bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1654px) {
  #top-message .message-chara01 {
    width: 357px;
    left: 151px;
  }
}
#top-message .message-chara02 {
  left: -406px;
  bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1654px) {
  #top-message .message-chara02 {
    width: 397px;
    left: -43px;
  }
}
#top-message .message-chara03 {
  right: -112px;
  bottom: 0;
}
@media screen and (min-width: 768px) and (max-width: 1654px) {
  #top-message .message-chara03 {
    width: 271px;
    right: -40px;
  }
}
#top-message .com-txt {
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  #top-message .com-txt {
    font-size: 1.5rem;
  }
}
#top-message .com-txt .ac {
  color: #ffa025;
  font-family: "DelaGothicOne-Regular", sans-serif;
}
#top-message .com-txt .lg {
  font-size: 2.8rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #top-message .com-txt .lg {
    font-size: 1.5rem;
  }
}

/* top-news  PC
------------------------------------ */
#top-news .news-ttl {
  text-align: left;
}
#top-news .news-btn {
  margin-top: 45px;
}
#top-news .news-list {
  width: 100%;
  max-width: 680px;
}
#top-news .news-list-item:nth-of-type(n+2) {
  margin-top: 20px;
}
#top-news .news-list-link {
  display: block;
  padding: 14px 23px 22px;
  border: 8px solid #000000;
  background: #FEA025;
  background: linear-gradient(90deg, rgb(254, 160, 37) 0%, rgb(252, 201, 34) 100%);
  box-shadow: 6.364px 6.364px 0px 0px rgba(4, 0, 0, 0.17);
  transform: translate(0, 0);
}
@media screen and (min-width: 768px) {
  #top-news .news-list-link:hover {
    box-shadow: 0 0 0px 0px rgba(4, 0, 0, 0.17);
    transform: translate(5px, 5px);
    opacity: 1;
  }
}
#top-news .news-list-time {
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.02em;
  color: #000000;
}
@media screen and (max-width: 768px) {
  #top-news .news-list-time {
    font-size: 1.5rem;
  }
}
#top-news .news-list-ttl {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top-news .news-list-ttl {
    font-size: 1.5rem;
  }
}
#top-news .news-list-tag {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#top-news .news-list-tag-txt {
  margin: 12px 0 0 12px;
  padding: 2px 11px;
  background: #fff;
  border-radius: 999px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
  color: #ffa025;
  box-shadow: 0px 2px 0px 0px rgba(4, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
  #top-news .news-list-tag-txt {
    font-size: 1.5rem;
  }
}

/* top-company  PC
------------------------------------ */
#top-company .company-bg {
  background: url(../img/pattern__dot__blue.png);
}
#top-company .company-box {
  margin: 56px auto 0;
  padding: 50px 70px 60px;
}
#top-company .company-table th {
  background-color: #2fb8fd;
}
#top-company .company-map {
  margin: 19px auto 0;
}

/* =========================================

  sub layout  all

========================================= */
/* work  PC
------------------------------------ */
#work .work-list {
  margin: 50px auto 0;
}
#work .work-list-item {
  position: relative;
}
#work .work-list-item:nth-of-type(n+2) {
  margin-top: 195px;
}
#work .work-list-img {
  position: absolute;
  top: 106px;
}
#work .work-list-img01 {
  right: -226px;
}
#work .work-list-img02 {
  left: -220px;
}
#work .work-list-con {
  width: 100%;
  margin-top: 100px;
}
@media screen and (min-width: 768px) {
  #work .work-list-con {
    max-width: 510px;
  }
  #work .work-list-con02 {
    margin-left: auto;
  }
}
#work .work-list-con p {
  font-size: 1.8rem;
  line-height: 2.2;
}
@media screen and (max-width: 768px) {
  #work .work-list-con p {
    font-size: 1.5rem;
  }
}
#work .work-list-btn {
  margin: 50px 0 0 auto;
}
#work .job {
  background: url(../img/work/job-bg-lt.png) no-repeat left top/34.4%, url(../img/work/job-bg-rb.png) no-repeat right bottom/28.6% #d8f2ff;
}
#work .job-list {
  margin: 100px auto 0;
}
#work .job-list-item {
  width: 100%;
  max-width: 980px;
}
#work .job-list-item:nth-of-type(2n) {
  margin: 90px auto 0 0;
}
#work .job-list-item:nth-of-type(2n-1) {
  margin: 90px 0 0 auto;
}
#work .job-box {
  height: 480px;
  padding: 33px;
  position: relative;
}
#work .job-box-img {
  position: absolute;
  top: -51px;
}
#work .job-box-img-l {
  left: -230px;
}
#work .job-box-img-r {
  right: -204px;
}
#work .job-box-con {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #work .job-box-con {
    max-width: 640px;
    margin-left: auto;
  }
  #work .job-box-con-l {
    margin-left: 0;
  }
}
#work .job-box-ttl {
  padding-left: 77px;
  background-color: #2fb8fd;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 3.4rem;
  color: #fff;
  letter-spacing: 0.04em;
  line-height: 1.7;
  box-shadow: 4px 4px #000000;
  position: relative;
}
@media screen and (max-width: 768px) {
  #work .job-box-ttl {
    font-size: 1.7rem;
  }
}
#work .job-box-ttl-num {
  width: 83px;
  height: 58px;
  padding: 10px 0 0 9px;
  background: url(../img/work/job-num.png) no-repeat left top/contain;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 3.5rem;
  letter-spacing: 0.04em;
  color: #fff;
  position: absolute;
  left: -16px;
  top: -21px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #work .job-box-ttl-num {
    font-size: 1.75rem;
  }
}
#work .job-box-ttl-sm {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.02em;
}
#work .job-box-txt-box {
  margin-top: 23px;
}

/* flow  PC
------------------------------------ */
#flow .flow {
  background: url(../img/flow/flow-bg.jpg) no-repeat center bottom/cover;
}
#flow .flow-ttl {
  position: relative;
}
#flow .flow-ttl-fuki {
  position: absolute;
  left: -45px;
  top: -117px;
}
#flow .flow-list {
  margin: 45px auto 0;
  position: relative;
  z-index: 1;
}
#flow .flow-list::before {
  content: "";
  width: 75px;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  left: 52px;
  top: 0;
  z-index: -1;
}
#flow .flow-list-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#flow .flow-list li:nth-of-type(n+2) {
  margin: 25px auto 0;
}
#flow .flow-list-box {
  display: flex;
  padding: 23px 33px 33px;
  justify-content: space-between;
  align-items: flex-start;
}
#flow .flow-list-time {
  width: 180px;
  padding: 31px 0;
  background: #2fb8fd;
  text-align: center;
  font-family: "DelaGothicOne-Regular", sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.02em;
  color: #fff;
  line-height: 1.09;
}
@media screen and (max-width: 768px) {
  #flow .flow-list-time {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  #flow .flow-list-contents {
    width: 100%;
    max-width: 880px;
  }
}
#flow .flow-list-contents .flow-list-box:nth-of-type(n+2) {
  margin-top: 30px;
}
#flow .flow-list-txt {
  margin-top: 16px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.7rem;
  line-height: 2.05;
}
@media screen and (max-width: 768px) {
  #flow .flow-list-txt {
    font-size: 1.5rem;
  }
}
#flow .flow-list-img {
  margin-left: 44px;
  flex-shrink: 0;
}
#flow .flow-chara {
  margin-top: -54px;
  padding-left: 13px;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  #flow .flow-chara-fuki {
    position: absolute;
    right: 17px;
    bottom: 47px;
  }
  #flow .flow-chara-fuki02 {
    position: absolute;
    left: 180px;
    bottom: 92px;
  }
}
#flow .flow-chara02 {
  margin-right: -66px;
  text-align: right;
}
#flow .flow02 {
  background: url(../img/flow/bg__img02.png) no-repeat center bottom/cover;
}

/* news  PC
------------------------------------ */
#news .news-post-tag {
  margin-top: 0;
}
#news .news-post-flx {
  margin-top: 30px;
}

/* site  PC
------------------------------------ */
#site .site-link {
  font-family: "NotoSansCJKjp-Bold", sans-serif;
}/*# sourceMappingURL=all.css.map */