/* 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) {
  /* ================================================================== wdArticle */
  .wdArticle {
    display: block;
  }
  /* --------------------------------------- pageHeader */
  .pageWorksDetail .pageHeader {
    padding-bottom: 40px;
  }
  /* --------------------------------------- wdInfo wdSection */
  .wdInfo, .wdSection {
    width: 100%;
  }
  /* --------------------------------------- wdInfo */
  .wdInfo {
    position: relative;
    top: 0;
    width: 65%;
    margin-left: auto;
    height: auto;
  }
  .wdInfo__inner {
    margin-bottom: 35px;
  }
  /* ================================================================== body class */
  /* --------------------------------------- wdKv--fixed */
  .wdKv--fixed .wdKv {
    width: 190px;
    bottom: 30px;
  }
}
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ================================================ vh */
  /* ============================================================================================ works */
  .pageWorks .pageHeader {
    margin-bottom: 30px;
  }
  /* ============================================================================================ worksTop__pageNav */
  .worksTop__pageNavSticky {
    padding-bottom: 15px;
  }
  /* --------------------------------------- worksTop__pageNavList */
  .worksTop__pageNavList {
    border-radius: 4px;
  }
  .worksTop__pageNavList::after {
    border-radius: 4px;
  }
  /* --------------------------------------- worksTop__pageNavBtn */
  .worksTop__pageNavBtn {
    height: 33px;
    width: 125px;
  }
  .worksTop__pageNavBtn .hoverText__base > span, .worksTop__pageNavBtn .hoverText__position > span {
    font-size: 11px;
  }
  /* ============================================================================================ businessMap */
  /* ================================================================== businessMap__Nav */
  .businessMap__Nav {
    top: 70px;
  }
  .businessMap__Nav::before {
    display: none;
  }
  .businessMap__Nav .textureBg {
    height: calc(100% + 70px);
  }
  /* ================================================================== businessMap__List */
  .businessMap__List {
    height: 25.3333333333vw;
  }
  .businessMap__Inner .businessMap__List {
    height: 14.6666666667vw;
  }
  /* --------------------------------------- businessMap__List li */
  .businessMap__Empty {
    width: 56.7164179104%;
  }
  .businessMap__Target {
    width: 7.2139303483%;
  }
  /* --------------------------------------- businessMap__Nav target */
  .businessMap__Nav .businessMap__Empty {
    padding-top: 4vw;
    padding-bottom: 4vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
  .businessMap__Nav .businessMap__Target {
    padding-left: 2.1333333333vw;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .businessMap__Nav--title {
    font-size: 2.6666666667vw;
  }
  .businessMap__Target .businessMap__Nav--title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto;
  }
  /* ================================================================== businessMap__Target */
  /* --------------------------------------- businessMap__Target obj */
  .businessMap__Target--obj {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--color-black), 1);
  }
  .businessMap__Target--obj--list {
    display: none;
  }
  /* ============================================================================================ body class */
  /* --------------------------------------- businessMap--show */
  .pageWorks.businessMap--show .pageHeader {
    margin-bottom: 75px;
  }
  /* ============================================================================================ body class */
  /* --------------------------------------- businessMap--show */
  .businessMap--show .worksArticle {
    margin-bottom: 60px;
  }
  .businessMap--show .worksTop__main {
    padding-top: 25.3333333333vw;
  }
  .businessMap--show .worksList {
    width: 56.7164179104%;
  }
  .businessMap--show .worksBlock {
    height: 14.6666666667vw;
  }
  .businessMap--show .worksBlock__thum {
    width: 18.4210526316%;
  }
  .businessMap--show .worksBlock__thumInner {
    padding-top: 85.7142857143%;
  }
  .businessMap--show .worksBlock__info {
    width: 78.9473684211%;
  }
  .businessMap--show .worksBlock__title {
    margin-bottom: 1.6vw;
    font-size: 2.6666666667vw;
  }
  .businessMap--show .worksBlock__titleSub {
    margin-bottom: 1.0666666667vw;
    font-size: 2.6666666667vw;
    transform: scale(0.85);
    transform-origin: left center;
    white-space: nowrap;
  }
  .businessMap--show .worksBlock__titleSub .worksBlock__titleSub--p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .businessMap--show .worksBlock__titleSub .worksBlock__titleSub--p br {
    display: none;
  }
  .businessMap--show .worksBlock__co {
    font-size: 2.6666666667vw;
    transform: scale(0.9);
    transform-origin: left center;
    margin-bottom: 0;
  }
  /* ============================================================================================ tags */
  .tags {
    top: calc(-65px - min(2.6666666667vw, 10px));
  }
  .tagsInner {
    top: 70px;
  }
  .tagsModal {
    width: 90px;
    height: 35px;
    border-radius: 4px;
  }
  /* ================================================================== tagsBtn */
  .tagsBtn {
    height: 35px;
    border-radius: 4px;
  }
  .tagsBtn .hoverText__base > span, .tagsBtn .hoverText__position > span {
    font-size: 10px;
  }
  /* --------------------------------------- tagsIcon */
  .tagsIcon {
    width: 16px;
    height: 3px;
    right: 12px;
  }
  .tagsIcon__dot {
    width: 3px;
    height: 3px;
  }
  /* ================================================================== tagsModal__inner */
  /* --------------------------------------- tagsLiist */
  .tagsLiist {
    padding-left: 17px;
    padding-right: 17px;
  }
  /* --------------------------------------- tagsTarget */
  .tagsTarget {
    width: auto;
    max-width: 33.3333333333%;
    margin-right: 10%;
  }
  .tagsTarget .hoverText__base > span, .tagsTarget .hoverText__position > span {
    font-size: 13px;
  }
  .tagsTarget .btnLink, .tagsTarget a.btnLink {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .tagsTarget .tagsNum {
    font-size: 10px;
    transform: scale(0.8);
    transform: left top;
  }
  /* --------------------------------------- tags--open */
  .tags--open .tagsModal {
    width: 250px;
    height: 142px;
  }
  .tags--open .tagsModal__inner {
    height: calc(100% - 35px);
  }
  /* ============================================================================================ pageWorksDetail */
  .pageWorksDetail .pageHeader {
    padding-bottom: 10px;
  }
  .pageWorksDetail .pageTitle {
    font-size: 17px;
    letter-spacing: 0.06em;
  }
  a.pageHeader__hamburger--link {
    font-size: 10px;
    padding-bottom: 10px;
  }
  /* ================================================================== wdArticle */
  .wdArticle {
    margin-bottom: 100px;
  }
  /* ================================================================== wdInfo */
  .wdInfo {
    margin-bottom: 20px;
  }
  .wdInfo .wdInfo__target--title, .wdInfo .wdInfo__clientName, .wdInfo .tagsLink, .wdInfo a.tagsLink {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .wdInfo__inner {
    margin-bottom: 25px;
  }
  /* --------------------------------------- wdInfo__title */
  .wdInfo__title {
    font-size: 13px;
    margin-bottom: 12px;
  }
  /* --------------------------------------- wdInfo__clientName */
  .wdInfo__clientName {
    font-size: 10px;
  }
  /* --------------------------------------- tagsTarget tagsLink */
  .tagsLink, a.tagsLink {
    font-size: 10px;
  }
  /* --------------------------------------- wdInfo__target */
  .wdInfo__target {
    margin-bottom: 1px;
  }
  /* wdInfo__target title */
  .wdInfo__target--title {
    top: 3px;
    width: 55px;
    font-size: 10px;
    transform: scale(0.9);
    transform: left center;
  }
  /* wdInfo__target detail */
  .wdInfo__target--detail {
    width: calc(100% - 55px);
  }
  /* ============================================================================================ wdSection */
  .wdSection {
    width: 100%;
  }
  /* ================================================================== wdKv */
  /* --------------------------------------- playBtn */
  .playBtn {
    margin-top: 15px;
  }
  /* ================================================================== wdMtBlock */
  .wdMtBlock {
    display: block;
  }
  /* --------------------------------------- wdMtBlock__detail */
  .wdMtBlock__detail {
    width: 100%;
    margin-bottom: 80px;
  }
  /* --------------------------------------- wdMt */
  .wdMt {
    margin-top: 60px;
  }
  .wdMt .videoWrapper {
    margin-bottom: 10px;
  }
  .wdMt__main {
    font-size: 13px;
  }
  .wdMt__main aside {
    font-size: 10px;
  }
  .wdMt__main p {
    margin-bottom: 15px;
  }
  .wdMt__main h1, .wdMt__main h2, .wdMt__main h3, .wdMt__main h4, .wdMt__main h5, .wdMt__main h6 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .wdMt__main img {
    border-radius: 5px;
  }
  .wdMt__main .wdMtBlock__title {
    width: 100%;
    font-size: 10px;
    margin-bottom: 20px;
  }
  /* --------------------------------------- wdMtBlock__thum */
  .wdMtBlock__thum {
    margin-bottom: 5px;
  }
  .wdMtBlock__thum li {
    width: calc(100% + 10px);
    left: -5px;
  }
  .wdMtBlock__thum li p {
    padding: 5px;
    margin-bottom: 0;
  }
  /* --------------------------------------- award credit */
  .dMtBlock__award .wdMtBlock__detail, .dMtBlock__credit .wdMtBlock__detail {
    font-size: 12px;
  }
  /* ================================================================== dMtBlock__member */
  .dMtBlock__member {
    margin-top: 80px;
  }
  .dMtBlock__member .wdMtBlock__detail {
    margin-bottom: 0;
  }
  .dMtBlock__member .wdMtBlock__title {
    margin-bottom: 35px;
  }
  /* --------------------------------------- dMtBlock__memberList */
  .dMtBlock__memberList {
    display: block;
  }
  .dMtBlock__memberTarget {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .dMtBlock__memberTarget:nth-child(3n) {
    margin-right: 0;
  }
  .dMtBlock__memberTarget:last-child {
    margin-bottom: 0;
  }
  /* --------------------------------------- dMtBlock__memberThum */
  .dMtBlock__memberThum {
    width: 100px;
  }
  .dMtBlock__memberThum--inner {
    border-radius: 5px;
    margin-bottom: 0;
  }
  /* --------------------------------------- dMtBlock__memberInfo */
  .dMtBlock__memberInfo {
    width: calc(100% - 100px);
    padding-left: 20px;
  }
  .dMtBlock__memberInfo--main {
    margin-bottom: 15px;
  }
  .dMtBlock__memberInfo--name {
    font-size: 12px;
    margin-bottom: 6px;
  }
  .dMtBlock__memberInfo--title {
    font-size: 10px;
  }
  .dMtBlock__memberInfo--comment {
    padding: 8px 12px;
    border-radius: 5px;
  }
  .dMtBlock__memberInfo--comment--p {
    position: relative;
    width: 110%;
    left: -5%;
    font-size: 10px;
    transform: scale(0.9);
    line-height: 1.5;
  }
  /* ================================================================== relatedArticle */
  /* --------------------------------------- allBtn */
  .allBtn {
    width: 95px;
  }
  /* --------------------------------------- relatedSection */
  .relatedSection {
    margin-bottom: 0;
  }
  /* ============================================================================================ body class */
  /* --------------------------------------- wdKv--fixed */
  .wdKv--fixed .wdKv {
    bottom: 10px;
    left: 10px;
    width: 120px;
  }
  /* ============================================================== WDmodal */
  .WDmodal__inner {
    width: 93.3333333333vw;
  }
  .WDmodal__closeBtn {
    width: 80px;
    height: 60px;
  }
  .WDmodal__closeBtn--inner {
    width: 35px;
    height: 2px;
  }
  .btnBack {
    display: none;
  }
}/*# sourceMappingURL=works-sp.css.map */