@charset "UTF-8";
/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* video / iframe
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 1000px */
@media only screen and (max-width: 1000px) {
  /* ================================================================== topNewsSection */
  .topNewsSection {
    position: relative;
    height: auto;
    display: block;
    margin-bottom: 50px;
    padding: 0;
  }
  .newsList {
    width: 100%;
  }
}
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ================================================ vh */
  /* ============================================================================================ topNewsArticle */
  .topNewsArticle {
    padding-top: 30px;
  }
  /* ================================================================== topNewsSection */
  .topNewsSection {
    margin-bottom: 30px;
  }
  .topNewsTitle {
    font-size: 80px;
    margin-bottom: 10px;
  }
  /* ============================================================================================ topKv */
  /* ============================================================================================ kvSticky__wrapper */
  /* --------------------------------------- kvSticky */
  .kvSticky {
    font-size: 54px;
    padding-top: 70px;
  }
  .kvSticky::before {
    background: linear-gradient(to bottom, rgba(225, 225, 225, 0.8) 6%, rgba(225, 225, 225, 0) 40%, rgba(225, 225, 225, 0) 60%, rgba(225, 225, 225, 0.8) 97%);
  }
  .js--height {
    height: 100dvh !important;
  }
  /* ================================================================== kvTitle__wrapper */
  .kvTitle__copy {
    height: 35px;
    padding: 0 20px;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  }
  .kvTitle__copy--p {
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    color: rgba(var(--color-black), 1);
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.41, 0.12, 0.26, 0.97);
  }
  /* ================================================================== kvTitle__wrapper */
  .kvTitle__wrapper {
    height: 75px;
  }
  /* ================================================================== kvTitle__target */
  .kvTitle__target {
    padding: 0 15px;
  }
  /* --------------------------------------- kvTitle__target creative service */
  .kvTitle__target--creative {
    font-size: 49px;
    line-height: 92px;
  }
  .kvTitle__target--service {
    font-size: 80px;
    line-height: 80px;
  }
  /* ================================================================== kvTitle__targetIcon */
  .kvTitle__targetIcon {
    width: 30px;
  }
  /* --------------------------------------- kvTitle__targetIcon inner */
  .kvTitle__targetIcon--inner {
    width: 30px;
    height: 4px;
    top: calc(50% + 12px);
  }
  /* ============================================================================================ kvViewBtn */
  .kvViewBtn__target { /*変更箇所20250920*/
    bottom: 105px;
    /*
    bottom: 20px;
    */
  }
  .kvViewBtn__target--rightBottom { /*変更箇所20250920*/
    /*
    right: auto;
    left: 20px;
    */
    right: 20px;
  }
  .kvViewBtn__target--leftBottom {
    bottom: auto;
    top: 155px;
    left: 20px;
  }
  /* ================================================================== sp service */
  .kvTitle__wrapper.kvTitle__wrapper--sp {
    margin-bottom: auto;
  }
  /* ============================================================================================ kvWorkInfo */
  .kvWorkInfo {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-bottom: 100px;
    z-index: 10;
  }
  /* --------------------------------------- kvWorkInfo__inner */
  .kvWorkInfo__inner {
    width: 100%;
    padding-left: 20px;
    height: 66px;
  }
  .kvWorkInfo__list {
    padding: 0 20px;
  }
  /* --------------------------------------- kvWorkInfo__target flex */
  .kvWorkInfo__target {
    height: 66px;
  }
  .kvWorkInfo__target--box {
    display: block;
  }
  .kvWorkInfo__title {
    width: 100%;
  }
  .kvWorkInfo__subBox {
    width: 100%;
    display: block;
  }
  .kvWorkInfo__titleSub {
    width: 100%;
  }
  .kvWorkInfo__co {
    width: 100%;
  }
  /* --------------------------------------- kvWorkInfo__text */
  .kvWorkInfo__text {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
  }
  .kvWorkInfo__title--p {
    font-size: 15px;
  }
  .kvWorkInfo__titleSub {
    margin-bottom: -5px;
  }
  .kvWorkInfo__titleSub--p {
    font-size: 11px;
  }
  .kvWorkInfo__co--p {
    font-size: 10px;
    transform: scale(0.8);
    transform-origin: left center;
  }
  /* ============================================================================================ kvService__descBox */
  .kvService__descBox {
    width: 335px;
    top: auto;
    bottom: 25px;
    transform: translate(-50%, 0);
    right: auto;
    left: 50%;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* ================================================================== kvTitle__targetIcon */
  /* --------------------------------------- kvService__descBox--title */
  .kvService__descBox--title {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .kvService__descBox--title .hoverText__base, .kvService__descBox--title .hoverText__position {
    padding: 5px 0;
  }
  .kvService__descBox--title .hoverText__base > span, .kvService__descBox--title .hoverText__position > span {
    height: 30px;
    font-size: 22px;
  }
  /* --------------------------------------- kvService__descBox--detail */
  .kvService__descBox--detail {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .kvService__descBox--detail > dt {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .kvService__descBox--detail > dd {
    font-size: 11px;
  }
  /* ============================================================================================ kvNum */
  .kvNum {
    width: 45px;
    height: 200px;
  }
  /* --------------------------------------- kvNum__inner */
  .kvNum__inner {
    height: 20px;
  }
  /* --------------------------------------- kvNum__target */
  .kvNum__target {
    height: 20px;
  }
  .kvNum__target--p {
    line-height: 20px;
    font-size: 10px;
    transform: scale(0.8);
  }
  /* ============================================================================================ body class */
  .kvViewBtn__target.kvViewBtn__target--rightBottom { /*変更箇所20250920*/
    /*        transform: translate(-200%, 0%);*/
  }
  /* --------------------------------------- kvTitle--show--1 */
  .kvSticky::before {
    opacity: 1;
  }
  /* -------------------------- */
  .kvTitle--show--1 .kvSticky {
    padding-bottom: 35px;
  }
  .kvTitle--show--1 .kvTitle__copy--p > span {
    transform: translate(0, 0%);
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
  }
  .kvTitle--show--1 .kvViewBtn__target.kvViewBtn__target--rightBottom { /*変更箇所20250920*/
    transform: translate(-200%, 0%);
    /*            transform: translate(-200%, 0%);*/
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
  }
  /* --------------------------------------- kvTitle--show--2 */
  .kvTitle--show--2 .kvSticky {
    padding-bottom: 85px;
  }
  .kvTitle--show--2 .kvSticky::before {
    opacity: 0;
  }
  .kvTitle--show--2 .kvSticky__wrapper::after {
    opacity: 1;
  }
  .kvTitle--show--2 .kvTitle__copy {
    height: 85px;
  }
  .kvTitle--show--2 .kvTitle__copy--p {
    color: #fff;
  }
  .kvTitle--show--2 .kvTitle__copy--p > span {
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
  }
  .kvTitle--show--2 .kvViewBtn__target.kvViewBtn__target--rightBottom {
    transform: translate(0%, 0%);
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  .kvTitle--show--2 .kvViewBtn__target.kvViewBtn__target--rightBottom .kvViewBtn--rightBottom {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.6s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.6s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  /* --------------------------------------- kvTitle--show--3 */
  .kvTitle--show--3 .kvTitle__copy--p > span {
    transform: translate(0, -110%);
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
  }
  .kvTitle--show--3 .kvViewBtn__target.kvViewBtn__target--rightBottom .kvViewBtn--rightBottom {
    transform: translate(0%, -110%);
  }
  .kvTitle--show--3 .kvViewBtn__target.kvViewBtn__target--leftBottom {
    transform: translate(0%, 0%);
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
  }
  /* --------------------------------------- kvServiceDesc--show-- */
  .kvServiceDesc--show .kvService__descBox {
    height: 165px;
  }
  /* --------------------------------------- kvWorkInfo--show */
  .kvWorkInfo__list {
    height: 0;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition-duration: 0.5s;
    -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .kvWorkInfo--show .kvWorkInfo__list {
    height: 66px;
    padding: 0 20px;
  }
  /* ============================================================================================ edit 20250902 */
  .scrollDown, .kvTitle__target.kvTitle__target--service.partsPc {
    display: none;
  }
  .kvTitle--show--2 .kvSticky::after {
    opacity: 0.5;
  }
  .kvTitle--show--3 .kvSticky::after {
    opacity: 0;
  }
  .topWrapper { /*変更箇所20250920*/
    overflow: scroll;
    /*		height: 500px;*/
    height: auto;
  }
  .loading {
    width: 74.6666666667vw;
    top: 50dvh;
    left: 36px;
  }
  .loadingNum {
    font-size: 15px;
  }
  .loadingNum--default {
    width: 20px;
  }
  .loadingNum--target {
    width: 45px;
    padding-left: 10px;
  }
}
/*変更箇所20250920*/
@media only screen and (max-width: 767px) {
  .kvTitle--show--1 .kvViewBtn__target.kvViewBtn__target--rightBottom, .kvTitle--show--2 .kvViewBtn__target.kvViewBtn__target--rightBottom {
    transform: translate(0%, 0%);
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
  }
  .kvTitle--show--2 .kvViewBtn__target--rightBottom {
    bottom: 16px;
    transition-delay: 0s !important;
    -webkit-transition-delay: 0s;
  }
}/*# sourceMappingURL=top-sp.css.map */