@charset "UTF-8";
/*16*1.75/2*/
/*=======*/
/* index */
/*=======*/
.index {
  /* メイン
  -----------------------------------*/
  /* about
  -----------------------------------*/
  /* team
  -----------------------------------*/
  /* services
  -----------------------------------*/
  /* results
  -----------------------------------*/
  /* linkage
  -----------------------------------*/
  /* media
  -----------------------------------*/
  /* news
  -----------------------------------*/
  /* about02
  -----------------------------------*/
  /* team_lita-sec
  -----------------------------------*/
  /* recruit-sec
  -----------------------------------*/
  /* information-sec
  -----------------------------------*/
}
.index section {
  overflow: hidden;
}
.index .main-sec {
  height: calc(100dvh - 97px);
}
@media (max-width: 767px) {
  .index .main-sec {
    margin-bottom: 80px;
    height: calc(85dvh - 64px);
  }
}
.index .main-sec .bn-slider {
  padding: 150px 0 50px;
}
@media (max-width: 767px) {
  .index .main-sec .bn-slider {
    padding: 148px 0 0;
  }
}
.index .main-sec .bn-slider li {
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 24px;
}
@media (max-width: 767px) {
  .index .main-sec .bn-slider li {
    padding: 0 12px;
  }
}
.index .main-sec .bn-slider li .caption {
  display: inline-block;
  margin-bottom: 32px;
  padding: 5px 15px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.index .main-sec .bn-slider li .ttl {
  margin: 0 0 40px;
  color: #fff;
  font-size: 80px;
  font-weight: 300;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .index .main-sec .bn-slider li .ttl {
    margin: 0;
    font-size: clamp(32px, 11.2vw, 54px);
  }
}
.index .main-sec .bn-slider .anime01 {
  opacity: 0;
  transform: translateY(100px);
  transition: all 500ms ease;
}
.index .main-sec .bn-slider .active .anime01 {
  opacity: 1;
  transform: translateY(0);
}
.index .main-sec .bn-slider .bt {
  pointer-events: none;
}
.index .about-sec {
  margin-bottom: min(340px, 33.203vw);
}
@media (max-width: 767px) {
  .index .about-sec {
    margin-bottom: 180px;
  }

  .index .main-sec .bn-slider li .caption {
    padding: 0;
    margin-bottom: 0;
    line-height: 1.6;
  }

  .index .main-sec .bn-slider .active .ttl.anime01 {
    margin-bottom: 20px;
    line-height: 1.5;
    font-weight: var(--title-font-weight);
  }

  .index .btn-style-master {
    border: 1px solid #fff;
  }

  .index .main-sec .btn-style-one {
    padding: 8px 30px;
  }

  .index .owl-carousel .owl-stage-outer {
    overflow: initial;
  }
}
.index .about-sec .heading02 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 42px;
  font-weight: 400;
  line-height: var(--line-height-heading);
}
@media (max-width: 767px) {
  .index .about-sec .heading02 {
    font-size: 26px;
    line-height: 1.6;
  }
}
.index .about-sec p {
  margin-bottom: 0;
  color: #fff;
  font-size: 20px;
  line-height: 2.2;
}
@media (max-width: 767px) {
  .index .about-sec p {
    font-size: 13px;
    line-height: 1.8;
  }
}
.index .about-sec p:not(:last-child) {
  margin-bottom: 20px;
}
.index .team-sec {
  margin-bottom: min(310px, 6.4vw);
}
@media (max-width: 767px) {
  .index .team-sec {
    margin-bottom: 48px;
  }
}
.index .team-sec .heading01 {
  margin: 0 0 50px;
  color: #fff;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .index .team-sec .heading01 {
    font-size: 28px;
    line-height: 1.6;
  }
}
.index .team-sec .philosophy-area {
  position: relative;
  z-index: 1;
  margin: 0 0 50px;
}
.index .team-sec .philosophy-area .ph-list {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .ph-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.index .team-sec .philosophy-area .ph-list li {
  width: 17.187%;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .ph-list li {
    width: 33.3333333333%;
  }
}
.index .team-sec .philosophy-area .txt {
  position: absolute;
  z-index: 2;
  margin-bottom: 0;
  color: #fff;
  text-shadow: 0 0 4px #000;
  text-align: center;
  line-height: 2.2;
}
.index .team-sec .philosophy-area .txt.txt01 {
  top: 20%;
  left: 10%;
  font-size: min(52px, 2.708vw);
  -webkit-animation: txt-anime 1.5s ease-in-out infinite alternate;
  animation: txt-anime 1.5s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt {
    width: fit-content;
    white-space: nowrap;
    text-shadow: 1px 1px 0 #001532;
  }

  .index .team-sec .philosophy-area .txt.txt01 {
    top: 8%;
    left: 60%;
    font-size: 3.73vw;
  }
}
.index .team-sec .philosophy-area .txt.txt02 {
  right: 25%;
  bottom: 8%;
  font-size: min(39px, 2.031vw);
  -webkit-animation: txt-anime 1.5s ease-in-out infinite alternate;
  animation: txt-anime 1.5s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt.txt02 {
    bottom: 13%;
    left: 61%;
    font-size: 3.73vw;
  }
}
.index .team-sec .philosophy-area .txt.txt03 {
  top: 40%;
  left: 20%;
  font-size: min(35px, 1.822vw);
  -webkit-animation: txt-anime 2.5s ease-in-out infinite alternate;
  animation: txt-anime 2.5s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt.txt03 {
    top: 22%;
    left: 24%;
    font-size: 3.73vw;
  }
}
.index .team-sec .philosophy-area .txt.txt04 {
  top: 55%;
  right: 10%;
  font-size: min(38px, 1.979vw);
  -webkit-animation: txt-anime 2.5s ease-in-out infinite alternate;
  animation: txt-anime 2.5s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt.txt04 {
    top: 45%;
    right: 61%;
    font-size: 3.73vw;
  }
}
.index .team-sec .philosophy-area .txt.txt05 {
  top: 20%;
  left: 60%;
  font-size: min(30px, 1.562vw);
  -webkit-animation: txt-anime 1.5s ease-in-out infinite alternate;
  animation: txt-anime 1.5s ease-in-out infinite alternate;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt.txt05 {
    top: 84%;
    left: 6%;
    font-size: 3.73vw;
  }
}
.index .team-sec .philosophy-area .txt.txt06 {
  bottom: 10%;
  left: 15%;
  font-size: min(39px, 2.031vw);
  -webkit-animation: txt-anime 2.5s ease-in-out infinite alternate;
  animation: txt-anime 2.5s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt.txt06 {
    bottom: 20%;
    left: 30%;
    font-size: 3.73vw;
  }
}
.index .team-sec .philosophy-area .txt.txt07 {
  top: 66%;
  left: 47%;
  font-size: min(45px, 2.343vw);
  -webkit-animation: txt-anime 1.5s ease-in-out infinite alternate;
  animation: txt-anime 1.5s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt.txt07 {
    top: 30%;
    left: 56%;
    font-size: 3.73vw;
  }
}
.index .team-sec .philosophy-area .txt.txt08 {
  top: 40%;
  right: 20%;
  font-size: min(38px, 1.979vw);
  -webkit-animation: txt-anime 2.5s ease-in-out infinite alternate;
  animation: txt-anime 2.5s ease-in-out infinite alternate;
}
@media (max-width: 767px) {
  .index .team-sec .philosophy-area .txt.txt08 {
    top: 48%;
    right: 24%;
    font-size: 3.73vw;
    line-height: 1.3;
  }
}
@-webkit-keyframes txt-anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes txt-anime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.index .team-sec .bt {
  text-align: center;
}
.index .services-sec {
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .index .services-sec {
    margin-bottom: 190px;
  }
}
.index .services-sec .wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .index .services-sec .wrap {
    display: block;
  }
}
.index .services-sec .wrap .sec-title {
  width: 322px;
}
@media (max-width: 1024px) {
  .index .services-sec .wrap .sec-title {
    width: 100%;
    margin-bottom: 50px;
  }
}
.index .services-sec .wrap .sec-title .sub-title {
  color: #9898a0;
}
.index .services-sec .wrap .services-list {
  width: calc(100% - 322px);
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .index .services-sec .wrap .services-list {
    width: 100%;
  }
}
.index .services-sec .wrap .services-list li:not(:last-child) {
  margin-bottom: 40px;
}
.index .services-sec .wrap .services-list li .box {
  border: 1px solid #2c2a2a;
  border-radius: 10px;
  background-color: rgba(14, 10, 44, 0.7);
  text-align: left;
  transition: all 300ms ease;
}
.index .services-sec .wrap .services-list li .box:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.index .services-sec .wrap .services-list li .box .inner {
  position: relative;
  padding: 20px;
}
@media (max-width: 767px) {
  .index .services-sec .wrap .services-list li .box .inner {
    padding: 15px;
  }
}
.index .services-sec .wrap .services-list li .box .ttl {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #2c2a2a;
}
@media (max-width: 767px) {
  .index .services-sec .wrap .services-list li .box .ttl {
    margin-bottom: 16px;
    padding-bottom: 24px;
  }
}
.index .services-sec .wrap .services-list li .box .ttl h3 {
  margin: 0;
  font-size: 38px;
  color: #fff;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .index .services-sec .wrap .services-list li .box .ttl h3 {
    font-size: 25px;
  }
}
.index .services-sec .wrap .services-list li .box .ttl h3 span {
  display: inline-block;
  margin: 0 15px;
  padding: 5px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.25);
  color: #fff;
  font-size: 20px;
}
@media (max-width: 767px) {
  .index .services-sec .wrap .services-list li .box .ttl h3 span {
    display: block;
    margin: 8px 0 0;
    font-size: 16px;
  }
}
.index .services-sec .wrap .services-list li .box .txt {
  margin-bottom: 20px;
}
.index .services-sec .wrap .services-list li .box .txt h4 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 24px;
}
@media (max-width: 767px) {
  .index .services-sec .wrap .services-list li .box .txt h4 {
    font-size: 19px;
  }
}
.index .services-sec .wrap .services-list li .box .txt p {
  margin-bottom: 0;
  padding-right: 170px;
  color: #fff;
  font-family: var(--text-font);
  line-height: 1.6;
}
@media (max-width: 767px) {
  .index .services-sec .wrap .services-list li .box .txt p {
    padding-right: 0;
    font-size: 14px;
  }
}
.index .services-sec .wrap .services-list li .box .bt {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media (max-width: 767px) {
  .index .services-sec .wrap .services-list li .box .bt {
    position: initial;
  }
}
.index .results-sec {
  padding: 60px 0;
  background: rgba(14, 10, 44, 0.7);
}
.index .results-sec .heading01 {
  margin: 0 0 50px;
  color: #fff;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .index .results-sec .heading01 {
    margin-bottom: 20px;
    font-size: 32px;
  }
}
.index .results-sec .heading01 span {
  font-size: 30px;
}
@media (max-width: 767px) {
  .index .results-sec .heading01 span {
    font-size: 24px;
  }
}
.index .results-sec .sponsor-logo-list {
  margin-bottom: 50px;
  padding: 20px 12px;
  background: #fff;
}
@media (max-width: 767px) {
  .index .results-sec .sponsor-logo-list {
    margin-bottom: 20px;
  }
}
.index .results-sec .sponsor-logo-list img {
  display: inline-block;
  width: auto;
  transition: all 0.3s ease;
}
.index .results-sec .sponsor-logo-list img:hover {
  opacity: 1;
  transform: scale(0.9);
}
.index .results-sec .sponsor-name-wrap {
  max-width: 1019px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .results-sec .sponsor-name-wrap {
    line-height: 1.3;
  }
}
.index .results-sec .sponsor-name-wrap div {
  display: inline-block;
  margin: 0;
  padding: 3px 5px;
  color: #fff;
  font-family: var(--title-font);
}
@media (max-width: 767px) {
  .index .results-sec .sponsor-name-wrap div {
    margin: 2px 3px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 1.3;
  }
}
.index .results-sec .bt {
  text-align: center;
}
@media (max-width: 767px) {
  .index .results-sec .bt {
    padding: 0 24px;
  }
}
.index .linkage-sec.com-sec01 {
  padding: 120px 0 0;
}
@media (max-width: 767px) {
  .index .linkage-sec.com-sec01 {
    padding: 60px 0 0;
  }
}
.index .linkage-sec .heading01 {
  margin: 0 0 50px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .index .linkage-sec .heading01 {
    font-size: 32px;
  }
}
.index .linkage-sec .fig-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.index .linkage-sec .fig-wrap figure {
  width: 48.974%;
}
.index .linkage-sec .fig-wrap figure figcaption {
  display: block;
  margin-top: 20px;
  color: #797f7d;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 1024px) {
  .index .linkage-sec .fig-wrap figure figcaption {
    font-size: clamp(12px, 1.562vw, 16px);
  }
}
@media (max-width: 767px) {
  .index .linkage-sec .fig-wrap figure figcaption {
    font-size: 14px;
    line-height: 1.4;
  }
}
.index .linkage-sec .img-slider {
  position: relative;
  padding: 30px 0 60px;
}
.index .linkage-sec .img-slider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100%;
  background: #f2f2f2;
}
.index .linkage-sec .img-slider .w-box {
  padding: 25px;
  box-shadow:
    0 0.03rem 0.06rem rgba(0, 0, 0, 0.1),
    0 0.1rem 0.3rem rgba(0, 0, 0, 0.1);
  background: #fff;
  height: 100%;
}
.index .linkage-sec .img-slider .w-box .ph {
  margin-bottom: 20px !important;
}
.index .linkage-sec .img-slider .w-box .txt h4 {
  color: var(--headings-color);
  font-weight: var(--h4-font-weight);
  line-height: var(--line-height-heading-small);
}
.index .linkage-sec .img-slider .w-box .txt p {
  margin-bottom: 0;
  color: var(--text-color);
  font-family: var(--text-font);
  line-height: 1.8;
}
@media (max-width: 767px) {
  .index .linkage-sec .img-slider .w-box .txt p {
    font-size: 14px;
    line-height: 1.4;
  }
}
.index .linkage-sec .img-slider .owl-stage-outer {
  overflow: inherit;
}
.index .linkage-sec .img-slider .owl-stage-outer .owl-stage {
  display: flex;
}
.index .media-sec.com-sec01 {
  padding: 60px 0;
}
.index .media-sec .heading01 {
  margin: 0 0 70px;
}
@media (max-width: 767px) {
  .index .media-sec .heading01 {
    font-size: 28px;
  }
}
.index .media-sec .theme-area {
  max-width: 876px;
  margin: 0 auto;
}
.index .media-sec .theme-area h3 {
  margin: 0 0 15px;
  padding: 15px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  font-size: 24px;
  text-align: center;
}
@media (max-width: 767px) {
  .index .media-sec .theme-area h3 {
    font-size: 20px;
  }
}
.index .media-sec .theme-area .c_theme-list li {
  position: relative;
  margin-bottom: 5px;
  padding: 8px;
  background: rgba(0, 0, 102, 0.7);
  border-radius: 15px 0px 0px 15px;
  color: #fff;
  font-family: var(--text-font);
  line-height: 1.5;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .index .media-sec .theme-area .c_theme-list li {
    font-size: 14px;
  }
}
.index .media-sec .theme-area .c_theme-list li::before {
  content: "";
  transform: translateY(0.2em);
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 8px;
  border-radius: 50%;
  background: #fff;
}
.index .news-sec .wrap .heading02 {
  width: 176px;
  margin: 0;
  font-size: 42px;
}
@media (max-width: 767px) {
  .index .news-sec .wrap .heading02 {
    margin-bottom: 12px;
    width: 100%;
    font-size: 32px;
  }
}
.index .news-sec .wrap .tabs-wrap .bt-list {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .index .news-sec .wrap .tabs-wrap .bt-list {
    margin-bottom: 8px;
  }
}
.index .news-sec .wrap .tabs-wrap .bt-list li {
  display: inline-block;
  margin: 8px;
  padding: 12px 64px;
  border-radius: 6px;
  background: linear-gradient(
    to right,
    rgba(152, 152, 160, 0.4),
    rgba(152, 152, 160, 0.6)
  );
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .index .news-sec .wrap .tabs-wrap .bt-list li {
    padding: 5px 22px;
  }
}
.index .news-sec .wrap .tabs-wrap .tab-cts {
  display: none;
}
.index .news-sec .wrap .tabs-wrap .tab-cts.tab-active {
  display: block;
}

.index .news-sec .wrap .meta {
  display: flex;
  align-items: flex-start;
}

.index .news-sec .wrap .tabs-wrap .news-list li a {
  position: relative;
  display: flex;
  align-items: baseline;
  padding-right: 30px;
  color: #0f101f !important;
  font-size: 15px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .index .news-sec .wrap .tabs-wrap .news-list li a {
    display: block;
    padding-right: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  .index .news-sec .wrap .meta {
    gap: 12px;
  }
}
.index .news-sec .wrap .tabs-wrap .news-list li .date-wrap {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .index .news-sec .wrap .tabs-wrap .news-list li .date-wrap {
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}
.index .news-sec .wrap .tabs-wrap .news-list li .date-wrap .category {
  width: 6em;
  padding: 8px 0;
  border-radius: 2px;
  color: #fff;
  background: rgb(0, 0, 102);
  font-size: 13px;
  line-height: 1;
  text-align: center;
}
@media (max-width: 767px) {
  .index .news-sec .wrap .tabs-wrap .news-list li .date-wrap .category {
    padding: 5px 0;
    font-size: 10px;
  }
}
.index .about02-sec {
  margin-bottom: min(290px, 28.32vw);
}
@media (max-width: 767px) {
  .index .about02-sec {
    margin-bottom: 190px;
  }
}
.index .about02-sec .txt-wrap {
  padding-left: 48px;
}
@media (max-width: 767px) {
  .index .about02-sec .txt-wrap {
    padding-left: 0;
  }
}
.index .about02-sec .txt-wrap .heading02 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 42px;
}
@media (max-width: 767px) {
  .index .about02-sec .txt-wrap .heading02 {
    font-size: 26px;
    line-height: 1.6;
  }
}
.index .about02-sec .txt-wrap p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-family: var(--title-font);
  line-height: 2.2;
}
@media (max-width: 767px) {
  .index .about02-sec .txt-wrap p {
    font-size: 13px;
    line-height: 1.8;
  }
}
.index .team_lita-sec .heading01 {
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .index .team_lita-sec .heading01 {
    font-size: 32px;
  }
}
.index .team_lita-sec .heading01 + p {
  margin-bottom: 50px;
  color: #0f101f;
  font-size: 20px;
  font-family: var(--title-font);
  line-height: 1.7;
  text-align: center;
}
@media (max-width: 767px) {
  .index .team_lita-sec .heading01 + p {
    font-size: 17px;
  }
}
.index .team_lita-sec .movie {
  position: relative;
}
.index .team_lita-sec .movie .youtube-ic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ff0000;
  font-size: 70px;
  line-height: 1;
}
@media (max-width: 767px) {
  .index .team_lita-sec .movie .youtube-ic {
    font-size: 45px;
  }
}
.index .recruit-sec.com-sec01 {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .index .recruit-sec.com-sec01 {
    padding: 60px 0;
  }
}
.index .recruit-sec .heading01 {
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .index .recruit-sec .heading01 {
    font-size: 32px;
  }
}
.index .recruit-sec .heading01 span {
  display: block;
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--line-height-heading);
}
@media (max-width: 767px) {
  .index .recruit-sec .heading01 span {
    font-size: 20px;
    line-height: 1.8;
  }
}
.index .recruit-sec .heading01 + p {
  margin-bottom: 20px;
  color: #797f7d;
  font-family: var(--text-font);
  line-height: 1.8;
  text-align: center;
}
.index .recruit-sec .img {
  max-width: 740px;
}
.index .recruit-sec .bt {
  text-align: center;
}
.index .information-sec {
  position: relative;
  padding: 40px 0;
}
.index .information-sec::before {
  content: "";
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: var(--dark-color1);
}
.index .information-sec .contents {
  position: relative;
  z-index: 1;
}
.index .information-sec .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .index .information-sec .wrap {
    display: block;
  }
}
.index .information-sec .wrap h2 {
  flex: 1;
  margin: 0;
  color: #fff;
  font-size: min(38px, 3.71vw);
  font-weight: 300;
}
@media (max-width: 767px) {
  .index .information-sec .wrap h2 {
    margin-bottom: 10px;
    font-size: 22px;
    text-align: center;
  }
}
.index .information-sec .wrap .bt {
  width: 310px;
  text-align: right;
}
@media (max-width: 767px) {
  .index .information-sec .wrap .bt {
    width: 100%;
    text-align: center;
  }
}
.index .information-sec .wrap .bt .com-bt02 {
  font-size: inherit;
}
@media (max-width: 767px) {
  .index .information-sec .wrap .bt .com-bt02 {
    width: 100%;
  }
}
/*# sourceMappingURL=index.css.map */

/* 2025追加 */
.index .service-sec {
  padding: 84px 0 140px;
  background-color: #fff;
}

.index .service-sec .service-list {
  display: flex;
  gap: 40px;
  margin: 48px auto 0;
}

.index .service-sec .service-item {
  width: calc(50% - 20px);
  margin: 0;
}

.index .service-sec .service-item.-agency {
  background-image: url("/wp-content/themes/lita/assets/images/home/pr_agency_bg.jpg");
  background-size: cover;
}

.index .service-sec .service-item.-cramSchool {
  background-image: url("/wp-content/themes/lita/assets/images/home/pr_cram_school_bg.jpg");
  background-size: cover;
}

.index .service-sec .service-link {
  padding: 8px 20px 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 530px;
}

.index .service-sec .service-link:hover {
  color: inherit;
}

.index .service-sec .service-heading {
  margin: 0;
  line-height: 1;
  color: #fff;
  font-size: 50px;
}

.index .service-sec .service-heading strong {
  font-size: 120px;
  font-weight: 400;
  line-height: 0.9;
}

.index .service-sec .service-sub-heading {
  margin: 0;
  font-size: 23px;
  color: #fff;
  letter-spacing: 0;
  line-height: 1.5;
}

.index .service-sec .service-feature-list {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.index .service-sec .service-feature-item {
  width: 274px;
  background-color: #00183d;
  color: #c99630;
  padding: 4px 8px;
  text-align: center;
  border-radius: 40px;
}

.index .service-sec .service-item:nth-child(2) .service-header {
  text-align: right;
}

.index .service-sec .service-feature-item:hover {
  color: #c99630;
}

.index .service-sec .service-description {
  position: relative;
}

.index .service-sec .service-description::after {
  content: "→";
  width: 50px;
  height: 50px;
  background-color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #00183d;
  position: absolute;
  bottom: -24px;
  right: 0;
}

.index .service-sec .service-description p {
  margin: 8px 0 0;
  color: #fff;
  font-size: 17px;
  line-height: 2;
  letter-spacing: -0.05em;
}

.index .sec-achievement {
  background-color: #f2f2f2;
}

.index .promotion-sec {
  background-color: #00183d;
  padding: 0 0 88px;
}

.index .promotion-sec .achievement-list {
  display: flex;
  gap: 50px;
  margin: 48px 0 0;
}

.index .promotion-sec .achievement-item {
  width: calc(100% / 3 - 33px);
}

.index .promotion-sec .achievement-client {
  margin: 16px 0 0;
  color: #fff;
  font-size: 26px;
  font-weight: var(--title-font-weight);
}

.index .promotion-sec .achievement-paragraph {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.9;
  color: #fff;
}

.index .promotion-sec .achievement-link-container {
  margin: 24px 0 0;
  text-align: center;
}

.index .promotion-sec .link-button {
  width: 236px;
  min-width: initial;
}

.index .news-sec {
  background-color: #f2f2f2;
  padding: 94px 0 100px;
}

.index .news-sec .wrap {
  display: flex;
}

.index .news-sec .tab-cts {
  display: none;
}

.index .news-sec .tab-cts.tab-active {
  display: block;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 1s;
}

.index .news-sec .button-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.index .news-sec .tab-buttons {
  display: inline-flex;
  flex-direction: column;
  gap: 12px;
}

.index .news-sec .wrap {
  justify-content: space-between;
}

.index .news-sec .news-header {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.index .news-sec .tab-button {
  color: #012b9d;
  display: inline-flex;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  width: fit-content;
  background-color: transparent;
}

.index .news-sec .link-button {
  margin: 16px auto 0;
  width: 200px;
  min-width: initial;
}

.index .news-sec .tab-button::before {
  content: "◯";
}

.index .news-sec .tabs-wrap {
  max-width: 710px;
}

.index .news-sec .tabs-wrap .news-list li {
  padding: 30px 0;
  border-bottom: 1px solid #555;
}

.index .news-sec .date-wrap .date {
  color: #012b9d;
  font-size: 18px;
  font-weight: var(--title-font-weight);
}

.index .news-sec .category {
  color: #012b9d;
  font-size: 13px;
  border: 1px solid #012b9d;
  padding: 4px;
  border-radius: 20px;
  min-width: 100px;
  margin-right: 20px;
}

.index .news-sec .news-list .txt {
  font-size: 16px;
}

.index .team_lita-sec {
  padding: 80px 0 96px;
  background-color: #00183d;
}

.index .team_lita-sec .section-title {
  align-items: center;
}

.index .team_lita-sec .sub-heading_ja {
  color: #fff;
}

.index .team_lita-sec .paragraph {
  font-size: 18px;
  line-height: 1.7;
  color: #fff;
  margin: 24px 0 0;
  text-align: center;
}

.index .team_lita-sec .movie {
  margin: 40px 0 0;
  text-align: center;
}

.index .team_lita-sec .movie .popup {
  position: relative;
  display: inline-block;
}

.index .team_lita-sec .movie .youtube_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index .recruit-sec {
  padding: 84px 0 80px;
  background-image: url("/wp-content/themes/lita/assets/images/home/recruit_bg.webp");
}

.index .recruit-sec .contents {
  display: flex;
  gap: 28px;
  justify-content: space-between;
}

.index .recruit-sec .recruit-description {
  color: #555;
  font-size: 18px;
  margin: 32px 0 0;
  line-height: 1.9;
}

.index .recruit-sec .link-button {
  margin: 32px 0 0;
  min-width: initial;
  width: 200px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (max-width: 1023px) {
  .index .service-sec .section-title {
    align-items: center;
  }

  .index .service-sec .service-list {
    flex-direction: column;
    align-items: center;
  }

  .index .service-sec .service-item {
    aspect-ratio: 670 / 560;
    width: 60%;
  }

  .index .service-sec .service-link {
    min-height: initial;
    height: 100%;
  }

  .index .service-sec .service-heading strong {
    font-size: 70px;
  }

  .index .service-sec .service-heading {
    font-size: 30px;
  }

  .index .service-sec .service-feature-item {
    font-size: 13px;
    min-width: 232px;
    width: fit-content;
  }

  .index .service-sec .service-description p {
    font-size: 13px;
    margin: 0;
  }

  .index .service-sec .service-sub-heading {
    font-size: 17px;
  }

  .index .service-sec .service-description::after {
    width: 35px;
    height: 35px;
    font-size: 12px;
    bottom: -40px;
    right: -14px;
  }

  .index .news-sec .wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .index .service-sec {
    padding: 48px 0 64px;
  }

  .index section .contents {
    padding: 0 16px;
  }

  .index .service-sec .service-list {
    margin: 32px auto 0;
  }

  .index .service-sec .service-item {
    width: 100%;
  }

  .index .service-sec .service-item.-agency {
    background-image: url("/wp-content/themes/lita/assets/images/home/pr_agency_bg-sp.jpg");
  }

  .index .service-sec .service-item.-cramSchool {
    background-image: url("/wp-content/themes/lita/assets/images/home/pr_cram_school_bg-sp.jpg");
  }

  .index .service-sec .service-feature-item {
    padding: 0 2px;
    min-width: 212px;
  }

  .index .service-sec .service-item.-cramSchool .service-feature-list {
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .index .service-sec .service-item.-cramSchool .service-feature-item {
    padding: 0 4px;
    min-width: initial;
  }

  .index .service-sec .service-sub-heading {
    font-size: 16px;
    margin: 4px 0 0;
  }

  .index .service-sec .service-link {
    padding: 4px 16px 28px;
    min-height: 280px;
  }

  .index .service-sec .service-description {
    margin: 4px 0 0;
  }

  .index .service-sec .service-description p {
    text-shadow: 0 0 13.6px rgba(0, 4, 15, 0.41);
    line-height: 1.5;
  }

  .index .service-sec .service-description::after {
    bottom: -20px;
    right: -8px;
  }

  .index .promotion-sec {
    padding: 0 0 56px;
  }

  .index .promotion-sec .achievement-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px 16px;
  }

  .index .promotion-sec .achievement-item {
    width: calc(50% - 8px);
  }

  .index .promotion-sec .achievement-item img {
    width: 100%;
  }

  .index .promotion-sec .achievement-client {
    font-size: 18px;
    margin: 12px 0 0;
  }

  .index .promotion-sec .achievement-paragraph {
    font-size: 13px;
    margin: 8px 0 0;
    line-height: 1.8;
  }

  .index .promotion-sec .link-button {
    width: 192px;
  }

  .index .news-sec {
    padding: 24px 0 48px;
  }

  .index .news-sec .news-header {
    width: 100%;
    gap: 32px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .index .news-sec .button-list {
    flex-direction: column;
    gap: 16px;
  }

  .index .news-sec .tab-buttons {
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
  }

  .index .news-sec .tab-button {
    font-size: 12px;
    gap: 6px;
  }

  .index .news-sec .tab-button:nth-of-type(3) {
    flex: 1;
  }

  .index .news-sec .link-button {
    display: flex;
    margin: 32px auto 0;
    width: 160px;
  }

  .index .news-sec .tabs-wrap {
    margin: 0;
    text-align: left;
  }

  .index .news-sec .tabs-wrap .news-list {
    margin: 12px 0 0;
  }

  .index .news-sec .tabs-wrap .news-list li {
    padding: 16px 0;
  }

  .index .news-sec .date-wrap .date {
    font-size: 12px;
  }

  .index .news-sec .category {
    font-size: 11px;
    min-width: initial;
    padding: 0 16px;
    width: fit-content;
  }

  .index .news-sec .news-list .txt {
    font-size: 13px;
    margin: 0;
    text-align: left;
  }

  .index section.about-lita .contents {
    padding: 0;
  }

  .index .team_lita-sec {
    padding: 48px 0 64px;
  }

  .index .team_lita-sec .movie .youtube_logo {
    width: 48px;
  }

  .index .team_lita-sec .paragraph {
    margin: 16px 0 0;
    font-size: 16px;
  }

  .index .recruit-sec {
    padding: 48px 0 64px;
  }

  .index .recruit-sec .contents {
    flex-direction: column;
  }

  .index .recruit-sec .recruit-description {
    font-size: 16px;
    margin: 24px 0 0;
  }

  .index .recruit-sec .link-button {
    margin: 24px 0 0;
    width: 160px;
  }
}

.index .promotion-sec .swiper {
  margin: 32px auto 0;
}

@media (max-width: 767px) {
  .index .promotion-sec .swiper {
    margin: 24px auto 0;
  }
}