@charset "UTF-8";
/* Media Query
================================*/
/* line-heightのハーフ・レディングを打ち消す
================================*/
/* Hover: PCに関わらず画面幅が　SPならホバー有効
================================*/
@media only screen and (max-width: 500px) {
  body.p-useCase .common_bg #animeSP {
    transform: translate3d(-5%, -41.0256410256%, 0);
  }
}
/*
.u_contents
====================*/
.u_contents {
  position: relative;
}
.u_contents_inner {
  width: 90.77%;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 12.0769230769vw;
  position: relative;
}
@media (max-width: 1023px) {
  .u_contents_inner {
    width: 93.33%;
    padding-top: 143px;
  }
}

/*
.u_fv
====================*/
@media (max-width: 1023px) {
  .u_fv {
    padding-inline: 3.7087912088%;
    box-sizing: border-box;
  }
}
.u_fv_head_top {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .u_fv_head_top {
    flex-direction: column-reverse;
  }
}
.u_fv_head_top_ttl {
  flex: 1;
}
@media (max-width: 1023px) {
  .u_fv_head_top_ttl {
    margin-top: 26px;
  }
}
.u_fv_head_top_ttl .ttl {
  font-family: "Noto Sans JP";
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.1;
  font-feature-settings: normal;
}
@media (max-width: 1023px) {
  .u_fv_head_top_ttl .ttl {
    font-size: 2.2rem;
    line-height: 1.27;
  }
  .u_fv_head_top_ttl .ttl::before, .u_fv_head_top_ttl .ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_fv_head_top_ttl .ttl::before {
    margin-block-end: calc((1 - 1.27) * 0.5em);
  }
  .u_fv_head_top_ttl .ttl::after {
    margin-block-start: calc((1 - 1.27) * 0.5em);
  }
}
.u_fv_head_top_ttl .label {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.u_fv_head_top_ttl .label::before, .u_fv_head_top_ttl .label::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_fv_head_top_ttl .label::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.u_fv_head_top_ttl .label::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.u_fv_head_top_ttl .label {
  letter-spacing: 0.03rem;
  display: block;
  margin-top: 23px;
}
@media (max-width: 1023px) {
  .u_fv_head_top_ttl .label {
    font-size: 1.3rem;
    margin-top: 12px;
  }
}
.u_fv_head_top_num {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .u_fv_head_top_num {
    margin-top: 0;
  }
}
.u_fv_head_top_num .ttl {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  margin-block: -8px;
  letter-spacing: 0.03rem;
  display: block;
}
@media (max-width: 1023px) {
  .u_fv_head_top_num .ttl {
    font-size: 1.1rem;
    line-height: 1;
    margin-block: -2px -1px;
  }
}
.u_fv_head_top_num .label.font_en {
  font-size: 6.8rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5rem;
  display: block;
  margin-block: 7px -10px;
  text-align: center;
}
@media (max-width: 1023px) {
  .u_fv_head_top_num .label.font_en {
    font-size: 5.2rem;
    margin-block: 2px -14px;
    letter-spacing: 0.2rem;
  }
}
.u_fv_head_bottom {
  margin-top: 18px;
}
@media (max-width: 1023px) {
  .u_fv_head_bottom {
    margin-top: 15px;
  }
}
.u_fv_head_bottom_lists {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
}
@media (max-width: 1023px) {
  .u_fv_head_bottom_lists {
    gap: 2px;
  }
}
.u_fv_head_bottom_lists .list {
  display: flex;
  padding: 9px 20px;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1023px) {
  .u_fv_head_bottom_lists .list {
    padding: 7px 16px 8px;
  }
}
.u_fv_head_bottom_lists .list_txt {
  text-align: center;
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75;
}
.u_fv_head_bottom_lists .list_txt::before, .u_fv_head_bottom_lists .list_txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_fv_head_bottom_lists .list_txt::before {
  margin-block-end: calc((1 - 1.75) * 0.5em);
}
.u_fv_head_bottom_lists .list_txt::after {
  margin-block-start: calc((1 - 1.75) * 0.5em);
}
.u_fv_head_bottom_lists .list_txt {
  letter-spacing: 0.03rem;
}
@media (max-width: 1023px) {
  .u_fv_head_bottom_lists .list_txt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .u_fv_head_bottom_lists .list_txt::before, .u_fv_head_bottom_lists .list_txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_fv_head_bottom_lists .list_txt::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .u_fv_head_bottom_lists .list_txt::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
  .u_fv_head_bottom_lists .list_txt {
    letter-spacing: 0.026rem;
  }
}
.u_fv_body {
  margin-top: 76px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  -moz-column-gap: 4.7692307692vw;
       column-gap: 4.7692307692vw;
}
@media (max-width: 1023px) {
  .u_fv_body {
    margin-top: 39px;
    flex-direction: column-reverse;
  }
}
.u_fv_body .u_fv_desc {
  width: 43.9932318105%;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc {
    width: 100%;
    margin-top: 36px;
  }
}
.u_fv_body .u_fv_desc_ttl .font_min {
  font-feature-settings: "halt";
  font-family: "dnp-shuei-mincho-pr6", sans-serif;
  font-style: normal;
  font-size: 2.6rem;
  line-height: 1.6;
}
.u_fv_body .u_fv_desc_ttl .font_min::before, .u_fv_body .u_fv_desc_ttl .font_min::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_fv_body .u_fv_desc_ttl .font_min::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.u_fv_body .u_fv_desc_ttl .font_min::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
.u_fv_body .u_fv_desc_ttl .font_min {
  letter-spacing: 0.05rem;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc_ttl .font_min {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.01rem;
  }
}
.u_fv_body .u_fv_desc_ttl span {
  display: inline-block;
}
.u_fv_body .u_fv_desc_list {
  margin-block: 37px;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc_list {
    margin-block: 33px 42px;
  }
}
.u_fv_body .u_fv_desc_list .list {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc_list .list {
    align-items: start;
  }
}
.u_fv_body .u_fv_desc_list .list:not(:first-child) {
  margin-top: 18px;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc_list .list:not(:first-child) {
    margin-top: 13px;
  }
}
.u_fv_body .u_fv_desc_list .list .icon {
  background: url("../img/use-case/common/icon_list_orange.svg") no-repeat;
  background-size: 100% 100%;
  aspect-ratio: 1;
  width: 1.8rem;
  height: auto;
  display: block;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc_list .list .icon {
    width: 1.5rem;
  }
}
.u_fv_body .u_fv_desc_list .list .txt {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  line-height: 2;
}
.u_fv_body .u_fv_desc_list .list .txt::before, .u_fv_body .u_fv_desc_list .list .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_fv_body .u_fv_desc_list .list .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_fv_body .u_fv_desc_list .list .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_fv_body .u_fv_desc_list .list .txt {
  letter-spacing: 0.03rem;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc_list .list .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .u_fv_body .u_fv_desc_list .list .txt::before, .u_fv_body .u_fv_desc_list .list .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_fv_body .u_fv_desc_list .list .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .u_fv_body .u_fv_desc_list .list .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
}
.u_fv_body .u_fv_desc_txt {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  line-height: 2;
}
.u_fv_body .u_fv_desc_txt::before, .u_fv_body .u_fv_desc_txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_fv_body .u_fv_desc_txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_fv_body .u_fv_desc_txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_fv_body .u_fv_desc_txt {
  letter-spacing: 0.03rem;
}
@media (max-width: 1023px) {
  .u_fv_body .u_fv_desc_txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .u_fv_body .u_fv_desc_txt::before, .u_fv_body .u_fv_desc_txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_fv_body .u_fv_desc_txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .u_fv_body .u_fv_desc_txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
}
.u_fv_image {
  flex: 1;
}
.u_fv_image picture {
  display: block;
}
.u_fv_image img {
  aspect-ratio: 600/349;
  height: auto;
}
.u_fv_line {
  display: block;
  margin-top: 46px;
  background: url("../img/use-case/common/fv_border.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 1px;
}
@media (max-width: 1023px) {
  .u_fv_line {
    margin-top: 23px;
  }
}

/*
.u_st_movie
====================*/
.u_st_movie {
  padding-top: 13.6923076923%;
}
@media (max-width: 1023px) {
  .u_st_movie {
    padding-top: 16.41vw;
  }
}
.u_st_movie_inner {
  background: #f1ece8;
  border-radius: 3px;
  padding: 80px 8.474%;
}
@media (max-width: 1023px) {
  .u_st_movie_inner {
    padding: 7.162% 6.88% 12.396% 6.88%;
  }
}
.u_st_movie_head {
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .u_st_movie_head {
    flex-direction: column;
  }
}
.u_st_movie_cta {
  border-top: solid 1px #000;
  margin-top: 50px;
}
@media (max-width: 1023px) {
  .u_st_movie_cta {
    margin-top: 38px;
  }
}
.u_st_movie_cta_ttl {
  color: #000;
  text-align: center;
  font-family: "dnp-shuei-mincho-pr6", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
}
.u_st_movie_cta_ttl::before, .u_st_movie_cta_ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_cta_ttl::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.u_st_movie_cta_ttl::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
.u_st_movie_cta_ttl {
  letter-spacing: 0.03rem;
  margin-top: 46px;
  font-feature-settings: normal;
}
@media (max-width: 1023px) {
  .u_st_movie_cta_ttl {
    font-size: 1.8rem;
    line-height: 1.66;
  }
  .u_st_movie_cta_ttl::before, .u_st_movie_cta_ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_st_movie_cta_ttl::before {
    margin-block-end: calc((1 - 1.66) * 0.5em);
  }
  .u_st_movie_cta_ttl::after {
    margin-block-start: calc((1 - 1.66) * 0.5em);
  }
  .u_st_movie_cta_ttl {
    margin-top: 36px;
    letter-spacing: unset;
    font-feature-settings: "halt";
  }
}
.u_st_movie_cta_btn {
  margin-top: 25px;
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
@media (max-width: 1023px) {
  .u_st_movie_cta_btn {
    flex-direction: column;
    row-gap: 13px;
    margin-top: 34px;
  }
}
.u_st_movie_cta_btn .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 48rem;
  height: auto;
  padding: 36px 40px 36px;
  border-radius: 7px;
  position: relative;
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
@media (max-width: 1023px) {
  .u_st_movie_cta_btn .btn {
    padding: 22px 25px 23px;
    width: 100%;
    border-radius: 3px;
    box-sizing: border-box;
  }
}
.u_st_movie_cta_btn .btn._request {
  background: #000;
  border: 1px solid #000;
}
.u_st_movie_cta_btn .btn._contact {
  background: #1e90ff;
  border: 1px solid #1e90ff;
}
.u_st_movie_cta_btn .btn .txt {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
}
.u_st_movie_cta_btn .btn .txt::before, .u_st_movie_cta_btn .btn .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_cta_btn .btn .txt::before {
  margin-block-end: calc((1 - 1.4) * 0.5em);
}
.u_st_movie_cta_btn .btn .txt::after {
  margin-block-start: calc((1 - 1.4) * 0.5em);
}
.u_st_movie_cta_btn .btn .txt {
  letter-spacing: 0.03rem;
  transition: color 0.3s cubic-bezier(0.36, 0.14, 0, 1);
  font-feature-settings: normal;
}
@media (max-width: 1023px) {
  .u_st_movie_cta_btn .btn .txt {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .u_st_movie_cta_btn .btn .txt::before, .u_st_movie_cta_btn .btn .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_st_movie_cta_btn .btn .txt::before {
    margin-block-end: calc((1 - 1.75) * 0.5em);
  }
  .u_st_movie_cta_btn .btn .txt::after {
    margin-block-start: calc((1 - 1.75) * 0.5em);
  }
}
@media (any-hover: hover) {
  .u_st_movie_cta_btn .btn:hover {
    background: #fff;
  }
  .u_st_movie_cta_btn .btn:hover._request .txt {
    color: #000;
  }
  .u_st_movie_cta_btn .btn:hover._contact .txt {
    color: #1e90ff;
  }
  .u_st_movie_cta_btn .btn:hover._contact .u_link_arrow {
    background: #1e90ff;
  }
  .u_st_movie_cta_btn .btn:hover .u_link_arrow {
    background: #000;
  }
  .u_st_movie_cta_btn .btn:hover .u_link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .u_st_movie_cta_btn .btn:hover .u_link_arrow svg path {
    stroke: #fff;
  }
}
.u_st_movie_desc {
  width: 44.6483180428%;
}
@media (max-width: 1023px) {
  .u_st_movie_desc {
    width: min(100%, 31.3rem);
  }
}
.u_st_movie_desc_ttl {
  color: #000000;
  font-family: "dnp-shuei-mincho-pr6", sans-serif;
  letter-spacing: 0.1rem;
  margin-top: 3px;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_ttl {
    margin-top: 0;
  }
}
.u_st_movie_desc_ttl .ttl {
  display: inline-block;
}
.u_st_movie_desc_ttl .ttl.__sm {
  font-size: 1.8rem;
  line-height: 1;
  padding-top: 4px;
  letter-spacing: 0.18rem;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_ttl .ttl.__sm {
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.15rem;
    padding-top: 3px;
  }
}
.u_st_movie_desc_ttl .ttl.__lg {
  font-size: 2.6rem;
  line-height: 1.2;
}
.u_st_movie_desc_ttl .ttl.__lg::before, .u_st_movie_desc_ttl .ttl.__lg::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_desc_ttl .ttl.__lg::before {
  margin-block-end: calc((1 - 1.2) * 0.5em);
}
.u_st_movie_desc_ttl .ttl.__lg::after {
  margin-block-start: calc((1 - 1.2) * 0.5em);
}
.u_st_movie_desc_ttl .ttl.__lg {
  margin-top: 12px;
  font-feature-settings: normal;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_ttl .ttl.__lg {
    font-size: 1.8rem;
    line-height: 1.6;
    margin-block: -3px -3px;
    letter-spacing: 0.1rem;
    margin-top: 4px;
  }
}
.u_st_movie_desc_ttl_sub {
  margin-top: 32px;
  border-left: solid 2px #1e90ff;
  width: min(100%, 38rem);
  padding-left: 18px;
  line-height: 1.5;
}
.u_st_movie_desc_ttl_sub::before, .u_st_movie_desc_ttl_sub::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_desc_ttl_sub::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.u_st_movie_desc_ttl_sub::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
@media (max-width: 1023px) {
  .u_st_movie_desc_ttl_sub {
    padding-left: 11px;
    margin-top: 24px;
  }
}
.u_st_movie_desc_ttl_sub .txt {
  color: #000;
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.03rem;
  display: inline-block;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_ttl_sub .txt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.u_st_movie_desc_list {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_list {
    margin-top: 22px;
    row-gap: 16px;
  }
}
.u_st_movie_desc_list .list {
  position: relative;
}
.u_st_movie_desc_list .list::before {
  content: "";
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  background: url("../img/arrow_checklist.svg") no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_list .list::before {
    width: 1.5rem;
    top: -0.2rem;
  }
}
.u_st_movie_desc_list .list .txt {
  color: #000;
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  line-height: 2;
}
.u_st_movie_desc_list .list .txt::before, .u_st_movie_desc_list .list .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_desc_list .list .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_st_movie_desc_list .list .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_st_movie_desc_list .list .txt {
  letter-spacing: 0.05rem;
  padding-left: 30px;
  display: block;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_list .list .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .u_st_movie_desc_list .list .txt::before, .u_st_movie_desc_list .list .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_st_movie_desc_list .list .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .u_st_movie_desc_list .list .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .u_st_movie_desc_list .list .txt {
    padding-left: 25px;
  }
}
.u_st_movie_desc_txt {
  color: #000;
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  line-height: 2;
}
.u_st_movie_desc_txt::before, .u_st_movie_desc_txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_desc_txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_st_movie_desc_txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_st_movie_desc_txt {
  letter-spacing: 0.03rem;
  display: block;
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .u_st_movie_desc_txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .u_st_movie_desc_txt::before, .u_st_movie_desc_txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_st_movie_desc_txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .u_st_movie_desc_txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .u_st_movie_desc_txt {
    margin-top: 18px;
  }
}
.u_st_movie_yt {
  width: 40.9785932722%;
  border-radius: 5px;
}
@media (max-width: 1023px) {
  .u_st_movie_yt {
    width: 100%;
    padding-top: 35px;
  }
}
.u_st_movie_yt_inner {
  background-image: url("../img/use-case/common/yt_grada_bg.webp");
  background-image: url("../img/use-case/common/yt_grada_bg.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 22px;
  border-radius: 5px;
  position: relative;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_inner {
    padding: 4.1533% 4.1533% 7.028% 4.1533%;
  }
}
.u_st_movie_yt_inner::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
}
.u_st_movie_yt_link {
  position: relative;
}
.u_st_movie_yt_link_ttl {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 23px;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_link_ttl {
    margin-top: 10px;
  }
}
.u_st_movie_yt_link_ttl .ttl {
  color: #fff;
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.8rem;
  line-height: 1.6;
}
.u_st_movie_yt_link_ttl .ttl::before, .u_st_movie_yt_link_ttl .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_yt_link_ttl .ttl::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.u_st_movie_yt_link_ttl .ttl::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
.u_st_movie_yt_link_ttl .ttl {
  letter-spacing: 0.03rem;
  flex: 1;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_link_ttl .ttl {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.56;
  }
  .u_st_movie_yt_link_ttl .ttl::before, .u_st_movie_yt_link_ttl .ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_st_movie_yt_link_ttl .ttl::before {
    margin-block-end: calc((1 - 1.56) * 0.5em);
  }
  .u_st_movie_yt_link_ttl .ttl::after {
    margin-block-start: calc((1 - 1.56) * 0.5em);
  }
}
.u_st_movie_yt_link_ttl .ttl span {
  display: inline;
  background: linear-gradient(-175deg, currentColor 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; /*線が消えるアニメーション*/
  width: -moz-fit-content;
  width: fit-content;
}
.u_st_movie_yt_link_ttl a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media (any-hover: hover) {
  .u_st_movie_yt_link_ttl a:hover .ttl span {
    animation: show-bg-line 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .u_st_movie_yt_link_ttl a:hover .u_link_arrow {
    background: #000;
  }
  .u_st_movie_yt_link_ttl a:hover .u_link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .u_st_movie_yt_link_ttl a:hover .u_link_arrow svg path {
    stroke: #fff;
  }
}
.u_st_movie_yt_link_ttl .u_link_arrow {
  margin-top: 0.2rem;
  display: block;
}
@media (any-hover: hover) {
  .u_st_movie_yt_link:hover .ico_movie_play svg path {
    fill: #1e90ff;
  }
  .u_st_movie_yt_link:hover .ico_movie_play svg rect {
    stroke: #1e90ff;
  }
}
.u_st_movie_yt_wrap {
  position: relative;
  aspect-ratio: 360/203;
}
.u_st_movie_yt_wrap .thumb {
  border-radius: 3px;
  cursor: pointer;
  width: 100%;
  height: auto;
}
.u_st_movie_yt_wrap .ico_movie_play {
  aspect-ratio: 1/1;
  width: 5.4rem;
  height: 5.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_wrap .ico_movie_play {
    width: 4.4rem;
  }
}
.u_st_movie_yt_wrap .ico_movie_play svg {
  width: 100%;
  height: 100%;
}
.u_st_movie_yt_wrap .ico_movie_play svg path {
  transition: fill 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.u_st_movie_yt_wrap .ico_movie_play svg rect {
  transition: stroke 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.u_st_movie_yt_body {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_body {
    margin-top: 22px;
  }
}
.u_st_movie_yt_body_info {
  color: #fff;
  font-size: 1.5rem;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_body_info {
    font-size: 1.3rem;
  }
}
.u_st_movie_yt_body_info .ttl {
  display: flex;
  justify-content: space-between;
  width: 7.1rem;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_body_info .ttl {
    width: min(100%, 6.5rem);
  }
}
.u_st_movie_yt_body_info .label {
  font-weight: 500;
  line-height: 1.6;
}
.u_st_movie_yt_body_info .label::before, .u_st_movie_yt_body_info .label::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_yt_body_info .label::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.u_st_movie_yt_body_info .label::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
.u_st_movie_yt_body_info .label {
  letter-spacing: 0.03rem;
}
.u_st_movie_yt_body_info .dot {
  font-weight: 100;
  line-height: 1.6;
  letter-spacing: 0.05rem;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_body_info .dot {
    margin-top: -2px;
    margin-right: 3px;
    letter-spacing: 0.03rem;
  }
}
.u_st_movie_yt_body_info .txt {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  line-height: 2;
}
.u_st_movie_yt_body_info .txt::before, .u_st_movie_yt_body_info .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_st_movie_yt_body_info .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_st_movie_yt_body_info .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_st_movie_yt_body_info .txt {
  letter-spacing: 0.03rem;
  flex: 1;
}
.u_st_movie_yt_body_info_wrap {
  display: flex;
  align-items: start;
  gap: 0 0.4rem;
}
.u_st_movie_yt_body_info_wrap._ind {
  margin-top: 2px;
}
@media (max-width: 1023px) {
  .u_st_movie_yt_body_info_wrap._ind {
    margin-top: 4px;
  }
}

/*
.u_effect
====================*/
.u_effect {
  container-type: inline-size;
  container-name: effect-item;
  --cqw: 2.63157;
  padding-top: 12.9230769231%;
}
@media (max-width: 1023px) {
  .u_effect {
    padding-top: 32.82vw;
  }
}
.u_effect_ttl {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.66;
}
.u_effect_ttl::before, .u_effect_ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_effect_ttl::before {
  margin-block-end: calc((1 - 1.66) * 0.5em);
}
.u_effect_ttl::after {
  margin-block-start: calc((1 - 1.66) * 0.5em);
}
.u_effect_ttl {
  letter-spacing: 0.01rem;
  width: -moz-fit-content;
  width: fit-content;
}
.u_effect_ttl._txtFilter {
  background-position: 100% center !important;
}
@media (max-width: 1023px) {
  .u_effect_ttl._txtFilter {
    background-position: 40% 50% !important;
  }
}
@media (max-width: 1023px) {
  .u_effect_ttl {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .u_effect_ttl::before, .u_effect_ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_effect_ttl::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .u_effect_ttl::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
  .u_effect_ttl {
    letter-spacing: 0.03rem;
    padding-inline: 3.7087912088%;
  }
}
.u_effect_lists {
  margin-top: 50px;
  display: grid;
  gap: 2rem;
}
@media (max-width: 1023px) {
  .u_effect_lists {
    margin-top: 26px;
    row-gap: 1.3rem;
  }
}
.u_effect_lists._3col {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .u_effect_lists._3col {
    grid-template-columns: 1fr;
  }
}
.u_effect_lists._4col {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1023px) {
  .u_effect_lists._4col {
    grid-template-columns: 1fr;
  }
}
.u_effect_lists .item {
  background: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  height: auto;
}
@supports (width: 1cqw) {
  .u_effect_lists .item {
    height: 25.4237288136cqw;
  }
}
@media (max-width: 1023px) {
  .u_effect_lists .item {
    height: auto;
  }
}
.u_effect_lists .item_img {
  margin-inline: auto;
}
.u_effect_lists .item_img img {
  width: 100%;
  height: auto;
}
.u_effect_lists .item_txt {
  text-align: center;
  line-height: 1.75;
}
.u_effect_lists .item_txt .txt {
  color: #fff;
  text-align: center;
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .u_effect_lists .item_txt .txt {
    font-size: min(1.2711864407cqw, 1.5rem);
  }
}
.u_effect_lists .item_txt .txt {
  font-weight: 500;
  letter-spacing: 0.03rem;
  display: block;
}
@media (max-width: 1023px) {
  .u_effect_lists .item_txt .txt {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0.026rem;
    display: block;
  }
}

/*
.u_lists
====================*/
.u_lists {
  padding-top: 12.9230769231%;
  display: flex;
  justify-content: start;
  -moz-column-gap: 13rem;
       column-gap: 13rem;
}
@media (max-width: 1023px) {
  .u_lists {
    flex-direction: column;
    padding-top: 31.2820512821vw;
    padding-inline: 3.7087912088%;
  }
}
.u_lists_ttl {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.66;
}
.u_lists_ttl::before, .u_lists_ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_lists_ttl::before {
  margin-block-end: calc((1 - 1.66) * 0.5em);
}
.u_lists_ttl::after {
  margin-block-start: calc((1 - 1.66) * 0.5em);
}
.u_lists_ttl {
  letter-spacing: 0.01rem;
}
.u_lists_ttl._txtFilter {
  background-position: 100% 36% !important;
}
@media (max-width: 1023px) {
  .u_lists_ttl._txtFilter {
    background-position: 100% 56% !important;
  }
}
@media (max-width: 1023px) {
  .u_lists_ttl {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .u_lists_ttl::before, .u_lists_ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_lists_ttl::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .u_lists_ttl::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
  .u_lists_ttl {
    letter-spacing: 0.03rem;
  }
}
.u_lists_wrap {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-top: 7px;
}
@media (max-width: 1023px) {
  .u_lists_wrap {
    margin-top: 38px;
    row-gap: 16px;
  }
}
.u_lists_wrap .list {
  position: relative;
}
.u_lists_wrap .list::before {
  content: "";
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  background: url("../img/arrow_checklist.svg") no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .u_lists_wrap .list::before {
    width: 1.5rem;
    top: -0.2rem;
  }
}
.u_lists_wrap .txt {
  color: #fff;
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
}
.u_lists_wrap .txt::before, .u_lists_wrap .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_lists_wrap .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_lists_wrap .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_lists_wrap .txt {
  letter-spacing: 0.03rem;
  padding-left: 30px;
  display: block;
}
@media (max-width: 1023px) {
  .u_lists_wrap .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .u_lists_wrap .txt::before, .u_lists_wrap .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_lists_wrap .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .u_lists_wrap .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .u_lists_wrap .txt {
    padding-left: 25px;
  }
}

/*
.u_common_flow
====================*/
.u_common_flow {
  width: 100%;
  padding-top: 6.9230769231%;
}
@media (max-width: 1023px) {
  .u_common_flow {
    width: 100%;
    padding-top: 10vw;
  }
}
.u_common_flow_list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 1023px) {
  .u_common_flow_list {
    flex-direction: column;
    row-gap: 13px;
  }
}
.u_common_flow .item {
  width: 32.2%;
}
@media (max-width: 1023px) {
  .u_common_flow .item {
    width: 100%;
  }
}
.u_common_flow .item:nth-child(1) .icon {
  width: 8.6rem;
  margin-top: 5px;
}
@media (max-width: 1023px) {
  .u_common_flow .item:nth-child(1) .icon {
    margin-top: 10px;
  }
}
.u_common_flow .item:nth-child(2) .icon {
  width: 9.7rem;
  margin-top: 3px;
}
.u_common_flow .item:nth-child(2) .ttl {
  margin-top: 48px;
}
@media (max-width: 1023px) {
  .u_common_flow .item:nth-child(2) .ttl {
    margin-top: 37px;
  }
}
.u_common_flow .item:nth-child(3) .item_inner {
  padding-inline: 11.88%;
}
@media (max-width: 1023px) {
  .u_common_flow .item:nth-child(3) .item_inner {
    padding-inline: 6.66%;
  }
}
.u_common_flow .item:nth-child(3) .icon {
  width: 6.6rem;
}
.u_common_flow .item:nth-child(3) .ttl {
  margin-top: 48px;
}
@media (max-width: 1023px) {
  .u_common_flow .item:nth-child(3) .ttl {
    margin-top: 30px;
  }
}
.u_common_flow .item_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 37px 14.8% 56px;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .u_common_flow .item_inner {
    padding: 6.92% 6.66%;
  }
}
.u_common_flow .item_inner .num {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
}
.u_common_flow .item_inner .num::before, .u_common_flow .item_inner .num::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_common_flow .item_inner .num::before {
  margin-block-end: calc((1 - 1.33) * 0.5em);
}
.u_common_flow .item_inner .num::after {
  margin-block-start: calc((1 - 1.33) * 0.5em);
}
.u_common_flow .item_inner .num {
  letter-spacing: 0.2rem;
  align-self: start;
}
.u_common_flow .item_inner .icon {
  padding-top: 10px;
}
@media (max-width: 1023px) {
  .u_common_flow .item_inner .icon {
    padding-top: 9px;
    padding-top: 0;
  }
}
.u_common_flow .item_inner .icon img {
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .u_common_flow .item_inner .icon img {
    width: 10rem;
  }
}
.u_common_flow .item_inner .ttl {
  font-size: 2.5rem;
  line-height: 1.28;
}
.u_common_flow .item_inner .ttl::before, .u_common_flow .item_inner .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_common_flow .item_inner .ttl::before {
  margin-block-end: calc((1 - 1.28) * 0.5em);
}
.u_common_flow .item_inner .ttl::after {
  margin-block-start: calc((1 - 1.28) * 0.5em);
}
.u_common_flow .item_inner .ttl {
  font-weight: 400;
  text-align: center;
  margin: 50px 0 30px;
  font-feature-settings: "halt";
  letter-spacing: 0.01rem;
}
@media (max-width: 1023px) {
  .u_common_flow .item_inner .ttl {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.56;
  }
  .u_common_flow .item_inner .ttl::before, .u_common_flow .item_inner .ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_common_flow .item_inner .ttl::before {
    margin-block-end: calc((1 - 1.56) * 0.5em);
  }
  .u_common_flow .item_inner .ttl::after {
    margin-block-start: calc((1 - 1.56) * 0.5em);
  }
  .u_common_flow .item_inner .ttl {
    letter-spacing: 0.03rem;
    margin: 36px 0 20px;
  }
}
.u_common_flow .item_inner .txt {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
}
.u_common_flow .item_inner .txt::before, .u_common_flow .item_inner .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_common_flow .item_inner .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_common_flow .item_inner .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_common_flow .item_inner .txt {
  letter-spacing: 0.03rem;
  width: min(100%, 282px);
}
@media (max-width: 1023px) {
  .u_common_flow .item_inner .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .u_common_flow .item_inner .txt::before, .u_common_flow .item_inner .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_common_flow .item_inner .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .u_common_flow .item_inner .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .u_common_flow .item_inner .txt {
    width: 100%;
  }
}
.u_common_flow_bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 160px;
}
@media (max-width: 1023px) {
  .u_common_flow_bottom {
    margin-top: 126px;
  }
}
.u_common_flow_bottom_ttl {
  display: block;
  font-family: "dnp-shuei-mincho-pr6", sans-serif;
  font-size: 2.5rem;
  line-height: 1.6;
}
.u_common_flow_bottom_ttl::before, .u_common_flow_bottom_ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_common_flow_bottom_ttl::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.u_common_flow_bottom_ttl::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
@media (max-width: 1023px) {
  .u_common_flow_bottom_ttl {
    font-size: 2.2rem;
    line-height: 1.41;
  }
  .u_common_flow_bottom_ttl::before, .u_common_flow_bottom_ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_common_flow_bottom_ttl::before {
    margin-block-end: calc((1 - 1.41) * 0.5em);
  }
  .u_common_flow_bottom_ttl::after {
    margin-block-start: calc((1 - 1.41) * 0.5em);
  }
  .u_common_flow_bottom_ttl {
    letter-spacing: -0.09rem;
    font-feature-settings: normal;
  }
}
.u_common_flow_bottom_label {
  display: block;
  margin-top: 30px;
  font-feature-settings: "halt";
  font-size: 1.5rem;
  line-height: 2;
}
.u_common_flow_bottom_label::before, .u_common_flow_bottom_label::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.u_common_flow_bottom_label::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.u_common_flow_bottom_label::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.u_common_flow_bottom_label {
  letter-spacing: 0.03rem;
}
@media (max-width: 1023px) {
  .u_common_flow_bottom_label {
    margin-top: 18px;
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .u_common_flow_bottom_label::before, .u_common_flow_bottom_label::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .u_common_flow_bottom_label::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .u_common_flow_bottom_label::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
}

/* 共通パーツ
.u_link_arrow
====================*/
.u_link_arrow {
  aspect-ratio: 1;
  width: 2rem;
  height: auto;
  border-radius: 3px;
  background: #fff;
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
  overflow: clip;
  position: relative;
}
@media (max-width: 1023px) {
  .u_link_arrow {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.u_link_arrow svg {
  width: 0.5rem;
  height: 0.7rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.u_link_arrow svg path {
  stroke: #000;
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

/*
株主・投資家とのコミュニケーションページの期待される効果セクション
.u_contents
====================*/
.u_contents.__ir {
  /*
  .u_effect
  =========================*/
}
.u_contents.__ir .u_effect_lists .item {
  padding-inline: min(3.0769230769vw, 4rem);
  padding-block: min(2.4615384615vw, 3.2rem) min(3.2307692308vw, 4.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item {
    height: 25.4237288136cqw;
    padding-inline: 3.3898305085cqw;
    padding-block: 2.7118644068cqw 3.5593220339cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item {
    height: auto;
    padding-inline: 8.2051282051vw;
    padding-block: 10vw 6.6666666667vw;
  }
  @supports (width: 1cqw) {
    .u_contents.__ir .u_effect_lists .item {
      padding-inline: 8.2051282051cqw;
      padding-block: 10cqw 6.6666666667cqw;
    }
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(1) .item_img {
  width: min(15.3846153846vw, 20rem);
  margin-block: min(1.1538461538vw, 1.5rem) 0;
  padding-right: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(1) .item_img {
    width: 16.9491525424cqw;
    margin-block: 1.2711864407cqw 0;
    padding-right: 1.2711864407cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(1) .item_img {
    width: 20rem;
    margin-block: 0;
    padding-right: 0;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(1) .item_txt {
  padding-top: min(3.2307692308vw, 4.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 3.5593220339cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 37px;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(2) .item_img {
  width: min(15.3846153846vw, 20rem);
  margin-block: min(1.186440678vw, 1.4rem) 0;
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(2) .item_img {
    width: 16.9491525424cqw;
    margin-block: 1.186440678cqw 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(2) .item_img {
    width: 20rem;
    margin-block: 0;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(2) .item_txt {
  padding-top: min(2.7692307692vw, 3.6rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 3.0508474576cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(3) .item_img {
  width: min(15.3846153846vw, 20rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(3) .item_img {
    width: 16.9491525424cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(3) .item_img {
    width: 20rem;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(3) .item_txt {
  padding-top: min(2.9230769231vw, 3.8rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(3) .item_txt {
    padding-top: 3.2203389831cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(3) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(4) .item_img {
  width: min(12.9230769231vw, 16.8rem);
  margin-block-start: min(0.3846153846vw, 0.5rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(4) .item_img {
    width: 14.2372881356cqw;
    margin-block-start: 0.4237288136cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(4) .item_img {
    width: 16.8rem;
    margin-block: 0;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(4) .item_txt {
  padding-top: min(2.2307692308vw, 2.9rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(4) .item_txt {
    padding-top: 2.4576271186cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(4) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(5) .item_img {
  width: min(10.6153846154vw, 13.8rem);
  margin-block-start: min(1.5384615385vw, 2rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(5) .item_img {
    width: 11.6949152542cqw;
    margin-block-start: 1.6949152542cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(5) .item_img {
    width: 13.8rem;
    margin-block: 0;
  }
}
.u_contents.__ir .u_effect_lists .item:nth-child(5) .item_txt {
  padding-top: min(1.8461538462vw, 2.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item:nth-child(5) .item_txt {
    padding-top: 2.0338983051cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item:nth-child(5) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__ir .u_effect_lists .item_txt {
  padding-top: min(3.2307692308vw, 4.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__ir .u_effect_lists .item_txt {
    padding-top: 3.5593220339cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__ir .u_effect_lists .item_txt {
    margin-block: 0;
    padding-top: 39px;
  }
}

/*
採用ブランディングページの期待される効果セクション
.u_contents
====================*/
.u_contents.__recruit {
  /*
  .u_st_movie
  ================*/
}
.u_contents.__recruit .u_st_movie_desc_ttl .ttl.__lg {
  font-feature-settings: "palt";
}
.u_contents.__recruit .u_st_movie_desc_ttl_sub {
  width: min(100%, 40rem);
}
.u_contents.__recruit .u_st_movie_yt_wrap .thumb {
  cursor: unset !important;
}
.u_contents.__recruit {
  /*
  .u_effect
  ================*/
}
.u_contents.__recruit .u_effect_lists .item {
  padding-inline: min(2.3076923077vw, 3rem);
  padding-block: min(4vw, 5.2rem) min(2.5384615385vw, 3.3rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item {
    padding-inline: 2.5423728814cqw;
    padding-block: 4.406779661cqw 2.7966101695cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item {
    padding-inline: 8.2051282051vw;
    padding-block: 10vw 6.6666666667vw;
  }
  @supports (width: 1cqw) {
    .u_contents.__recruit .u_effect_lists .item {
      padding-inline: 8.2051282051cqw;
      padding-block: 10cqw 6.6666666667cqw;
    }
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(1) .item_img {
  width: min(12.3076923077vw, 16rem);
  margin-block: min(0.6923076923vw, 0.9rem) 0;
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(1) .item_img {
    width: 13.5593220339cqw;
    margin-block: 0.7627118644cqw 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(1) .item_img {
    width: 16rem;
    margin-block: 0;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(1) .item_txt {
  padding-top: min(2.4615384615vw, 3.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 2.7118644068cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 43px;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(2) .item_img {
  width: min(11.5384615385vw, 15rem);
  margin-block: min(0.9230769231vw, 1.2rem) 0;
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(2) .item_img {
    width: 12.7118644068cqw;
    margin-block: 1.0169491525cqw 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(2) .item_img {
    width: 15rem;
    margin-block: 0;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(2) .item_txt {
  padding-top: min(2.4615384615vw, 3.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 2.7118644068cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(3) .item_img {
  width: min(12.3076923077vw, 16rem);
  margin-block-end: min(0.3076923077vw, 0.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(3) .item_img {
    width: 13.5593220339cqw;
    margin-block-end: 0.3389830508cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(3) .item_img {
    width: 16rem;
    margin-block: 0;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(3) .item_txt {
  padding-top: min(2.8461538462vw, 3.7rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(3) .item_txt {
    padding-top: 3.1355932203cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(3) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(4) .item_img {
  width: min(12.3076923077vw, 16rem);
  margin-block-start: min(0.3846153846vw, 0.5rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(4) .item_img {
    width: 13.5593220339cqw;
    margin-block-start: 0.4237288136cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(4) .item_img {
    width: 16rem;
    margin-block: 0;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(4) .item_txt {
  padding-top: min(2.4615384615vw, 3.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(4) .item_txt {
    padding-top: 2.7118644068cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(4) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(5) .item_img {
  width: min(12.3076923077vw, 16rem);
  margin-block-start: min(-0.3846153846vw, -0.5rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(5) .item_img {
    width: 13.5593220339cqw;
    margin-block-start: -0.4237288136cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(5) .item_img {
    width: 15.8rem;
    margin-block: 0;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(5) .item_txt {
  padding-top: min(3.6923076923vw, 4.8rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(5) .item_txt {
    padding-top: 4.0677966102cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(5) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(6) .item_img {
  width: min(13.5384615385vw, 17.6rem);
  margin-block-start: min(-0.5692307692vw, -0.74rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(6) .item_img {
    width: 14.9152542373cqw;
    margin-block-start: -0.6271186441cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(6) .item_img {
    width: 17.5rem;
    margin-block: 0;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(6) .item_txt.pc-only {
  padding-top: min(3.3846153846vw, 4.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(6) .item_txt.pc-only {
    padding-top: 3.7288135593cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(6) .item_txt {
    padding-top: 43px;
  }
}
.u_contents.__recruit .u_effect_lists .item:nth-child(7) .item_img {
  width: min(12.3076923077vw, 16rem);
  margin-block-start: min(-0.2307692308vw, -0.3rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(7) .item_img {
    width: 13.5593220339cqw;
    margin-block-start: -0.2542372881cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(7) .item_img {
    width: 16rem;
    margin-block: 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item:nth-child(7) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__recruit .u_effect_lists .item_txt {
  padding-top: min(3.2307692308vw, 4.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__recruit .u_effect_lists .item_txt {
    padding-top: 3.5593220339cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__recruit .u_effect_lists .item_txt {
    margin-block: 0;
    padding-top: 39px;
  }
}

/*
企業ブランディングページの期待される効果セクション
.u_contents
====================*/
.u_contents.__branding {
  /*
  .u_fv
  ================*/
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_fv_desc_ttl .font_min {
    font-feature-settings: normal;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_fv_head_bottom_lists {
    max-width: 25rem;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_fv_head_bottom_lists .list_txt {
    text-align: left;
  }
}
.u_contents.__branding {
  /*
  .u_st_movie
  ================*/
}
.u_contents.__branding .u_st_movie_desc {
  width: 46.8909276249%;
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_st_movie_desc {
    width: min(100%, 31.3rem);
  }
}
.u_contents.__branding {
  /*
  .u_effect
  =========================*/
}
.u_contents.__branding .u_effect_lists .item {
  padding-inline: min(2.3076923077vw, 3rem);
  padding-block: min(3.8461538462vw, 5rem) min(3.5384615385vw, 4.6rem);
}
@supports (width: 1cqw) {
  .u_contents.__branding .u_effect_lists .item {
    padding-inline: 2.5423728814cqw;
    padding-block: 4.2372881356cqw 3.8983050847cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_effect_lists .item {
    padding-inline: 8.2051282051vw;
    padding-block: 10vw 6.6666666667vw;
  }
  @supports (width: 1cqw) {
    .u_contents.__branding .u_effect_lists .item {
      padding-inline: 8.2051282051cqw;
      padding-block: 10cqw 6.6666666667cqw;
    }
  }
}
.u_contents.__branding .u_effect_lists .item:nth-child(1) .item_img {
  width: min(15.3846153846vw, 20rem);
  margin-block: min(-0.1538461538vw, -0.2rem) 0;
}
@supports (width: 1cqw) {
  .u_contents.__branding .u_effect_lists .item:nth-child(1) .item_img {
    width: 16.9491525424cqw;
    margin-block: -0.1694915254cqw 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_effect_lists .item:nth-child(1) .item_img {
    width: 20rem;
    margin-block: 0;
  }
}
.u_contents.__branding .u_effect_lists .item:nth-child(1) .item_txt {
  padding-top: min(2.6923076923vw, 3.5rem);
}
@supports (width: 1cqw) {
  .u_contents.__branding .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 2.9661016949cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__branding .u_effect_lists .item:nth-child(2) .item_img {
  width: min(19.3846153846vw, 25.2rem);
  margin-block: min(0.3076923077vw, 0.4rem) 0;
}
@supports (width: 1cqw) {
  .u_contents.__branding .u_effect_lists .item:nth-child(2) .item_img {
    width: 21.3559322034cqw;
    margin-block: 0.3389830508cqw 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_effect_lists .item:nth-child(2) .item_img {
    width: 25.2rem;
    margin-block: 0;
  }
}
.u_contents.__branding .u_effect_lists .item:nth-child(2) .item_txt {
  padding-top: min(3.3076923077vw, 4.3rem);
}
@supports (width: 1cqw) {
  .u_contents.__branding .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 3.6440677966cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__branding .u_effect_lists .item:nth-child(3) .item_img {
  width: min(15.2307692308vw, 19.8rem);
  margin-block-start: min(0.3076923077vw, 0.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__branding .u_effect_lists .item:nth-child(3) .item_img {
    width: 16.7796610169cqw;
    margin-block-start: 0.3389830508cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_effect_lists .item:nth-child(3) .item_img {
    width: 19.8rem;
    margin-block: 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__branding .u_effect_lists .item:nth-child(3) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__branding .u_effect_lists .item_txt {
  padding-top: min(3.0769230769vw, 4rem);
}
@supports (width: 1cqw) {
  .u_contents.__branding .u_effect_lists .item_txt {
    padding-top: 3.3898305085cqw;
  }
}

/*
採用ブランディングページの期待される効果セクション
.u_contents
====================*/
.u_contents.__engagement {
  /*
  .u_st_movie
  ================*/
}
.u_contents.__engagement .u_st_movie_desc_ttl .ttl.__lg {
  font-feature-settings: "palt";
}
.u_contents.__engagement {
  /*
  .u_effect
  =========================*/
}
.u_contents.__engagement .u_effect_lists .item {
  padding-inline: min(2.3076923077vw, 3rem);
  padding-block: min(2.6923076923vw, 3.5rem) min(2.5384615385vw, 3.3rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item {
    padding-inline: 2.5423728814cqw;
    padding-block: 2.9661016949cqw 2.7966101695cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item {
    padding-inline: 8.2051282051vw;
    padding-block: 10vw 6.6666666667vw;
  }
  @supports (width: 1cqw) {
    .u_contents.__engagement .u_effect_lists .item {
      padding-inline: 8.2051282051cqw;
      padding-block: 10cqw 6.6666666667cqw;
    }
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(1) .item_img {
  width: min(14.3846153846vw, 18.7rem);
  margin-block: min(3.0769230769vw, 4rem) 0;
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(1) .item_img {
    width: 15.8474576271cqw;
    margin-block: 3.3898305085cqw 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(1) .item_img {
    width: 18.7rem;
    margin-block: 0;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(1) .item_txt {
  padding-top: min(2.6923076923vw, 3.5rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 2.9661016949cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(1) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(2) .item_img {
  width: min(12.3846153846vw, 16.1rem);
  margin-block: min(-0.3846153846vw, -0.5rem) 0;
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(2) .item_img {
    width: 13.6440677966cqw;
    margin-block: -0.4237288136cqw 0;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(2) .item_img {
    width: 16.1rem;
    margin-block: 0;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(2) .item_txt {
  padding-top: min(2.6923076923vw, 3.5rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 2.9661016949cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(2) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(3) .item_img {
  width: min(11.5384615385vw, 15rem);
  margin-block-start: min(2.0769230769vw, 2.7rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(3) .item_img {
    width: 12.7118644068cqw;
    margin-block-start: 2.2881355932cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(3) .item_img {
    width: 15rem;
    margin-block: 0;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(3) .item_txt {
  padding-top: min(2.6153846154vw, 3.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(3) .item_txt {
    padding-top: 2.8813559322cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(3) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(4) .item_img {
  width: min(12.3846153846vw, 16.1rem);
  margin-block-start: min(1.8461538462vw, 2.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(4) .item_img {
    width: 13.6440677966cqw;
    margin-block-start: 2.0338983051cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(4) .item_img {
    width: 16.1rem;
    margin-block: 0;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(4) .item_txt {
  padding-top: min(2.6153846154vw, 3.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(4) .item_txt {
    padding-top: 2.8813559322cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(4) .item_txt {
    padding-top: 42px;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(5) .item_img {
  width: min(12.3076923077vw, 16rem);
  margin-block-start: min(0.6923076923vw, 0.9rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(5) .item_img {
    width: 13.5593220339cqw;
    margin-block-start: 0.7627118644cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(5) .item_img {
    width: 16rem;
    margin-block: 0;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(5) .item_txt {
  padding-top: min(3.3846153846vw, 4.4rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(5) .item_txt {
    padding-top: 3.7288135593cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(5) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(6) .item_img {
  width: min(15.3846153846vw, 20rem);
  margin-block-start: min(0.9230769231vw, 1.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(6) .item_img {
    width: 16.9491525424cqw;
    margin-block-start: 1.0169491525cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(6) .item_img {
    width: 20rem;
    margin-block: 0;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(6) .item_txt {
  padding-top: min(3.2307692308vw, 4.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(6) .item_txt {
    padding-top: 3.5593220339cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(6) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(7) .item_img {
  width: min(12.6923076923vw, 16.5rem);
  margin-block-start: min(0.4615384615vw, 0.6rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(7) .item_img {
    width: 13.9830508475cqw;
    margin-block-start: 0.5084745763cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(7) .item_img {
    width: 16.5rem;
    margin-block: 0;
  }
}
.u_contents.__engagement .u_effect_lists .item:nth-child(7) .item_txt {
  padding-top: min(2.9230769231vw, 3.8rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(7) .item_txt {
    padding-top: 3.2203389831cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item:nth-child(7) .item_txt {
    padding-top: 40px;
  }
}
.u_contents.__engagement .u_effect_lists .item_txt {
  padding-top: min(3.2307692308vw, 4.2rem);
}
@supports (width: 1cqw) {
  .u_contents.__engagement .u_effect_lists .item_txt {
    padding-top: 3.5593220339cqw;
  }
}
@media (max-width: 1023px) {
  .u_contents.__engagement .u_effect_lists .item_txt {
    margin-block: 0;
    padding-top: 39px;
  }
}

#wpadminbar {
  display: none !important;
}

/*common*/
.pc-only {
  display: block !important;
}

.sp-only {
  display: none !important;
}

section,
main {
  position: relative;
  display: block;
}

body {
  width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

@media screen and (max-width: 1023px) {
  .pc-only {
    display: none !important;
  }
  .sp-only {
    display: block !important;
  }
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }
}
/*no-js*/
/*.no-js .js-scroll-fade,
.no-js .top_main_txt,
.no-js .top_main_txt .catch,
.no-js .top_main_txt .read,
.no-js .top_main_scroll { opacity: 1!important; }
.no-js body.home #loading { display: none; }
.no-js body#home #header {-webkit-transform: translateY(0);transform: translateY(0);}
.no-js body:not(.home) #loading { display: none; }*/
/*loading*/
body #loading {
  background: #fff;
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100010;
  pointer-events: none;
  transition: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s;
}

body #loading.is-animation {
  opacity: 0;
}

/*loop*/
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/*fade*/
.js-scroll-fade:not(.top_about_ph):not(.hd_anime) {
  opacity: 0;
}

.isActive:not(.top_about_ph):not(.hd_anime) {
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-duration: 1.8s;
  animation-name: fadeUp;
  animation-fill-mode: forwards;
}
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  10% {
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/*scroll*/
#viewport {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#scroll-container {
  position: absolute;
  width: 100%;
}

/*mouse*/
.overlay {
  display: none;
}

@media only screen and (min-width: 1023px) {
  .overlay {
    --x: 0;
    --y: 0;
    --scale: 1;
    display: block;
    pointer-events: none;
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    scale: var(--scale);
    transition-property: translate, scale;
    transition-duration: 0.8s, 0.8s;
    will-change: translate, scale;
    translate: calc(var(--x) - 50dvw) calc(var(--y) - 50dvh);
    position: fixed;
    inset: calc(50% - 500px) auto auto calc(50% - 500px);
    width: 1000px;
    height: 1000px;
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.2) 200px, rgba(255, 255, 255, 0) 400px);
    mix-blend-mode: difference;
  }
  html:has(a:hover) .overlay {
    transition-duration: 0.8s, 0.5s;
    scale: 0.3;
  }
}
/*
=Header
================*/
.header_box {
  position: sticky;
  top: 0;
  z-index: 9999;
  padding-block: min(2.4615384615vw, 32px) 0;
}
@supports (width: 1cqw) {
  .header_box {
    padding-block: min(2.4615384615cqw, 32px) 0;
  }
}
.header_box {
  pointer-events: none;
  container-type: inline-size;
  container-name: header;
  --cqw: 0.8474;
}
.header_box .inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  margin-inline: auto;
  width: calc(100% - clamp(6rem, 10.1694915254vw, 12rem));
  -moz-column-gap: min(7.4576271186vw, 88px);
       column-gap: min(7.4576271186vw, 88px);
}
@supports (width: 1cqw) {
  .header_box .inner {
    width: calc(100% - clamp(6rem, 10.1694915254cqw, 12rem));
    -moz-column-gap: min(7.4576271186cqw, 88px);
         column-gap: min(7.4576271186cqw, 88px);
  }
}
.header_box .inner .header_logo {
  width: min(16.7692307692vw, 21.8rem);
}
@supports (width: 1cqw) {
  .header_box .inner .header_logo {
    width: min(16.7692307692cqw, 21.8rem);
  }
}
.header_box .inner .header_logo {
  pointer-events: all;
  grid-column: 1;
}
.header_box .inner .header_logo a {
  display: block;
}
.header_box .inner .header_logo img {
  width: 100%;
  display: block;
  height: auto;
  max-width: unset;
}
.header_box .inner .header_btnWrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5384615385vw;
       column-gap: 0.5384615385vw;
}
@supports (width: 1cqw) {
  .header_box .inner .header_btnWrap {
    -moz-column-gap: 0.5384615385cqw;
         column-gap: 0.5384615385cqw;
  }
}
.header_box .inner .header_btnWrap {
  grid-column: 3;
  justify-self: end;
}
.header_box .inner .header_btnWrap .function_btn {
  pointer-events: all;
}
.header_box .inner .header_btnWrap .function_btn a {
  display: grid;
  place-content: center;
  width: min(10.4615384615vw, 165px);
  height: min(3.6923076923vw, 54px);
}
@supports (width: 1cqw) {
  .header_box .inner .header_btnWrap .function_btn a {
    width: min(10.4615384615cqw, 165px);
    height: min(3.6923076923cqw, 54px);
  }
}
.header_box .inner .header_btnWrap .function_btn a {
  border-radius: 3px;
}
.header_box .inner .header_btnWrap .function_btn a span {
  display: block;
  width: 100%;
  font-size: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .header_box .inner .header_btnWrap .function_btn a span {
    font-size: min(1.1538461538cqw, 1.5rem);
  }
}
.header_box .inner .header_btnWrap .function_btn a span {
  line-height: 1.5;
}
.header_box .inner .header_btnWrap .function_btn._request a {
  background: #000;
}
.header_box .inner .header_btnWrap .function_btn._contact a {
  background: #1e90ff;
}

/*
=global_nav
================*/
.global_nav {
  pointer-events: all;
  grid-column: 2;
  justify-self: center;
}
.global_nav .main_nav {
  display: flex;
  align-items: center;
  -moz-column-gap: 2.3076923077vw;
       column-gap: 2.3076923077vw;
}
@supports (width: 1cqw) {
  .global_nav .main_nav {
    -moz-column-gap: 2.3076923077cqw;
         column-gap: 2.3076923077cqw;
  }
}
.global_nav .main_nav {
  white-space: nowrap;
}
.global_nav .main_nav li a:not(.mega_menu_item) {
  display: inline-block;
  padding: 14px 0;
  font-size: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .global_nav .main_nav li a:not(.mega_menu_item) {
    font-size: min(1.1538461538cqw, 1.5rem);
  }
}
.global_nav .main_nav li a:not(.mega_menu_item) {
  line-height: 1.5;
  letter-spacing: 0.05rem;
  font-feature-settings: normal;
}
.global_nav .main_nav li a[data-mega=useCase] {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.6153846154vw;
       column-gap: 0.6153846154vw;
}
@supports (width: 1cqw) {
  .global_nav .main_nav li a[data-mega=useCase] {
    -moz-column-gap: 0.6153846154cqw;
         column-gap: 0.6153846154cqw;
  }
}
.global_nav .main_nav li a[data-mega=useCase] .link_arrow {
  height: 0.5384615385vw;
}
@supports (width: 1cqw) {
  .global_nav .main_nav li a[data-mega=useCase] .link_arrow {
    height: 0.5384615385cqw;
  }
}
.global_nav .main_nav li a[data-mega=useCase] .link_arrow {
  display: flex;
  background: unset;
}
.global_nav .main_nav li a[data-mega=useCase] .link_arrow svg {
  rotate: 90deg;
  width: 0.3846153846vw;
  height: 0.5384615385vw;
}
@supports (width: 1cqw) {
  .global_nav .main_nav li a[data-mega=useCase] .link_arrow svg {
    width: 0.3846153846cqw;
    height: 0.5384615385cqw;
  }
}
.global_nav .main_nav li a[data-mega=useCase] .link_arrow svg path {
  stroke: #ffffff;
}
.global_nav .mega_menu {
  position: absolute;
  left: 0;
  right: 0;
  width: 90.7692307692%;
  padding-inline: 5.3846153846vw;
  padding-top: 0.7692307692vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu {
    padding-inline: 5.3846153846cqw;
    padding-top: 0.7692307692cqw;
  }
}
.global_nav .mega_menu {
  box-sizing: border-box;
  margin-inline: auto;
  border-radius: 3px;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0.5s cubic-bezier(0.3, 0.015, 0.12, 1), opacity 0.5s cubic-bezier(0.3, 0.015, 0.12, 1);
}
.global_nav .mega_menu.isHover {
  opacity: 1;
  pointer-events: all;
}
.global_nav .mega_menu_inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  -moz-column-gap: 1.5384615385vw;
       column-gap: 1.5384615385vw;
  padding: 3.0769230769vw 3.8461538462vw 3.2307692308vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_inner {
    -moz-column-gap: 1.5384615385cqw;
         column-gap: 1.5384615385cqw;
    padding: 3.0769230769cqw 3.8461538462cqw 3.2307692308cqw;
  }
}
.global_nav .mega_menu_inner {
  position: relative;
}
.global_nav .mega_menu_inner::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  backdrop-filter: blur(10px);
}
.global_nav .mega_menu_inner_deco {
  opacity: 0.75;
  width: min(1.1538461538vw, 1.5rem);
  height: min(1.3076923077vw, 1.7rem);
  padding-right: min(1vw, 1.3rem);
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_inner_deco {
    width: min(1.1538461538cqw, 1.5rem);
    height: min(1.3076923077cqw, 1.7rem);
    padding-right: min(1cqw, 1.3rem);
  }
}
.global_nav .mega_menu_inner_deco {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin-inline: auto;
  top: -1.8rem;
  z-index: -1;
}
.global_nav .mega_menu_item {
  width: 16.9230769231vw;
  overflow: clip;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item {
    width: 16.9230769231cqw;
  }
}
.global_nav .mega_menu_item img {
  height: auto;
}
.global_nav .mega_menu_item:nth-child(1) picture img {
  width: 11.2307692308vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item:nth-child(1) picture img {
    width: 11.2307692308cqw;
  }
}
.global_nav .mega_menu_item:nth-child(2) picture img {
  width: 10.3076923077vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item:nth-child(2) picture img {
    width: 10.3076923077cqw;
  }
}
.global_nav .mega_menu_item:nth-child(3) picture img {
  width: 10.4615384615vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item:nth-child(3) picture img {
    width: 10.4615384615cqw;
  }
}
.global_nav .mega_menu_item:nth-child(4) picture img {
  width: 11.2307692308vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item:nth-child(4) picture img {
    width: 11.2307692308cqw;
  }
}
.global_nav .mega_menu_item_img {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.1);
  height: 8.3846153846vw;
  padding-block: 0.9230769231vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item_img {
    height: 8.3846153846cqw;
    padding-block: 0.9230769231cqw;
  }
}
.global_nav .mega_menu_item_img picture img {
  transition: scale 2s cubic-bezier(0.16, 1, 0.3, 1);
}
.global_nav .mega_menu_item_body {
  display: flex;
  align-items: start;
  -moz-column-gap: 0.7692307692vw;
       column-gap: 0.7692307692vw;
  margin-top: 1.6153846154vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item_body {
    -moz-column-gap: 0.7692307692cqw;
         column-gap: 0.7692307692cqw;
    margin-top: 1.6153846154cqw;
  }
}
.global_nav .mega_menu_item .link_arrow {
  display: block;
  width: min(1.5384615385vw, 2rem);
  height: min(1.5384615385vw, 2rem);
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item .link_arrow {
    width: min(1.5384615385cqw, 2rem);
    height: min(1.5384615385cqw, 2rem);
  }
}
.global_nav .mega_menu_item .link_arrow {
  background: #000;
  border-radius: 3px;
  position: relative;
  overflow: clip;
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.global_nav .mega_menu_item .link_arrow svg {
  transition: stroke 0.6s cubic-bezier(0.36, 0.14, 0, 1);
  width: 0.3846153846vw;
  height: 0.5384615385vw;
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item .link_arrow svg {
    width: 0.3846153846cqw;
    height: 0.5384615385cqw;
  }
}
.global_nav .mega_menu_item .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.global_nav .mega_menu_item .link_arrow svg path {
  stroke: #ffffff;
}
.global_nav .mega_menu_item_ttl {
  flex: 1;
}
.global_nav .mega_menu_item_ttl .ttl {
  font-feature-settings: "halt";
  font-size: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .global_nav .mega_menu_item_ttl .ttl {
    font-size: min(1.1538461538cqw, 1.5rem);
  }
}
.global_nav .mega_menu_item_ttl .ttl {
  font-weight: 500;
  line-height: 1.75;
}
.global_nav .mega_menu_item_ttl .ttl::before, .global_nav .mega_menu_item_ttl .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.global_nav .mega_menu_item_ttl .ttl::before {
  margin-block-end: calc((1 - 1.75) * 0.5em);
}
.global_nav .mega_menu_item_ttl .ttl::after {
  margin-block-start: calc((1 - 1.75) * 0.5em);
}
.global_nav .mega_menu_item_ttl .ttl {
  display: inline;
  background: linear-gradient(-175deg, currentColor 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.op_global_nav {
  display: none;
}

.btn_humberger_box {
  display: none;
}

/*
=SP hamburger menu
================*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .btn_humberger_box .btn_humberger .txt._menu {
    margin-left: -4px;
  }
}
/*
=Common
================*/
.common_bg #bg {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: -1;
  background: url("../img/top_bg01.jpg") no-repeat center/cover;
  /*&:after {
          content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.1);
      }*/
}
.common_bg #bg02 {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: -1;
  background: url("../img/top_bg02.jpg") no-repeat center/cover;
  opacity: 0;
  animation: 7s linear 1s infinite alternate bgAnim;
  /*&:after {
          content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.1);
      }*/
}
.common_bg #anime {
  width: 100%;
  height: 103vh;
  top: 0;
  z-index: -1;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  position: absolute;
}
.common_bg #anime svg {
  width: 150% !important;
  height: auto !important;
  position: absolute;
  left: 0;
  bottom: 0;
  mix-blend-mode: screen;
}
.common_bg #animeSP {
  display: none;
}
.common_bg #over {
  width: 100%;
  height: 103vh;
  position: fixed;
  top: 0;
  z-index: -1;
  background: #000;
}

@media screen and (max-width: 1023px) {
  body {
    background: url("../img/top_bg01.jpg") no-repeat center/cover;
    background-attachment: fixed;
  }
}
/*
=Keyframes Animation
================*/
@keyframes bgAnim {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.common_hd .en {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.5;
}
.common_hd .en small {
  font-size: 3.2rem;
  color: inherit;
}
.common_hd .ttl {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}

footer {
  padding-bottom: 1px;
}

.page_hd {
  position: relative;
}
.page_hd .ttl {
  font-size: 4.5rem;
  line-height: 1.5;
}
.page_hd .en {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.1rem;
}

/*
=@mixin
================*/
.common_btn a {
  display: inline-block;
  min-width: 280px;
  margin-top: 50px;
  padding: 24px;
  box-sizing: border-box;
  position: relative;
  text-align: left;
  line-height: 1.5;
}
.common_btn._bk a {
  background: #000;
}
.common_btn._bk a .txt {
  font-size: 1.5rem;
  list-style-position: 1.5;
  line-height: 1.86;
}
.common_btn._bk a .txt::before, .common_btn._bk a .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.common_btn._bk a .txt::before {
  margin-block-end: calc((1 - 1.86) * 0.5em);
}
.common_btn._bk a .txt::after {
  margin-block-start: calc((1 - 1.86) * 0.5em);
}
.common_btn._bk a .txt {
  font-feature-settings: normal;
}
.common_btn._bk a .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.common_btn._bk a .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.common_btn._bk a .link_arrow svg path {
  stroke: #000;
}

.footer_contact {
  width: 90.76%;
  margin: 0 auto;
  margin-top: 16%;
}
.footer_contact.__company .inner {
  justify-content: space-between;
  -moz-column-gap: 0;
       column-gap: 0;
}
.footer_contact.__company .inner .footer_contact_hd .hd {
  margin-block: 0;
  line-height: 1.5;
}
.footer_contact.__company .inner .read {
  margin-top: 20px;
  font-size: 1.8rem;
  color: #000;
  line-height: 1.66;
}
.footer_contact.__company .inner .footer_contact_list {
  font-feature-settings: "palt";
  margin-top: 0;
  width: 52.14%;
}
.footer_contact .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  -moz-column-gap: 7.34%;
       column-gap: 7.34%;
  padding: 80px 8.39%;
  border-radius: 3px;
  box-sizing: border-box;
  background: #f1ece8;
}
.footer_contact .inner .footer_contact_hd {
  width: 40.74%;
}
.footer_contact .inner .footer_contact_hd .hd {
  font-size: 4.5rem;
  color: #000;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1.02;
}
.footer_contact .inner .footer_contact_hd .hd::before, .footer_contact .inner .footer_contact_hd .hd::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.footer_contact .inner .footer_contact_hd .hd::before {
  margin-block-end: calc((1 - 1.02) * 0.5em);
}
.footer_contact .inner .footer_contact_hd .hd::after {
  margin-block-start: calc((1 - 1.02) * 0.5em);
}
.footer_contact .inner .footer_contact_hd .hd {
  margin-block: -7px;
}
.footer_contact .inner .footer_contact_hd .read {
  margin: 33px 0 0 4px;
  font-feature-settings: "halt";
}
.footer_contact .inner .footer_contact_hd .read_ttl {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.6;
}
.footer_contact .inner .footer_contact_hd .read_ttl::before, .footer_contact .inner .footer_contact_hd .read_ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.footer_contact .inner .footer_contact_hd .read_ttl::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.footer_contact .inner .footer_contact_hd .read_ttl::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
.footer_contact .inner .footer_contact_hd .read_txt {
  color: #000;
  font-size: 1.5rem;
  line-height: 2;
  margin-top: 25px;
}
.footer_contact .inner .footer_contact_hd .read_txt::before, .footer_contact .inner .footer_contact_hd .read_txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.footer_contact .inner .footer_contact_hd .read_txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.footer_contact .inner .footer_contact_hd .read_txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.footer_contact .inner .footer_contact_list {
  width: 43.78%;
  margin-top: 16px;
  font-feature-settings: "halt";
}
.footer_contact .inner .footer_contact_list li {
  font-size: 1.5rem;
  color: #000;
  padding-left: 30px;
  line-height: 1.53;
  letter-spacing: 0.05rem;
  position: relative;
}
.footer_contact .inner .footer_contact_list li:before {
  content: "";
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  background: url("../img/arrow_checklist.svg") no-repeat center/contain;
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.footer_contact .inner .footer_contact_list li + li {
  margin-top: 18px;
}
.footer_contact .inner .footer_contact_list p {
  color: #000;
}
.footer_contact .inner .footer_contact_btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 48px;
}
.footer_contact .inner .footer_contact_btn .btn {
  width: 48.97%;
  padding: 36px 40px;
  box-sizing: border-box;
  border-radius: 7px;
  position: relative;
}
.footer_contact .inner .footer_contact_btn .btn .txt {
  font-size: 2rem;
  line-height: 1.4;
}
.footer_contact .inner .footer_contact_btn .btn .txt::before, .footer_contact .inner .footer_contact_btn .btn .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.footer_contact .inner .footer_contact_btn .btn .txt::before {
  margin-block-end: calc((1 - 1.4) * 0.5em);
}
.footer_contact .inner .footer_contact_btn .btn .txt::after {
  margin-block-start: calc((1 - 1.4) * 0.5em);
}
.footer_contact .inner .footer_contact_btn .btn .txt {
  font-feature-settings: normal;
}
.footer_contact .inner .footer_contact_btn .btn._request {
  background: #000;
  border: 1px solid #000;
}
.footer_contact .inner .footer_contact_btn .btn._contact {
  background: #1e90ff;
  border: 1px solid #1e90ff;
}
.footer_contact .inner .footer_contact_btn .btn .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.footer_contact .inner .footer_contact_btn .btn .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.footer_contact .inner .footer_contact_btn .btn .link_arrow svg path {
  stroke: #000;
}
.footer_contact .inner .footer_contact_btn .btn .link_arrow {
  overflow: hidden;
  right: 38px;
}
.footer_contact .inner .footer_contact_btn .btn._contact .link_arrow svg path {
  stroke: #1e90ff;
}

body#home .footer_contact {
  margin-top: 12.5384615385%;
}

.footer_function {
  width: 90.76%;
  margin: 58px auto;
}
.footer_function .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer_function .inner .footer_copyrights {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
}
.footer_function .inner .footer_nav {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.footer_function .inner .footer_nav li {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
}
.footer_function .inner .footer_nav li a {
  line-height: 1.86;
}
.footer_function .inner .footer_nav li a::before, .footer_function .inner .footer_nav li a::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.footer_function .inner .footer_nav li a::before {
  margin-block-end: calc((1 - 1.86) * 0.5em);
}
.footer_function .inner .footer_nav li a::after {
  margin-block-start: calc((1 - 1.86) * 0.5em);
}
.footer_function .inner .footer_nav li a {
  font-feature-settings: normal;
  display: flex;
  align-items: center;
}
.footer_function .inner .footer_nav li a.icon {
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
}
.footer_function .inner .footer_nav li a svg {
  width: 1rem;
  height: 0.8rem;
  margin-top: -2px;
}

.page_contents .inner {
  width: 90.76%;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 12.9230769231vw;
  position: relative;
}

._txtFilter {
  background: url("../img/txt_filter.jpg") no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.top_main ._txtFilter, body#home .top_about ._txtFilter, .top_power ._txtFilter, .top_role ._txtFilter, .top_usecase ._txtFilter, .top_roadmap ._txtFilter, .top_movie_str ._txtFilter, .top_work ._txtFilter {
  background-size: 120% auto;
  background-position: 40% center;
}
.u_contents ._txtFilter {
  background-size: 120% auto;
  background-position: 40% center;
}

@media screen and (max-width: 1180px) {
  .footer_function .inner .footer_nav li {
    margin-left: 18px;
    font-size: 1.2rem;
  }
}
/*top*/
.top_main {
  width: 100%;
  height: min(59.5384615385vw, 100svh);
  position: relative;
  box-sizing: border-box;
}
.top_main .inner {
  height: 100%;
}
.top_main .top_main_itembox {
  width: 91%;
  position: absolute;
  bottom: min(13.0769230769vw, 170px);
  left: 4.3846153846%;
  z-index: 11;
}
.top_main .top_main_itembox .top_main_item01 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.top_main .top_main_itembox .top_main_item01 .catchcopy {
  width: 45.0769230769vw;
}
.top_main .top_main_itembox .top_main_item01 .catchcopy img {
  width: 100%;
  height: auto;
}
.top_main .top_main_itembox .top_main_item01 .topicks {
  width: 23.76%;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.031372549);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2509803922);
}
.top_main .top_main_itembox .top_main_item01 .topicks .thumb {
  position: relative;
}
.top_main .top_main_itembox .top_main_item01 .topicks .thumb > div {
  padding-bottom: 56.42%;
  overflow: hidden;
}
.top_main .top_main_itembox .top_main_item01 .topicks .thumb > div img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_main .top_main_itembox .top_main_item01 .topicks:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74.04%, #000000 100%);
  position: absolute;
  top: 0;
}
.top_main .top_main_itembox .top_main_item01 .topicks .name {
  display: block;
  width: 75.35%;
  position: absolute;
  bottom: 1em;
  left: 1em;
  z-index: 3;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.top_main .top_main_itembox .top_main_item01 .topicks .arrow {
  display: block;
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  position: absolute;
  bottom: 1em;
  right: 1em;
  border-radius: 6.5px;
  z-index: 3;
}
.top_main .top_main_itembox .top_main_item01 .topicks .arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.top_main .top_main_itembox .top_main_item01 .topicks .arrow svg path {
  fill: #fff;
}
.top_main .top_main_itembox .top_main_item02 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 28px;
  padding-top: 32px;
  position: relative;
}
.top_main .top_main_itembox .top_main_item02:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: url("../img/txt_filter.jpg") no-repeat left top;
  position: absolute;
  top: 0;
  left: 0;
}
.top_main .top_main_itembox .top_main_item02 .english {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}
.top_main .top_main_itembox .top_main_item02 .english::before, .top_main .top_main_itembox .top_main_item02 .english::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_main .top_main_itembox .top_main_item02 .english::before {
  margin-block-end: calc((1 - 1.3) * 0.5em);
}
.top_main .top_main_itembox .top_main_item02 .english::after {
  margin-block-start: calc((1 - 1.3) * 0.5em);
}
.top_main .top_main_itembox .top_main_item02 .english {
  letter-spacing: 0.15rem;
}
.top_main .top_main_itembox .top_main_item02 .message {
  font-size: 1.5rem;
  line-height: 1.5;
  flex-grow: 2;
  font-feature-settings: normal;
  text-align: right;
  padding-right: 2.54%;
  position: relative;
  background-position: 50% 0% !important;
}
.top_main .top_main_itembox .top_main_item02 .message::before {
  content: "";
  display: block;
  width: 1px;
  height: 48px;
  background: url("../img/txt_filter.jpg") no-repeat left top;
  position: absolute;
  right: 5px;
  top: -10px;
}
.top_main .top_main_itembox .top_main_item02 .message .tab {
  display: none;
}
.top_main .top_main_itembox .top_main_item02 .contact {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  padding: 0 31px 0 2.54%;
  position: relative;
}
.top_main .top_main_itembox .top_main_item02 .contact ._txtFilter {
  background-position: 90% 50% !important;
}
@media (max-width: 1023px) {
  .top_main .top_main_itembox .top_main_item02 .contact ._txtFilter {
    background-position: 100% center !important;
  }
}
.top_main .top_main_itembox .top_main_item02 .contact .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.top_main .top_main_itembox .top_main_item02 .contact .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.top_main .top_main_itembox .top_main_item02 .contact .link_arrow svg path {
  stroke: #fff;
}
.top_main .top_main_itembox .top_main_item02 .contact .link_arrow {
  right: 0;
  background: #1e90ff;
}

@media screen and (max-width: 1180px) {
  .top_main .top_main_itembox .top_main_item02 {
    align-items: center;
  }
  .top_main .top_main_itembox .top_main_item02 .message .tab {
    display: block;
  }
}
.top_main_company .inner {
  width: 90.76%;
  margin: 5% auto 0;
  padding: 13px 3.38%;
  border-radius: 3px;
  box-sizing: border-box;
  background: #fff;
}
.top_main_company .inner .company_slide_item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.top_main_company .inner .company_slide_item > div + div {
  margin-left: 3.38%;
}
.top_main_company .inner .company_slide_item:nth-child(2) {
  display: none;
}
@keyframes animWordbg {
  0% {
    transform-origin: 0% 50%;
    transform: scaleX(0);
  }
  50% {
    transform-origin: 0% 50%;
    transform: scaleX(1);
  }
  51% {
    transform-origin: 100% 50%;
    transform: scaleX(1);
  }
  100% {
    transform-origin: 100% 50%;
    transform: scaleX(0);
  }
}
#p-top-about {
  scroll-margin-top: min(11.0769230769vw, 14.4rem);
}
@media (max-width: 1023px) {
  #p-top-about {
    scroll-margin-top: 10rem;
  }
}

body#home .top_about {
  padding-top: 17.1538461538vw;
  overflow-x: clip;
}
.top_about .common_hd {
  width: 90.76%;
  max-width: 1500px;
  margin: 0 auto;
}
.top_about .common_hd .en,
.top_about .common_hd .ttl {
  display: inline-block;
  position: relative;
  line-height: 1.2;
}
.top_about .common_hd .en .anim__fill,
.top_about .common_hd .ttl .anim__fill {
  position: absolute;
  display: block;
  background: url("../img/txt_filter.jpg");
  transform: scaleX(0);
  width: 100%;
  height: 100%;
}
.top_about .common_hd .en .anim__str,
.top_about .common_hd .ttl .anim__str {
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}
.top_about .common_hd .en .anim__str.font_en,
.top_about .common_hd .ttl .anim__str.font_en {
  letter-spacing: -0.07rem;
}
@media (max-width: 1023px) {
  .top_about .common_hd .en .anim__str.font_en,
  .top_about .common_hd .ttl .anim__str.font_en {
    letter-spacing: -0.02rem;
  }
}
.top_about .common_hd .ttl {
  font-feature-settings: "halt";
  font-weight: 500;
  font-size: 1.8rem;
  margin-top: -5px;
}
.top_about._active .common_hd .en .anim__fill,
.top_about._active .common_hd .ttl .anim__fill {
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-duration: 1.2s;
  animation-name: animWordbg;
  animation-fill-mode: forwards;
}
.top_about._active .common_hd .en .anim__str,
.top_about._active .common_hd .ttl .anim__str {
  opacity: 1;
}
.top_about .top_about_slide {
  margin: 70px auto 70px;
  position: relative;
}
.top_about .top_about_slide > div {
  width: 36.92%;
}
.top_about .top_about_slide > div video {
  width: 100%;
}
.top_about .top_about_slide .slide01 {
  margin: 0 auto;
  transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
  opacity: 0;
}
.top_about .top_about_slide .slide02 {
  position: absolute;
  left: -7.84%;
  top: 0;
  transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  opacity: 0;
}
.top_about .top_about_slide .slide03 {
  position: absolute;
  right: -7.84%;
  top: 0;
  transition: opacity 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  opacity: 0;
}
.top_about._active .top_about_slide .slide01 {
  opacity: 1;
}
.top_about._active .top_about_slide .slide02 {
  opacity: 1;
  transform: translateY(47.74%);
}
.top_about._active .top_about_slide .slide03 {
  opacity: 1;
  transform: translateY(-47.74%);
}
.top_about .top_about_copy {
  width: 90.76%;
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 0;
}
.top_about .top_about_copy_inner {
  margin-left: auto;
  width: 57.6271186441%;
  box-sizing: border-box;
}
.top_about .top_about_copy .read {
  font-size: 2.5rem;
  line-height: 1.6;
  margin-bottom: 33px;
  letter-spacing: 0;
  font-feature-settings: normal;
}
.top_about .top_about_copy p {
  font-size: 1.5rem;
  font-feature-settings: "halt";
  line-height: 2;
}
.top_about .top_about_copy p::before, .top_about .top_about_copy p::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_about .top_about_copy p::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.top_about .top_about_copy p::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.top_about .top_about_copy p span {
  display: inline-block;
}
.top_about .top_about_copy p span + span {
  margin-top: 9px;
}
.top_about_accord_wrap {
  padding-top: 5.8461538462%;
  width: 90.7692307692%;
  margin-inline: auto;
  max-width: 1500px;
}
@media (max-width: 1023px) {
  .top_about_accord_wrap {
    width: 93.5897435897%;
    padding-top: 16.6666666667vw;
  }
}
.top_about #p-top-company {
  scroll-margin-top: min(11.0769230769vw, 14.4rem);
}
@media (max-width: 1023px) {
  .top_about #p-top-company {
    scroll-margin-top: 10rem;
  }
}
.top_about_accord {
  position: relative;
  border: 1px solid;
  -o-border-image: url("../img/top_new_202605/accordion_border.svg") 1 stretch;
     border-image: url("../img/top_new_202605/accordion_border.svg") 1 stretch;
}
.top_about_accord[open] .top_about_accord_head::after {
  opacity: 1;
}
.top_about_accord[open] .top_about_accord_head_btn {
  rotate: 180deg;
}
.top_about_accord[open] .top_about_accord_head_btn_line.__2 {
  opacity: 0;
}
.top_about_accord_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 31px 50px 26px 41px;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1023px) {
  .top_about_accord_head {
    align-items: start;
    padding: 20px 18px 21px 20px;
  }
}
.top_about_accord_head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url("../img/top_new_202605/accord_border_btm.png") no-repeat;
  background-position: center;
  background-size: 100% auto;
  opacity: 0;
  transition: opacity 0.1s ease;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .top_about_accord_head::after {
    height: 2px;
  }
}
.top_about_accord_head > * {
  position: relative;
  z-index: 1;
}
.top_about_accord_head_ttl {
  display: flex;
  justify-content: start;
  align-items: start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 1023px) {
  .top_about_accord_head_ttl {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
.top_about_accord_head_ttl_logo {
  aspect-ratio: 1;
  width: 7.4rem;
  height: auto;
}
@media (max-width: 1023px) {
  .top_about_accord_head_ttl_logo {
    width: 3rem;
  }
}
.top_about_accord_head_ttl_logo img {
  width: 100%;
  height: auto;
}
.top_about_accord_head_ttlWrap {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .top_about_accord_head_ttlWrap {
    flex: 1;
    margin-top: 5px;
    width: min(100%, 26.2rem);
  }
}
.top_about_accord_head_ttlWrap .ttl {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.45;
}
.top_about_accord_head_ttlWrap .ttl::before, .top_about_accord_head_ttlWrap .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_about_accord_head_ttlWrap .ttl::before {
  margin-block-end: calc((1 - 1.45) * 0.5em);
}
.top_about_accord_head_ttlWrap .ttl::after {
  margin-block-start: calc((1 - 1.45) * 0.5em);
}
.top_about_accord_head_ttlWrap .ttl {
  font-feature-settings: normal;
}
@media (max-width: 1023px) {
  .top_about_accord_head_ttlWrap .ttl {
    width: min(100%, 20.6rem);
    font-feature-settings: "halt" on;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .top_about_accord_head_ttlWrap .ttl::before, .top_about_accord_head_ttlWrap .ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about_accord_head_ttlWrap .ttl::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .top_about_accord_head_ttlWrap .ttl::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
}
.top_about_accord_head_ttlWrap .ttl._txtFilter {
  transition: background-position 0.3s ease;
}
.top_about_accord_head_ttlWrap .label {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.53;
}
.top_about_accord_head_ttlWrap .label::before, .top_about_accord_head_ttlWrap .label::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_about_accord_head_ttlWrap .label::before {
  margin-block-end: calc((1 - 1.53) * 0.5em);
}
.top_about_accord_head_ttlWrap .label::after {
  margin-block-start: calc((1 - 1.53) * 0.5em);
}
.top_about_accord_head_ttlWrap .label {
  letter-spacing: 0.1rem;
  display: block;
  margin-top: 14px;
}
@media (max-width: 1023px) {
  .top_about_accord_head_ttlWrap .label {
    font-size: 1rem;
    line-height: 2;
  }
  .top_about_accord_head_ttlWrap .label::before, .top_about_accord_head_ttlWrap .label::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about_accord_head_ttlWrap .label::before {
    margin-block-end: calc((1 - 2) * 0.5em);
  }
  .top_about_accord_head_ttlWrap .label::after {
    margin-block-start: calc((1 - 2) * 0.5em);
  }
  .top_about_accord_head_ttlWrap .label {
    margin-top: 10px;
  }
}
.top_about_accord_head_ttlWrap .label._txtFilter {
  transition: background-position 0.3s ease;
}
.top_about_accord_head_btn {
  aspect-ratio: 1;
  width: 4.1rem;
  height: auto;
  display: grid;
  place-content: center;
  transition: opacity 0.6s cubic-bezier(0.36, 0.14, 0, 1), rotate 0.6s cubic-bezier(0.36, 0.14, 0, 1);
  margin-top: -10px;
}
@media (max-width: 1023px) {
  .top_about_accord_head_btn {
    width: 2.4rem;
    margin-top: -2px;
  }
}
.top_about_accord_head_btn_line {
  width: 4.1rem;
  height: 1px;
  background: url("../img/top_new_202605/grada_dpdown_line.jpg") no-repeat;
  background-size: 100% auto;
  background-size: cover;
  transition: opacity 0.6s cubic-bezier(0.36, 0.14, 0, 1), rotate 0.6s cubic-bezier(0.36, 0.14, 0, 1);
  will-change: opacity, rotate;
}
@media (max-width: 1023px) {
  .top_about_accord_head_btn_line {
    width: 2.4rem;
  }
}
.top_about_accord_head_btn_line.__2 {
  rotate: 90deg;
}
.top_about_accord {
  /* Safariで表示されるデフォルトの三角形アイコンを消す */
}
.top_about_accord summary::marker {
  content: "";
}
.top_about_accord summary::-webkit-details-marker {
  display: none;
}
.top_about_accord_content {
  overflow: hidden;
  transition: height 0.5s ease;
}
.top_about_accord_content_inner {
  padding: 48px 53px 80px 60px;
}
@media (max-width: 1023px) {
  .top_about_accord_content_inner {
    padding: 22px 20px 57px 20px;
  }
}
.top_about_accord_desc {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .top_about_accord_desc {
    flex-direction: column;
    row-gap: 15px;
  }
}
.top_about_accord_desc_txt {
  width: 47.8424015009%;
}
@media (max-width: 1023px) {
  .top_about_accord_desc_txt {
    width: 100%;
  }
}
.top_about_accord_desc_txt .txt {
  font-feature-settings: "halt";
  font-size: 1.5rem;
  line-height: 2;
}
.top_about_accord_desc_txt .txt::before, .top_about_accord_desc_txt .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_about_accord_desc_txt .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.top_about_accord_desc_txt .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.top_about_accord_desc_txt .txt span {
  display: inline-block;
}
.top_about_accord_desc_txt .txt span + span {
  margin-top: 7px;
}
@media (max-width: 1023px) {
  .top_about_accord_desc_txt .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_about_accord_desc_txt .txt::before, .top_about_accord_desc_txt .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about_accord_desc_txt .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_about_accord_desc_txt .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .top_about_accord_desc_txt .txt span {
    display: inline-block;
  }
  .top_about_accord_desc_txt .txt span + span {
    margin-top: 7px;
  }
}
.top_about_accord_company {
  margin-top: 60px;
}
@media (max-width: 1023px) {
  .top_about_accord_company {
    margin-top: 45px;
  }
}
.top_about_accord_company_ttl {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.45;
}
.top_about_accord_company_ttl::before, .top_about_accord_company_ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_about_accord_company_ttl::before {
  margin-block-end: calc((1 - 1.45) * 0.5em);
}
.top_about_accord_company_ttl::after {
  margin-block-start: calc((1 - 1.45) * 0.5em);
}
@media (max-width: 1023px) {
  .top_about_accord_company_ttl {
    font-size: 1.6rem;
    line-height: 1.56;
  }
  .top_about_accord_company_ttl::before, .top_about_accord_company_ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about_accord_company_ttl::before {
    margin-block-end: calc((1 - 1.56) * 0.5em);
  }
  .top_about_accord_company_ttl::after {
    margin-block-start: calc((1 - 1.56) * 0.5em);
  }
}
.top_about_accord_company_table {
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .top_about_accord_company_table {
    margin-top: 24px;
    flex-direction: column;
  }
}
.top_about_accord_company_table_inner {
  width: 47.8424015009%;
}
@media (max-width: 1023px) {
  .top_about_accord_company_table_inner {
    width: 100%;
  }
  .top_about_accord_company_table_inner:nth-child(2) tr:last-child {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  }
}
.top_about_accord_company_table_inner tr {
  display: flex;
  align-items: start;
  -moz-column-gap: 7.4509803922%;
       column-gap: 7.4509803922%;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding-block: 18px 19px;
}
@media (max-width: 1023px) {
  .top_about_accord_company_table_inner tr {
    padding-block: 13px;
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
}
.top_about_accord_company_table_inner tr:last-child {
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
@media (max-width: 1023px) {
  .top_about_accord_company_table_inner tr:last-child {
    border-bottom: unset;
  }
}
.top_about_accord_company_table_inner th {
  font-feature-settings: "halt";
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75;
}
.top_about_accord_company_table_inner th::before, .top_about_accord_company_table_inner th::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_about_accord_company_table_inner th::before {
  margin-block-end: calc((1 - 1.75) * 0.5em);
}
.top_about_accord_company_table_inner th::after {
  margin-block-start: calc((1 - 1.75) * 0.5em);
}
.top_about_accord_company_table_inner th {
  display: block;
  width: 7.8rem;
}
@media (max-width: 1023px) {
  .top_about_accord_company_table_inner th {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .top_about_accord_company_table_inner th::before, .top_about_accord_company_table_inner th::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about_accord_company_table_inner th::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .top_about_accord_company_table_inner th::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
  .top_about_accord_company_table_inner th {
    width: 8rem;
  }
}
.top_about_accord_company_table_inner td {
  font-feature-settings: "halt";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}
.top_about_accord_company_table_inner td::before, .top_about_accord_company_table_inner td::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_about_accord_company_table_inner td::before {
  margin-block-end: calc((1 - 1.75) * 0.5em);
}
.top_about_accord_company_table_inner td::after {
  margin-block-start: calc((1 - 1.75) * 0.5em);
}
.top_about_accord_company_table_inner td {
  display: block;
  width: auto;
  flex: 1;
  margin-top: 2px;
}
@media (max-width: 1023px) {
  .top_about_accord_company_table_inner td {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_about_accord_company_table_inner td::before, .top_about_accord_company_table_inner td::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about_accord_company_table_inner td::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_about_accord_company_table_inner td::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .top_about_accord_company_table_inner td {
    margin-top: 0;
  }
}
.top_about_accord_company_table_inner:last-child tr {
  -moz-column-gap: 3.7254901961%;
       column-gap: 3.7254901961%;
}
@media (max-width: 1023px) {
  .top_about_accord_company_table_inner:last-child tr {
    -moz-column-gap: 14px;
         column-gap: 14px;
  }
}
.top_about_accord_company_table_inner:last-child th {
  width: 14rem;
}
@media (max-width: 1023px) {
  .top_about_accord_company_table_inner:last-child th {
    width: 8rem;
  }
}
.top_about_accord_company_table .table_link {
  display: flex;
  justify-content: start;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.top_about_accord_company_table .table_link_icon {
  aspect-ratio: 1;
  width: 2rem;
  height: auto;
  display: grid;
  place-content: center;
  margin-top: 3px;
  position: relative;
  overflow: hidden;
}
.top_about_accord_company_table .table_link_icon::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #000;
  border-radius: 4px;
}
.top_about_accord_company_table .table_link_icon svg {
  width: 1rem;
  height: 0.8rem;
  display: block;
}
@media (any-hover: hover) {
  .top_about_accord:hover::before {
    background-position: 100% center;
  }
  .top_about_accord:hover .top_about_accord_head_btn {
    rotate: 180deg;
  }
  .top_about_accord:hover .top_about_accord_head_ttlWrap ._txtFilter {
    background-position: 100% center;
  }
}

/*
=top_power
=========================*/
.top_power .inner {
  width: 91.1538461538%;
  max-width: 1500px;
  margin-inline: auto;
  padding-top: 12%;
  position: relative;
}
.top_power .inner .top_power_hd .hd._main {
  font-feature-settings: "halt";
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.66;
}
.top_power .inner .top_power_hd .hd._main::before, .top_power .inner .top_power_hd .hd._main::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_power .inner .top_power_hd .hd._main::before {
  margin-block-end: calc((1 - 1.66) * 0.5em);
}
.top_power .inner .top_power_hd .hd._main::after {
  margin-block-start: calc((1 - 1.66) * 0.5em);
}
.top_power .inner .top_power_hd .hd._main {
  letter-spacing: 0.01rem;
  background-position: 100% center !important;
}
.top_power .inner .top_power_hd .en {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
}
.top_power .inner .top_power_hd .en::before, .top_power .inner .top_power_hd .en::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_power .inner .top_power_hd .en::before {
  margin-block-end: calc((1 - 1.33) * 0.5em);
}
.top_power .inner .top_power_hd .en::after {
  margin-block-start: calc((1 - 1.33) * 0.5em);
}
.top_power .inner .top_power_hd .en {
  letter-spacing: 0.1rem;
  margin: 32px 0 73px;
}
.top_power .inner .top_power_wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 43px;
}
.top_power .inner .top_power_img {
  width: 40.5063291139%;
}
.top_power .inner .top_power_img img {
  width: 100%;
}
.top_power .inner .top_power_copy {
  width: 49.7046413502%;
}
.top_power .inner .top_power_copy .top_power_hd {
  margin-top: 8px;
}
.top_power .inner .top_power_copy .top_power_hd .hd {
  font-family: "dnp-shuei-mincho-pr6", sans-serif;
  font-size: 3.5rem;
  line-height: 1.42;
}
.top_power .inner .top_power_copy .top_power_hd .hd::before, .top_power .inner .top_power_copy .top_power_hd .hd::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_power .inner .top_power_copy .top_power_hd .hd::before {
  margin-block-end: calc((1 - 1.42) * 0.5em);
}
.top_power .inner .top_power_copy .top_power_hd .hd::after {
  margin-block-start: calc((1 - 1.42) * 0.5em);
}
.top_power .inner .top_power_copy .top_power_hd .hd {
  width: 36.8rem;
}
@media (max-width: 1023px) {
  .top_power .inner .top_power_copy .top_power_hd .hd {
    font-size: 2.2rem;
    line-height: 1.41;
  }
  .top_power .inner .top_power_copy .top_power_hd .hd::before, .top_power .inner .top_power_copy .top_power_hd .hd::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_power .inner .top_power_copy .top_power_hd .hd::before {
    margin-block-end: calc((1 - 1.41) * 0.5em);
  }
  .top_power .inner .top_power_copy .top_power_hd .hd::after {
    margin-block-start: calc((1 - 1.41) * 0.5em);
  }
  .top_power .inner .top_power_copy .top_power_hd .hd {
    letter-spacing: -0.05rem;
    font-feature-settings: normal;
    width: 24rem;
  }
}
.top_power .inner .top_power_copy .top_power_hd .hd span {
  display: inline-block;
}
.top_power .inner .top_power_copy p {
  font-feature-settings: "halt";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2;
}
.top_power .inner .top_power_copy p::before, .top_power .inner .top_power_copy p::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_power .inner .top_power_copy p::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.top_power .inner .top_power_copy p::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.top_power .inner .top_power_copy p + p {
  margin-top: 2rem;
}

/*
=top_role
=========================*/
.top_role .inner {
  width: 90.7692307692%;
  max-width: 1500px;
  margin-inline: auto;
  padding-top: 11.8461538462%;
}
@media (max-width: 1023px) {
  .top_role .inner {
    width: 93.0769230769%;
    padding-top: 33.3333333333vw;
  }
}
@media (max-width: 1023px) {
  .top_role_ttl {
    padding-inline: 14px 19px;
  }
}
.top_role_ttl .ttl.__en {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1.02;
}
.top_role_ttl .ttl.__en::before, .top_role_ttl .ttl.__en::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_role_ttl .ttl.__en::before {
  margin-block-end: calc((1 - 1.02) * 0.5em);
}
.top_role_ttl .ttl.__en::after {
  margin-block-start: calc((1 - 1.02) * 0.5em);
}
.top_role_ttl .ttl.__en {
  letter-spacing: -0.04rem;
  display: block;
  font-feature-settings: normal;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1023px) {
  .top_role_ttl .ttl.__en {
    font-size: 2.5rem;
    line-height: 1;
  }
  .top_role_ttl .ttl.__en::before, .top_role_ttl .ttl.__en::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_role_ttl .ttl.__en::before {
    margin-block-end: calc((1 - 1) * 0.5em);
  }
  .top_role_ttl .ttl.__en::after {
    margin-block-start: calc((1 - 1) * 0.5em);
  }
  .top_role_ttl .ttl.__en {
    letter-spacing: -0.03rem;
  }
}
.top_role_ttl .ttl.__jp {
  font-family: "Noto Sans JP";
  font-feature-settings: "halt";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.top_role_ttl .ttl.__jp::before, .top_role_ttl .ttl.__jp::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_role_ttl .ttl.__jp::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.top_role_ttl .ttl.__jp::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.top_role_ttl .ttl.__jp {
  margin-top: 4px;
  display: block;
}
@media (max-width: 1023px) {
  .top_role_ttl .ttl.__jp {
    font-size: 1.6rem;
    line-height: 2;
  }
  .top_role_ttl .ttl.__jp::before, .top_role_ttl .ttl.__jp::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_role_ttl .ttl.__jp::before {
    margin-block-end: calc((1 - 2) * 0.5em);
  }
  .top_role_ttl .ttl.__jp::after {
    margin-block-start: calc((1 - 2) * 0.5em);
  }
  .top_role_ttl .ttl.__jp {
    letter-spacing: -0.01rem;
  }
}
.top_role_image {
  margin-top: 80px;
}
@media (max-width: 1023px) {
  .top_role_image {
    margin-top: 36px;
  }
}
.top_role_image picture {
  aspect-ratio: 1180/580;
}
.top_role_image picture img {
  width: 100%;
  height: auto;
}
.top_role_stkholder {
  display: flex;
  justify-content: space-between;
  margin-top: 78px;
}
@media (max-width: 1023px) {
  .top_role_stkholder {
    flex-direction: column;
    row-gap: 38px;
    margin-top: 38px;
  }
}
.top_role_stkholder_desc {
  width: 32.4576271186%;
}
@media (max-width: 1023px) {
  .top_role_stkholder_desc {
    box-sizing: border-box;
    width: 100%;
    padding-inline: 14px;
  }
}
.top_role_stkholder_desc .txt {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.5rem;
  line-height: 2;
}
.top_role_stkholder_desc .txt::before, .top_role_stkholder_desc .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_role_stkholder_desc .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.top_role_stkholder_desc .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
@media (max-width: 1023px) {
  .top_role_stkholder_desc .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_role_stkholder_desc .txt::before, .top_role_stkholder_desc .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_role_stkholder_desc .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_role_stkholder_desc .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
}
.top_role_stkholder_image {
  width: 57.4576271186%;
  position: relative;
}
@media (max-width: 1023px) {
  .top_role_stkholder_image {
    width: 100%;
  }
}
.top_role_stkholder_image::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, #bfe4ff 7.51%, #2f8fe0 92.86%);
  opacity: 0.2;
}
.top_role_stkholder_image picture img {
  width: 100%;
  height: auto;
}

/*
=top_movie_str
=========================*/
.top_movie_str .inner {
  width: 90.7692307692%;
  max-width: 1500px;
  margin-inline: auto;
  padding-top: 11.5384615385%;
}
@media (max-width: 1023px) {
  .top_movie_str .inner {
    width: 93.0769230769%;
    padding-top: 31.7948717949vw;
  }
}
@media (max-width: 1023px) {
  .top_movie_str_ttl {
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 13.5px;
  }
}
.top_movie_str_ttl .ttl {
  width: -moz-fit-content;
  width: fit-content;
}
.top_movie_str_ttl .ttl.__en {
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: 0;
  font-feature-settings: normal;
  margin-block: -7px -6px;
  padding-block: 7px 6px;
}
@media (max-width: 1023px) {
  .top_movie_str_ttl .ttl.__en {
    font-size: 2.5rem;
    line-height: 1;
    margin-block: -4px -3px;
    padding-block: 4px 3px;
  }
}
.top_movie_str_ttl .ttl.__jp {
  font-feature-settings: "halt";
  font-family: "Noto Sans JP";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.top_movie_str_ttl .ttl.__jp::before, .top_movie_str_ttl .ttl.__jp::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_movie_str_ttl .ttl.__jp::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.top_movie_str_ttl .ttl.__jp::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.top_movie_str_ttl .ttl.__jp {
  margin-top: 7px;
}
@media (max-width: 1023px) {
  .top_movie_str_ttl .ttl.__jp {
    font-size: 1.6rem;
    line-height: 2;
  }
  .top_movie_str_ttl .ttl.__jp::before, .top_movie_str_ttl .ttl.__jp::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_movie_str_ttl .ttl.__jp::before {
    margin-block-end: calc((1 - 2) * 0.5em);
  }
  .top_movie_str_ttl .ttl.__jp::after {
    margin-block-start: calc((1 - 2) * 0.5em);
  }
  .top_movie_str_ttl .ttl.__jp {
    margin-top: 2px;
  }
}
.top_movie_str_wrap {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 75px;
}
@media (max-width: 1023px) {
  .top_movie_str_wrap {
    margin-top: 34px;
    flex-direction: column;
  }
}
.top_movie_str_desc {
  width: max(30rem, 32.2881355932%);
}
@media (max-width: 1023px) {
  .top_movie_str_desc {
    width: 100%;
    padding-inline: 13.5px;
    box-sizing: border-box;
  }
}
.top_movie_str_desc_ttl {
  font-family: "dnp-shuei-mincho-pr6", sans-serif;
  font-size: 3.5rem;
  line-height: 1.42;
}
.top_movie_str_desc_ttl::before, .top_movie_str_desc_ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_movie_str_desc_ttl::before {
  margin-block-end: calc((1 - 1.42) * 0.5em);
}
.top_movie_str_desc_ttl::after {
  margin-block-start: calc((1 - 1.42) * 0.5em);
}
.top_movie_str_desc_ttl {
  letter-spacing: -0.05rem;
}
@media (max-width: 1023px) {
  .top_movie_str_desc_ttl {
    font-size: 2.2rem;
    letter-spacing: 0;
  }
}
.top_movie_str_desc_label {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.33;
}
.top_movie_str_desc_label::before, .top_movie_str_desc_label::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_movie_str_desc_label::before {
  margin-block-end: calc((1 - 1.33) * 0.5em);
}
.top_movie_str_desc_label::after {
  margin-block-start: calc((1 - 1.33) * 0.5em);
}
.top_movie_str_desc_label {
  letter-spacing: 0.15rem;
  margin-top: 32px;
  display: block;
}
@media (max-width: 1023px) {
  .top_movie_str_desc_label {
    font-size: 1.3rem;
    line-height: 1.38;
  }
  .top_movie_str_desc_label::before, .top_movie_str_desc_label::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_movie_str_desc_label::before {
    margin-block-end: calc((1 - 1.38) * 0.5em);
  }
  .top_movie_str_desc_label::after {
    margin-block-start: calc((1 - 1.38) * 0.5em);
  }
  .top_movie_str_desc_label {
    letter-spacing: 0.11rem;
    margin-top: 18px;
  }
}
.top_movie_str_desc_txt {
  margin-top: 42px;
}
@media (max-width: 1023px) {
  .top_movie_str_desc_txt {
    margin-top: 32px;
  }
}
.top_movie_str_desc_txt .txt {
  font-feature-settings: "halt";
  font-size: 1.5rem;
  line-height: 2;
}
.top_movie_str_desc_txt .txt::before, .top_movie_str_desc_txt .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_movie_str_desc_txt .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.top_movie_str_desc_txt .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
.top_movie_str_desc_txt .txt {
  display: block;
}
@media (max-width: 1023px) {
  .top_movie_str_desc_txt .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_movie_str_desc_txt .txt::before, .top_movie_str_desc_txt .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_movie_str_desc_txt .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_movie_str_desc_txt .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
}
.top_movie_str_desc_txt .txt:nth-child(2) {
  margin-top: 22px;
}
@media (max-width: 1023px) {
  .top_movie_str_desc_txt .txt:nth-child(2) {
    margin-top: 12px;
  }
}
.top_movie_str_img {
  width: 57.6271186441%;
  margin-top: 3px;
}
@media (max-width: 1023px) {
  .top_movie_str_img {
    width: 100%;
    margin-top: 39px;
  }
}
.top_movie_str_img .item {
  position: relative;
}
.top_movie_str_img .item::before {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(255, 255, 163, 0.8) 7.51%, rgba(237, 122, 48, 0.8) 92.86%);
  opacity: 0.2;
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.top_movie_str_img .item:nth-child(1) img {
  aspect-ratio: 680/406;
}
@media (max-width: 1023px) {
  .top_movie_str_img .item:nth-child(1) img {
    aspect-ratio: 364/217;
  }
}
.top_movie_str_img .item:nth-child(2) {
  margin-top: 32px;
}
@media (max-width: 1023px) {
  .top_movie_str_img .item:nth-child(2) {
    margin-top: 20px;
  }
}
.top_movie_str_img .item:nth-child(2) img {
  aspect-ratio: 680/402;
}
@media (max-width: 1023px) {
  .top_movie_str_img .item:nth-child(2) img {
    aspect-ratio: 364/215;
  }
}
.top_movie_str_img .item picture {
  display: block;
}
.top_movie_str_img .item picture img {
  width: 100%;
  height: auto;
}

/*
=top_work
=========================*/
.top_work .inner {
  width: 90.76%;
  max-width: 1500px;
  margin: 12.3076923077% auto 0;
}
.top_work .inner .common_hd .en {
  letter-spacing: 0;
  font-feature-settings: normal;
  font-weight: 400;
  margin-block: -7px -6px;
  line-height: 1.02;
  background-position: 120% center !important;
}
@media (max-width: 1023px) {
  .top_work .inner .common_hd .en {
    background-position: 100% center !important;
  }
}
.top_work .inner .common_hd .ttl {
  font-feature-settings: "halt";
  line-height: 1.6;
}
.top_work .inner .common_hd .ttl::before, .top_work .inner .common_hd .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_work .inner .common_hd .ttl::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.top_work .inner .common_hd .ttl::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
.top_work .inner .common_hd .ttl {
  margin-top: 12px;
  background-position: 120% center !important;
}
@media (max-width: 1023px) {
  .top_work .inner .common_hd .ttl {
    background-position: 100% center !important;
  }
}
.top_work .inner .top_work_list {
  margin-top: 50px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 4.0677966102%;
       column-gap: 4.0677966102%;
  row-gap: 42px;
}
.top_work .inner .top_work_list .top_work_item {
  display: block;
  border-radius: 3px;
  position: relative;
}
.top_work .inner .top_work_list .top_work_item .movie_ph > div {
  border-radius: 3px;
  padding-bottom: 56.27%;
  position: relative;
  overflow: hidden;
}
.top_work .inner .top_work_list .top_work_item .movie_ph > div img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.top_work .inner .top_work_list .top_work_item .movie_data {
  margin-top: 20px;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name {
  font-size: 1.8rem;
  font-feature-settings: "halt";
  line-height: 1.6;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::before, .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::before {
  margin-block-end: calc((1 - 1.6) * 0.5em);
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::after {
  margin-block-start: calc((1 - 1.6) * 0.5em);
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name {
  display: block;
  flex: 1;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow svg path {
  stroke: #fff;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow {
  position: relative !important;
  inset: 0;
  transform: translateY(0) !important;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 8px;
  margin-top: 23px;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta .item {
  display: flex;
  align-items: start;
  justify-content: start;
  width: 100%;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta .item + .item {
  margin-top: -2px;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dt {
  width: min(100%, 7.1rem);
  margin-right: 4px;
  position: relative;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dt::after {
  content: ":";
  font-size: 1.5rem;
  display: block;
  line-height: 1.5;
  position: absolute;
  right: 4px;
  top: -1px;
  color: inherit;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dt.__meta1 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  margin-top: 2px;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dt.__meta2 {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05rem;
  margin-top: 3px;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dd {
  width: calc(100% - 80px);
  font-feature-settings: "halt";
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  flex: 1;
  margin-top: 1px;
}
.top_work .inner .common_btn {
  margin-top: 46px;
  text-align: right;
}
.top_work .inner .common_btn a {
  margin-top: 0;
  border-radius: 3px;
}

/*
=top_usecase
=========================*/
#p-top-useCase {
  scroll-margin-top: min(11.0769230769vw, 14.4rem);
}
@media (max-width: 1023px) {
  #p-top-useCase {
    scroll-margin-top: 10rem;
  }
}

.top_usecase .inner {
  width: 90.76%;
  max-width: 1500px;
  margin-inline: auto;
  padding-top: 12%;
}
@media (max-width: 1023px) {
  .top_usecase .inner {
    width: 86.6666666667%;
    padding-top: 31.7948717949vw;
  }
}
.top_usecase_hd {
  font-feature-settings: "halt";
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.66;
}
.top_usecase_hd::before, .top_usecase_hd::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_usecase_hd::before {
  margin-block-end: calc((1 - 1.66) * 0.5em);
}
.top_usecase_hd::after {
  margin-block-start: calc((1 - 1.66) * 0.5em);
}
.top_usecase_hd {
  letter-spacing: 0.01rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1023px) {
  .top_usecase_hd {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .top_usecase_hd::before, .top_usecase_hd::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_usecase_hd::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .top_usecase_hd::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
  .top_usecase_hd {
    letter-spacing: 0.03rem;
  }
}
.top_usecase_list {
  margin-top: 44px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 4.5762711864%;
       column-gap: 4.5762711864%;
  row-gap: 6rem;
}
@media (max-width: 1023px) {
  .top_usecase_list {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 38px;
    row-gap: 39px;
  }
}
.top_usecase .item_img {
  text-align: center;
  padding-block: 5.5062166963%;
  position: relative;
}
@media (max-width: 1023px) {
  .top_usecase .item_img {
    padding-block: 5.6213017751%;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
}
.top_usecase .item_img::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #fff;
  opacity: 0.1;
}
.top_usecase .item_img picture {
  display: block;
}
.top_usecase .item_img picture img {
  width: auto;
  height: 21.8rem;
}
@media (max-width: 1023px) {
  .top_usecase .item:nth-child(1) .item_img img, .top_usecase .item:nth-child(3) .item_img img, .top_usecase .item:nth-child(4) .item_img img {
    height: 13.1rem;
  }
}
@media (max-width: 1023px) {
  .top_usecase .item:nth-child(2) .item_img img {
    height: 12.8rem;
  }
}
.top_usecase .item_ttl {
  display: flex;
  justify-content: space-between;
  align-items: start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .top_usecase .item_ttl {
    margin-top: 15px;
  }
}
.top_usecase .item_ttl .ttl {
  font-feature-settings: "halt";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.top_usecase .item_ttl .ttl::before, .top_usecase .item_ttl .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_usecase .item_ttl .ttl::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.top_usecase .item_ttl .ttl::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.top_usecase .item_ttl .ttl {
  flex: 1;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1023px) {
  .top_usecase .item_ttl .ttl {
    font-size: 1.6rem;
    line-height: 1.56;
  }
  .top_usecase .item_ttl .ttl::before, .top_usecase .item_ttl .ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_usecase .item_ttl .ttl::before {
    margin-block-end: calc((1 - 1.56) * 0.5em);
  }
  .top_usecase .item_ttl .ttl::after {
    margin-block-start: calc((1 - 1.56) * 0.5em);
  }
}
.top_usecase .item_ttl .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.top_usecase .item_ttl .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.top_usecase .item_ttl .link_arrow svg path {
  stroke: #fff;
}
.top_usecase .item_ttl .link_arrow {
  position: relative !important;
  inset: 0;
  transform: translateY(0) !important;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .top_usecase .item_ttl .link_arrow {
    width: 1.3rem;
    height: 1.3rem;
  }
  .top_usecase .item_ttl .link_arrow svg {
    width: 0.5rem;
    height: 0.7rem;
  }
}
.top_usecase .item_txt {
  font-feature-settings: "halt";
  font-size: 1.5rem;
  line-height: 1.5;
}
.top_usecase .item_txt::before, .top_usecase .item_txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_usecase .item_txt::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.top_usecase .item_txt::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.top_usecase .item_txt {
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .top_usecase .item_txt {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.46;
  }
  .top_usecase .item_txt::before, .top_usecase .item_txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_usecase .item_txt::before {
    margin-block-end: calc((1 - 1.46) * 0.5em);
  }
  .top_usecase .item_txt::after {
    margin-block-start: calc((1 - 1.46) * 0.5em);
  }
  .top_usecase .item_txt {
    margin-top: 16px;
  }
}
@media (any-hover: hover) {
  .top_usecase .item:hover .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
}

/*
=top_roadmap
=========================*/
.top_roadmap .inner {
  width: 90.7692307692%;
  max-width: 1500px;
  margin-inline: auto;
  padding-top: 11.1538461538%;
}
@media (max-width: 1023px) {
  .top_roadmap .inner {
    width: 86.1538461538%;
    padding-top: 32.3076923077vw;
  }
}
.top_roadmap .top_roadmap_ttl .ttl {
  width: -moz-fit-content;
  width: fit-content;
}
.top_roadmap .top_roadmap_ttl .ttl.__en {
  font-size: 4.5rem;
  font-weight: 400;
  line-height: 1.02;
  letter-spacing: 0;
  font-feature-settings: normal;
  margin-block: -7px -6px;
  padding-block: 7px 6px;
}
@media (max-width: 1023px) {
  .top_roadmap .top_roadmap_ttl .ttl.__en {
    font-size: 2.5rem;
    line-height: 1;
    margin-block: -4px -3px;
    padding-block: 4px 3px;
  }
}
.top_roadmap .top_roadmap_ttl .ttl.__jp {
  font-feature-settings: "halt";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.top_roadmap .top_roadmap_ttl .ttl.__jp::before, .top_roadmap .top_roadmap_ttl .ttl.__jp::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_roadmap .top_roadmap_ttl .ttl.__jp::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.top_roadmap .top_roadmap_ttl .ttl.__jp::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.top_roadmap .top_roadmap_ttl .ttl.__jp {
  margin-top: 4px;
}
@media (max-width: 1023px) {
  .top_roadmap .top_roadmap_ttl .ttl.__jp {
    font-size: 1.6rem;
    line-height: 2;
  }
  .top_roadmap .top_roadmap_ttl .ttl.__jp::before, .top_roadmap .top_roadmap_ttl .ttl.__jp::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_roadmap .top_roadmap_ttl .ttl.__jp::before {
    margin-block-end: calc((1 - 2) * 0.5em);
  }
  .top_roadmap .top_roadmap_ttl .ttl.__jp::after {
    margin-block-start: calc((1 - 2) * 0.5em);
  }
  .top_roadmap .top_roadmap_ttl .ttl.__jp {
    margin-top: 2px;
  }
}
.top_roadmap_txt {
  margin-top: 72px;
}
@media (max-width: 1023px) {
  .top_roadmap_txt {
    margin-top: 34px;
  }
}
.top_roadmap_txt .txt {
  font-feature-settings: "halt";
  font-size: 1.5rem;
  line-height: 2;
}
.top_roadmap_txt .txt::before, .top_roadmap_txt .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_roadmap_txt .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.top_roadmap_txt .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
@media (max-width: 1023px) {
  .top_roadmap_txt .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_roadmap_txt .txt::before, .top_roadmap_txt .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_roadmap_txt .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_roadmap_txt .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
}
.top_roadmap_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 3.9830508475%;
       column-gap: 3.9830508475%;
  margin-top: 60px;
  container-type: inline-size;
  container-name: roadmap-item;
  --cqw: 0.8474;
}
@media (max-width: 1023px) {
  .top_roadmap_list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 44px;
    margin-top: 35px;
  }
}
.top_roadmap .item_head {
  display: flex;
  align-items: center;
  justify-content: start;
  -moz-column-gap: 0.5384615385vw;
       column-gap: 0.5384615385vw;
}
@supports (width: 1cqw) {
  .top_roadmap .item_head {
    -moz-column-gap: 0.593220339cqw;
         column-gap: 0.593220339cqw;
  }
}
@media (max-width: 1023px) {
  .top_roadmap .item_head {
    -moz-column-gap: 9px;
         column-gap: 9px;
  }
}
.top_roadmap .item_head .label {
  font-size: min(1vw, 1.3rem);
}
@supports (width: 1cqw) {
  .top_roadmap .item_head .label {
    font-size: 1.1016949153cqw;
  }
}
.top_roadmap .item_head .label {
  font-weight: 400;
  line-height: 1.3;
}
.top_roadmap .item_head .label::before, .top_roadmap .item_head .label::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_roadmap .item_head .label::before {
  margin-block-end: calc((1 - 1.3) * 0.5em);
}
.top_roadmap .item_head .label::after {
  margin-block-start: calc((1 - 1.3) * 0.5em);
}
.top_roadmap .item_head .label {
  letter-spacing: 0.1rem;
}
@media (max-width: 1023px) {
  .top_roadmap .item_head .label {
    width: min(100%, 6.9rem);
    font-size: 1.3rem;
  }
}
.top_roadmap .item_head .line {
  display: block;
  background: #eaf4ff;
  width: auto;
  height: 1px;
  flex: 1;
}
@media (max-width: 1023px) {
  .top_roadmap .item_head .line {
    margin-top: -4px;
  }
}
.top_roadmap .item_ttl {
  margin-top: 18px;
}
@media (max-width: 1023px) {
  .top_roadmap .item_ttl {
    margin-top: 13px;
  }
}
.top_roadmap .item_ttl .ttl {
  font-family: "dnp-shuei-mincho-pr6", sans-serif;
  font-size: min(1.3846153846vw, 1.8rem);
}
@supports (width: 1cqw) {
  .top_roadmap .item_ttl .ttl {
    font-size: 1.5254237288cqw;
  }
}
.top_roadmap .item_ttl .ttl {
  font-weight: 500;
  line-height: 1.5;
}
.top_roadmap .item_ttl .ttl::before, .top_roadmap .item_ttl .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_roadmap .item_ttl .ttl::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.top_roadmap .item_ttl .ttl::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.top_roadmap .item_ttl .ttl {
  font-feature-settings: normal;
}
@media (max-width: 1023px) {
  .top_roadmap .item_ttl .ttl {
    font-size: 1.6rem;
    letter-spacing: 0.15rem;
  }
}
.top_roadmap .item_desc {
  margin-top: 33px;
}
@media (max-width: 1023px) {
  .top_roadmap .item_desc {
    margin-top: 20px;
  }
}
.top_roadmap .item_desc .txt {
  font-feature-settings: "halt";
  font-size: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .top_roadmap .item_desc .txt {
    font-size: 1.2711864407cqw;
  }
}
.top_roadmap .item_desc .txt {
  line-height: 2;
}
.top_roadmap .item_desc .txt::before, .top_roadmap .item_desc .txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_roadmap .item_desc .txt::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.top_roadmap .item_desc .txt::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
@media (max-width: 1023px) {
  .top_roadmap .item_desc .txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_roadmap .item_desc .txt::before, .top_roadmap .item_desc .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_roadmap .item_desc .txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_roadmap .item_desc .txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
}

/*
=top_points
=========================*/
/*
=top_voices
=========================*/
/*
.top_movie
=========================*/
/*
=top_news
=========================*/
.top_news .inner {
  width: 90.76%;
  max-width: 1500px;
  margin: 16% auto 0;
  position: relative;
}
.top_news .inner .common_btn {
  margin-top: 80px;
  text-align: center;
}

/*
=top_news list
top news slider
====================*/
.news_archive_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 70px;
}
.news_archive_list .news_archive_item {
  width: 30%;
  margin-left: 5%;
}
.news_archive_list .news_archive_item:nth-child(3n+1) {
  margin-left: 0;
}
.news_archive_list .news_archive_item .ph > div {
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.news_archive_list .news_archive_item .ph > div img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.news_archive_list .news_archive_item .date {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: 20px;
}
.news_archive_list .news_archive_item .ttl {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-right: 30px;
  position: relative;
}
.news_archive_list .news_archive_item .ttl .link_txt {
  font-size: 1.5rem;
  line-height: 1.5;
}
.news_archive_list .news_archive_item .ttl .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.news_archive_list .news_archive_item .ttl .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news_archive_list .news_archive_item .ttl .link_arrow svg path {
  stroke: #fff;
}
.news_archive_list .news_archive_item .ttl .link_arrow {
  right: 0;
  top: 12px;
}

.top_news_wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: min(-6.1538461538vw, -80px);
  z-index: 11;
  overflow: clip;
}
@media (max-width: 1023px) {
  .top_news_wrap {
    bottom: unset;
    top: calc(100svh + 10.2564102564vw);
  }
}
.top_news_wrap .top_news_list {
  width: 91%;
  margin-inline: auto;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.75);
  padding-block: 30px;
  padding-left: 60px;
  box-sizing: border-box;
  position: relative;
  container-type: inline-size;
  container-name: top-news-slider;
  --cqw: 0.8904;
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list {
    border-radius: 0;
    padding-block: 2rem 1.8rem;
    padding-inline: 3.7rem;
    width: 100%;
  }
}
.top_news_wrap .top_news_list .swiper-wrapper {
  align-items: center;
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-wrapper {
    z-index: -1;
  }
}
.top_news_wrap .top_news_list .swiper-slide {
  width: min(30.7692307692vw, 40rem);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper-slide {
    width: min(35.6188780053cqw, 40rem);
  }
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-slide {
    width: 100%;
  }
}
.top_news_wrap .top_news_list .swiper-slide:not(:last-child) {
  margin-right: min(2.3076923077vw, 30px);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper-slide:not(:last-child) {
    margin-right: min(2.6714158504cqw, 30px);
  }
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-slide:not(:last-child) {
    margin-right: 3.7rem;
  }
}
.top_news_wrap .top_news_list .swiper-slide:last-child {
  margin-right: min(4.6153846154vw, 60px);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper-slide:last-child {
    margin-right: min(5.3428317008cqw, 60px);
  }
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-slide:last-child {
    margin-right: 0;
  }
}
.top_news_wrap .top_news_list .swiper-slide .item {
  display: flex;
  align-items: start;
  -moz-column-gap: min(1.5384615385vw, 20px);
       column-gap: min(1.5384615385vw, 20px);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper-slide .item {
    -moz-column-gap: min(1.7809439003cqw, 20px);
         column-gap: min(1.7809439003cqw, 20px);
  }
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-slide .item {
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
}
.top_news_wrap .top_news_list .swiper-slide .item_image {
  aspect-ratio: 178/100;
  width: min(13.6923076923vw, 17.8rem);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper-slide .item_image {
    width: min(15.8504007124cqw, 17.8rem);
  }
}
.top_news_wrap .top_news_list .swiper-slide .item_image {
  overflow: clip;
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-slide .item_image {
    aspect-ratio: 142/80;
    width: 45.0793650794%;
  }
}
.top_news_wrap .top_news_list .swiper-slide .item_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: scale 2s cubic-bezier(0.16, 1, 0.3, 1);
}
.top_news_wrap .top_news_list .swiper-slide .item_desc {
  flex: 1;
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_date {
  color: #000;
  font-size: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper-slide .item_desc_date {
    font-size: min(1.3357079252cqw, 1.5rem);
  }
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_date {
  font-weight: 400;
  line-height: 1.33;
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_date::before, .top_news_wrap .top_news_list .swiper-slide .item_desc_date::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_date::before {
  margin-block-end: calc((1 - 1.33) * 0.5em);
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_date::after {
  margin-block-start: calc((1 - 1.33) * 0.5em);
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_date {
  letter-spacing: 0.1rem;
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-slide .item_desc_date {
    font-size: 1.1rem;
    line-height: 1.81;
  }
  .top_news_wrap .top_news_list .swiper-slide .item_desc_date::before, .top_news_wrap .top_news_list .swiper-slide .item_desc_date::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_news_wrap .top_news_list .swiper-slide .item_desc_date::before {
    margin-block-end: calc((1 - 1.81) * 0.5em);
  }
  .top_news_wrap .top_news_list .swiper-slide .item_desc_date::after {
    margin-block-start: calc((1 - 1.81) * 0.5em);
  }
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_link {
  margin-top: 10px;
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt {
  color: #000;
  font-feature-settings: "halt";
  font-size: min(1.1538461538vw, 1.5rem);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt {
    font-size: min(1.3357079252cqw, 1.5rem);
  }
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt {
  line-height: 1.7;
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::before, .top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::before {
  margin-block-end: calc((1 - 1.7) * 0.5em);
}
.top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::after {
  margin-block-start: calc((1 - 1.7) * 0.5em);
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt {
    font-size: 1.3rem;
    line-height: 1.6;
  }
  .top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::before, .top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::before {
    margin-block-end: calc((1 - 1.6) * 0.5em);
  }
  .top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt::after {
    margin-block-start: calc((1 - 1.6) * 0.5em);
  }
}
@media (any-hover: hover) {
  .top_news_wrap .top_news_list .swiper-slide .item:hover .item_image img {
    scale: 1.07;
  }
}
.top_news_wrap .top_news_list .swiper_btn {
  width: min(2.3076923077vw, 3rem);
}
@supports (width: 1cqw) {
  .top_news_wrap .top_news_list .swiper_btn {
    width: min(2.6714158504cqw, 3rem);
  }
}
.top_news_wrap .top_news_list .swiper_btn {
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  display: grid;
  place-content: center;
  pointer-events: all;
  transition: filter 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper_btn {
    width: 2rem;
  }
}
.top_news_wrap .top_news_list .swiper_btn:not(.swiper-button-disabled) {
  cursor: pointer;
}
.top_news_wrap .top_news_list .swiper_btn.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.top_news_wrap .top_news_list .swiper_btn_arw {
  width: 10px;
  height: 10px;
  display: block;
  overflow: clip;
  transition: opacity 0.6s ease;
}
.top_news_wrap .top_news_list .swiper_btn_arw svg {
  width: 100%;
  height: 100%;
  display: block;
  stroke: #000;
}
@media (any-hover: hover) {
  .top_news_wrap .top_news_list .swiper_btn:hover:not(.swiper-button-disabled) .swiper_btn_arw svg {
    animation: arwAnim 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
}
.top_news_wrap .top_news_list .swiper-button_prev {
  background: url("../img/top_new_202605/top_news_nav_prev.png") no-repeat;
  background-size: 100% 100%;
  left: 0;
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-button_prev {
    background: url("../img/top_new_202605/top_news_nav_sp.jpg") no-repeat;
    background-size: 100% 100%;
  }
}
.top_news_wrap .top_news_list .swiper-button_prev .swiper_btn_arw {
  rotate: 180deg;
}
.top_news_wrap .top_news_list .swiper-button_next {
  background: url("../img/top_new_202605/top_news_nav_next.png") no-repeat;
  background-size: 100% 100%;
  right: 0;
}
@media (max-width: 1023px) {
  .top_news_wrap .top_news_list .swiper-button_next {
    background: url("../img/top_new_202605/top_news_nav_sp.jpg") no-repeat;
    background-size: 100% 100%;
  }
}

.page_contents .news_archive_list {
  margin-top: 50px;
  padding-top: 80px;
  position: relative;
}
.page_contents .news_archive_list:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #4db8ff, #d6eeff 50%, #eef7ff);
}
.page_contents .news_archive_item {
  margin-bottom: 92px;
}
.page_contents .news_archive_item .ph > div {
  padding-bottom: 56.25%;
  position: relative;
}
.page_contents .news_archive_item .ph > div img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}
.page_contents .btn_more {
  margin-top: 20px;
  text-align: center;
  display: block;
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  background: #000;
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
}

/*
=News Single page
=====================*/
.news_single .inner {
  width: 60%;
  margin: 0 auto;
  padding-top: 280px;
  position: relative;
}
.news_single .inner .news_single_date {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.news_single .inner .news_single_ttl {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 30px;
}
.news_single .inner .news_single_disc {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 20px;
}

.news_single_body img,
.work_single_main img {
  height: auto !important;
}
.news_single_body > * + *,
.work_single_main > * + * {
  margin-top: 25px;
}
.news_single_body h2,
.work_single_main h2 {
  margin-top: 80px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
}
.news_single_body h3,
.work_single_main h3 {
  margin-top: 80px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.news_single_body h3 + *,
.work_single_main h3 + * {
  margin-top: 20px;
}
.news_single_body h4,
.work_single_main h4 {
  margin-top: 80px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}
.news_single_body h4 + *,
.work_single_main h4 + * {
  margin-top: 20px;
}
.news_single_body .wp-block-separator,
.work_single_main .wp-block-separator {
  display: block;
  border-top: 1px solid #fff;
  margin: 80px 0;
}
.news_single_body .wp-block-anchorlink,
.work_single_main .wp-block-anchorlink {
  padding: 30px 40px;
  border: 1px solid #d9d9d9;
}
.news_single_body .wp-block-anchorlink dt,
.work_single_main .wp-block-anchorlink dt {
  font-size: 1.8rem;
  font-family: "drummond-variable", sans-serif;
  font-variation-settings: "wght" 400;
}
.news_single_body .wp-block-anchorlink__list,
.work_single_main .wp-block-anchorlink__list {
  margin-top: 20px;
}
.news_single_body .wp-block-anchorlink__list li,
.work_single_main .wp-block-anchorlink__list li {
  margin-left: 1.2em;
  font-size: 1.6rem;
  font-family: "Shippori Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  line-height: 1.5;
  list-style-type: decimal;
}
.news_single_body .wp-block-anchorlink__list li::marker,
.work_single_main .wp-block-anchorlink__list li::marker {
  color: #fff;
}
.news_single_body .wp-block-twocol,
.work_single_main .wp-block-twocol {
  display: flex;
  justify-content: space-between;
}
.news_single_body .wp-block-twocol .wp-block-col,
.work_single_main .wp-block-twocol .wp-block-col {
  width: 47.5%;
}
.news_single_body .wp-block-twocol .wp-block-col > *:first-child,
.work_single_main .wp-block-twocol .wp-block-col > *:first-child {
  margin-top: 0;
}
.news_single_body .wp-element-caption,
.work_single_main .wp-element-caption {
  margin-top: 10px;
}
.news_single_body .wp-block-image,
.work_single_main .wp-block-image {
  margin-top: 64px;
}
.news_single_body > ol li,
.work_single_main > ol li {
  margin-left: 1.2em;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style-type: decimal;
}
.news_single_body > ol li::marker,
.work_single_main > ol li::marker {
  color: #fff;
}
.news_single_body > ul li,
.work_single_main > ul li {
  padding-left: 1.2em;
  font-size: 1.6rem;
  line-height: 1.5;
  position: relative;
}
.news_single_body > ul li:before,
.work_single_main > ul li:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}
.news_single_body > ol li + li,
.news_single_body > ul li + li,
.work_single_main > ol li + li,
.work_single_main > ul li + li {
  margin-top: 10px;
}
.news_single_body .box,
.work_single_main .box {
  padding: 30px 40px;
  border: 1px solid #fff;
}
.news_single_body .box .hd,
.work_single_main .box .hd {
  font-size: 1.8rem;
}
.news_single_body .box ol,
.work_single_main .box ol {
  margin-top: 26px;
}
.news_single_body .box ol li,
.work_single_main .box ol li {
  margin-left: 1.2em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  list-style-type: decimal;
}
.news_single_body .box ol li::marker,
.work_single_main .box ol li::marker {
  color: #fff;
}
.news_single_body .box ol li + li,
.work_single_main .box ol li + li {
  margin-top: 10px;
}
.news_single_body > blockquote,
.work_single_main > blockquote {
  background: rgba(0, 0, 0, 0.5);
  padding: 40px;
  position: relative;
}
.news_single_body > blockquote:before,
.work_single_main > blockquote:before {
  content: "“";
  font-size: 3.6rem;
  color: #fff;
  line-height: 1;
  font-family: "Shippori Mincho", serif;
  position: absolute;
  left: 15px;
  top: 15px;
}
.news_single_body > blockquote:after,
.work_single_main > blockquote:after {
  content: "”";
  font-size: 3.6rem;
  color: #fff;
  line-height: 1;
  font-family: "Shippori Mincho", serif;
  position: absolute;
  right: 15px;
  bottom: 5px;
}
.news_single_body > blockquote * + *,
.work_single_main > blockquote * + * {
  margin-top: 40px;
}
.news_single_body > blockquote *:first-child,
.work_single_main > blockquote *:first-child {
  margin-top: 0;
}
.news_single_body table,
.work_single_main table {
  width: 100%;
  table-layout: fixed;
}
.news_single_body table td,
.news_single_body table th,
.work_single_main table td,
.work_single_main table th {
  font-size: 1.5rem;
  line-height: 1.5;
  border: 1px solid #fff;
  padding: 24px 32px;
}
.news_single_body .wp-block-table.is-style-default table thead td,
.news_single_body .wp-block-table.is-style-default table thead th,
.work_single_main .wp-block-table.is-style-default table thead td,
.work_single_main .wp-block-table.is-style-default table thead th {
  font-weight: 500;
}
.news_single_body .wp-block-table.is-style-default table th,
.news_single_body .wp-block-table.is-style-default table td,
.work_single_main .wp-block-table.is-style-default table th,
.work_single_main .wp-block-table.is-style-default table td {
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
}
.news_single_body .wp-block-table.is-style-default table td + td,
.work_single_main .wp-block-table.is-style-default table td + td {
  padding-left: 32px;
}
.news_single_body .wp-block-table.is-style-default table td:first-child,
.work_single_main .wp-block-table.is-style-default table td:first-child {
  min-width: 23.07%;
  width: 23.07%;
}
.news_single_body .wp-block-table.is-style-default-3col table thead td,
.news_single_body .wp-block-table.is-style-default-3col table thead th,
.work_single_main .wp-block-table.is-style-default-3col table thead td,
.work_single_main .wp-block-table.is-style-default-3col table thead th {
  font-weight: 500;
}
.news_single_body .wp-block-table.is-style-default-3col table th,
.news_single_body .wp-block-table.is-style-default-3col table td,
.work_single_main .wp-block-table.is-style-default-3col table th,
.work_single_main .wp-block-table.is-style-default-3col table td {
  border-left: none;
  border-right: none;
  padding-left: 0;
  padding-right: 0;
}
.news_single_body .wp-block-table.is-style-default-3col table td + td,
.work_single_main .wp-block-table.is-style-default-3col table td + td {
  padding-left: 32px;
}
.news_single_body .wp-block-table.is-style-default-3col table td:first-child,
.work_single_main .wp-block-table.is-style-default-3col table td:first-child {
  min-width: 23.07%;
  width: 23.07%;
}
.news_single_body .wp-block-table.is-style-left-head table thead td,
.news_single_body .wp-block-table.is-style-left-head table thead th,
.work_single_main .wp-block-table.is-style-left-head table thead td,
.work_single_main .wp-block-table.is-style-left-head table thead th {
  font-weight: 500;
  background: rgba(240, 75, 0, 0.7) !important;
}
.news_single_body .wp-block-table.is-style-left-head table td:first-child,
.news_single_body .wp-block-table.is-style-left-head table th:first-child,
.work_single_main .wp-block-table.is-style-left-head table td:first-child,
.work_single_main .wp-block-table.is-style-left-head table th:first-child {
  width: 33.33%;
  box-sizing: border-box;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.7);
}
.news_single_body .wp-block-table.is-style-left-head-3col table thead td,
.news_single_body .wp-block-table.is-style-left-head-3col table thead th,
.work_single_main .wp-block-table.is-style-left-head-3col table thead td,
.work_single_main .wp-block-table.is-style-left-head-3col table thead th {
  font-weight: 500;
  background: rgba(240, 75, 0, 0.7) !important;
}
.news_single_body .wp-block-table.is-style-left-head-3col table td:first-child,
.news_single_body .wp-block-table.is-style-left-head-3col table th:first-child,
.work_single_main .wp-block-table.is-style-left-head-3col table td:first-child,
.work_single_main .wp-block-table.is-style-left-head-3col table th:first-child {
  width: 25.64%;
  box-sizing: border-box;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.7);
}
.news_single_body a,
.work_single_main a {
  /*text-decoration: underline;*/
  position: relative;
  /*&:after {
          content: ""; display: inline-block; width: 20px;height: 20px; margin: 0 10px 0 5px; background: url("../img/arrow_single_link01.svg") no-repeat center /cover; vertical-align: middle;
      }*/
}
.news_single_body a .link_txt,
.work_single_main a .link_txt {
  font-size: 1.5rem;
  line-height: 1.5;
}
.news_single_body a .link_arrow,
.work_single_main a .link_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: relative;
  top: 5px;
  margin: 0 5px;
}
.news_single_body a .link_arrow svg,
.work_single_main a .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news_single_body a .link_arrow svg path,
.work_single_main a .link_arrow svg path {
  stroke: #fff;
}
.news_single_body a[target=_blank] .link_txt,
.work_single_main a[target=_blank] .link_txt {
  font-size: 1.5rem;
  line-height: 1.5;
}
.news_single_body a[target=_blank] .link_arrow,
.work_single_main a[target=_blank] .link_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: relative;
  top: 5px;
  margin: 0 5px;
}
.news_single_body a[target=_blank] .link_arrow svg,
.work_single_main a[target=_blank] .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news_single_body a[target=_blank] .link_arrow svg path,
.work_single_main a[target=_blank] .link_arrow svg path {
  stroke: #fff;
}
.news_single_body a[target=_blank] .link_arrow svg,
.work_single_main a[target=_blank] .link_arrow svg {
  transform: translate(0%, 0%) rotate(-45deg);
  transform-origin: left top;
  left: 8px;
  top: 7px;
}
.news_single_body a[href$=".pdf"],
.work_single_main a[href$=".pdf"] {
  padding-left: 30px;
  position: relative;
}
.news_single_body a[href$=".pdf"]:before,
.work_single_main a[href$=".pdf"]:before {
  content: "";
  display: block;
  width: 22px;
  height: 27px;
  background: url("../img/ico_pdf.svg") no-repeat center;
  position: absolute;
  left: 0;
  top: -2px;
}
.news_single_body a[href$=".pdf"]:after,
.work_single_main a[href$=".pdf"]:after {
  display: none;
}
.news_single_body a[href$=".pdf"] .link_arrow,
.work_single_main a[href$=".pdf"] .link_arrow {
  display: none;
}
.news_single_body .page_nav a:after,
.work_single_main .page_nav a:after {
  display: none;
}
.news_single_body .page_nav a:before,
.work_single_main .page_nav a:before {
  display: none;
}
.news_single_body .wp-block-embed-youtube .wp-block-embed__wrapper,
.work_single_main .wp-block-embed-youtube .wp-block-embed__wrapper {
  width: 100%;
  aspect-ratio: 16/9;
}
.news_single_body .wp-block-embed-youtube .wp-block-embed__wrapper iframe,
.work_single_main .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}
.news_single_body .wp-block-media-text,
.work_single_main .wp-block-media-text {
  display: grid;
  gap: 5%;
  grid-template-columns: 47.5% 47.5%;
}
.news_single_body .page_nav,
.work_single_main .page_nav {
  margin-top: 112px;
  padding: 12px;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
}
.news_single_body .page_nav a,
.work_single_main .page_nav a {
  width: 116px;
  padding: 10px 0;
  text-align: center;
  text-decoration: none !important;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.3);
  position: relative;
}
.news_single_body .page_nav a .link_arrow,
.work_single_main .page_nav a .link_arrow {
  display: none;
}
.news_single_body .page_nav a[rel=prev],
.work_single_main .page_nav a[rel=prev] {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  position: absolute;
  left: 12px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_single_body .page_nav a[rel=next],
.work_single_main .page_nav a[rel=next] {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  position: absolute;
  right: 12px;
  top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news_single_body .page_nav .index,
.work_single_main .page_nav .index {
  display: flex;
  justify-content: center;
}
.news_single_body .page_nav .index a,
.work_single_main .page_nav .index a {
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news_single_body .page_nav .index a .txt,
.work_single_main .page_nav .index a .txt {
  margin-left: 15px;
}
.news_single_body .page_nav .ico,
.work_single_main .page_nav .ico {
  display: inline-block;
  line-height: 11px;
}
.news_single_body .page_nav a[rel=prev] .ico,
.work_single_main .page_nav a[rel=prev] .ico {
  margin-right: 16px;
  transform: scale(-1, 1);
}
.news_single_body .page_nav a[rel=prev] .ico svg,
.work_single_main .page_nav a[rel=prev] .ico svg {
  width: 7px;
  height: 10px;
}
.news_single_body .page_nav a[rel=prev] .ico svg path,
.work_single_main .page_nav a[rel=prev] .ico svg path {
  stroke: #fff;
}
.news_single_body .page_nav a[rel=next] .ico,
.work_single_main .page_nav a[rel=next] .ico {
  margin-left: 16px;
}
.news_single_body .page_nav a[rel=next] .ico svg,
.work_single_main .page_nav a[rel=next] .ico svg {
  width: 7px;
  height: 10px;
}
.news_single_body .page_nav a[rel=next] .ico svg path,
.work_single_main .page_nav a[rel=next] .ico svg path {
  stroke: #fff;
}

.news_single_body {
  margin-top: 45px;
}

/*
=About page
=========================*/
.about_head {
  width: 67.61%;
  margin: 112px 0 0 27.76%;
}
.about_head .about_head_read {
  font-size: 3rem;
  line-height: 1.66;
}
.about_head .about_head_inner {
  margin-top: 112px;
  padding: 40px 0 78px 11.49%;
  border-left: 1px solid #fff;
}
.about_head .about_head_inner .copy01 p {
  font-size: 1.8rem;
  line-height: 2.6;
}
.about_head .about_head_inner .copy02 {
  font-size: 2.5rem;
  margin-top: 112px;
}
.about_head .about_head_btn {
  display: block;
  max-width: 581px;
  margin-top: 80px;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #1e90ff;
  position: relative;
}
.about_head .about_head_btn .link_txt {
  font-size: 2rem;
  line-height: 1.5;
}
.about_head .about_head_btn .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.about_head .about_head_btn .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about_head .about_head_btn .link_arrow svg path {
  stroke: #fff;
}
.about_head .about_head_btn .link_arrow {
  background: #fff;
}
.about_head .about_head_btn .link_arrow svg path {
  stroke: #1e90ff;
}

.about_common {
  width: 90.76%;
  max-width: 1500px;
  margin: 16% auto 0;
}

.about_hd {
  font-size: 3rem;
}

.about_features {
  margin-top: 20.8%;
}
.about_features .top_about_list {
  width: auto;
  margin-top: 90px;
  max-width: 1500px;
  margin: 11.2% auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about_features .top_about_list .top_about_item {
  width: 32.2%;
  margin-bottom: 85px;
}
.about_features .top_about_list .top_about_item .copy {
  margin-top: 20px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
}

.about_scene_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about_scene_list .about_scene_item {
  width: 47.96%;
  margin-top: 65px;
}
.about_scene_list .about_scene_item .img {
  padding: 8.26% 0;
  background: rgba(255, 255, 255, 0.1);
}
.about_scene_list .about_scene_item_ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20px;
  margin-bottom: 15px;
}
@media (max-width: 1023px) {
  .about_scene_list .about_scene_item_ttl {
    margin-top: 15px;
  }
}
.about_scene_list .about_scene_item_ttl .ttl {
  font-feature-settings: "halt";
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}
.about_scene_list .about_scene_item_ttl .ttl::before, .about_scene_list .about_scene_item_ttl .ttl::after {
  content: "";
  display: block;
  inline-size: 0;
  block-size: 1px;
}
.about_scene_list .about_scene_item_ttl .ttl::before {
  margin-block-end: calc((1 - 1.5) * 0.5em);
}
.about_scene_list .about_scene_item_ttl .ttl::after {
  margin-block-start: calc((1 - 1.5) * 0.5em);
}
.about_scene_list .about_scene_item_ttl .ttl {
  flex: 1;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1023px) {
  .about_scene_list .about_scene_item_ttl .ttl {
    font-size: 1.6rem;
    line-height: 1.56;
  }
  .about_scene_list .about_scene_item_ttl .ttl::before, .about_scene_list .about_scene_item_ttl .ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .about_scene_list .about_scene_item_ttl .ttl::before {
    margin-block-end: calc((1 - 1.56) * 0.5em);
  }
  .about_scene_list .about_scene_item_ttl .ttl::after {
    margin-block-start: calc((1 - 1.56) * 0.5em);
  }
}
.about_scene_list .about_scene_item_ttl .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.about_scene_list .about_scene_item_ttl .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about_scene_list .about_scene_item_ttl .link_arrow svg path {
  stroke: #fff;
}
.about_scene_list .about_scene_item_ttl .link_arrow {
  position: relative !important;
  inset: 0;
  transform: translateY(0) !important;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .about_scene_list .about_scene_item_ttl .link_arrow {
    width: 1.3rem;
    height: 1.3rem;
  }
  .about_scene_list .about_scene_item_ttl .link_arrow svg {
    width: 0.5rem;
    height: 0.7rem;
  }
}

.about_effective_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about_effective_list .about_effective_item {
  width: 32.2%;
  margin-top: 65px;
  text-align: center;
}
.about_effective_list .about_effective_item .img img {
  width: 90%;
  text-align: center;
}
.about_effective_list .about_effective_item .img figcaption {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 30px 0 0;
}

.about_role_body {
  margin-top: 69px;
}
.about_role_body .about_role_txt {
  display: flex;
  align-items: flex-end;
  margin-bottom: 50px;
}
.about_role_body .about_role_txt .read {
  font-size: 4.5rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.about_role_body .about_role_txt p {
  white-space: nowrap;
  margin-left: 68px;
}
.about_role_body .about_role_ph {
  position: relative;
  padding: 50px 58px;
}
.about_role_body .about_role_ph img {
  width: 100%;
}
.about_role_body .about_role_ph::after {
  background: linear-gradient(180deg, rgba(255, 255, 163, 0.8) 7.51%, rgba(237, 122, 48, 0.8) 92.86%);
  opacity: 0.3;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.about_background .about_background_hd {
  display: inline-block;
  font-size: 2.4rem;
  line-height: 1.2;
  padding: 35px 100px;
  border: 1px solid #fff;
  border-bottom: none;
}
.about_background .about_background_item {
  padding: 95px 8.47%;
  border: 1px solid #fff;
}
.about_background .about_background_item .about_background_txt .num {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  position: absolute;
  left: -35px;
  top: -35px;
}
.about_background .about_background_item .about_background_txt .read {
  font-size: 3.5rem;
  line-height: 1.42;
}
.about_background .about_background_item .about_background_txt .en {
  margin: 24px 0 40px;
  font-size: 1.5rem;
  line-height: 1.33;
}
.about_background .about_background_item._item01 {
  display: flex;
  justify-content: space-between;
}
.about_background .about_background_item._item01 .about_background_txt {
  width: 38.77%;
  position: relative;
}
.about_background .about_background_item._item01 .about_background_img {
  width: 48.97%;
}
.about_background .about_background_item._item01 .about_background_img img {
  width: 100%;
}
.about_background .about_background_item._item01 .copy p + p {
  margin-top: 0.5em;
}
.about_background .about_background_item._item02 {
  border-top: none;
}
.about_background .about_background_item._item02 .about_background_txt {
  position: relative;
}
.about_background .about_background_item._item02 .about_background_img {
  margin-top: 70px;
  padding: 50px 58px;
  position: relative;
}
.about_background .about_background_item._item02 .about_background_img::after {
  background: linear-gradient(180deg, rgba(255, 255, 163, 0.8) 7.51%, rgba(237, 122, 48, 0.8) 92.86%);
  opacity: 0.3;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.about_background .about_background_item._item02 .about_background_img img {
  width: 100%;
  height: auto;
}

.about_flow .about_flow_hd {
  font-size: 2.5rem;
  text-align: center;
}
.about_flow .about_flow_list {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.about_flow .about_flow_list .about_flow_item {
  width: 32.2%;
  background: rgba(0, 0, 0, 0.2);
}
.about_flow .about_flow_list .about_flow_item .box_inner {
  padding: 35px 13.15% 60px;
}
.about_flow .about_flow_list .about_flow_item .box_inner .ico {
  width: 100px;
  margin: 10px auto 0;
}
.about_flow .about_flow_list .about_flow_item .box_inner .num {
  font-size: 1.5rem;
  line-height: 1.33;
}
.about_flow .about_flow_list .about_flow_item .box_inner .hd {
  font-size: 2.5rem;
  line-height: 1;
  text-align: center;
  margin: 50px 0 35px;
}
.about_flow .about_flow_copy {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 60px;
}

/*
=Work page
=========================*/
.select_cat {
  position: absolute;
  top: 0;
  right: 0;
}
.select_cat .select_wrapper {
  position: relative;
}
.select_cat .select_wrapper select {
  width: 28rem;
  padding: 15px 48px 15px 24px;
  box-sizing: border-box;
  font-size: 1.5rem;
  border: 1px solid #fff;
  border-radius: 3px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.select_cat .select_wrapper select:hover {
  background: rgba(0, 0, 0, 0.6);
}
.select_cat .select_wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: 21px;
  right: 24px;
  width: 12px;
  height: 6px;
  background: url("../img/arrow_select.svg") no-repeat center;
}

.work_archive_list {
  position: relative;
  margin-top: 50px;
  padding-top: 80px;
}
.work_archive_list:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #4db8ff, #d6eeff 50%, #eef7ff);
}
.work_archive_list .archive_ttl {
  font-size: 2.4rem;
  margin-bottom: 40px;
}
.work_archive_list .list_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.work_archive_list .list_box .work_archive_item {
  width: 47.88%;
  margin-bottom: 48px;
}
.work_archive_list .list_box .work_archive_item .movie_ph > div {
  padding-bottom: 56.28%;
  position: relative;
  overflow: hidden;
}
.work_archive_list .list_box .work_archive_item .movie_ph > div img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
}
.work_archive_list .list_box .work_archive_item .movie_ttl {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  position: relative;
}
.work_archive_list .list_box .work_archive_item .movie_ttl .movie_name {
  font-size: 1.8rem;
  line-height: 1.5;
  padding-right: 30px;
}
.work_archive_list .list_box .work_archive_item .movie_ttl .movie_name span {
  display: inline;
}
.work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow svg path {
  stroke: #fff;
}
.work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow {
  right: 0;
  top: 15px;
}
.work_archive_list .list_box .work_archive_item .movie_meta {
  display: flex;
  flex-wrap: wrap;
  margin-top: 13px;
}
.work_archive_list .list_box .work_archive_item .movie_meta * {
  font-size: 1.5rem;
}
.work_archive_list .list_box .work_archive_item .movie_meta dt {
  width: 7.5rem;
  margin-right: 5px;
  position: relative;
}
.work_archive_list .list_box .work_archive_item .movie_meta dt:after {
  content: ":";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: inherit;
}
.work_archive_list .list_box .work_archive_item .movie_meta dd {
  width: calc(100% - 8rem);
}

.page_nav_box .page_nav {
  width: 580px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0 72px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  position: relative;
}
.page_nav_box .page_nav .page-numbers {
  width: 4rem;
  height: 4rem;
  margin: 12px 4px;
  padding: 1rem 0;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}
.page_nav_box .page_nav .page-numbers.current {
  background: #1e90ff;
}
.page_nav_box .page_nav .page-numbers.prev {
  position: absolute;
  left: 16px;
  top: 0;
}
.page_nav_box .page_nav .page-numbers.prev:before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  background: url("../img/arrow_pagenav.svg") no-repeat center/7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(-1, 1);
}
.page_nav_box .page_nav .page-numbers.next {
  position: absolute;
  right: 16px;
  top: 0;
}
.page_nav_box .page_nav .page-numbers.next:before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  background: url("../img/arrow_pagenav.svg") no-repeat center/7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*
=Work single page
=========================*/
.work_single .inner {
  width: 90.76%;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 280px;
  position: relative;
}
.work_single .inner .work_single_ttl {
  font-size: 3rem;
}
.work_single .inner .work_single_movie {
  display: block;
  width: 100%;
  margin-top: 60px;
  aspect-ratio: 16/9;
  position: relative;
}
.work_single .inner .work_single_movie img {
  width: 100%;
  cursor: pointer;
}
.work_single .inner .work_single_movie iframe {
  width: 100%;
  height: 100%;
}
.work_single .inner .work_single_movie .movie-inner .ico_movie_play {
  width: 110px;
  height: 110px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.work_single .inner .work_single_movie .movie-inner .ico_movie_play path {
  fill: #fff;
}
.work_single .inner .work_single_movie .movie-inner .ico_movie_play rect {
  stroke: #fff;
}
.work_single .inner .work_single_mv {
  margin-top: 60px;
}
.work_single .inner .work_single_mv img {
  width: 100%;
}
.work_single .inner .work_single_body {
  display: flex;
  margin-top: 80px;
}
.work_single .inner .work_single_body .work_single_data {
  width: 40%;
}
.work_single .inner .work_single_body .work_single_data table th,
.work_single .inner .work_single_body .work_single_data table td,
.work_single .inner .work_single_body .work_single_data table th:after {
  line-height: 1.5;
}
.work_single .inner .work_single_body .work_single_data table th,
.work_single .inner .work_single_body .work_single_data table td {
  padding: 5px 0;
}
.work_single .inner .work_single_body .work_single_data table th {
  padding-right: 18px;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
}
.work_single .inner .work_single_body .work_single_data table th:after {
  content: ":";
  display: inline-block;
  position: absolute;
  right: 0;
}
.work_single .inner .work_single_body .work_single_data table td {
  font-size: 1.5rem;
  padding-left: 12px;
}
.work_single .inner .work_single_body .work_single_data .data_hd {
  margin: 48px 0 10px;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
.work_single .inner .work_single_body .work_single_data .data_link .link_txt {
  font-size: 1.6rem;
  padding-right: 0;
  line-height: 1.5;
}
.work_single .inner .work_single_body .work_single_data .data_link .link_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: relative;
  top: 5px;
  margin: 0 5px;
}
.work_single .inner .work_single_body .work_single_data .data_link .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.work_single .inner .work_single_body .work_single_data .data_link .link_arrow svg path {
  stroke: #fff;
}
.work_single .inner .work_single_body .work_single_data .data_link .link_arrow {
  top: 13px;
  margin-left: 15px;
}
.work_single .inner .work_single_body .work_single_main {
  width: 57.45%;
  font-size: 1.5rem;
}

.lity-close .ico .st0 {
  stroke-width: 1px;
}
.lity-close .ico .st0,
.lity-close .ico .st1 {
  fill: none;
  stroke: #fff;
}

.recommend_post .inner {
  width: 90.76%;
  max-width: 1500px;
  margin: 112px auto 0;
  padding-top: 112px;
  position: relative;
}
.recommend_post .inner:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
}
.recommend_post .inner .recommend_post_hd .ttl {
  font-size: 3rem;
  line-height: 1.5;
}
.recommend_post .inner .recommend_post_hd .en {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.1rem;
}
.recommend_post .inner .recommend_post_hd ._txtFilter {
  background-position: 100% center;
}
.recommend_post .inner .recommend_post_list {
  margin-top: 48px;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div {
  padding-right: 8.12%;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  position: relative;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .movie_name {
  padding-right: 36px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow svg path {
  stroke: #fff;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow {
  right: 0;
  top: 10px;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_date {
  margin-top: 20px;
  font-size: 1.5rem;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  position: relative;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_txt {
  padding-right: 36px;
  font-size: 1.5rem;
  line-height: 1.5;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow svg path {
  stroke: #fff;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow {
  right: 0;
  top: 10px;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ph > div,
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ph > div {
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
}
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ph > div img,
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ph > div img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
=Company page
=========================*/
.page_contents._twocolumn .inner {
  display: flex;
  justify-content: space-between;
}
.page_contents._twocolumn .inner .page_main {
  width: 57.62%;
}
.page_contents._twocolumn .inner .page_main .company_data {
  margin-top: 11.2%;
  padding: 49px 7.2%;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
}
.page_contents._twocolumn .inner .page_main .company_data table {
  width: 100%;
  font-size: 1.5rem;
}
.page_contents._twocolumn .inner .page_main .company_data table th {
  min-width: 150px;
  padding: 25px 0;
  font-weight: 500;
  position: relative;
}
.page_contents._twocolumn .inner .page_main .company_data table th:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
}
.page_contents._twocolumn .inner .page_main .company_data table td {
  padding: 25px 0;
  position: relative;
}
.page_contents._twocolumn .inner .page_main .company_data table td:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
}
.page_contents._twocolumn .inner .page_main .company_data table td .link_box {
  position: relative;
  display: flex;
}
.page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_txt {
  padding-right: 0;
}
.page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow svg path {
  stroke: #fff;
}
.page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow {
  position: relative;
  right: auto;
  top: auto;
  transform: translateY(0%);
  margin: 5px 0 0 10px;
}
.page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow svg {
  transform: translate(0%, 0%) rotate(-45deg);
  transform-origin: left top;
  left: 8px;
  top: 7px;
}
.page_contents._twocolumn .inner .page_main .company_data table tr:last-child th:after,
.page_contents._twocolumn .inner .page_main .company_data table tr:last-child td:after {
  display: none;
}
.page_contents._twocolumn .inner .page_main._thanks {
  width: 49.4%;
  margin-top: 70px;
}
.page_contents._twocolumn .inner .page_main._thanks .read {
  font-size: 2.4rem;
  margin-bottom: 40px;
}

/*
=Movie Strategy page
=========================*/
.strategy_main {
  display: flex;
  justify-content: space-between;
  margin-top: 65px;
  padding-top: 80px;
  position: relative;
}
.strategy_main:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #4db8ff, #d6eeff 50%, #eef7ff);
}
.strategy_main .strategy_main_copy {
  width: 32.2%;
}
.strategy_main .strategy_main_copy .read {
  font-size: 3.5rem;
  line-height: 1.42;
}
.strategy_main .strategy_main_copy .en {
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: 0.1rem;
  margin: 24px 0 70px;
}
.strategy_main .strategy_main_img {
  width: 56.77%;
}
.strategy_main .strategy_main_img .item {
  padding: 48px 53px;
  position: relative;
}
.strategy_main .strategy_main_img .item::after {
  background: linear-gradient(180deg, rgba(255, 255, 163, 0.8) 7.51%, rgba(237, 122, 48, 0.8) 92.86%);
  opacity: 0.3;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.strategy_main .strategy_main_img .item + .item {
  margin-top: 32px;
}

.strategy_solution .inner {
  width: 90.76%;
  max-width: 1500px;
  margin: 11.2% auto 0;
}
.strategy_solution .inner .strategy_solution_hd .ttl {
  font-size: 3rem;
  line-height: 1.5;
}
.strategy_solution .inner .strategy_solution_hd .en {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.1rem;
}
.strategy_solution .inner .strategy_solution_main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 80px;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_copy {
  width: 40.5%;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_copy .read {
  font-size: 2rem;
  line-height: 1.6;
  margin-bottom: 45px;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img {
  width: 49.15%;
  display: flex;
  flex-wrap: wrap;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item {
  width: 50%;
  padding: 40px 0;
  font-size: 1.5rem;
  text-align: center;
  position: relative;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item > div:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../img/bg_voice_box01.svg") no-repeat;
  transform: rotate(-90deg);
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item > div:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/bg_voice_box01.svg") no-repeat;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item > div img {
  display: inline-block;
  margin-bottom: 20px;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  top: 0;
  background: url("../img/bg_voice_box01.svg") no-repeat;
  transform: rotate(90deg);
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../img/bg_voice_box01.svg") no-repeat;
  transform: rotate(180deg);
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(1):after {
  right: -2px;
  bottom: -2px;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(1):before {
  background: url("../img/bg_voice_box02.svg") no-repeat right top;
  transform: rotate(0);
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(2) > div:before {
  display: none;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(2):after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../img/bg_voice_box02.svg") no-repeat;
  transform: rotate(90deg);
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(3) > div:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../img/bg_voice_box02.svg") no-repeat bottom;
  transform: rotate(90deg);
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(3):before {
  display: none;
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(3):after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../img/bg_voice_box02.svg") no-repeat bottom;
  transform: rotate(0deg);
}
.strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(3) > div:after {
  left: -2px;
  top: -2px;
}

/*
=Form
=========================*/
.form_contents {
  display: flex;
}
.form_contents .sidebar {
  width: 37.77%;
}
.form_contents .sidebar .sidebar_box {
  position: sticky;
  top: 0;
}
.form_contents .sidebar .header_box > .inner {
  width: 100%;
  padding: 0 2.46%;
}
.form_contents .sidebar .header_box > .inner .header_logo a {
  width: 21.8rem;
}
.form_contents .sidebar .page_contents > .inner {
  width: 100%;
  padding: 21.53vw 12.21% 50px;
  margin: 0;
  box-sizing: border-box;
}
.form_contents .sidebar .page_contents > .inner .page_main {
  margin-top: 65px;
  padding-top: 50px;
  position: relative;
}
.form_contents .sidebar .page_contents > .inner .page_main:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #4db8ff, #d6eeff 50%, #eef7ff);
}
.form_contents .sidebar .page_contents > .inner .page_main .download_ph {
  margin-top: 35px;
}
.form_contents .sidebar .page_contents > .inner .page_main .link_box._back {
  margin-top: 120px;
}
.form_contents .sidebar .page_contents > .inner .page_main .required {
  color: #1e90ff;
}
.form_contents .sidebar .footer_function {
  width: 100%;
  padding: 0;
  margin: 65px 0 0;
  box-sizing: border-box;
}
.form_contents .sidebar .footer_function > .inner {
  width: 100%;
  padding-top: 0;
  margin-top: 140px;
}
.form_contents .main {
  width: 62.23%;
  background: #fff;
  position: relative;
}
.form_contents .main .inner {
  width: 80%;
  max-width: 600px;
  margin: 26.83vw auto 0;
}

/*
=Link
=========================*/
a.link_box[target=_blank] {
  position: relative;
}
a.link_box[target=_blank] .link_txt {
  padding-right: 35px;
}
a.link_box[target=_blank] .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
a.link_box[target=_blank] .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
a.link_box[target=_blank] .link_arrow svg path {
  stroke: #fff;
}
a.link_box[target=_blank] .link_arrow {
  right: 0;
}
a.link_box[target=_blank] .link_arrow svg {
  transform: translate(0%, 0%) rotate(-45deg);
  transform-origin: left top;
  left: 8px;
  top: 7px;
}

.link_box._back {
  display: inline-block;
  margin-top: 30px;
  font-size: 1.5rem;
  position: relative;
}
.link_box._back .link_txt {
  display: inline-block;
  padding-left: 35px;
  padding-right: 0;
}
.link_box._back .link_arrow {
  display: block;
  width: 20px;
  height: 20px;
  background: #000;
  border-radius: 3px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.link_box._back .link_arrow svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.link_box._back .link_arrow svg path {
  stroke: #fff;
}
.link_box._back .link_arrow {
  right: auto;
  left: 0;
}
.link_box._back .link_arrow svg {
  transform: translate(50%, 50%) rotate(180deg);
  transform-origin: left top;
  left: 50%;
  top: 50%;
}

/*
=SP Layout
=========================*/
@media screen and (max-width: 1023px) {
  /* @mixin */
  /*
  SP:header_box
  ====================*/
  .header_box {
    width: 100%;
    position: relative;
    z-index: auto;
    padding-block: 0;
  }
  .header_box .inner {
    display: block;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
  }
  .header_box .inner .header_logo {
    width: 143px;
    position: fixed;
    left: 3.33%;
    top: 13px;
    z-index: 9998;
  }
  .header_box .inner .header_btnWrap {
    display: none;
  }
  /*
  SP:global_nav
  ====================*/
  .global_nav {
    display: block;
    align-items: center;
    position: fixed;
    z-index: 9999;
    top: 13px;
    right: 3.33%;
  }
  .global_nav .main_nav {
    display: none;
  }
  .btn_humberger_box {
    display: block;
    width: 52px;
    height: 52px;
    box-sizing: border-box;
    cursor: pointer;
  }
  .btn_humberger_box .btn_humberger {
    width: 32px;
    height: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    position: relative;
  }
  .btn_humberger_box .btn_humberger .circle {
    display: block;
    width: 32px;
    height: 22px;
    position: relative;
  }
  .btn_humberger_box .btn_humberger .circle span {
    content: "";
    width: 32px;
    height: 10px;
    display: block;
    transition: all 0.2s cubic-bezier(0.36, 0.14, 0, 1);
    background: #0d5096;
    position: absolute;
    background: url("../img/nav_circle.svg") no-repeat center;
  }
  .btn_humberger_box .btn_humberger .circle span:nth-child(1) {
    left: 0;
    top: 0;
    transition: top 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 0.3s linear;
  }
  .btn_humberger_box .btn_humberger .circle span:nth-child(2) {
    left: 0;
    top: 4px;
    transition: top 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 0.3s linear;
  }
  .btn_humberger_box .btn_humberger .circle span:nth-child(3) {
    left: 0;
    top: 8px;
    transition: top 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, transform 0.3s linear;
  }
  .btn_humberger_box .btn_humberger .circle span:nth-child(4) {
    left: 0;
    top: 12px;
    transition: top 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 0.3s linear;
  }
  .btn_humberger_box .btn_humberger .txt {
    display: block;
    width: 100%;
    font-size: 1.1rem;
    text-align: center;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
  }
  .btn_humberger_box .btn_humberger .txt._close {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .btn_humberger_box .btn_humberger .txt._menu {
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  }
  body.open .btn_humberger_box .btn_humberger .circle span:nth-child(1) {
    opacity: 0;
    top: 6px;
    transition: top 0.3s linear, opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  }
  body.open .btn_humberger_box .btn_humberger .circle span:nth-child(2) {
    transform: rotate(45deg);
    top: 6px;
    transition: top 0.3s linear, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  }
  body.open .btn_humberger_box .btn_humberger .circle span:nth-child(3) {
    transform: rotate(-45deg);
    top: 6px;
    transition: top 0.3s linear, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  }
  body.open .btn_humberger_box .btn_humberger .circle span:nth-child(4) {
    opacity: 0;
    top: 6px;
    transition: top 0.3s linear, opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
  }
  body.open .btn_humberger_box .btn_humberger .txt {
    display: block;
    width: 50px;
    font-size: 1.1rem;
    text-align: center;
    position: absolute;
    bottom: -4px;
  }
  body.open .btn_humberger_box .btn_humberger .txt._close {
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.6s;
  }
  body.open .btn_humberger_box .btn_humberger .txt._menu {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .op_global_nav {
    display: block;
    pointer-events: none;
    opacity: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    transform: translateX(0);
    background: #2b2b2b;
    position: fixed;
    z-index: 9998;
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .op_global_nav > .inner {
    width: auto;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 94px 0 129px;
  }
  .op_global_nav > .inner .nav_main {
    width: 80%;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1;
    text-align: center;
  }
  .op_global_nav > .inner .nav_main_list {
    border-top: solid 1px #fff;
  }
  .op_global_nav > .inner .nav_main_list:last-child {
    border-bottom: solid 1px #fff;
  }
  .op_global_nav > .inner .nav_main_list .link_arrow {
    aspect-ratio: 1/1;
    width: 13px;
    height: auto;
    background: #000;
    display: grid;
    place-content: center;
    border-radius: 3px;
  }
  .op_global_nav > .inner .nav_main_list .link_arrow svg path {
    stroke: #fff;
  }
  .op_global_nav > .inner .nav_main_list a {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .op_global_nav > .inner .nav_main_list_txt {
    display: block;
    font-feature-settings: "halt";
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.56;
  }
  .op_global_nav > .inner .nav_main_list_txt::before, .op_global_nav > .inner .nav_main_list_txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .op_global_nav > .inner .nav_main_list_txt::before {
    margin-block-end: calc((1 - 1.56) * 0.5em);
  }
  .op_global_nav > .inner .nav_main_list_txt::after {
    margin-block-start: calc((1 - 1.56) * 0.5em);
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub {
    margin-top: -10px;
    padding-bottom: 15px;
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item {
    padding-block: 10px;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item_img {
    width: 12rem;
    background: rgba(255, 255, 255, 0.1);
    padding-block: 7px;
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item_ttl {
    display: block;
    text-align: left;
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item_ttl .ttl {
    font-feature-settings: "halt";
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item_ttl .ttl::before, .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item_ttl .ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item_ttl .ttl::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .op_global_nav > .inner .nav_main_list .nav_main_list_sub_item_ttl .ttl::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
  .op_global_nav > .inner .nav_main a:not(.nav_main_list_sub_item) {
    padding: 23px 0;
  }
  .op_global_nav > .inner .nav_function_btn a {
    display: block;
    width: 311px;
    height: 65px;
    margin: 0 auto;
    padding: 0 25px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
  }
  .op_global_nav > .inner .nav_function_btn a .txt {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: fit-content;
  }
  .op_global_nav > .inner .nav_function_btn a .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .op_global_nav > .inner .nav_function_btn a .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .op_global_nav > .inner .nav_function_btn a .link_arrow svg path {
    stroke: #000;
  }
  .op_global_nav > .inner .nav_function_btn._request a {
    background: #000;
    font-feature-settings: normal;
  }
  .op_global_nav > .inner .nav_function_btn._contact a {
    background: #1e90ff;
    font-feature-settings: normal;
  }
  .op_global_nav > .inner .nav_function_btn._contact a .link_arrow path {
    stroke: #1e90ff;
  }
  .op_global_nav > .inner .header_btnWrap {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    row-gap: 13px;
  }
  body.open .op_global_nav {
    opacity: 1;
    pointer-events: visible;
    overflow-x: clip;
  }
  /*
  SP:common_bg
  ====================*/
  .common_bg #anime {
    display: none;
  }
  .common_bg #animeSP {
    display: block;
    width: 100%;
    height: 103vh;
    top: 0;
    z-index: -1;
    overflow: hidden;
    transform: translate3d(0, -25%, 0);
    text-align: center;
    opacity: 1;
    position: absolute;
  }
  .common_bg #animeSP svg {
    width: 200% !important;
    height: auto !important;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: screen;
  }
  .common_hd .en {
    font-size: 2.6rem;
    line-height: 1.5;
  }
  .common_hd .ttl {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .page_hd {
    position: relative;
  }
  .page_hd .ttl {
    font-size: 2.2rem;
    line-height: 1.5;
  }
  .page_hd .en {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
  }
  .common_btn a {
    display: inline-block;
    min-width: auto;
    margin-top: 50px;
    padding: 20px 60px 20px 24px;
    box-sizing: border-box;
    position: relative;
    text-align: left;
  }
  .common_btn._bk a {
    background: #000;
  }
  .common_btn._bk a .txt {
    font-size: 1.3rem;
    list-style-position: 1.5;
  }
  .common_btn._bk a .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .common_btn._bk a .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .common_btn._bk a .link_arrow svg path {
    stroke: #000;
  }
  .footer_contact {
    width: 93.33%;
    margin: 51.2820512821vw auto 0;
  }
  .footer_contact.__company .inner {
    justify-content: space-between;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .footer_contact.__company .inner .footer_contact_hd .hd {
    margin-block: 0;
    line-height: 1.5;
  }
  .footer_contact.__company .inner .read {
    margin-top: 25px;
  }
  .footer_contact.__company .inner .footer_contact_list {
    width: auto;
    margin-top: 35px;
  }
  .footer_contact .inner {
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 39px 7.14%;
    border-radius: 3px;
    box-sizing: border-box;
    background: #f1ece8;
  }
  .footer_contact .inner .footer_contact_hd {
    width: auto;
  }
  .footer_contact .inner .footer_contact_hd .hd {
    font-size: 3.9rem;
    color: #000;
    margin-block: -6px;
  }
  .footer_contact .inner .footer_contact_hd .read {
    margin: 20px 0 0 0;
  }
  .footer_contact .inner .footer_contact_hd .read_ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .footer_contact .inner .footer_contact_hd .read_ttl::before, .footer_contact .inner .footer_contact_hd .read_ttl::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .footer_contact .inner .footer_contact_hd .read_ttl::before {
    margin-block-end: calc((1 - 1.6) * 0.5em);
  }
  .footer_contact .inner .footer_contact_hd .read_ttl::after {
    margin-block-start: calc((1 - 1.6) * 0.5em);
  }
  .footer_contact .inner .footer_contact_hd .read_txt {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .footer_contact .inner .footer_contact_hd .read_txt::before, .footer_contact .inner .footer_contact_hd .read_txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .footer_contact .inner .footer_contact_hd .read_txt::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .footer_contact .inner .footer_contact_hd .read_txt::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .footer_contact .inner .footer_contact_hd .read_txt {
    margin-top: 22px;
  }
  .footer_contact .inner .footer_contact_list {
    width: auto;
    margin-top: 31px;
  }
  .footer_contact .inner .footer_contact_list li {
    font-size: 1.3rem;
    padding-left: 26px;
    line-height: 1.61;
  }
  .footer_contact .inner .footer_contact_list li:before {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    top: 0.4rem;
  }
  .footer_contact .inner .footer_contact_list li + li {
    margin-top: 12px;
  }
  .footer_contact .inner .footer_contact_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin: 35px 0 0 0;
  }
  .footer_contact .inner .footer_contact_btn .btn {
    width: 100%;
    padding: 21px 24px 24px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
  }
  .footer_contact .inner .footer_contact_btn .btn .txt {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  .footer_contact .inner .footer_contact_btn .btn .txt::before, .footer_contact .inner .footer_contact_btn .btn .txt::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .footer_contact .inner .footer_contact_btn .btn .txt::before {
    margin-block-end: calc((1 - 1.75) * 0.5em);
  }
  .footer_contact .inner .footer_contact_btn .btn .txt::after {
    margin-block-start: calc((1 - 1.75) * 0.5em);
  }
  .footer_contact .inner .footer_contact_btn .btn._request {
    background: #000;
  }
  .footer_contact .inner .footer_contact_btn .btn._contact {
    margin-top: 13px;
    background: #1e90ff;
  }
  .footer_contact .inner .footer_contact_btn .btn .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .footer_contact .inner .footer_contact_btn .btn .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .footer_contact .inner .footer_contact_btn .btn .link_arrow svg path {
    stroke: #000;
  }
  body#home .footer_contact {
    margin-top: 51.2820512821vw;
  }
  .footer_function {
    width: 86.68%;
    margin: 25px auto 75px;
  }
  .footer_function .inner {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: center;
  }
  .footer_function .inner .footer_copyrights {
    font-size: 1rem;
    letter-spacing: 0.1rem;
    font-weight: 400;
    margin-top: 59px;
  }
  .footer_function .inner .footer_nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 3.5897435897vw;
    -moz-column-gap: 0;
         column-gap: 0;
    width: 66.9230769231%;
    margin-left: 7px;
    margin-top: 62px;
  }
  .footer_function .inner .footer_nav li {
    width: 43%;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1rem;
    display: flex;
    justify-content: center;
  }
  .footer_function .inner .footer_nav li:nth-child(1) {
    display: none;
  }
  .footer_function .inner .footer_nav li:nth-child(3), .footer_function .inner .footer_nav li:nth-child(5), .footer_function .inner .footer_nav li:nth-child(7) {
    display: flex;
    justify-content: center;
  }
  .footer_function .inner .footer_nav li a {
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
  }
  .page_contents .inner {
    width: 86.68%;
    margin: 0 auto;
    padding-top: 197px;
    position: relative;
  }
  /*
  SP:top_main
  ====================*/
  .top_main {
    height: 100svh;
  }
  .top_main .top_main_itembox {
    width: 93.33%;
    position: absolute;
    bottom: 6.4102564103vw;
    left: 3.33%;
  }
  .top_main .top_main_itembox .catchcopy {
    width: 79.4871794872vw;
  }
  .top_main .top_main_itembox .catchcopy img {
    width: 100%;
    height: auto;
  }
  .top_main .top_main_itembox .catchcopy .english {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.38;
    margin-top: 8px;
    font-feature-settings: normal;
    letter-spacing: 0.05rem;
  }
  .top_main .top_main_itembox .sp_box {
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
    margin-top: 17px;
    position: relative;
  }
  .top_main .top_main_itembox .sp_box:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: url("../img/txt_filter.jpg") no-repeat left top;
    position: absolute;
    top: 0;
    left: 0;
  }
  .top_main .top_main_itembox .sp_box .message {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0.05rem;
    flex-grow: 2;
    text-align: left;
    font-feature-settings: normal;
    background-position: 110% 0% !important;
  }
  .top_main .top_main_itembox .sp_box .contact {
    font-size: 1.3rem;
    font-feature-settings: normal;
    display: inline-block;
    align-items: center;
    margin-top: 0.8rem;
    padding: 0 23px 0 0;
    position: relative;
  }
  .top_main .top_main_itembox .sp_box .contact .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .top_main .top_main_itembox .sp_box .contact .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .top_main .top_main_itembox .sp_box .contact .link_arrow svg path {
    stroke: #fff;
  }
  .top_main .top_main_itembox .sp_box .contact .link_arrow {
    right: 0;
    background: #1e90ff;
  }
  .top_main .top_main_itembox .sp_box .topicks {
    width: 32.14%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.031372549);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2509803922);
  }
  .top_main .top_main_itembox .sp_box .topicks .thumb {
    position: relative;
  }
  .top_main .top_main_itembox .sp_box .topicks .thumb > div {
    padding-bottom: 56.42%;
  }
  .top_main .top_main_itembox .sp_box .topicks .thumb > div img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .top_main .top_main_itembox .sp_box .topicks:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74.04%, #000000 100%);
    position: absolute;
    top: 0;
  }
  .top_main .top_main_itembox .sp_box .topicks .name {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 5.72%;
    left: 0;
    z-index: 3;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
  }
  .top_main .top_main_itembox .sp_box .topicks .arrow {
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 6.5px;
    z-index: 3;
  }
  .top_main .top_main_itembox .sp_box .topicks .arrow img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /*
  SP:top_main_company
  ====================*/
  .top_main_company .inner {
    width: 92.3%;
    margin: 67px auto 0;
    padding: 9px 3.61%;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
  }
  .top_main_company .inner .company_slide {
    display: flex;
  }
  .top_main_company .inner .company_slide .company_slide_item {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 780px;
    width: 150vw;
  }
  .top_main_company .inner .company_slide .company_slide_item > div {
    margin-left: 5.38vw;
    line-height: 0;
  }
  .top_main_company .inner .company_slide .company_slide_item:nth-child(1) {
    animation: loop 50s -25s linear infinite;
  }
  .top_main_company .inner .company_slide .company_slide_item:nth-child(2) {
    display: flex;
    animation: loop2 50s linear infinite;
  }
  /*
  SP:top_about
  ====================*/
  body#home .top_about {
    padding-top: 73.5897435897vw;
  }
  .top_about .common_hd {
    margin-left: 6.66%;
  }
  .top_about .common_hd .ttl {
    font-size: 1.3rem;
    letter-spacing: 0;
  }
  .top_about .common_hd .ttl::before, .top_about .common_hd .ttl::after {
    content: unset;
  }
  .top_about .top_about_slide {
    margin: 54px auto 0;
    position: relative;
  }
  .top_about .top_about_slide > div video {
    width: 100%;
  }
  .top_about .top_about_slide .slide01 {
    width: 80%;
    margin: 0 auto;
  }
  .top_about .top_about_slide .slide02 {
    width: 44.358%;
    position: absolute;
    left: -6.66%;
    top: 78.64%;
  }
  .top_about .top_about_slide .slide03 {
    width: 26.92%;
    position: absolute;
    right: 0%;
    top: -12.64%;
  }
  .top_about._active .top_about_slide .slide01 {
    opacity: 1;
  }
  .top_about._active .top_about_slide .slide02 {
    opacity: 1;
    transform: translateY(0%);
  }
  .top_about._active .top_about_slide .slide03 {
    opacity: 1;
    transform: translateY(0%);
  }
  .top_about .top_about_copy {
    width: 69.74%;
    margin: 26.83% 0 0 20.25%;
    padding-left: 0;
  }
  .top_about .top_about_copy_inner {
    margin-left: auto;
    width: 100%;
    padding-right: 0;
  }
  .top_about .top_about_copy .read {
    font-size: 1.8rem;
    line-height: 1.6;
  }
  .top_about .top_about_copy .read::before, .top_about .top_about_copy .read::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about .top_about_copy .read::before {
    margin-block-end: calc((1 - 1.6) * 0.5em);
  }
  .top_about .top_about_copy .read::after {
    margin-block-start: calc((1 - 1.6) * 0.5em);
  }
  .top_about .top_about_copy .read {
    margin-bottom: 35px;
    letter-spacing: -0.05rem;
    font-feature-settings: "halt";
  }
  .top_about .top_about_copy p {
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_about .top_about_copy p::before, .top_about .top_about_copy p::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_about .top_about_copy p::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_about .top_about_copy p::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .top_about .top_about_copy p span + span {
    margin-top: 6px;
  }
  .top_about .top_about_list {
    width: 86.67%;
    margin: 90px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .top_about .top_about_list .top_about_item {
    width: 46.15%;
    margin-bottom: 39px;
  }
  .top_about .top_about_list .top_about_item .copy {
    margin-top: 10px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  /*
  SP:top_power
  ====================*/
  .top_power .inner {
    width: auto;
    padding-top: 32.3076923077vw;
  }
  .top_power .inner .top_power_hd {
    position: relative;
    margin-left: 6.67%;
  }
  .top_power .inner .top_power_hd .hd._main {
    line-height: 1.42;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .top_power .inner .top_power_hd .hd._main::before, .top_power .inner .top_power_hd .hd._main::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_power .inner .top_power_hd .hd._main::before {
    margin-block-end: calc((1 - 1.5) * 0.5em);
  }
  .top_power .inner .top_power_hd .hd._main::after {
    margin-block-start: calc((1 - 1.5) * 0.5em);
  }
  .top_power .inner .top_power_hd .hd._main {
    letter-spacing: 0.05rem;
  }
  .top_power .inner .top_power_hd .en {
    font-size: 1.3rem;
    line-height: 1.33;
    letter-spacing: 0.1rem;
    margin: 25px 0 0;
  }
  .top_power .inner .top_power_wrap {
    flex-direction: column;
    margin: 38px auto 0;
  }
  .top_power .inner .top_power_img {
    width: 93.33%;
    margin-inline: auto;
  }
  .top_power .inner .top_power_img > div {
    padding-bottom: 100%;
    position: relative;
  }
  .top_power .inner .top_power_img > div img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .top_power .inner .top_power_copy {
    width: 86.153%;
    margin: 35px auto 0;
  }
  .top_power .inner .top_power_copy .top_power_hd {
    margin-left: 0;
    margin-top: 0;
  }
  .top_power .inner .top_power_copy .top_power_hd .hd img {
    width: 60.7142857143%;
    height: auto;
  }
  .top_power .inner .top_power_copy .top_power_hd .en {
    margin-top: 19px;
    margin-bottom: 34px;
    font-weight: 500;
  }
  .top_power .inner .top_power_copy p {
    font-feature-settings: "halt";
    font-size: 1.3rem;
    line-height: 1.84;
  }
  .top_power .inner .top_power_copy p::before, .top_power .inner .top_power_copy p::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_power .inner .top_power_copy p::before {
    margin-block-end: calc((1 - 1.84) * 0.5em);
  }
  .top_power .inner .top_power_copy p::after {
    margin-block-start: calc((1 - 1.84) * 0.5em);
  }
  .top_power .inner .top_power_copy p + p {
    margin-top: 1.2em;
  }
  .top_power .inner .top_power_copy .common_btn {
    width: 81.25%;
    margin-inline: auto;
  }
  .top_power .inner .top_power_copy .common_btn a {
    width: 100%;
    margin-top: 35px;
    padding: 26px 25px 24px 25px;
  }
  .top_power .inner .top_power_copy .common_btn a .txt {
    line-height: 1.84;
  }
  .top_power .inner .top_power_copy .common_btn a .link_arrow {
    margin-top: 1px;
  }
  .top_power .inner .common_btn._bk .link_arrow {
    width: 1.3rem;
    height: 1.3rem;
  }
  .top_power .inner .common_btn._bk .link_arrow svg {
    width: 0.5rem;
    height: 0.7rem;
  }
  /*
  SP:top_work
  ====================*/
  .top_work .inner {
    width: 86.6666666667%;
    padding-top: 34.358974359vw;
    margin: 0 auto 0;
    position: relative;
  }
  .top_work .inner .common_hd .en {
    font-size: 2.5rem;
    line-height: 1;
  }
  .top_work .inner .common_hd .ttl {
    letter-spacing: 0;
  }
  .top_work .inner .top_work_list {
    margin-top: 38px;
    position: relative;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 40px;
  }
  .top_work .inner .top_work_list .top_work_item {
    overflow: hidden;
  }
  .top_work .inner .top_work_list .top_work_item .movie_ph > div img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data {
    margin-top: 10px;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl {
    align-items: start;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name {
    font-size: 1.3rem;
    line-height: 1.61;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::before, .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::after {
    content: "";
    display: block;
    inline-size: 0;
    block-size: 1px;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::before {
    margin-block-end: calc((1 - 1.61) * 0.5em);
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .movie_name::after {
    margin-block-start: calc((1 - 1.61) * 0.5em);
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow {
    width: 1.3rem;
    height: 1.3rem;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow svg {
    width: 0.5rem;
    height: 0.7rem;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_meta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    row-gap: 9px;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dt.__meta1, .top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dt.__meta2 {
    margin-right: 9px;
    font-size: 1.3rem;
    line-height: 1.3;
    letter-spacing: 0.1rem;
    margin-top: 1px;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dt::after {
    top: -4px;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dd {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 0;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dd.__meta1 {
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .top_work .inner .top_work_list .top_work_item .movie_data .movie_meta dd.__meta2 {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.1rem;
  }
  .top_work .inner .common_btn {
    width: 81.25%;
    margin-top: 52px;
    margin-inline: auto;
  }
  .top_work .inner .common_btn a {
    width: 100%;
    margin-top: 0;
    padding: 26px 25px 24px 25px;
  }
  .top_work .inner .common_btn a .link_arrow {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: 1px;
  }
  .top_work .inner .common_btn a .link_arrow svg {
    width: 0.5rem;
    height: 0.7rem;
  }
  /*
  SP:top_points
  ====================*/
  /*
  SP:top_voices
  ====================*/
  /*
  SP:top_movie
  ====================*/
  .top_movie .inner {
    display: block;
    width: 86.67%;
    margin: 33.33vw auto 0;
    position: relative;
  }
  .top_movie .inner .top_movie_txt {
    width: auto;
  }
  .top_movie .inner .top_movie_txt .top_movie_body {
    margin-left: 15.69%;
  }
  .top_movie .inner .top_movie_txt .read {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.1rem;
    line-height: 1.6;
    margin: 40px 0 25px;
  }
  .top_movie .inner .top_movie_txt .common_btn {
    margin-top: 40px;
  }
  .top_movie .inner .top_movie_txt .common_btn a {
    width: 100%;
    margin: 0 auto;
  }
  .top_movie .inner .top_movie_ph {
    width: auto;
    margin: 40px 0 0;
  }
  .top_movie .inner .top_movie_ph img {
    width: 100%;
  }
  /*
  SP:top_news
  ====================*/
  .top_news .inner {
    width: 86.67%;
    margin: 33.33vw auto 0;
    position: relative;
  }
  .top_news .inner .common_btn {
    margin-top: 80px;
    text-align: center;
  }
  .top_news .inner .common_btn a {
    width: 273px;
    margin: 0 auto;
  }
  /*
  SP:news_archive_list
  ====================*/
  .news_archive_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
  }
  .news_archive_list .news_archive_item {
    width: 100%;
    margin: 35px 0 0;
  }
  .news_archive_list .news_archive_item .date {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 20px;
  }
  .news_archive_list .news_archive_item .ttl {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    position: relative;
  }
  .news_archive_list .news_archive_item .ttl .link_txt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .news_archive_list .news_archive_item .ttl .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .news_archive_list .news_archive_item .ttl .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .news_archive_list .news_archive_item .ttl .link_arrow svg path {
    stroke: #fff;
  }
  .news_archive_list .news_archive_item .ttl .link_arrow {
    right: 0;
    top: 10px;
  }
  /*
  SP:news_archive
  ====================*/
  .page_contents .news_archive_list {
    margin-top: 35px;
    padding-top: 5px;
    border-top: 1px solid #fff;
  }
  .page_contents .btn_more {
    margin-top: 60px;
    text-align: center;
  }
  .page_contents .btn_more div {
    display: inline-block;
    max-width: 580px;
    width: 100%;
    padding: 20px 0;
    background: #000;
    font-size: 1.3rem;
  }
  /*
  SP:news_single
  ====================*/
  .news_single .inner {
    width: 86.67%;
    margin: 0 auto;
    padding-top: 197px;
    position: relative;
  }
  .news_single .inner .news_single_date {
    font-size: 1.3rem;
    font-weight: 600;
  }
  .news_single .inner .news_single_ttl {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 5px;
  }
  .news_single .inner .news_single_disc {
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 20px;
  }
  .news_single_body .mainph,
  .work_single_main .mainph {
    width: 115.8%;
    margin-left: -7.9%;
  }
  .news_single_body,
  .work_single_main {
    margin-top: 25px;
  }
  .news_single_body > * + *,
  .work_single_main > * + * {
    margin-top: 40px;
  }
  .news_single_body h2,
  .work_single_main h2 {
    margin-top: 48px;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    position: relative;
  }
  .news_single_body h3,
  .work_single_main h3 {
    margin-top: 48px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
  }
  .news_single_body h3 + *,
  .work_single_main h3 + * {
    margin-top: 20px;
  }
  .news_single_body h4,
  .work_single_main h4 {
    margin-top: 48px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5;
  }
  .news_single_body h4 + *,
  .work_single_main h4 + * {
    margin-top: 20px;
  }
  .news_single_body .wp-block-separator,
  .work_single_main .wp-block-separator {
    display: block;
    border-top: 1px solid #fff;
  }
  .news_single_body .wp-block-anchorlink,
  .work_single_main .wp-block-anchorlink {
    padding: 30px 40px;
    border: 1px solid #d9d9d9;
  }
  .news_single_body .wp-block-anchorlink dt,
  .work_single_main .wp-block-anchorlink dt {
    font-size: 1.8rem;
    font-family: "drummond-variable", sans-serif;
    font-variation-settings: "wght" 400;
  }
  .news_single_body .wp-block-anchorlink__list,
  .work_single_main .wp-block-anchorlink__list {
    margin-top: 20px;
  }
  .news_single_body .wp-block-anchorlink__list li,
  .work_single_main .wp-block-anchorlink__list li {
    margin-left: 1.2em;
    font-size: 1.6rem;
    font-family: "Shippori Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 600;
    line-height: 1.5;
    list-style-type: decimal;
  }
  .news_single_body .wp-block-anchorlink__list li::marker,
  .work_single_main .wp-block-anchorlink__list li::marker {
    color: #fff;
  }
  .news_single_body .wp-block-twocol,
  .work_single_main .wp-block-twocol {
    display: block;
    justify-content: space-between;
  }
  .news_single_body .wp-block-twocol .wp-block-col,
  .work_single_main .wp-block-twocol .wp-block-col {
    width: auto;
  }
  .news_single_body .wp-block-twocol .wp-block-col + .wp-block-col,
  .work_single_main .wp-block-twocol .wp-block-col + .wp-block-col {
    margin-top: 30px;
  }
  .news_single_body .wp-element-caption,
  .work_single_main .wp-element-caption {
    margin-top: 10px;
  }
  .news_single_body > ol li,
  .work_single_main > ol li {
    margin-left: 1.2em;
    font-size: 1.3rem;
    line-height: 1.5;
    list-style-type: decimal;
  }
  .news_single_body > ol li::marker,
  .work_single_main > ol li::marker {
    color: #fff;
  }
  .news_single_body > ul li,
  .work_single_main > ul li {
    padding-left: 1.2em;
    font-size: 1.3rem;
    line-height: 1.5;
    position: relative;
  }
  .news_single_body > ul li:before,
  .work_single_main > ul li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
  }
  .news_single_body > ol li + li,
  .news_single_body > ul li + li,
  .work_single_main > ol li + li,
  .work_single_main > ul li + li {
    margin-top: 10px;
  }
  .news_single_body .box,
  .work_single_main .box {
    padding: 30px 40px;
    border: 1px solid #fff;
  }
  .news_single_body .box .hd,
  .work_single_main .box .hd {
    font-size: 1.8rem;
  }
  .news_single_body .box ol,
  .work_single_main .box ol {
    margin-top: 26px;
  }
  .news_single_body .box ol li,
  .work_single_main .box ol li {
    margin-left: 1.2em;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    list-style-type: decimal;
  }
  .news_single_body .box ol li::marker,
  .work_single_main .box ol li::marker {
    color: #fff;
  }
  .news_single_body .box ol li + li,
  .work_single_main .box ol li + li {
    margin-top: 10px;
  }
  .news_single_body > blockquote,
  .work_single_main > blockquote {
    background: rgba(0, 0, 0, 0.5);
    padding: 40px;
    position: relative;
  }
  .news_single_body > blockquote:before,
  .work_single_main > blockquote:before {
    content: "“";
    font-size: 2.4rem;
    color: #fff;
    line-height: 1;
    font-family: "Shippori Mincho", serif;
    position: absolute;
    left: 15px;
    top: 15px;
  }
  .news_single_body > blockquote:after,
  .work_single_main > blockquote:after {
    content: "”";
    font-size: 2.4rem;
    color: #fff;
    line-height: 1;
    font-family: "Shippori Mincho", serif;
    position: absolute;
    right: 15px;
    bottom: 5px;
  }
  .news_single_body > blockquote * + *,
  .work_single_main > blockquote * + * {
    margin-top: 40px;
  }
  .news_single_body table,
  .work_single_main table {
    width: 100%;
  }
  .news_single_body table td,
  .news_single_body table th,
  .work_single_main table td,
  .work_single_main table th {
    font-size: 1.3rem;
    line-height: 1.5;
    border: 1px solid #fff;
    padding: 24px 32px;
  }
  .news_single_body .is-style-left-head table td:first-child,
  .news_single_body .is-style-left-head table th:first-child,
  .work_single_main .is-style-left-head table td:first-child,
  .work_single_main .is-style-left-head table th:first-child {
    width: 25%;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.7);
  }
  .news_single_body .wp-block-table--scroll,
  .work_single_main .wp-block-table--scroll {
    overflow-x: scroll;
  }
  .news_single_body .wp-block-table--scroll table,
  .work_single_main .wp-block-table--scroll table {
    min-width: 600px;
  }
  .news_single_body a,
  .work_single_main a {
    text-decoration: underline;
    position: relative;
  }
  .news_single_body a .link_txt,
  .work_single_main a .link_txt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .news_single_body a .link_arrow,
  .work_single_main a .link_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 3px;
    position: relative;
    top: 5px;
    margin: 0 5px;
  }
  .news_single_body a .link_arrow svg,
  .work_single_main a .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .news_single_body a .link_arrow svg path,
  .work_single_main a .link_arrow svg path {
    stroke: #fff;
  }
  .news_single_body a .link_arrow,
  .work_single_main a .link_arrow {
    width: 13px;
    height: 13px;
    top: 2px;
  }
  .news_single_body a[target=_blank] .link_txt,
  .work_single_main a[target=_blank] .link_txt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .news_single_body a[target=_blank] .link_arrow,
  .work_single_main a[target=_blank] .link_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 3px;
    position: relative;
    top: 5px;
    margin: 0 5px;
  }
  .news_single_body a[target=_blank] .link_arrow svg,
  .work_single_main a[target=_blank] .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .news_single_body a[target=_blank] .link_arrow svg path,
  .work_single_main a[target=_blank] .link_arrow svg path {
    stroke: #fff;
  }
  .news_single_body a[target=_blank] .link_arrow,
  .work_single_main a[target=_blank] .link_arrow {
    right: 0;
    width: 13px;
    height: 13px;
    top: 2px;
  }
  .news_single_body a[target=_blank] .link_arrow svg,
  .work_single_main a[target=_blank] .link_arrow svg {
    transform: translate(0%, 0%) rotate(-45deg);
    transform-origin: left top;
    left: 3px;
    top: 5px;
  }
  .news_single_body a[href$=".pdf"],
  .work_single_main a[href$=".pdf"] {
    position: relative;
  }
  .news_single_body a[href$=".pdf"]:before,
  .work_single_main a[href$=".pdf"]:before {
    content: "";
    display: block;
    width: 22px;
    height: 27px;
    background: url("../img/ico_pdf.svg") no-repeat center;
    position: absolute;
    left: 0;
    top: -3px;
  }
  .news_single_body a[href$=".pdf"]:after,
  .work_single_main a[href$=".pdf"]:after {
    display: none;
  }
  .news_single_body a[href$=".pdf"] .link_arrow,
  .work_single_main a[href$=".pdf"] .link_arrow {
    display: none;
  }
  .news_single_body .wp-block-media-text.is-stacked-on-mobile,
  .work_single_main .wp-block-media-text.is-stacked-on-mobile {
    display: grid;
    gap: 5%;
    grid-template-columns: auto !important;
  }
  .news_single_body .page_nav a:after,
  .work_single_main .page_nav a:after {
    display: none;
  }
  .news_single_body .page_nav a:before,
  .work_single_main .page_nav a:before {
    display: none;
  }
  .news_single_body .page_nav,
  .work_single_main .page_nav {
    margin-top: 11.2%;
    padding: 12px;
    position: relative;
    background: rgba(0, 0, 0, 0.3);
  }
  .news_single_body .page_nav a,
  .work_single_main .page_nav a {
    width: 30%;
    padding: 7px 0;
    text-align: center;
    text-decoration: none !important;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.3);
    position: relative;
  }
  .news_single_body .page_nav a[rel=prev],
  .work_single_main .page_nav a[rel=prev] {
    font-size: 1.3rem;
    position: absolute;
    left: 12px;
    top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .news_single_body .page_nav a[rel=next],
  .work_single_main .page_nav a[rel=next] {
    font-size: 1.3rem;
    position: absolute;
    right: 12px;
    top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .news_single_body .page_nav .index,
  .work_single_main .page_nav .index {
    display: flex;
    justify-content: center;
  }
  .news_single_body .page_nav .index a,
  .work_single_main .page_nav .index a {
    font-size: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .news_single_body .page_nav .index a .txt,
  .work_single_main .page_nav .index a .txt {
    margin-left: 15px;
  }
  .news_single_body .page_nav .ico,
  .work_single_main .page_nav .ico {
    line-height: 11px;
  }
  .news_single_body .page_nav a[rel=prev] .ico,
  .work_single_main .page_nav a[rel=prev] .ico {
    margin-right: 16px;
    transform: scale(-1, 1);
  }
  .news_single_body .page_nav a[rel=prev] .ico svg,
  .work_single_main .page_nav a[rel=prev] .ico svg {
    width: 7px;
    height: 10px;
  }
  .news_single_body .page_nav a[rel=prev] .ico svg path,
  .work_single_main .page_nav a[rel=prev] .ico svg path {
    stroke: #fff;
  }
  .news_single_body .page_nav a[rel=next] .ico,
  .work_single_main .page_nav a[rel=next] .ico {
    margin-left: 16px;
  }
  .news_single_body .page_nav a[rel=next] .ico svg,
  .work_single_main .page_nav a[rel=next] .ico svg {
    width: 7px;
    height: 10px;
  }
  .news_single_body .page_nav a[rel=next] .ico svg path,
  .work_single_main .page_nav a[rel=next] .ico svg path {
    stroke: #fff;
  }
  /*
  SP:about_head
  ====================*/
  .about_head {
    width: auto;
    margin: 66px auto 0;
  }
  .about_head .about_head_read {
    font-size: 1.8rem;
    line-height: 1.66;
  }
  .about_head .about_head_inner {
    margin-top: 30px;
    padding: 30px 0 30px 19.52%;
    border-left: 1px solid #fff;
  }
  .about_head .about_head_inner .copy01 p {
    font-size: 1.4rem;
    line-height: 2;
  }
  .about_head .about_head_inner .copy01 p + p {
    margin-top: 10px;
  }
  .about_head .about_head_inner .copy02 {
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 65px;
  }
  .about_head .about_head_btn {
    display: block;
    max-width: 272px;
    margin-top: 27px;
    padding: 20px 24px;
    box-sizing: border-box;
    border-radius: 3px;
    background: #1e90ff;
    position: relative;
  }
  .about_head .about_head_btn .link_txt {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .about_head .about_head_btn .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .about_head .about_head_btn .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .about_head .about_head_btn .link_arrow svg path {
    stroke: #fff;
  }
  .about_head .about_head_btn .link_arrow {
    background: #fff;
  }
  .about_head .about_head_btn .link_arrow svg path {
    stroke: #1e90ff;
  }
  .about_common {
    width: auto;
    margin: 23.07vw auto 0;
  }
  .about_hd {
    font-size: 1.8rem;
  }
  body.about .about_features {
    margin-top: 23.07vw;
    padding-top: 0;
  }
  .about_features .top_about_list {
    width: auto;
    margin-top: 20px;
  }
  .about_scene_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .about_scene_list .about_scene_item {
    width: 100%;
    margin-top: 39px;
  }
  .about_scene_list .about_scene_item .img img {
    width: 100%;
  }
  .about_effective_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .about_effective_list .about_effective_item {
    width: 100%;
    margin-top: 33px;
    text-align: center;
  }
  .about_effective_list .about_effective_item .img img {
    width: 76.92%;
    text-align: center;
  }
  .about_effective_list .about_effective_item .img figcaption {
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 25px 0 0;
  }
  .about_role_body {
    display: block;
    justify-content: space-between;
    margin-top: 60px;
  }
  .about_role_body .about_role_txt {
    display: block;
    width: auto;
  }
  .about_role_body .about_role_txt .read {
    font-size: 3.3rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 25px;
  }
  .about_role_body .about_role_txt p {
    margin-left: 0;
  }
  .about_role_body .about_role_ph {
    position: relative;
    padding: 1em;
  }
  .about_role_body .about_role_ph img {
    width: 100%;
  }
  .about_role_body .about_role_ph::after {
    background: linear-gradient(180deg, rgba(255, 255, 163, 0.8) 7.51%, rgba(237, 122, 48, 0.8) 92.86%);
    opacity: 0.3;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .about_background .about_background_hd {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 20px 26px;
    border: 1px solid #fff;
    border-bottom: none;
  }
  .about_background .about_background_item {
    padding: 39px 7.14%;
    border: 1px solid #fff;
  }
  .about_background .about_background_item .about_background_txt .num {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0.1rem;
    position: relative;
    left: 0;
    top: 0;
  }
  .about_background .about_background_item .about_background_txt .read {
    font-size: 2.2rem;
    line-height: 1.42;
    margin-top: 10px;
    letter-spacing: 0.08rem;
  }
  .about_background .about_background_item .about_background_txt .en {
    margin: 13px 0 35px;
    font-size: 1.3rem;
    line-height: 1.33;
    letter-spacing: 0.1rem;
  }
  .about_background .about_background_item .about_background_txt .copy {
    margin-left: 17.04%;
    margin-top: 35px;
  }
  .about_background .about_background_item .about_background_txt .copy p + p {
    margin-top: 0.5em;
  }
  .about_background .about_background_item._item01 {
    display: block;
  }
  .about_background .about_background_item._item01 .about_background_txt {
    width: auto;
    position: relative;
  }
  .about_background .about_background_item._item01 .about_background_img {
    width: auto;
    margin-top: 35px;
    padding-bottom: 100%;
    position: relative;
  }
  .about_background .about_background_item._item01 .about_background_img img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .about_background .about_background_item._item02 {
    border-top: none;
  }
  .about_background .about_background_item._item02 .about_background_txt {
    position: relative;
  }
  .about_background .about_background_item._item02 .about_background_img {
    margin-top: 70px;
    padding: 1em;
  }
  .about_flow .about_flow_hd {
    font-size: 1.8rem;
    text-align: center;
  }
  .about_flow .about_flow_list {
    display: block;
    justify-content: space-between;
    margin-top: 35px;
  }
  .about_flow .about_flow_list .about_flow_item {
    width: auto;
    margin-top: 13px;
    background: rgba(0, 0, 0, 0.2);
  }
  .about_flow .about_flow_list .about_flow_item .box_inner {
    padding: 25px 7.39%;
    position: relative;
  }
  .about_flow .about_flow_list .about_flow_item .box_inner .num {
    font-size: 1.3rem;
    line-height: 1.33;
    position: absolute;
    left: 7.39%;
    top: 25px;
  }
  .about_flow .about_flow_list .about_flow_item .box_inner .hd {
    font-size: 1.6rem;
    line-height: 1;
    margin: 25px 0;
  }
  .about_flow .about_flow_list .about_flow_item .box_inner .hd .ico {
    display: inline-block;
    width: 24px;
    margin-right: 9px;
  }
  .about_flow .about_flow_copy {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 40px;
  }
  /*
  SP:work
  ====================*/
  .select_cat {
    position: absolute;
    top: 0;
    right: 0;
  }
  .select_cat .select_wrapper {
    position: relative;
  }
  .select_cat .select_wrapper select {
    width: 195px;
    padding: 12px 35px 12px 24px;
    box-sizing: border-box;
    font-size: 1.3rem;
    border: 1px solid #fff;
    border-radius: 3px;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
  }
  .select_cat .select_wrapper::after {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    right: 24px;
    width: 9px;
    height: 4px;
    background: url("../img/arrow_select.svg") no-repeat center/cover;
  }
  .work_archive_list {
    position: relative;
    margin-top: 40px;
    padding-top: 40px;
  }
  .work_archive_list:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #4db8ff, #d6eeff 50%, #eef7ff);
  }
  .work_archive_list .archive_ttl {
    font-size: 1.6rem;
    margin-bottom: 22px;
  }
  .work_archive_list .list_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .work_archive_list .list_box .work_archive_item {
    width: 100%;
    margin-bottom: 40px;
  }
  .work_archive_list .list_box .work_archive_item .movie_ph > div {
    padding-bottom: 56.28%;
    position: relative;
  }
  .work_archive_list .list_box .work_archive_item .movie_ph > div img {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 3px;
  }
  .work_archive_list .list_box .work_archive_item .movie_ttl {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    position: relative;
  }
  .work_archive_list .list_box .work_archive_item .movie_ttl .movie_name {
    font-size: 1.3rem;
    line-height: 1.5;
    padding-right: 26px;
  }
  .work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow svg path {
    stroke: #fff;
  }
  .work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow {
    right: 0;
    top: 10px;
  }
  .work_archive_list .list_box .work_archive_item .movie_meta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 7px;
  }
  .work_archive_list .list_box .work_archive_item .movie_meta * {
    font-size: 1.3rem;
  }
  .work_archive_list .list_box .work_archive_item .movie_meta dt {
    width: 75px;
    margin-right: 5px;
    position: relative;
  }
  .work_archive_list .list_box .work_archive_item .movie_meta dt:after {
    content: ":";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    color: inherit;
  }
  .work_archive_list .list_box .work_archive_item .movie_meta dd {
    width: calc(100% - 80px);
  }
  .page_nav_box .page_nav {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 50px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
    position: relative;
  }
  .page_nav_box .page_nav .page-numbers {
    width: 26px;
    height: 26px;
    margin: 12px 4px;
    padding: 5px 0;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, 0.3);
  }
  .page_nav_box .page_nav .page-numbers.current {
    background: #1e90ff;
  }
  .page_nav_box .page_nav .page-numbers.prev {
    position: absolute;
    left: 12px;
    top: 0;
  }
  .page_nav_box .page_nav .page-numbers.prev:before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: url("../img/arrow_pagenav.svg") no-repeat center/5px 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(-1, 1);
  }
  .page_nav_box .page_nav .page-numbers.next {
    position: absolute;
    right: 12px;
    top: 0;
  }
  .page_nav_box .page_nav .page-numbers.next:before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: url("../img/arrow_pagenav.svg") no-repeat center/5px 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /*
  SP:work_single
  ====================*/
  .work_single .inner {
    width: 86.67%;
    margin: 0 auto;
    padding-top: 197px;
    position: relative;
  }
  .work_single .inner .work_single_ttl {
    font-size: 1.6rem;
  }
  .work_single .inner .work_single_movie {
    width: 115.38%;
    margin: 30px 0 0 -7.69%;
    aspect-ratio: 16/9;
    position: relative;
  }
  .work_single .inner .work_single_movie img {
    width: 100%;
    cursor: pointer;
  }
  .work_single .inner .work_single_movie iframe {
    width: 100%;
    height: 100%;
  }
  .work_single .inner .work_single_movie .movie-inner .ico_movie_play {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  .work_single .inner .work_single_movie .movie-inner .ico_movie_play svg {
    width: 100%;
  }
  .work_single .inner .work_single_movie .movie-inner .ico_movie_play svg path {
    fill: #fff;
  }
  .work_single .inner .work_single_movie .movie-inner .ico_movie_play svg rect {
    stroke: #fff;
  }
  .work_single .inner .work_single_mv {
    margin: 30px -7.69% 0;
  }
  .work_single .inner .work_single_mv img {
    width: 100%;
  }
  .work_single .inner .work_single_body {
    display: block;
    margin-top: 60px;
  }
  .work_single .inner .work_single_body .work_single_data {
    width: auto;
  }
  .work_single .inner .work_single_body .work_single_data table th,
  .work_single .inner .work_single_body .work_single_data table td,
  .work_single .inner .work_single_body .work_single_data table th:after {
    line-height: 1.5;
  }
  .work_single .inner .work_single_body .work_single_data table th,
  .work_single .inner .work_single_body .work_single_data table td {
    padding: 5px 0;
  }
  .work_single .inner .work_single_body .work_single_data table th {
    padding-right: 18px;
    font-size: 1.3rem;
    font-weight: 500;
    position: relative;
  }
  .work_single .inner .work_single_body .work_single_data table th:after {
    content: ":";
    display: inline-block;
    position: absolute;
    right: 0;
  }
  .work_single .inner .work_single_body .work_single_data table td {
    font-size: 1.3em;
    padding-left: 12px;
  }
  .work_single .inner .work_single_body .work_single_data .data_hd {
    margin: 35px 0 10px;
    font-size: 1.3rem;
    font-weight: 600;
  }
  .work_single .inner .work_single_body .work_single_data .data_link .link_txt {
    font-size: 1.3rem;
  }
  .work_single .inner .work_single_body .work_single_data .data_link .link_arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 3px;
    position: relative;
    top: 5px;
    margin: 0 5px;
  }
  .work_single .inner .work_single_body .work_single_data .data_link .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .work_single .inner .work_single_body .work_single_data .data_link .link_arrow svg path {
    stroke: #fff;
  }
  .work_single .inner .work_single_body .work_single_data .data_link .link_arrow {
    width: 13px;
    height: 13px;
    top: 8px;
    margin-left: 10px;
  }
  .work_single .inner .work_single_body .work_single_main {
    width: auto;
    margin-top: 60px;
    font-size: 1.5rem;
  }
  .recommend_post .inner {
    width: 86.67%;
    margin: 65px auto 0;
    padding-top: 65px;
    position: relative;
  }
  .recommend_post .inner:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
  }
  .recommend_post .inner .recommend_post_hd .ttl {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .recommend_post .inner .recommend_post_hd .en {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
  }
  .recommend_post .inner .recommend_post_list {
    margin-top: 35px;
  }
  .recommend_post .inner .recommend_post_list .swiper-wrapper {
    display: block;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item {
    display: none;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div {
    padding-right: 0;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    position: relative;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .movie_name {
    padding-right: 36px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow svg path {
    stroke: #fff;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow {
    right: 0;
    top: 10px;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .news_date {
    margin-top: 20px;
    font-size: 1.5rem;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    position: relative;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_txt {
    padding-right: 36px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow svg path {
    stroke: #fff;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow {
    right: 0;
    top: 10px;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item:nth-child(1), .recommend_post .inner .recommend_post_list .recommend_post_item:nth-child(2), .recommend_post .inner .recommend_post_list .recommend_post_item:nth-child(3) {
    display: block;
  }
  .recommend_post .inner .recommend_post_list .recommend_post_item + .recommend_post_item {
    margin-top: 35px;
  }
  /*
  SP:company
  ====================*/
  .page_contents._twocolumn .inner {
    display: block;
    justify-content: space-between;
  }
  .page_contents._twocolumn .inner .page_main {
    width: auto;
  }
  .page_contents._twocolumn .inner .page_main .company_read {
    margin-top: 30px;
  }
  .page_contents._twocolumn .inner .page_main .company_data {
    margin-top: 120px;
    padding: 0;
    background: none;
  }
  .page_contents._twocolumn .inner .page_main .company_data table {
    width: 100%;
    font-size: 1.3rem;
  }
  .page_contents._twocolumn .inner .page_main .company_data table th {
    min-width: 120px;
    padding: 25px 0;
    font-weight: 500;
    position: relative;
  }
  .page_contents._twocolumn .inner .page_main .company_data table th:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .page_contents._twocolumn .inner .page_main .company_data table td {
    position: relative;
  }
  .page_contents._twocolumn .inner .page_main .company_data table td:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box {
    position: relative;
  }
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_txt {
    padding-right: 0;
  }
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow svg path {
    stroke: #fff;
  }
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow {
    position: relative;
    right: auto;
    transform: translateY(0%);
  }
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_arrow svg {
    transform: translate(0%, 0%) rotate(-45deg);
    transform-origin: left top;
    left: 3px;
    top: 5px;
  }
  .page_contents._twocolumn .inner .page_main .company_data table tr:last-child th:after,
  .page_contents._twocolumn .inner .page_main .company_data table tr:last-child td:after {
    display: none;
  }
  .page_contents._twocolumn .inner .page_main._thanks {
    width: auto;
    margin-top: 40px;
  }
  .page_contents._twocolumn .inner .page_main._thanks .read {
    font-size: 1.6rem;
    margin-bottom: 35px;
  }
  .page_contents._twocolumn .inner .page_main._thanks p {
    margin-left: 19.52%;
  }
  /*movie-strategy*/
  .strategy_main {
    display: block;
    justify-content: space-between;
    margin-top: 35px;
  }
  .strategy_main .strategy_main_copy {
    width: auto;
  }
  .strategy_main .strategy_main_copy .read {
    font-size: 2.2rem;
    line-height: 1.42;
  }
  .strategy_main .strategy_main_copy .en {
    font-size: 1.3rem;
    line-height: 1.33;
    letter-spacing: 0.1rem;
    margin: 20px 0 60px;
  }
  .strategy_main .strategy_main_copy p {
    margin-left: 19.52%;
  }
  .strategy_main .strategy_main_img {
    width: auto;
    margin-top: 60px;
  }
  .strategy_main .strategy_main_img .item {
    padding: 1em;
  }
  .strategy_main .strategy_main_img .item + .item {
    margin-top: 13px;
  }
  .strategy_solution .inner {
    width: 86.67%;
    margin: 23.07vw auto 0;
    padding-top: 0;
  }
  .strategy_solution .inner .strategy_solution_hd .ttl {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .strategy_solution .inner .strategy_solution_hd .en {
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 0.1rem;
  }
  .strategy_solution .inner .strategy_solution_main {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: 35px;
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_copy {
    width: auto;
    margin: 60px 0 0 19.52%;
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_copy .read {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-bottom: 25px;
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item {
    width: 50%;
    padding: 40px 0;
    font-size: 1.3rem;
    text-align: center;
    position: relative;
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item > div:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../img/bg_voice_box01.svg") no-repeat;
    transform: rotate(-90deg);
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item > div:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../img/bg_voice_box01.svg") no-repeat;
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item > div img {
    display: inline-block;
    margin-bottom: 20px;
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../img/bg_voice_box01.svg") no-repeat;
    transform: rotate(90deg);
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../img/bg_voice_box01.svg") no-repeat;
    transform: rotate(180deg);
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(1) .bg_box:after {
    background: url("../img/bg_voice_box02.svg") no-repeat right top;
    transform: rotate(0);
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(2) .bg_box:before {
    background: url("../img/bg_voice_box02.svg") no-repeat left bottom;
    transform: rotate(0);
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(2) .bg_box:after {
    background: url("../img/bg_voice_box02.svg") no-repeat right top;
    transform: rotate(0);
  }
  .strategy_solution .inner .strategy_solution_main .strategy_solution_img .item:nth-child(3) .bg_box:before {
    background: url("../img/bg_voice_box02.svg") no-repeat left bottom;
    transform: rotate(0);
  }
  /*form*/
  .form_contents {
    display: block;
  }
  .form_contents .sidebar {
    width: auto;
  }
  .form_contents .sidebar .sidebar_box {
    position: relative;
    top: 0;
  }
  .form_contents .sidebar .header_box > .inner {
    width: 100%;
    padding: 0;
  }
  .form_contents .sidebar .header_box > .inner .header_logo a {
    display: block;
    width: auto;
  }
  .form_contents .sidebar .page_contents {
    width: 86.67%;
    margin: 0 auto;
  }
  .form_contents .sidebar .page_contents > .inner {
    width: 100%;
    padding: 197px 0 50px;
    margin: 0;
    box-sizing: border-box;
  }
  .form_contents .sidebar .page_contents > .inner .page_main {
    margin-top: 40px;
    padding-top: 0;
    position: relative;
  }
  .form_contents .sidebar .page_contents > .inner .page_main:before {
    display: none;
  }
  .form_contents .sidebar .page_contents > .inner .page_main .download_ph {
    margin-top: 35px;
  }
  .form_contents .sidebar .page_contents > .inner .page_main .link_box._back {
    margin-top: 25px;
  }
  .form_contents .sidebar .page_contents > .inner .page_main .required {
    color: #1e90ff;
  }
  .form_contents .sidebar .page_contents > .inner .page_main .frame_box {
    width: 115.38%;
    margin: 39px 0 0 -7.69%;
    padding: 6.67%;
    box-sizing: border-box;
    background: #fff;
  }
  .form_contents .sidebar .footer_function {
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .form_contents .sidebar .footer_function > .inner {
    width: 100%;
    padding-top: 0;
    margin-top: 0;
  }
  .form_contents .main {
    width: 100%;
    background: #fff;
    position: relative;
  }
  .form_contents .main .inner {
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
  }
  footer._form {
    width: 86.67%;
    margin: 0 auto;
  }
  footer._form .link_box._back {
    margin-top: 25px;
  }
  footer .footer_function {
    width: auto;
    margin: 0 0 75px;
  }
  /*link*/
  a.link_box[target=_blank] {
    position: relative;
  }
  a.link_box[target=_blank] .link_txt {
    padding-right: 29px;
  }
  a.link_box[target=_blank] .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  a.link_box[target=_blank] .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  a.link_box[target=_blank] .link_arrow svg path {
    stroke: #fff;
  }
  a.link_box[target=_blank] .link_arrow {
    right: 0;
  }
  a.link_box[target=_blank] .link_arrow svg {
    transform: translate(0%, 0%) rotate(-45deg);
    transform-origin: left top;
    left: 4px;
    top: 5px;
  }
  .link_box._back {
    display: inline-block;
    margin-top: 130px;
    font-size: 1.3rem;
    position: relative;
  }
  .link_box._back .link_txt {
    display: inline-block;
    padding-left: 29px;
    padding-right: 0;
  }
  .link_box._back .link_arrow {
    display: block;
    width: 13px;
    height: 13px;
    background: #000;
    border-radius: 3px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
  }
  .link_box._back .link_arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .link_box._back .link_arrow svg path {
    stroke: #fff;
  }
  .link_box._back .link_arrow {
    right: auto;
    left: 0;
  }
  .link_box._back .link_arrow svg {
    transform: translate(50%, 50%) rotate(180deg);
    transform-origin: left top;
    left: 50%;
    top: 50%;
  }
}
/*
=Keyframes Animation
=========================*/
/* top page news slider navigation arrow animation */
@keyframes arwAnim {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(50%, 0%);
    opacity: 0;
  }
  50.1% {
    opacity: 0;
    transform: translate(-50%, 0%);
  }
}
/*線が消えるアニメーション*/
@keyframes hide-bg-line {
  to {
    background-position: 0% 100%;
  }
}
/*線を表示するアニメーション*/
@keyframes show-bg-line {
  from {
    background-position: 200% 100%;
  }
}
/*矢印アニメーション*/
@keyframes arrow-anim {
  0% {
    left: 50%;
  }
  50% {
    left: 150%;
  }
  51% {
    left: -50%;
  }
  100% {
    left: 50%;
  }
}
@keyframes arr_down {
  0%, 100% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(50%, 0%);
    opacity: 0;
  }
  50.1% {
    opacity: 0;
    transform: translate(-50%, 0%);
  }
}
/* footer extern icon アニメーション */
@keyframes extern-anim {
  0%, 100% {
    transform: translate(0);
    opacity: 1;
  }
  50% {
    transform: translate(50%, -50%);
    opacity: 0;
  }
  50.1% {
    opacity: 0;
    transform: translate(-50%, 50%);
  }
}
.main_nav a span,
.footer_nav a,
.page_contents._twocolumn .inner .page_main .company_data table td .link_box .link_txt,
.work_single .inner .work_single_body .work_single_data .data_link .link_txt,
.news_single_body a .link_txt,
.work_single_main a .link_txt,
.top_usecase .item .item_ttl .ttl span,
.about_scene_item .about_scene_item_ttl .ttl span,
.top_news_wrap .top_news_list .swiper-slide .item_desc_link .link_txt span,
.top_about_accord_company_table_inner .table_link .table_link_txt span,
.top_work .top_work_list .top_work_item .movie_data .movie_name span,
.top_usecase .item .item_ttl .ttl span {
  display: inline;
  background: linear-gradient(-175deg, currentColor 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; /*線が消えるアニメーション*/
  width: -moz-fit-content;
  width: fit-content;
}

.top_main .contact .txt > span {
  display: inline;
  background: linear-gradient(-175deg, #dceefb 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; /*線が消えるアニメーション*/
  width: -moz-fit-content;
  width: fit-content;
}

.news_single_body .page_nav a .link_txt {
  animation: none;
  background: none;
}

.header_box .inner .function_btn._request a,
.header_box .inner .function_btn._contact a,
.page_contents .btn_more {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1), color 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.top_main .top_main_itembox .top_main_item02 .contact .link_arrow,
.news_single_body a .link_arrow,
.work_single_main a .link_arrow {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.top_main .top_main_itembox .top_main_item02 .contact .link_arrow path,
.news_single_body a .link_arrow path,
.work_single_main a .link_arrow path {
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.common_btn._bk a,
.footer_contact .inner .footer_contact_btn a,
.about_head .about_head_btn,
.top_usecase_list .item,
.about_scene_item .about_scene_item_ttl {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1), color 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}
.common_btn._bk a .link_arrow,
.footer_contact .inner .footer_contact_btn a .link_arrow,
.about_head .about_head_btn .link_arrow,
.top_usecase_list .item .link_arrow,
.about_scene_item .about_scene_item_ttl .link_arrow {
  transition: background 0.8s cubic-bezier(0.36, 0.14, 0, 1);
}
.common_btn._bk a .link_arrow path,
.footer_contact .inner .footer_contact_btn a .link_arrow path,
.about_head .about_head_btn .link_arrow path,
.top_usecase_list .item .link_arrow path,
.about_scene_item .about_scene_item_ttl .link_arrow path {
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.top_work .inner .top_work_list .top_work_item .movie_ph > div img {
  transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.top_work .inner .top_work_list .top_work_item .movie_data .movie_ttl .link_arrow path {
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.news_archive_list .news_archive_item .ph > div img {
  transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
.news_archive_list .news_archive_item .ttl .link_txt > span {
  display: inline;
  background: linear-gradient(-175deg, currentColor 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; /*線が消えるアニメーション*/
  width: -moz-fit-content;
  width: fit-content;
}
.news_archive_list .news_archive_item .ttl .link_arrow {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.news_archive_list .news_archive_item .ttl .link_arrow path {
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.recommend_post_list .recommend_post_item .movie_ph > div img {
  transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
.recommend_post_list .recommend_post_item .movie_ttl .movie_name > span {
  display: inline;
  background: linear-gradient(-175deg, currentColor 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; /*線が消えるアニメーション*/
  width: -moz-fit-content;
  width: fit-content;
}
.recommend_post_list .recommend_post_item .movie_ttl .link_arrow {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.recommend_post_list .recommend_post_item .movie_ttl .link_arrow path {
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.recommend_post_list .recommend_post_item .news_ph > div img {
  transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
.recommend_post_list .recommend_post_item .news_ttl .link_txt > span {
  display: inline;
  background: linear-gradient(-175deg, currentColor 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; /*線が消えるアニメーション*/
  width: -moz-fit-content;
  width: fit-content;
}
.recommend_post_list .recommend_post_item .news_ttl .link_arrow {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.recommend_post_list .recommend_post_item .news_ttl .link_arrow path {
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.top_main .top_main_itembox .top_main_item01 .topicks .thumb > div img {
  transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
.top_main .top_main_itembox .top_main_item01 .topicks .name {
  transition: color 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.top_main .top_main_itembox .top_main_item01 .topicks .arrow {
  transition: border 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.top_main .top_main_itembox .top_main_item01 .topicks .arrow svg path {
  transition: fill 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.top_main .top_main_itembox .top_main_item01 .topicks .arrow svg path {
  transition: fill 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}

.work_archive_list .work_archive_item .movie_ph > div img {
  transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}
.work_archive_list .work_archive_item .movie_ttl .movie_name > span {
  display: inline;
  background: linear-gradient(-175deg, currentColor 50%, transparent 50%) repeat-x 100% 100%/230% 1px;
  animation: hide-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; /*線が消えるアニメーション*/
  width: -moz-fit-content;
  width: fit-content;
}
.work_archive_list .work_archive_item .link_arrow {
  transition: border 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.work_archive_list .work_archive_item .link_arrow svg path {
  transition: fill 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}

.page_nav_box .page_nav .page-numbers.next,
.page_nav_box .page_nav .page-numbers.prev {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.page_nav_box .page_nav a.page-numbers {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1), color 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

.work_single .inner .work_single_movie .movie-inner .ico_movie_play path {
  transition: fill 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.work_single .inner .work_single_movie .movie-inner .ico_movie_play rect {
  transition: stroke 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}

.lity-close .ico .st0,
.lity-close .ico .st1 {
  transition: stroke 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}

.work_single .inner .work_single_body .work_single_data .data_link .link_arrow,
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow,
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow,
.news_single_body a .link_txt .link_arrow,
.work_single_main a .link_txt .link_arrow,
.work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow {
  transition: background 0.5s cubic-bezier(0.36, 0.14, 0, 1);
}
.work_single .inner .work_single_body .work_single_data .data_link .link_arrow path,
.recommend_post .inner .recommend_post_list .recommend_post_item > div .movie_ttl .link_arrow path,
.recommend_post .inner .recommend_post_list .recommend_post_item > div .news_ttl .link_arrow path,
.news_single_body a .link_txt .link_arrow path,
.work_single_main a .link_txt .link_arrow path,
.work_archive_list .list_box .work_archive_item .movie_ttl .link_arrow path {
  transition: stroke 0.3s cubic-bezier(0.36, 0.14, 0, 1);
}

/*
=HOVER
=========================*/
@media (hover: hover) and (pointer: fine) {
  /*テキスト*/
  .main_nav a:not([data-mega]):hover span:not(.link_arrow),
  .footer_nav a:hover,
  .top_main .contact:hover .txt > span,
  .top_usecase .item:hover .item_ttl .ttl span,
  .about_scene_item:hover .about_scene_item_ttl .ttl span,
  .top_news_wrap .top_news_list .swiper-slide .item:hover .item_desc_link .link_txt span,
  .top_about_accord_company_table_inner .table_link:hover .table_link_txt span,
  .top_work .top_work_list .top_work_item:hover .movie_data .movie_name span,
  .page_contents._twocolumn .inner .page_main .company_data table td .link_box:hover .link_txt,
  .top_main .top_main_itembox .top_main_item02 .contact:hover .contact .txt > span,
  .work_single .inner .work_single_body .work_single_data .data_link:hover .link_txt,
  .news_single_body a:hover .link_txt,
  .work_single_main a:hover .link_txt {
    animation: show-bg-line 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .main_nav a[data-mega=useCase]:hover .link_arrow svg {
    animation: arr_down 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .top_about_accord_company_table_inner .table_link:hover > .table_link_icon svg {
    animation: extern-anim 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .news_single_body .page_nav a:hover .link_txt {
    animation: none;
    background: none;
  }
  /*ボタン文字だけ*/
  .header_box .inner .function_btn._request a:hover,
  .page_contents .btn_more:hover {
    background: #fff;
    color: #000;
  }
  .header_box .inner .function_btn._contact a:hover {
    background: #fff;
    color: #1e90ff;
  }
  /*矢印オンリー*/
  .top_main .top_main_itembox .top_main_item02 .contact:hover .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .top_main .top_main_itembox .top_main_item02 .contact:hover .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .top_main .top_main_itembox .top_main_item02 .contact:hover .link_arrow path {
    stroke: #1e90ff;
  }
  .news_single_body a:hover .link_arrow,
  .work_single_main a:hover .link_arrow {
    background: #fff;
  }
  .news_single_body a:hover .link_arrow path,
  .work_single_main a:hover .link_arrow path {
    stroke: #000 !important;
  }
  /*ボタン*/
  .common_btn._bk a:hover {
    background: #fff;
    color: #000;
  }
  .common_btn._bk a:hover .link_arrow {
    background: #000;
    overflow: hidden;
  }
  .common_btn._bk a:hover .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .common_btn._bk a:hover .link_arrow path {
    stroke: #fff;
  }
  .footer_contact .inner .footer_contact_btn a._request:hover {
    background: #fff;
    color: #000;
  }
  .footer_contact .inner .footer_contact_btn a._request:hover .link_arrow {
    background: #000;
    overflow: hidden;
  }
  .footer_contact .inner .footer_contact_btn a._request:hover .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .footer_contact .inner .footer_contact_btn a._request:hover .link_arrow path {
    stroke: #fff;
  }
  .footer_contact .inner .footer_contact_btn a._contact:hover,
  .about_head .about_head_btn:hover {
    background: #fff;
    color: #1e90ff;
  }
  .footer_contact .inner .footer_contact_btn a._contact:hover .link_arrow,
  .about_head .about_head_btn:hover .link_arrow {
    background: #1e90ff;
    overflow: hidden;
  }
  .footer_contact .inner .footer_contact_btn a._contact:hover .link_arrow svg,
  .about_head .about_head_btn:hover .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .footer_contact .inner .footer_contact_btn a._contact:hover .link_arrow path,
  .about_head .about_head_btn:hover .link_arrow path {
    stroke: #fff;
  }
  .top_work .inner .top_work_list .top_work_item:hover .movie_ph > div img {
    transform: scale(1.07);
  }
  .top_work .inner .top_work_list .top_work_item:hover .movie_data .movie_ttl .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .top_work .inner .top_work_list .top_work_item:hover .movie_data .movie_ttl .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .top_work .inner .top_work_list .top_work_item:hover .movie_data .movie_ttl .link_arrow path {
    stroke: #000;
  }
  .news_archive_list .news_archive_item:hover .ph > div img {
    transform: scale(1.07);
  }
  .news_archive_list .news_archive_item:hover .ttl .link_txt > span {
    animation: show-bg-line 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .news_archive_list .news_archive_item:hover .ttl .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .news_archive_list .news_archive_item:hover .ttl .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .news_archive_list .news_archive_item:hover .ttl .link_arrow path {
    stroke: #000;
  }
  .recommend_post_list .recommend_post_item:hover .movie_ph > div img {
    transform: scale(1.07);
  }
  .recommend_post_list .recommend_post_item:hover .movie_ttl .movie_name > span {
    animation: show-bg-line 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .recommend_post_list .recommend_post_item:hover .movie_ttl .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .recommend_post_list .recommend_post_item:hover .movie_ttl .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .recommend_post_list .recommend_post_item:hover .movie_ttl .link_arrow path {
    stroke: #000;
  }
  .recommend_post_list .recommend_post_item:hover .news_ph > div img {
    transform: scale(1.07);
  }
  .recommend_post_list .recommend_post_item:hover .news_ttl .link_txt > span {
    animation: show-bg-line 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .recommend_post_list .recommend_post_item:hover .news_ttl .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .recommend_post_list .recommend_post_item:hover .news_ttl .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .recommend_post_list .recommend_post_item:hover .news_ttl .link_arrow path {
    stroke: #000;
  }
  .top_main .top_main_itembox .top_main_item01 .topicks:hover .thumb > div img {
    transform: scale(1.07);
  }
  .top_main .top_main_itembox .top_main_item01 .topicks:hover .name {
    color: #1e90ff;
  }
  .top_main .top_main_itembox .top_main_item01 .topicks:hover .arrow {
    border: 1px solid #1e90ff;
  }
  .top_main .top_main_itembox .top_main_item01 .topicks:hover .arrow svg path {
    fill: #1e90ff;
  }
  .work_archive_list .work_archive_item:hover .movie_ph > div img {
    transform: scale(1.07);
  }
  .work_archive_list .work_archive_item:hover .movie_ttl .movie_name > span {
    animation: show-bg-line 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .work_archive_list .work_archive_item:hover .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .work_archive_list .work_archive_item:hover .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .work_archive_list .work_archive_item:hover .link_arrow svg path {
    stroke: #000;
  }
  .page_nav_box .page_nav .page-numbers.next:hover,
  .page_nav_box .page_nav .page-numbers.prev:hover {
    background: rgba(255, 255, 255, 0.9);
  }
  .page_nav_box .page_nav .page-numbers.next:hover:before,
  .page_nav_box .page_nav .page-numbers.prev:hover:before {
    background: url("../img/arrow_pagenav_ov.svg") no-repeat center/7px;
  }
  .page_nav_box .page_nav a.page-numbers:hover {
    background: rgba(255, 255, 255, 0.9);
    color: #000;
  }
  .work_single .inner .work_single_movie:hover .movie-inner .ico_movie_play path {
    fill: #1e90ff;
  }
  .work_single .inner .work_single_movie:hover .movie-inner .ico_movie_play rect {
    stroke: #1e90ff;
  }
  .lity-close:hover .ico .st0,
  .lity-close:hover .ico .st1 {
    stroke: #1e90ff;
  }
  .work_single .inner .work_single_body .work_single_data .data_link:hover .link_arrow,
  .recommend_post .inner .recommend_post_list .recommend_post_item:hover > div .movie_ttl .link_arrow,
  .recommend_post .inner .recommend_post_list .recommend_post_item:hover > div .news_ttl .link_arrow,
  .news_single_body a:hover .link_arrow,
  .work_single_main a:hover .link_arrow,
  .work_archive_list .list_box .work_archive_item:hover .movie_ttl .link_arrow,
  .top_usecase_list .item:hover .link_arrow,
  .about_scene_item:hover .about_scene_item_ttl .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .work_single .inner .work_single_body .work_single_data .data_link:hover .link_arrow svg,
  .recommend_post .inner .recommend_post_list .recommend_post_item:hover > div .movie_ttl .link_arrow svg,
  .recommend_post .inner .recommend_post_list .recommend_post_item:hover > div .news_ttl .link_arrow svg,
  .news_single_body a:hover .link_arrow svg,
  .work_single_main a:hover .link_arrow svg,
  .work_archive_list .list_box .work_archive_item:hover .movie_ttl .link_arrow svg,
  .top_usecase_list .item:hover .link_arrow svg,
  .about_scene_item:hover .about_scene_item_ttl .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .work_single .inner .work_single_body .work_single_data .data_link:hover .link_arrow svg path,
  .recommend_post .inner .recommend_post_list .recommend_post_item:hover > div .movie_ttl .link_arrow svg path,
  .recommend_post .inner .recommend_post_list .recommend_post_item:hover > div .news_ttl .link_arrow svg path,
  .news_single_body a:hover .link_arrow svg path,
  .work_single_main a:hover .link_arrow svg path,
  .work_archive_list .list_box .work_archive_item:hover .movie_ttl .link_arrow svg path,
  .top_usecase_list .item:hover .link_arrow svg path,
  .about_scene_item:hover .about_scene_item_ttl .link_arrow svg path {
    stroke: #000;
  }
  /* .mega_menu */
  .mega_menu_item:hover .ttl {
    animation: show-bg-line 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .mega_menu_item:hover picture img {
    scale: 1.05;
  }
  .mega_menu_item:hover .link_arrow {
    background: #fff;
    overflow: hidden;
  }
  .mega_menu_item:hover .link_arrow svg {
    animation: arrow-anim 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
  .mega_menu_item:hover .link_arrow svg path {
    stroke: #000;
  }
}/*# sourceMappingURL=style.css.map */