@charset "UTF-8";
/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    module
    page
    utility
    ========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   header（communicationtoolページ固有）
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .header--com .header__body__inner {
        width: 1240px;
        padding: 8.5px 20px;
    }
    .header--com .header__body-txt {
        float: left;
    }
    .header--com .logo {
        width: 202.5px !important;
        height: 40px !important;
        margin: 12px 0;
    }
    .header--com .logo .header-link-sclist {
        will-change: opacity;
    }
    .header--com .logo img {
        width: 190px !important;
        margin: 3px 4px 5px !important;
        scale: 1;
    }
}

@media screen and (max-width: 768px) {
    .header--com.header {
        padding-bottom: 0 !important;
        /*height: auto !important;*/
    }
    .header--com .header__body__inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 3vw 2.933vw 3vw 4vw !important;
    }
    .header--com .header__body-link {
        padding: 0 !important;
    }
    .header--com .logo {
        position: static !important;
        width: 30vw !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .header--com .logo img {
        width: 30.4vw !important;
        height: 6.67vw !important;
        margin: 0 !important;
        scale: 1 !important;
    }
}

/* ---------------------------------------------
*   footer（communicationtoolページ固有）
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .footer--sclist.footer--com .footer__nav {
        width: 100% !important;
    }
    .footer--sclist.footer--com .footer__nav li:nth-child(6) {
        clear: none !important;
    }
    .footer--sclist.footer--com .footer__nav li {
        width: 20% !important;
    }
}
@media screen and (max-width: 768px) {
    .footer--com .footer__logo {
        width: auto !important;
    }
}

/* ---------------------------------------------
*   header（sclistページ固有）
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .header--sclist .header__body__inner {
        width: 1240px !important;
        padding-right: 20px !important;
    }

    .header--lazona.header--sclist .header__body__border {
        padding: 5px 0 6px !important;
    }

    .header--divercity-tokyo.header--sclist .header__body__border {
        padding: 8px 0 7px !important;
    }

    .logo--mfg {
        float: right !important;
    }

    .header--sclist .logo--mfg {
        width: 202.5px !important;
    }

    .header--sclist .logo--mfg img {
        width: 202.5px !important;
        height: 40px !important;
    }

    .header--lazona.header--sclist .logo--mfg {
        margin-top: 17px;
        margin-bottom: 10px;
    }

    .header--divercity-tokyo.header--sclist .logo--mfg {
        margin-top: 14px;
        margin-bottom: 13px;
    }

    .header-link-sclist {
        transition: opacity 0.3s;
    }
    .header-link-sclist:hover {
        will-change: opacity;
        opacity: 0.8;
    }
}

@media screen and (max-width: 768px) {
    .header--sclist .header__body {
        height: 11.867vw;
    }

    .header--sclist.header--lazona .header__body__border,
    .header--sclist.header--divercity-tokyo .header__body__border {
        height: 11.867vw;
    }

    .header--sclist .header__body__inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
        height: 100%;
        padding: 0.667vw 2.933vw 0.667vw 4vw !important;
    }

    .header--sclist .logo {
        position: static !important;
        margin: 0 auto 0 0 !important;
        height: auto !important;
        width: 25.813vw !important;
    }

    .header--sclist .logo img {
        height: auto !important;
        width: 25.813vw !important;
    }

    .header--sclist.header--divercity-tokyo .logo,
    .header--sclist.header--divercity-tokyo .logo img {
        height: auto !important;
        width: 20.267vw !important;
    }

    .header--sclist.header--lazona .logo,
    .header--sclist.header--lazona .logo img {
        height: auto !important;
        width: 19.733vw !important;
    }

    .header--sclist .logo.logo--mfg {
        margin: 0 0 0 auto !important;
        width: 30vw !important;
    }

    .header--sclist .logo.logo--mfg img {
        height: 5.867vw !important;
        width: 30vw !important;
    }
}

/* ---------------------------------------------
*   footer（sclistページ固有）
--------------------------------------------- */
@media screen and (min-width: 769px) {
    .footer--sclist .footer__nav {
        width: 1010px !important;
    }

    .footer--sclist .footer__nav.footer__nav--02 {
        width: 100% !important;
    }

    .footer--sclist .footer__nav li {
        width: 25% !important;
        min-height: 4em !important;
    }

    .footer--sclist .footer__nav.footer__nav--02 li {
        width: 20% !important;
    }

    .footer--sclist .footer__logo {
        margin: 0 40px 0 0 !important;
        max-width: none !important;
        width: auto !important;
        height: auto !important;
        display: flex;
        align-items: center;
    }

    .footer--sclist .footer__logo a {
        display: inline-block;
    }

    .footer--sclist .footer__logo a:first-of-type {
        margin-right: 70px;
        width: 87px;
    }

    .footer--sclist .footer__logo a:last-of-type {
        margin-top: 5px;
        width: 255px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        will-change: opacity;
    }

    .footer--sclist .footer__logo a:last-of-type:hover {
        opacity: 0.5;
    }

    .footer--sclist .footer__body ul {
        padding-bottom: 20px !important;
        margin-bottom: 0 !important;
        border-bottom: none !important;
    }
}

@media screen and (max-width: 768px) {
    .footer--sclist .footer__logo {
        margin: 30px auto 20px;
        max-width: none !important;
    }

    .footer--sclist .footer__logo a {
        display: block;
        margin: 0 auto;
    }

    .footer--sclist .footer__logo a:first-of-type {
        width: 108px;
    }

    .footer--sclist .footer__logo a:last-of-type {
        margin-top: 7px;
        width: 255px;
    }
}



.ie .txt-potirion {
    position: relative;
    top: .1em;
}

.windows.chrome .txt-potirion {
    position: relative;
    top: .1em;
}

.sns-archive {
    font-size: 3rem;
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    line-height: 1.2;
    padding-bottom: .5em;
}

@media screen and (max-width: 768px) {
    .sns-archive {
        font-size: 5.86667vw;
    }
}

.lalaport .sns-archive {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#5789f4), to(#6fceda));
    background: linear-gradient(90deg, #5789f4 0%, #6fceda 100%);
    -webkit-background-clip: text;
    color: transparent;
    border-bottom: none;
}

.lalaport .sns-archive:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#5789f4), to(#6fceda));
    background: linear-gradient(90deg, #5789f4 0%, #6fceda 100%);
}

.ie .lalaport .sns-archive {
    background: none;
    color: #5789f4;
}

.lazona .sns-archive {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#8fb234), to(#34a9b2));
    background: linear-gradient(90deg, #8fb234 0%, #34a9b2 100%);
    -webkit-background-clip: text;
    color: transparent;
    border-bottom: none;
}

.lazona .sns-archive:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#8fb234), to(#34a9b2));
    background: linear-gradient(90deg, #8fb234 0%, #34a9b2 100%);
}

.ie .lazona .sns-archive {
    background: none;
    color: #72b048;
}

.divercity-tokyo .sns-archive {
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#37b4e5), to(#61e3e9));
    background: linear-gradient(90deg, #37b4e5 0%, #61e3e9 100%);
    -webkit-background-clip: text;
    color: transparent;
    border-bottom: none;
    padding-bottom: .7em;
}

.divercity-tokyo .sns-archive:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#37b4e5), to(#61e3e9));
    background: linear-gradient(90deg, #37b4e5 0%, #61e3e9 100%);
}

.ie .divercity-tokyo .sns-archive {
    background: none;
    color: #37b4e5;
}

.archive-section {
    margin-top: 80px;
}

@media screen and (max-width: 768px) {
    .archive-section {
        margin-top: 10.66667vw;
    }
}

.divercity-tokyo .archive-section {
    margin-top: 70px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .archive-section {
        margin-top: 10.66667vw;;
    }

    .archive-section + .archive-section {
        margin-top: 20vw;
    }
}

.divercity-tokyo .archive-section--app {
    margin-top: 138px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .archive-section--app {
        margin-top: 20vw;
    }
}

.divercity-tokyo .archive-section:last-child {
    margin-top: 120px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .archive-section:last-child {
        margin-top: 20vw;
    }
}

.archive-section__ttl {
    position: relative;
    display: inline-block;
    font-family: 'Roboto';
    font-size: 3.2rem;
    font-weight: bold;
    padding-right: 5px;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    .archive-section__ttl {
        font-size: 6.13333vw;
    }
}

.lalaport .archive-section__ttl {
    display: block;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#5789f4), to(#6fceda));
    background: linear-gradient(90deg, #5789f4 0%, #6fceda 100%);
    padding: .1em .3em;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .lalaport .archive-section__ttl {
        padding: .2em .3em;
    }
}

.lazona .archive-section__ttl {
    display: block;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#8fb234), to(#34a9b2));
    background: linear-gradient(90deg, #8fb234 0%, #34a9b2 100%);
    padding: .1em .3em;
    line-height: 1.3;
}

@media screen and (max-width: 768px) {
    .lazona .archive-section__ttl {
        padding: .2em .3em;
    }
}

.divercity-tokyo .archive-section__ttl {
    display: block;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#37b4e5), to(#61e3e9));
    background: linear-gradient(90deg, #37b4e5 0%, #61e3e9 100%);
    padding: 0 .3em;
    line-height: 1.3;
    letter-spacing: .07em;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .archive-section__ttl {
        padding: .2em .3em;
    }
}

.archive-section__ttl:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 10px;
    background-color: #d5e1ef;
    z-index: -1;
}

@media screen and (max-width: 768px) {
    .archive-section__ttl:before {
        bottom: 6.8vw;
        height: 1.86667vw;
    }
    .archive-section__ttl.archive-section__ttl--account:before {
        width: calc(197 / 375 * 100vw);
    }
}

.lalaport .archive-section__ttl:before {
    content: none;
}

.lazona .archive-section__ttl:before {
    content: none;
}

.archive-section__ttl:after {
    content: attr(data-txt);
    display: inline-block;
    font-size: 2.8rem;
    font-weight: normal;
    margin-left: 15px;
}

@media screen and (max-width: 768px) {
    .archive-section__ttl:after {
        font-size: calc(2.66667vw * 1.5);
        display: block;
        margin-left: 0;
        line-height: 1.5;
    }
}

.divercity-tokyo .archive-section__ttl:after {
    letter-spacing: -0.1em;
}

.archive-section__body {
    position: relative;
    margin-top: 24px;
}

@media screen and (max-width: 768px) {
    .archive-section__body {
        margin-top: 6vw;
    }
}

.archive-section__body--high {
    padding-top: 40px;
}

@media screen and (max-width: 768px) {
    .archive-section__body--high {
        padding-top: 0;
    }
}

.archive-section__body--last {
    margin-top: 32px;
}

@media screen and (max-width: 768px) {
    .archive-section__body--last {
        margin-top: 6vw;
    }
}

.archive-section__link-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 440px;
    height: 55px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}

@media screen and (max-width: 768px) {
    .archive-section__link-btn {
        width: 100%;
        height: 9.33333vw;
        margin-top: 4.26667vw;
        font-size: 2.8vw;
    }
}

.archive-section__link-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 6px;
    height: 6px;
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
}

@media screen and (max-width: 768px) {
    .archive-section__link-btn:after {
        width: 0.8vw;
        height: 0.8vw;
        right: 4vw;
    }
}

.archive-section__link-btn:hover {
    opacity: .5;
}

.archive-section__link-btn--app {
    width: 468px;
}

@media screen and (max-width: 768px) {
    .archive-section__link-btn--app {
        width: 100%;
    }
}

.archive-section__link-btn + .archive-section__link-btn {
    margin-top: 12px;
}

@media screen and (max-width: 768px) {
    .archive-section__link-btn + .archive-section__link-btn {
        margin-top: 2.66667vw;
    }
}

.archive-section__link-btn--card {
    margin-top: 15px;
    background-color: #edf5ff;
    border: 1px solid #2d67b1;
    color: #2d67b1;
}

.archive-section__link-btn--card:after {
    border-top: 1px solid #2d67b1;
    border-right: 1px solid #2d67b1;
}

.ttl-balloon-wrap {
    width: 100%;
}

.ttl-balloon {
    display: inline-block;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 0 .8em 0 1em;
    margin-bottom: 4px;
    margin-left: 0.5em;
}

@media screen and (max-width: 768px) {
    .ttl-balloon {
        display: inline-block;
        width: auto;
        font-size: 2.66667vw;
        font-weight: bold;
        margin-bottom: 0;
        line-height: 1;
    }
}

.lalaport .ttl-balloon {
    color: #63ace7;
}

.lazona .ttl-balloon {
    color: #72b048;
}

.divercity-tokyo .ttl-balloon {
    color: #37b4e5;
    background: -webkit-gradient(linear, left top, right top, from(#37b4e5), to(#61e3e9));
    background: linear-gradient(90deg, #37b4e5 0%, #61e3e9 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}

.ie .divercity-tokyo .ttl-balloon {
    background: none;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .ttl-balloon {
        margin-bottom: 0;
    }
}

.ttl-balloon:before, .ttl-balloon:after {
    position: absolute;
    top: 50%;
    content: '';
    width: 2px;
    height: 18px;
    background-color: #333;
}

@media screen and (max-width: 768px) {
    .ttl-balloon:before, .ttl-balloon:after {
        width: 1px;
        height: 2.4vw;
    }
}

.lalaport .ttl-balloon:before, .lalaport .ttl-balloon:after {
    background-color: #4d80c3;
}

.lazona .ttl-balloon:before, .lazona .ttl-balloon:after {
    background-color: #72b048;
}

.divercity-tokyo .ttl-balloon:before, .divercity-tokyo .ttl-balloon:after {
    background-color: #37b4e5;
}

.ttl-balloon:before {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(-35deg);
    transform: translateY(-50%) rotate(-35deg);
}

.ttl-balloon:after {
    right: 0;
    -webkit-transform: translateY(-50%) rotate(35deg);
    transform: translateY(-50%) rotate(35deg);
}

.sns-box__ttl {
    position: relative;
    font-size: 2.2rem;
    font-weight: bold;
    padding-left: 80px;
    line-height: 70px;
    margin-top: 45px;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #cccccc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

@media screen and (max-width: 768px) {
    .sns-box__ttl {
        padding-left: 16vw;
        margin-top: 6vw;
        font-size: 4vw;
        line-height: 14vw;
    }
}

.sns-box__ttl:hover {
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
}

.sns-box__ttl:before {
    position: absolute;
    top: 50%;
    left: 2.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 34px;
    height: auto;
    aspect-ratio: 1 / 1;
}

@media screen and (max-width: 768px) {
    .sns-box__ttl:before {
        left: 4%;
        width: 8vw;
    }
}

.sns-box__ttl:after {
    content: '';
    position: absolute;
    top: 29px;
    right: 30px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 10px;
    height: 10px;
    border-top: 1px solid #444444;
    border-right: 1px solid #444444;
    -webkit-transition: top .3s, -webkit-transform .3s;
    transition: top .3s, -webkit-transform .3s;
    transition: top .3s, transform .3s;
    transition: top .3s, transform .3s, -webkit-transform .3s;
}

@media screen and (max-width: 768px) {
    .sns-box__ttl:after {
        width: 1.33333vw;
        height: 1.33333vw;
        top: 6vw;
    }
}

.is-open > .sns-box__ttl:after {
    top: 32px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
    .is-open > .sns-box__ttl:after {
        top: 6.66667vw;
    }
}
/* アコーディオンをアコーディオンの中に入れるために追加 */
.is-open2 > .sns-box__ttl--sec:after {
  top: 25px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .is-open2 > .sns-box__ttl--sec:after {
      top: 5vw;
  }
}
.sns-box__ttl--sec {
  margin-top: 32px;
  padding-left: 30px;
  border-radius: 3px;
  font-size: 18px;
  font-weight: normal;
  line-height: 56px;
}
@media screen and (max-width: 768px) {
  .sns-box__ttl--sec {
      margin-top: 5vw;
      padding-left: 3.66667vw;
      font-size: 3vw;
      line-height: 10.33333vw;
    }
}
.sns-box__ttl--sec:after {
  top: 20px
}
@media screen and (max-width: 768px) {
  .sns-box__ttl--sec:after {
      top: 4vw
    }
}
/* end */

.sns-box__ttl--fb:before {
    background: url(/communicationtool/img/fb-ico.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 9;
}

.sns-box__ttl--fac:before {
    background: url(/communicationtool/img/fac-ico.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 9;
}

.sns-box__ttl--tw:before {
    background: url(/communicationtool/img/x-ico.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 9;
}

.sns-box__ttl--ig:before {
    background: url(/communicationtool/img/ig-ico.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 9;
}

.sns-box__ttl--line:before {
    background: url(/communicationtool/img/line_ico2.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 9;
}

.sns-box__ttl--yt:before {
    background: url(/communicationtool/img/yt-ico.svg) center no-repeat;
    background-size: 100% auto;
    z-index: 9;
    width: 36px;
    aspect-ratio: 36 / 26;
}

.sns-box__ttl--tiktok:before {
    background: url(/communicationtool/img/tiktok-ico.svg) center no-repeat;
    background-size: contain;
    z-index: 9;
    left: 1.5%;
    width: 52px;
    aspect-ratio: 52 / 56;
}

@media screen and (min-width: 769px) {
  .sns-box__ttl--tw:before {
    width: 30px;
    left: 2.85%;
  }
  .sns-box__ttl--yt:before {
    left: 2.4%;
  }
}
@media screen and (max-width: 768px) {
    .sns-box__ttl--yt:before {
        width: 8.5vw;
    }

    .sns-box__ttl--tiktok:before {
      left: 0;
      width: calc(52 / 375 * 100vw);
  }
}

.sns-box__ttl-lalaport {
    font-size: 2.2rem;
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
    .sns-box__ttl-lalaport {
        font-size: 3.46667vw;
    }
}

.sns-box__ttl-divercity-tokyo {
    font-size: 2.2rem;
    margin-top: 35px;
    letter-spacing: -0.04em;
}

@media screen and (max-width: 768px) {
    .sns-box__ttl-divercity-tokyo {
        font-size: 3.46667vw;
        margin-top: 6vw;
        line-height: 1;
    }
}

.sns-box__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .sns-box__list {
        display: block;
    }
}

.sns-box__list--negative {
    margin-top: -20px;
}

@media screen and (max-width: 768px) {
    .sns-box__list--negative {
        margin-top: 0;
    }
}

.sns-box__list-item {
    position: relative;
    width: 450px;
    height: 140px;
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(194, 195, 196, 0.3);
    box-shadow: 0px 0px 13px 0px rgba(194, 195, 196, 0.3);
}

@media screen and (max-width: 768px) {
    .sns-box__list-item {
        width: 100%;
        height: 22.66667vw;
        margin-top: 4vw;
        -webkit-box-shadow: 0px 0px 1.73333vw 0px rgba(194, 195, 196, 0.3);
        box-shadow: 0px 0px 1.73333vw 0px rgba(194, 195, 196, 0.3);
    }
}


.lalaport .sns-box__list-item {
    width: 470px;
    display: block;
}

@media screen and (max-width: 768px) {
    .lalaport .sns-box__list-item {
        width: 100%;
    }
}

.lazona .sns-box__list-item {
    width: 470px;
    display: block;
}

@media screen and (max-width: 768px) {
    .lazona .sns-box__list-item {
        width: 100%;
    }
}

.divercity-tokyo .sns-box__list-item {
    width: 470px;
    display: block;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .sns-box__list-item {
        width: 100%;
    }
}

.sns-box__list-item:nth-of-type(2n) {
    margin-left: 35px;
}

@media screen and (max-width: 768px) {
    .sns-box__list-item:nth-of-type(2n) {
        margin-left: 0;
    }
}

.divercity-tokyo .sns-box__list-item:nth-of-type(2n) {
    margin-left: 40px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .sns-box__list-item:nth-of-type(2n) {
        margin-left: 0;
    }
}

.sns-box__list-item:before {
    position: absolute;
    top: 50%;
    left: 186px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 107px;
}

@media screen and (max-width: 768px) {
    .sns-box__list-item:before {
        left: 25.33333vw;
        height: 14.66667vw;
    }
}

.lalaport .sns-box__list-item:before {
    left: 124px;
}

@media screen and (max-width: 768px) {
    .lalaport .sns-box__list-item:before {
        left: 16.26667vw;
    }
}

.lazona .sns-box__list-item:before {
    left: 124px;
}

@media screen and (max-width: 768px) {
    .lazona .sns-box__list-item:before {
        left: 16.26667vw;
    }
}

.divercity-tokyo .sns-box__list-item:before {
    left: 124px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .sns-box__list-item:before {
        left: 16.26667vw;
    }
}

.sns-box__list-item:after {
    position: absolute;
    bottom: 5px;
    right: 5px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 5px 5px;
}

@media screen and (max-width: 768px) {
    .sns-box__list-item:after {
        bottom: 0.66667vw;
        right: 0.66667vw;
        border-width: 0 0 0.8vw 0.8vw;
    }
}

.sns-box__list-item--lalaport {
    background: -webkit-gradient(linear, left top, right top, from(#5789f4), to(#6fceda));
    background: linear-gradient(90deg, #5789f4 0%, #6fceda 100%);
}

.sns-box__list-item--lalaport:before {
    background-color: #5c98ee;
}

.sns-box__list-item--lalaport:after {
    border-color: transparent transparent #5c98ee transparent;
}

.sns-box__list-item--lazona {
    background: -webkit-gradient(linear, left top, right top, from(#8fb234), to(#34a9b2));
    background: linear-gradient(90deg, #8fb234 0%, #34a9b2 100%);
}

.sns-box__list-item--lazona:before {
    background-color: #72b048;
}

.sns-box__list-item--lazona:after {
    border-color: transparent transparent #72b048 transparent;
}

.sns-box__list-item--divercity-tokyo {
    background: -webkit-gradient(linear, left top, right top, from(#37b4e5), to(#61e3e9));
    background: linear-gradient(90deg, #37b4e5 0%, #61e3e9 100%);
}

.sns-box__list-item--divercity-tokyo:before {
    background-color: #40bee6;
}

.sns-box__list-item--divercity-tokyo:after {
    border-color: transparent transparent #37b4e5 transparent;
}

.sns-box__list-item--odona {
    background: -webkit-gradient(linear, left top, right top, from(#37b4e5), to(#61e3e9));
    background: linear-gradient(90deg, #37b4e5 0%, #61e3e9 100%);
}

.sns-box__list-item--odona:before {
    background-color: #40bee6;
}

.sns-box__list-item--odona:after {
    border-color: transparent transparent #37b4e5 transparent;
}

.sns-box__list-item--mop {
    background: -webkit-gradient(linear, left top, right top, from(#ec861b), to(#fab868));
    background: linear-gradient(90deg, #ec861b 0%, #fab868 100%);
}

.sns-box__list-item--mop:before {
    background-color: #ef912c;
}

.sns-box__list-item--mop:after {
    border-color: transparent transparent #ef912c transparent;
}

.sns-box__list-item--mall {
    background: -webkit-gradient(linear, left top, right top, from(#e9a443), color-stop(40%, #f4999c), to(#dd5661));
    background: linear-gradient(90deg, #e9a443 0%, #f4999c 40%, #dd5661 100%);
}

.sns-box__list-item--mall:before {
    background-color: #dd5661;
}

.sns-box__list-item--mall:after {
    border-color: transparent transparent #dd5661 transparent;
}

.sns-box__list-item--other {
    background: -webkit-gradient(linear, left top, right top, from(#849f29), to(#8dc21f));
    background: linear-gradient(90deg, #849f29 0%, #8dc21f 100%);
}

.sns-box__list-item--other:before {
    background-color: #829f27;
}

.sns-box__list-item--other:after {
    border-color: transparent transparent #829f27 transparent;
}

.sns-box__list-item--urban {
    background: -webkit-gradient(linear, left top, right top, from(#6a0034), to(#91004f));
    background: linear-gradient(90deg, #6a0034 0%, #91004f 100%);
}

.sns-box__list-item--urban:before {
    background-color: #91004f;
}

.sns-box__list-item--urban:after {
    border-color: transparent transparent #91004f transparent;
}

.sns-box__list-item--akasaka_biz {
    background: -webkit-gradient(linear, left top, right top, from(#6a0034), to(#91004f));
    background: linear-gradient(90deg, #6a0034 0%, #91004f 100%);
}

.sns-box__list-item--akasaka_biz:before {
    background-color: #91004f;
}

.sns-box__list-item--akasaka_biz:after {
    border-color: transparent transparent #91004f transparent;
}

.sns-box__list-item--stellar {
    background: -webkit-gradient(linear, left top, right top, from(#7ca100), to(#7bc400));
    background: linear-gradient(90deg, #7ca100 0%, #7bc400 100%);
}

.sns-box__list-item--stellar:before {
    background-color: #849f29;
}

.sns-box__list-item--stellar:after {
    border-color: transparent transparent #7bc400 transparent;
}

.sns-box__list-item--msp {
    background: -webkit-gradient(linear, left top, right top, from(#0068b7), to(#a8d4f6));
    background: linear-gradient(90deg, #0068b7 0%, #a8d4f6 100%);
}

.sns-box__list-item--msp:after {
    border-color: transparent transparent #0068b7 transparent;
}

.sns-box__list-item--msp:before {
    background-color: #0068b7;
}

.sns-box__link-container {
    width: 100%;
    height: 100%;
    padding: 1px;
}

.sns-box__link {
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: background .3s;
    transition: background .3s;
}

.sns-box__link--lalaport:hover {
    background-color: #ecfcfe;
}

.sns-box__link--lazona:hover {
    background-color: #f9ffe9;
}

.sns-box__link--divercity-tokyo:hover {
    background-color: #effeff;
}

.sns-box__link--odona:hover {
    background-color: #effeff;
}

.sns-box__link--mop:hover {
    background-color: #fffaf4;
}

.sns-box__link--mall:hover {
    background-color: #fff4f5;
}

.sns-box__link--other:hover {
    background-color: #fcfff0;
}

.sns-box__link--urban:hover {
    background-color: #f0e8ec;
}

.sns-box__link--akasaka_biz:hover {
    background-color: #f0e8ec;
}

.sns-box__link--stellar:hover {
    background-color: #fbffef;
}

.sns-box__link--msp:hover {
    background-color: #e6f0f8;
}

.item-cassette__link {
    padding: 17px 20px 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .item-cassette__link {
        padding: 2.13333vw 4vw 2.13333vw 0;
    }
}

.item-cassette__logo {
    width: 130px;
    margin-left: 30px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo {
        width: 17.33333vw;
        margin-left: 4vw;
    }
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--item {
        width: 17.33333vw;
        margin-left: 4vw;
    }
}

.item-cassette__logo--miyashita {
    height: 57.5px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--miyashita {
        height: 10vw;
    }
}

.item-cassette__logo--urbanginza {
    height: 57.5px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--urbanginza {
        height: 10vw;
    }
}

.item-cassette__logo--akasaka_biz {
    height: 57.5px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--akasaka_biz {
        height: 10vw;
    }
}

.lalaport .item-cassette__logo {
    width: 65px;
    height: 65px;
}

@media screen and (max-width: 768px) {
    .lalaport .item-cassette__logo {
        width: 8.66667vw;
        height: 8.66667vw;
    }
}

.lalaport .item-cassette__logo--yt {
    width: 61px;
    height: 44px;
    margin-left: 32px;
}

@media screen and (max-width: 768px) {
    .lalaport .item-cassette__logo--yt {
        width: 8.13333vw;
        height: 5.86667vw;
        margin-left: 4vw;
    }
}

.lazona .item-cassette__logo {
    width: 65px;
    height: 65px;
}

@media screen and (max-width: 768px) {
    .lazona .item-cassette__logo {
        width: 8.66667vw;
        height: 8.66667vw;
    }
}

.lazona .item-cassette__logo--yt {
    width: 61px;
    height: 44px;
    margin-left: 32px;
}

@media screen and (max-width: 768px) {
    .lazona .item-cassette__logo--yt {
        width: 8.13333vw;
        height: 5.86667vw;
        margin-left: 4vw;
    }
}

.divercity-tokyo .item-cassette__logo {
    width: 66px;
    height: 65px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .item-cassette__logo {
        width: 8.66667vw;
        height: 8.66667vw;
    }
}

.divercity-tokyo .item-cassette__logo--yt {
    width: 61px;
    height: 44px;
    margin-left: 32px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .item-cassette__logo--yt {
        width: 8.13333vw;
        height: 5.86667vw;
        margin-left: 4vw;
    }
}

.item-cassette__logo--lazona {
    margin-left: 50px;
    width: 85px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--lazona {
        margin-left: 6.66667vw;
        width: 11.33333vw;
    }
}

.item-cassette__logo--mall {
    margin-left: 42px;
    width: 90px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--mall {
        margin-left: 5.6vw;
        width: 12vw;
    }
}

.item-cassette__logo--garden {
    margin-left: 16px;
    width: 150px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--garden {
        margin-left: 2.13333vw;
        width: 20vw;
    }
}

.item-cassette__logo--lovela {
    margin-left: 45px;
    width: 95px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--lovela {
        margin-left: 6vw;
        width: 12.66667vw;
    }
}

.item-cassette__logo--terrace {
    margin-left: 38px;
    width: 110px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--terrace {
        margin-left: 5.06667vw;
        width: 14.66667vw;
    }
}

.item-cassette__logo--kit {
    margin-left: 20px;
    width: 150px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--kit {
        margin-left: 2.66667vw;
        width: 20vw;
    }
}

.item-cassette__logo--stellar {
    margin-left: 34px;
    width: 117px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--stellar {
        margin-left: 4.53333vw;
        width: 15.6vw;
    }
}

.item-cassette__logo--divercity-tokyo {
    margin-left: 34px;
    width: 110px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--divercity-tokyo {
        margin-left: 4.53333vw;
        width: 15.6vw;
    }
}

.item-cassette__logo--odona {
    margin-left: 34px;
    width: 110px;
}

@media screen and (max-width: 768px) {
    .item-cassette__logo--odona {
        margin-left: 4.53333vw;
        width: 15.6vw;
    }
}

.item-cassette__txt-wrap {
    width: 225px;
    margin-left: auto;
}

@media screen and (max-width: 768px) {
    .item-cassette__txt-wrap {
        width: 53.93333vw;
    }
}

.lalaport .item-cassette__txt-wrap {
    width: 300px;
}

@media screen and (max-width: 768px) {
    .lalaport .item-cassette__txt-wrap {
        width: 62.66667vw;
    }
}

.lazona .item-cassette__txt-wrap {
    width: 300px;
}

@media screen and (max-width: 768px) {
    .lazona .item-cassette__txt-wrap {
        width: 62.66667vw;
    }
}

.divercity-tokyo .item-cassette__txt-wrap {
    width: 295px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .item-cassette__txt-wrap {
        width: 62.66667vw;
    }
}

.item-cassette__account {
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .item-cassette__account {
        font-size: 2.93333vw;
        line-height: 1;
    }
}

.divercity-tokyo .item-cassette__account {
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .item-cassette__account {
        margin-top: 0;
    }
}

.item-cassette__account--lalaport {
    color: #3373b1;
}

.item-cassette__account--lazona {
    color: #72b048;
}

.item-cassette__account--divercity-tokyo {
    color: #4cbce8;
}

.item-cassette__account--odona {
    color: #4cbce8;
}

.item-cassette__account--mop {
    color: #dc8629;
}

.item-cassette__account--mall {
    color: #dd5661;
}

.item-cassette__account--other {
    color: #849f29;
}

.item-cassette__account--urban {
    color: #91004f;
}

.item-cassette__account--akasaka_biz {
    color: #91004f;
}

.item-cassette__account--stellar {
    color: #849f29;
}


.item-cassette__account--lh {
    line-height: 1.4;
}

@media screen and (max-width: 768px) {
    .item-cassette__account--lh {
        line-height: 1;
    }
}

.item-cassette__account--msp {
    color: #0068b7;
    letter-spacing: -0.01em;
}

.item-cassette__account:after {
    content: attr(data-account);
    display: block;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 10px;
}


.item-cassette__account--lh:after {
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .item-cassette__account:after {
        font-size: 2.4vw;
        margin-bottom: 1.06667vw;
    }

    .item-cassette__account--lh:after {
        margin-bottom: 0.5vw;
    }
}

.item-cassette__account--annotation {
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0;
    color: #444444;
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 2px;
}

@media screen and (max-width: 768px) {
    .item-cassette__account--annotation {
        font-size: calc(10 / 375 * 100vw);
        margin-top: calc(2 / 375 * 100vw);
    }
}

.item-cassette__disc {
    font-size: 13px;
}

.item-cassette__disc--lh {
    line-height: 1.4;
}

@media screen and (max-width: 768px) {
    .item-cassette__disc {
        font-size: 2.53333vw;
        line-height: 1.4;
    }
}

.ie .item-cassette__disc {
    line-height: 1.5;
}

.body-text {
    position: relative;
    padding-left: 85px;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .body-text {
        margin-bottom: 4.66667vw;
    }
}

.body-text:before {
    position: absolute;
    top: .2em;
    left: 0;
    content: '';
}

.body-text--app {
    padding-left: 90px;
}

@media screen and (max-width: 768px) {
    .body-text--app {
        padding-left: 17.06667vw;
    }
}

.body-text--app:before {
    width: 75px;
    height: 75px;
    background: url(/communicationtool/img/app-logo.png) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 768px) {
    .body-text--app:before {
        width: 14.66667vw;
        height: 14.66667vw;
    }
}

.body-text--top {
    padding-left: 90px;
}

@media screen and (max-width: 768px) {
    .body-text--top {
        margin-bottom: -0.5vw;
        padding-left: 0;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .body-text--top:before {
        content: none;
    }
}

.body-text--mail {
    padding-left: 80px;
}

@media screen and (max-width: 768px) {
    .body-text--mail {
        padding-left: 18vw;
    }
}

.body-text--mail:before {
    width: 64px;
    height: 60px;
    background: url(/communicationtool/img/mail-ico.svg) 0 0 no-repeat;
    background-size: 100% auto;
}

@media screen and (max-width: 768px) {
    .body-text--mail:before {
        width: 15.33333vw;
        height: 9.6vw;
    }
}

.body-text__ttl {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2;
}

@media screen and (max-width: 768px) {
    .body-text__ttl {
        font-size: 3.73333vw;
        line-height: 1.5;
    }
}

@media screen and (max-width: 768px) {
    .body-text__ttl--top {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
        letter-spacing: .025em;
        font-feature-settings: "palt";
    }
}

@media screen and (max-width: 768px) {
    .body-text__ttl--top::before {
        content: "";
        display: inline-block;
        margin-right: 2vw;
        background: url(/communicationtool/img/app-logo.png) 0 0 no-repeat;
        background-size: 100% auto;
        width: 14.66667vw;
        height: 14.66667vw;
    }
}

.body-text__txt {
    font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
    .body-text__txt {
        font-size: 2.8vw;
        margin-top: .2em;
        line-height: 1.5;
    }
}

.body-text__txt--top {
    font-size: 1.4rem;
    letter-spacing: .02em;
}

@media screen and (max-width: 768px) {
    .body-text__txt--top {
        font-size: 2.9333vw;
        margin-top: 2.4vw;
        line-height: 1.36;
    }
}

.body-text__img {
    position: absolute;
    top: -40%;
    right: 0;
    width: 460px;
}

@media screen and (max-width: 768px) {
    .body-text__img {
        position: static;
        width: 100%;
    }
}

.body-text__img--top {
    position: absolute;
    top: -40%;
    right: 27px;
    width: 428px;
}

@media screen and (max-width: 768px) {
    .body-text__img--top {
        position: static;
        width: 100%;
    }
}

.lalaport .body-text__img {
    top: auto;
    right: 45px;
    bottom: 0;
    width: 460px;
}

@media screen and (max-width: 768px) {
    .lalaport .body-text__img {
        position: static;
        width: 100%;
    }
}

.lazona .body-text__img {
    top: auto;
    right: 45px;
    bottom: 0;
    width: 460px;
}

@media screen and (max-width: 768px) {
    .lazona .body-text__img {
        position: static;
        width: 100%;
    }
}

.divercity-tokyo .body-text__img {
    top: auto;
    right: 45px;
    bottom: -5px;
    width: 460px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .body-text__img {
        position: static;
        width: 100%;
    }
}

.card-archives {
    position: absolute;
    top: 0;
    right: 0;
    width: 460px;
    padding-bottom: 20px;
    background-color: #edf5ff;
}

@media screen and (max-width: 768px) {
    .card-archives {
        position: static;
        width: 100%;
        margin-top: 4vw;
    }
}

.card-archives__heading {
    background-color: #2d67b1;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 2;
}

@media screen and (max-width: 768px) {
    .card-archives__heading {
        font-size: 2.8vw;
        line-height: 2.4;
    }
}

.card-archives__ttl {
    width: 400px;
    margin: 10px auto 0;
    padding-left: .5em;
    line-height: 2.5;
    color: #2d67b1;
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #2d67b1;
}

@media screen and (max-width: 768px) {
    .card-archives__ttl {
        width: 81.33333vw;
        margin: 2.93333vw auto 0;
        font-size: 2.8vw;
        line-height: 1.5;
    }
}

.card-archives__img {
    width: 290px;
    margin: 14px auto 0;
}

@media screen and (max-width: 768px) {
    .card-archives__img {
        width: 81.33333vw;
        margin: 2.66667vw auto 0;
    }
}

.card-archives__comment {
    font-size: .9rem;
    width: 380px;
    margin: 12px auto 0;
    text-indent: -1em;
    padding-left: 1em;
}

@media screen and (max-width: 768px) {
    .card-archives__comment {
        font-size: 2.4vw;
        width: 81.33333vw;
        margin: 4vw auto 0;
        line-height: 1.4;
    }
}

/*  lalaport
--------------------------------------------- */
.tab-contents {
    margin-top: 60px;
}

.divercity-tokyo .tab-contents {
    margin-top: 70px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .tab-contents {
        margin-top: 4.557vw;
    }
}

.tab-contents__ttl-lalaport {
    font-size: 2.2rem;
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
    .tab-contents__ttl-lalaport {
        font-size: 3.46667vw;
        margin-top: 4.557vw;
    }
}

.tab-contents__ttl-divercity-tokyo {
    font-size: 2.2rem;
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
    .tab-contents__ttl-divercity-tokyo {
        font-size: 3.46667vw;
        margin-top: 8vw;
        line-height: 1;
    }
}

.tab-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .tab-list {
        margin-top: 4vw;
    }
}

.tab-list__list-item {
    position: relative;
    width: 194px;
    height: 60px;
    margin-right: 1px;
    margin-bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #578af4;
    -webkit-transition: boder .3s;
    transition: boder .3s;
}

@media screen and (max-width: 768px) {
    .tab-list__list-item {
        width: 28.66667vw;
        height: 9.33333vw;
    }
}

.tab-list__list-item:nth-of-type(5n) {
    margin-right: 0;
}

@media screen and (max-width: 768px) {
    .tab-list__list-item:nth-of-type(5n) {
        margin-right: 1px;
    }
}

@media screen and (max-width: 768px) {
    .tab-list__list-item:nth-of-type(3n) {
        margin-right: 0;
    }
}

.tab-list__list-item:after {
    position: absolute;
    bottom: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transition: border .3s;
    transition: border .3s;
}

@media screen and (max-width: 768px) {
    .tab-list__list-item:after {
        bottom: 1.6vw;
        width: 0.8vw;
        height: 0.8vw;
    }
}

.tab-list__list-item:hover {
    border: none;
    background: -webkit-gradient(linear, left top, right top, from(#5789f4), to(#6fceda));
    background: linear-gradient(90deg, #5789f4 0%, #6fceda 100%);
}

.tab-list__list-item:hover:after {
    border-top: 1px solid #3b83c8;
    border-right: 1px solid #3b83c8;
}

.tab-list__list-item.current {
    border: none;
    background: -webkit-gradient(linear, left top, right top, from(#5789f4), to(#6fceda));
    background: linear-gradient(90deg, #5789f4 0%, #6fceda 100%);
}

.tab-list__list-item.current:after {
    border-top: 1px solid #3b83c8;
    border-right: 1px solid #3b83c8;
}

.tab-list__btn-container {
    width: 100%;
    height: 100%;
    padding: 1px;
}

.tab-list__btn {
    width: 100%;
    height: 100%;
    background-color: #3b83c8;
    position: relative;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
}

@media screen and (max-width: 768px) {
    .tab-list__btn {
        font-size: 2.53333vw;
    }
}

.tab-list__btn:hover {
    color: #3b83c8;
    background-color: #fff;
}

.current .tab-list__btn {
    color: #3b83c8;
    background-color: #fff;
}

.tab-items-container {
    display: none;
}

.tab-items-container.current {
    display: block;
}

.tab-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .tab-items {
        display: block;
    }
}

.divercity-tokyo .tab-items {
    margin-top: -10px;
}

@media screen and (max-width: 768px) {
    .divercity-tokyo .tab-items {
        margin-top: 0;
    }
}

/*  instagram/facebook 追記
--------------------------------------------- */
.tab-items-lead {
    margin-top: 30px;
    padding-left: 30px;
    display: flex;
    align-items: center;
    gap: 0 25px;
}
@media screen and (max-width: 768px) {
    .tab-items-lead {
        margin-top: 4vw;
        padding-left: 4vw;
        gap: 0 4vw;
    }
}

.tab-items-lead__icon {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}
@media screen and (max-width: 768px) {
    .tab-items-lead__icon {
        width: 8.66667vw;
        height: 8.66667vw;
    }
}

.tab-items-lead__icon img {
    width: 100%;
    height: 100%;
}

.tab-items-lead__txt {
    color: #3B83C8;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: normal;
}
@media screen and (max-width: 768px) {
    .tab-items-lead__txt {
        font-size: 2.93333vw;
    }
}

.tab-items-container--02 .sns-box__list-item {
    width: 302px;
    height: 100px;
}
@media screen and (max-width: 768px) {
    .tab-items-container--02 .sns-box__list-item {
        width: 100%;
        height: 22.66667vw;
    }
}

.tab-items-container--02 .sns-box__list-item {
    margin-left: 37px;
}
@media screen and (max-width: 768px) {
    .tab-items-container--02 .sns-box__list-item {
        margin-left: 0;
    }
}

.tab-items-container--02 .sns-box__list-item:nth-of-type(3n+1) {
    margin-left: 0;
}

.tab-items-container--02 .sns-box__list-item:before {
    content: normal;
}

.tab-items-container--02 .sns-box__list-item:after {
    content: normal;
}

.tab-items-container--02 .item-cassette__link {
    padding: 17px 20px;
}
@media screen and (max-width: 768px) {
    .tab-items-container--02 .item-cassette__link {
        padding: 2.13333vw 4vw;
    }
}

.tab-items-container--02 .item-cassette__txt-wrap {
    width: auto;
    margin-left: 0;
}

.tab-items-container--02 .item-cassette__account {
    line-height: calc(20 / 14);
}

.tab-items-container--02 .item-cassette__account:after {
    margin-bottom: 0;
}

.tab-list--02 .tab-list__btn {
    padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
    .tab-list--02 .tab-list__btn {
        padding-bottom: 1.6vw;
    }
}

.tab-list--02 .tab-list__list-item:after {
    bottom: 14px;
}
@media screen and (max-width: 768px) {
    .tab-list--02 .tab-list__list-item:after {
        bottom: 2.133vw;
    }
}

/*  instagram/facebook 追記（communicationtool固有）
--------------------------------------------- */
.communicationtool .item-cassette__account:after {
    margin-bottom: 0;
}

@media screen and (min-width: 769px) {
    .communicationtool .sns-box__list-item {
        height: 112px;
    }

    .communicationtool .sns-box__list-item:before {
        height: 80px;
    }

    .communicationtool .item-cassette__logo--expocity {
        width: 80px;
        margin-left: 53px;
    }

    .communicationtool .item-cassette__logo--miyashitapark {
        width: 58px;
        margin-left: 62px;
    }

    .communicationtool .item-cassette__logo--nihonbashi {
        width: 111px;
        margin-left: 38px;
    }

    .communicationtool .item-cassette__logo--muromachi {
        width: 107px;
        margin-left: 40px;
    }

    .communicationtool .item-cassette__logo--bellfa {
        width: 110px;
        margin-left: 39px;
    }

    .communicationtool .item-cassette__account--bellfa {
        letter-spacing: 0;
        white-space: nowrap;
    }

    .communicationtool .item-cassette__account--urban--l {
        letter-spacing: 0.04rem;
        white-space: nowrap;
    }
}

@media screen and (max-width: 768px) {
    .communicationtool .sns-box__list-item:before {
        left: 28vw;
    }

    .windows .communicationtool .sns-box__list-item:before {
        left: calc(28vw - 1.563vw);
    }

    .communicationtool .item-cassette__logo {
        width: 19.467vw;
        margin-left: 4vw;
    }

    .communicationtool .item-cassette__txt-wrap {
        width: 50.667vw;
    }

    .communicationtool .item-cassette__logo--lazona {
        width: 12.747vw;
        margin-left: 7.493vw;
    }

    .communicationtool .item-cassette__logo--mall {
        width: 13.493vw;
        margin-left: 7.12vw;
    }

    .communicationtool .item-cassette__logo--miyashitapark {
        width: 8.693vw;
        margin-left: 9.52vw;
    }

    .communicationtool .item-cassette__logo--expocity {
        width: 12vw;
        margin-left: 7.867vw;
    }

    .communicationtool .item-cassette__logo--divercity-tokyo {
        width: 16.027vw;
        margin-left: 5.627vw;
    }

    .communicationtool .item-cassette__logo--nihonbashi {
        width: 16.48vw;
        margin-left: 5.547vw;
    }

    .communicationtool .item-cassette__logo--muromachi {
        width: 16.64vw;
        margin-left: 5.867vw;
    }

    .communicationtool .item-cassette__logo--bellfa {
        width: 16.027vw;
        margin-left: 5.627vw;
    }

    .communicationtool .item-cassette__account--bellfa {
        white-space: nowrap;
    }

    .communicationtool .item-cassette__account--urban--l {
        white-space: nowrap;
    }
}

/*  202301追記
--------------------------------------------- */
.communicationtool .item-cassette__logo--vivit img {
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    .communicationtool .item-cassette__account {
        line-height: 1.5;
    }
}

/*  追記 kadoma
--------------------------------------------- */
.sns-box__list-item--kadoma {
  background: url("/communicationtool/img/kadoma_bg.png") no-repeat center center / 100% 100%;
}
.sns-box__list-item--kadoma:before {
  background-color: #5c98ee;
}
.sns-box__list-item--kadoma:after {
  border-color: transparent transparent #ef912c transparent;
}
.item-cassette__account--kadoma span:first-of-type {
    color: #3373b1;
}
.item-cassette__account--kadoma span:last-of-type {
    color: #ef912c;
}
.communicationtool-kadoma .sns__content-outlet {
  margin-top: 0;
  padding-top: 0;
}

/* ==========================================================
*
*   page
*
========================================================== */
/* ---------------------------------------------
*   Index Page
--------------------------------------------- */

/* snsの詳細ページを追加
*   detail Page
--------------------------------------------- */
@media screen and (max-width: 768px) {
  .archive-section__ttl-sns {
    font-size: 5vw;
  }
  .archive-section__ttl-sns::before {
    bottom: 0;
  }
}

.sns__content__item {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
}
@media screen and (min-width: 769px) {
  .sns__content__item {
    padding: 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__item {
    flex-wrap: wrap;
    padding: 8vw 0;
  }
}

.sns__content__item__wrapper {
  display: flex;
}
@media screen and (min-width: 769px) {
  .sns__content__item__wrapper {
    width: calc(100% - 106px);
  }
}
@media screen and (max-width: 768px) {
  .sns__content__item__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2.7vw 8.533vw 2.7vw 2.7vw;
    border: 1px solid #707070;
    border-radius: 1vw;
    background-color: #fff;
  }
  .sns__content__item__wrapper::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 4vw;
    transform: translateY(-50%);
    width: 1.8vw;
    height: 3.5vw;
    background: url("/communicationtool/img/arrow.svg") no-repeat center center / cover;
  }
}

@media screen and (max-width: 768px) {
  .sns__content__inner {
    flex-grow: 1;
  }
}

.sns__content__image img {
  width: 100%;
}
.sns__content__image.sns__content__image--x {
  text-align: center;
}
.sns__content__image.sns__content__image--x img {
  width: 78%;
}
.sns__content__image--tiktok {
  position: relative;
}
.sns__content__image--tiktok img {
  max-width: initial;
  max-height: initial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 769px) {
  .sns__content__image {
    width: 56px;
    flex-shrink: 0;
    margin-right: 24px;
  }
  .sns__content__image--tiktok img {
    width: 94px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__image {
    width: 10.7vw;
    margin-right: 3vw;
  }
  .sns__content__image--tiktok {
    min-height: calc(42 / 375 * 100vw);
  }
  .sns__content__image--tiktok img {
    width: 16vw;
  }
}

.sns__content__heading {
  font-weight: bold;
}
.sns__content__heading a {
  display: block;
}
@media screen and (min-width: 769px) {
  .sns__content__heading {
    margin-bottom: 17px;
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__heading {
    font-size: 3.8vw;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__text {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__text2 {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__text2 {
    width: 100%;
    margin-top: 4vw;
    font-size: 3.2vw;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__qr {
    width: 82px;
    margin-left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__qr {
    display: none;
  }
}

.sns__content-official {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 769px) {
  .sns__content-official {
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .sns__content-official {
    padding: 9.4vw 0;
  }
}
.sns__content-official::before {
  z-index: -1;
  position: absolute;
  content: "";
  display: block;
  right: 50%;
  top: 0;
  transform: translateX(50%);
  width: 100vw;
  height: 100%;
  background-color: #EDF5FF;
}
@media screen and (min-width: 769px) {
  .sns__content-official::before {
    min-width: 1280px;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__andmall {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__andmall {
    margin-top: 13.4vw;
  }
}

@media screen and (max-width: 768px) {
  .sns__content__andmall__img {
    width: 60vw;
    margin: 0 auto;
  }
  .sns__content__andmall__img img {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__mail {
    display: flex;
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__mail {
    margin-top: 7vw;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__mail__left, .sns__content__mail__right {
    width: 50%;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__mail__right {
    margin-top: auto;
    padding-left: 20px;
  }
}

@media screen and (min-width: 769px) {
  .sns__content__mail__right a {
    margin-top: 25px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__mail__right a {
    margin-top: 3.4vw;
  }
}

@media screen and (max-width: 768px) {
  .sns__content__mail__left {
    margin-bottom: 4.7vw;
  }
}

.sns__content__mail__info  {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .sns__content__mail__info  {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__mail__info  {
    margin-bottom: 3.4vw
  }
}

@media screen and (min-width: 769px) {
  .sns__content__mail__info div  {
    width: 64px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__mail__info div  {
    width: 15.5vw;
    margin-right: 2.8vw;
  }
}

.sns__content__mail__link {
  display: flex;
}

.sns__content__mail__link a {
  margin: 0 !important;
}
@media screen and (min-width: 769px) {
  .sns__content__mail__link a::after {
    right: 12px;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__mail__link a::after {
    right: 1.6vw;
  }
}
@media screen and (min-width: 769px) {
  .sns__content__mail__link a:not(:last-of-type) {
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .sns__content__mail__link a:not(:last-of-type) {
    margin-right: 1.4vw !important;
  }
}

/* ==========================================================
*
*   utility
*
========================================================== */
/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
    margin-top: 0 !important;
}

.mgt-pc--5 {
    margin-top: 5px !important;
}

.mgt-pc--10 {
    margin-top: 10px !important;
}

.mgt-pc--15 {
    margin-top: 15px !important;
}

.mgt-pc--20 {
    margin-top: 20px !important;
}

.mgt-pc--25 {
    margin-top: 25px !important;
}

.mgt-pc--30 {
    margin-top: 30px !important;
}

.mgt-pc--35 {
    margin-top: 35px !important;
}

.mgt-pc--40 {
    margin-top: 40px !important;
}

.mgt-pc--45 {
    margin-top: 45px !important;
}

.mgt-pc--50 {
    margin-top: 50px !important;
}

.mgt-pc--55 {
    margin-top: 55px !important;
}

.mgt-pc--60 {
    margin-top: 60px !important;
}

.mgt-pc--65 {
    margin-top: 65px !important;
}

.mgt-pc--70 {
    margin-top: 70px !important;
}

.mgt-pc--75 {
    margin-top: 75px !important;
}

.mgt-pc--80 {
    margin-top: 80px !important;
}

.mgt-pc--85 {
    margin-top: 85px !important;
}

.mgt-pc--90 {
    margin-top: 90px !important;
}

.mgt-pc--95 {
    margin-top: 95px !important;
}

.mgt-pc--100 {
    margin-top: 100px !important;
}

.mgt-pc--105 {
    margin-top: 105px !important;
}

.mgt-pc--110 {
    margin-top: 110px !important;
}

.mgt-pc--115 {
    margin-top: 115px !important;
}

.mgt-pc--120 {
    margin-top: 120px !important;
}

.mgt-pc--125 {
    margin-top: 125px !important;
}

.mgt-pc--130 {
    margin-top: 130px !important;
}

.mgt-pc--135 {
    margin-top: 135px !important;
}

.mgt-pc--140 {
    margin-top: 140px !important;
}

.mgt-pc--145 {
    margin-top: 145px !important;
}

.mgt-pc--150 {
    margin-top: 150px !important;
}

.mgt-pc--155 {
    margin-top: 155px !important;
}

.mgt-pc--160 {
    margin-top: 160px !important;
}

.mgt-pc--165 {
    margin-top: 165px !important;
}

.mgt-pc--170 {
    margin-top: 170px !important;
}

.mgt-pc--175 {
    margin-top: 175px !important;
}

.mgt-pc--180 {
    margin-top: 180px !important;
}

.mgt-pc--185 {
    margin-top: 185px !important;
}

.mgt-pc--190 {
    margin-top: 190px !important;
}

.mgt-pc--195 {
    margin-top: 195px !important;
}

.mgt-pc--200 {
    margin-top: 200px !important;
}

.mgt-pc--205 {
    margin-top: 205px !important;
}

.mgt-pc--210 {
    margin-top: 210px !important;
}

.mgt-pc--215 {
    margin-top: 215px !important;
}

.mgt-pc--220 {
    margin-top: 220px !important;
}

.mgt-pc--225 {
    margin-top: 225px !important;
}

.mgt-pc--230 {
    margin-top: 230px !important;
}

.mgt-pc--235 {
    margin-top: 235px !important;
}

.mgt-pc--240 {
    margin-top: 240px !important;
}

.mgt-pc--245 {
    margin-top: 245px !important;
}

.mgt-pc--250 {
    margin-top: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgt-sp--0 {
        margin-top: 0 !important;
    }
    .mgt-sp--5 {
        margin-top: 0.66667vw !important;
    }
    .mgt-sp--10 {
        margin-top: 1.33333vw !important;
    }
    .mgt-sp--15 {
        margin-top: 2vw !important;
    }
    .mgt-sp--20 {
        margin-top: 2.66667vw !important;
    }
    .mgt-sp--25 {
        margin-top: 3.33333vw !important;
    }
    .mgt-sp--30 {
        margin-top: 4vw !important;
    }
    .mgt-sp--35 {
        margin-top: 4.66667vw !important;
    }
    .mgt-sp--40 {
        margin-top: 5.33333vw !important;
    }
    .mgt-sp--45 {
        margin-top: 6vw !important;
    }
    .mgt-sp--50 {
        margin-top: 6.66667vw !important;
    }
    .mgt-sp--55 {
        margin-top: 7.33333vw !important;
    }
    .mgt-sp--60 {
        margin-top: 8vw !important;
    }
    .mgt-sp--65 {
        margin-top: 8.66667vw !important;
    }
    .mgt-sp--70 {
        margin-top: 9.33333vw !important;
    }
    .mgt-sp--75 {
        margin-top: 10vw !important;
    }
    .mgt-sp--80 {
        margin-top: 10.66667vw !important;
    }
    .mgt-sp--85 {
        margin-top: 11.33333vw !important;
    }
    .mgt-sp--90 {
        margin-top: 12vw !important;
    }
    .mgt-sp--95 {
        margin-top: 12.66667vw !important;
    }
    .mgt-sp--100 {
        margin-top: 13.33333vw !important;
    }
    .mgt-sp--105 {
        margin-top: 14vw !important;
    }
    .mgt-sp--110 {
        margin-top: 14.66667vw !important;
    }
    .mgt-sp--115 {
        margin-top: 15.33333vw !important;
    }
    .mgt-sp--120 {
        margin-top: 16vw !important;
    }
    .mgt-sp--125 {
        margin-top: 16.66667vw !important;
    }
    .mgt-sp--130 {
        margin-top: 17.33333vw !important;
    }
    .mgt-sp--135 {
        margin-top: 18vw !important;
    }
    .mgt-sp--140 {
        margin-top: 18.66667vw !important;
    }
    .mgt-sp--145 {
        margin-top: 19.33333vw !important;
    }
    .mgt-sp--150 {
        margin-top: 20vw !important;
    }
    .mgt-sp--155 {
        margin-top: 20.66667vw !important;
    }
    .mgt-sp--160 {
        margin-top: 21.33333vw !important;
    }
    .mgt-sp--165 {
        margin-top: 22vw !important;
    }
    .mgt-sp--170 {
        margin-top: 22.66667vw !important;
    }
    .mgt-sp--175 {
        margin-top: 23.33333vw !important;
    }
    .mgt-sp--180 {
        margin-top: 24vw !important;
    }
    .mgt-sp--185 {
        margin-top: 24.66667vw !important;
    }
    .mgt-sp--190 {
        margin-top: 25.33333vw !important;
    }
    .mgt-sp--195 {
        margin-top: 26vw !important;
    }
    .mgt-sp--200 {
        margin-top: 26.66667vw !important;
    }
    .mgt-sp--205 {
        margin-top: 27.33333vw !important;
    }
    .mgt-sp--210 {
        margin-top: 28vw !important;
    }
    .mgt-sp--215 {
        margin-top: 28.66667vw !important;
    }
    .mgt-sp--220 {
        margin-top: 29.33333vw !important;
    }
    .mgt-sp--225 {
        margin-top: 30vw !important;
    }
    .mgt-sp--230 {
        margin-top: 30.66667vw !important;
    }
    .mgt-sp--235 {
        margin-top: 31.33333vw !important;
    }
    .mgt-sp--240 {
        margin-top: 32vw !important;
    }
    .mgt-sp--245 {
        margin-top: 32.66667vw !important;
    }
    .mgt-sp--250 {
        margin-top: 33.33333vw !important;
    }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */
.mgb-pc--0 {
    margin-bottom: 0 !important;
}

.mgb-pc--5 {
    margin-bottom: 5px !important;
}

.mgb-pc--10 {
    margin-bottom: 10px !important;
}

.mgb-pc--15 {
    margin-bottom: 15px !important;
}

.mgb-pc--20 {
    margin-bottom: 20px !important;
}

.mgb-pc--25 {
    margin-bottom: 25px !important;
}

.mgb-pc--30 {
    margin-bottom: 30px !important;
}

.mgb-pc--35 {
    margin-bottom: 35px !important;
}

.mgb-pc--40 {
    margin-bottom: 40px !important;
}

.mgb-pc--45 {
    margin-bottom: 45px !important;
}

.mgb-pc--50 {
    margin-bottom: 50px !important;
}

.mgb-pc--55 {
    margin-bottom: 55px !important;
}

.mgb-pc--60 {
    margin-bottom: 60px !important;
}

.mgb-pc--65 {
    margin-bottom: 65px !important;
}

.mgb-pc--70 {
    margin-bottom: 70px !important;
}

.mgb-pc--75 {
    margin-bottom: 75px !important;
}

.mgb-pc--80 {
    margin-bottom: 80px !important;
}

.mgb-pc--85 {
    margin-bottom: 85px !important;
}

.mgb-pc--90 {
    margin-bottom: 90px !important;
}

.mgb-pc--95 {
    margin-bottom: 95px !important;
}

.mgb-pc--100 {
    margin-bottom: 100px !important;
}

.mgb-pc--105 {
    margin-bottom: 105px !important;
}

.mgb-pc--110 {
    margin-bottom: 110px !important;
}

.mgb-pc--115 {
    margin-bottom: 115px !important;
}

.mgb-pc--120 {
    margin-bottom: 120px !important;
}

.mgb-pc--125 {
    margin-bottom: 125px !important;
}

.mgb-pc--130 {
    margin-bottom: 130px !important;
}

.mgb-pc--135 {
    margin-bottom: 135px !important;
}

.mgb-pc--140 {
    margin-bottom: 140px !important;
}

.mgb-pc--145 {
    margin-bottom: 145px !important;
}

.mgb-pc--150 {
    margin-bottom: 150px !important;
}

.mgb-pc--155 {
    margin-bottom: 155px !important;
}

.mgb-pc--160 {
    margin-bottom: 160px !important;
}

.mgb-pc--165 {
    margin-bottom: 165px !important;
}

.mgb-pc--170 {
    margin-bottom: 170px !important;
}

.mgb-pc--175 {
    margin-bottom: 175px !important;
}

.mgb-pc--180 {
    margin-bottom: 180px !important;
}

.mgb-pc--185 {
    margin-bottom: 185px !important;
}

.mgb-pc--190 {
    margin-bottom: 190px !important;
}

.mgb-pc--195 {
    margin-bottom: 195px !important;
}

.mgb-pc--200 {
    margin-bottom: 200px !important;
}

.mgb-pc--205 {
    margin-bottom: 205px !important;
}

.mgb-pc--210 {
    margin-bottom: 210px !important;
}

.mgb-pc--215 {
    margin-bottom: 215px !important;
}

.mgb-pc--220 {
    margin-bottom: 220px !important;
}

.mgb-pc--225 {
    margin-bottom: 225px !important;
}

.mgb-pc--230 {
    margin-bottom: 230px !important;
}

.mgb-pc--235 {
    margin-bottom: 235px !important;
}

.mgb-pc--240 {
    margin-bottom: 240px !important;
}

.mgb-pc--245 {
    margin-bottom: 245px !important;
}

.mgb-pc--250 {
    margin-bottom: 250px !important;
}

@media screen and (max-width: 768px) {
    .mgb-sp--0 {
        margin-bottom: 0 !important;
    }
    .mgb-sp--5 {
        margin-bottom: 0.66667vw !important;
    }
    .mgb-sp--10 {
        margin-bottom: 1.33333vw !important;
    }
    .mgb-sp--15 {
        margin-bottom: 2vw !important;
    }
    .mgb-sp--20 {
        margin-bottom: 2.66667vw !important;
    }
    .mgb-sp--25 {
        margin-bottom: 3.33333vw !important;
    }
    .mgb-sp--30 {
        margin-bottom: 4vw !important;
    }
    .mgb-sp--35 {
        margin-bottom: 4.66667vw !important;
    }
    .mgb-sp--40 {
        margin-bottom: 5.33333vw !important;
    }
    .mgb-sp--45 {
        margin-bottom: 6vw !important;
    }
    .mgb-sp--50 {
        margin-bottom: 6.66667vw !important;
    }
    .mgb-sp--55 {
        margin-bottom: 7.33333vw !important;
    }
    .mgb-sp--60 {
        margin-bottom: 8vw !important;
    }
    .mgb-sp--65 {
        margin-bottom: 8.66667vw !important;
    }
    .mgb-sp--70 {
        margin-bottom: 9.33333vw !important;
    }
    .mgb-sp--75 {
        margin-bottom: 10vw !important;
    }
    .mgb-sp--80 {
        margin-bottom: 10.66667vw !important;
    }
    .mgb-sp--85 {
        margin-bottom: 11.33333vw !important;
    }
    .mgb-sp--90 {
        margin-bottom: 12vw !important;
    }
    .mgb-sp--95 {
        margin-bottom: 12.66667vw !important;
    }
    .mgb-sp--100 {
        margin-bottom: 13.33333vw !important;
    }
    .mgb-sp--105 {
        margin-bottom: 14vw !important;
    }
    .mgb-sp--110 {
        margin-bottom: 14.66667vw !important;
    }
    .mgb-sp--115 {
        margin-bottom: 15.33333vw !important;
    }
    .mgb-sp--120 {
        margin-bottom: 16vw !important;
    }
    .mgb-sp--125 {
        margin-bottom: 16.66667vw !important;
    }
    .mgb-sp--130 {
        margin-bottom: 17.33333vw !important;
    }
    .mgb-sp--135 {
        margin-bottom: 18vw !important;
    }
    .mgb-sp--140 {
        margin-bottom: 18.66667vw !important;
    }
    .mgb-sp--145 {
        margin-bottom: 19.33333vw !important;
    }
    .mgb-sp--150 {
        margin-bottom: 20vw !important;
    }
    .mgb-sp--155 {
        margin-bottom: 20.66667vw !important;
    }
    .mgb-sp--160 {
        margin-bottom: 21.33333vw !important;
    }
    .mgb-sp--165 {
        margin-bottom: 22vw !important;
    }
    .mgb-sp--170 {
        margin-bottom: 22.66667vw !important;
    }
    .mgb-sp--175 {
        margin-bottom: 23.33333vw !important;
    }
    .mgb-sp--180 {
        margin-bottom: 24vw !important;
    }
    .mgb-sp--185 {
        margin-bottom: 24.66667vw !important;
    }
    .mgb-sp--190 {
        margin-bottom: 25.33333vw !important;
    }
    .mgb-sp--195 {
        margin-bottom: 26vw !important;
    }
    .mgb-sp--200 {
        margin-bottom: 26.66667vw !important;
    }
    .mgb-sp--205 {
        margin-bottom: 27.33333vw !important;
    }
    .mgb-sp--210 {
        margin-bottom: 28vw !important;
    }
    .mgb-sp--215 {
        margin-bottom: 28.66667vw !important;
    }
    .mgb-sp--220 {
        margin-bottom: 29.33333vw !important;
    }
    .mgb-sp--225 {
        margin-bottom: 30vw !important;
    }
    .mgb-sp--230 {
        margin-bottom: 30.66667vw !important;
    }
    .mgb-sp--235 {
        margin-bottom: 31.33333vw !important;
    }
    .mgb-sp--240 {
        margin-bottom: 32vw !important;
    }
    .mgb-sp--245 {
        margin-bottom: 32.66667vw !important;
    }
    .mgb-sp--250 {
        margin-bottom: 33.33333vw !important;
    }
}

@media screen and (min-width: 769px) {
    .pc-hide {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .sp-hide {
        display: none !important;
    }
}

/* ---------------------------------------------
*   202311追記
--------------------------------------------- */
.logo.logo--mfg {
    height: auto !important;
    width: auto !important;
}
@media screen and (min-width: 769px) {
    .logo.logo--mfg {
        margin-top: 10px !important;
        margin-right: 16px !important;
    }
}
.logo.logo--mfg .header-link-sclist {
    display: block;
    will-change: auto;
}
.logo.logo--mfg .header-link-sclist img {
    height: auto;
}