@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");
/*--------------------------------------------------
  reset
--------------------------------------------------*/
img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  font-size: 0;
  line-height: 0; }
  @media (max-width: 900px) {
    img {
      width: 100%; } }

sup {
  position: relative;
  top: .2em;
  font-size: 60%;
  vertical-align: top; }

/*--------------------------------------------------
  responsive
--------------------------------------------------*/
.for-pc {
  display: block !important; }
  @media (max-width: 900px) {
    .for-pc {
      display: none !important; } }

.for-sp {
  display: none !important; }
  @media (max-width: 900px) {
    .for-sp {
      display: block !important; } }

img.for-pc,
span.for-pc,
br.for-pc {
  display: inline !important; }
  @media (max-width: 900px) {
    img.for-pc,
    span.for-pc,
    br.for-pc {
      display: none !important; } }

img.for-sp,
span.for-sp,
br.for-sp {
  display: none !important; }
  @media (max-width: 900px) {
    img.for-sp,
    span.for-sp,
    br.for-sp {
      display: inline !important; } }

/*--------------------------------------------------
  common
--------------------------------------------------*/
/*--------------------------------------------------
  contents
--------------------------------------------------*/
body {
  font-size: 100%;
  color: #131617; }

.font-josefin {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400; }

.l-main {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  line-height: 1;
  overflow: inherit; }
  .l-main a {
    -webkit-transition: .3s;
    transition: .3s; }
    .l-main a:hover {
      text-decoration: none !important;
      opacity: .6; }
  .l-main *,
  .l-main *::before,
  .l-main *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.l-content {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto; }

.ginza * {
  letter-spacing: 0.15em; }

.ginza__hero {
  position: relative; }

@media (max-width: 900px) {
  .ginza__hero__img {
    width: 100%; } }

@media (max-width: 1200px) {
  .ginza__hero__img img {
    width: 1200px;
    height: 577px;
    -o-object-fit: cover;
    object-fit: cover; } }

.ginza__lead {
  display: block;
  position: relative;
  max-width: 980px;
  margin: 100px auto 150px; }
  @media (max-width: 900px) {
    .ginza__lead {
      margin: 16vw auto 16.66667vw; } }

.ginza__lead__txt {
  text-align: center;
  font-size: 17px;
  line-height: 2.2; }
  @media (max-width: 900px) {
    .ginza__lead__txt {
      font-size: 3.73333vw; } }
  .ginza__lead__txt + .ginza__lead__txt {
    margin-top: 40px; }

.ginza__lead__img {
  position: absolute;
  top: -56px;
  left: -58px;
  width: 198px; }

.ginza__inner {
  position: relative;
  max-width: 960px;
  margin: 0 auto 60px; }
.is--gray .ginza__inner {
  border-bottom: 1px solid #AFAFAF; 

  border-bottom:1px solid #C9C9C9;}
  @media (max-width: 900px) {
    .ginza__inner {
      position: relative;
      max-width: 980px;
      margin: 0 auto 20px;}
    .is--gray .ginza__inner {
      border-bottom:1px solid #C9C9C9;}
    .colormachine .ginza__inner {
      position: relative;
      max-width: 980px;
      margin: 0 auto;
      padding-bottom: 20px;
      border-bottom: 1px solid #C9C9C9;
    }
  }

.ginza__menu {
  position: relative;
  background: #ebebeb;
  padding: 60px 20px 24px; }
  @media (max-width: 900px) {
    .ginza__menu {
      padding: 13.33333vw 7.33333vw; } }

.ginza__menu__ttl {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -38%);
  transform: translate(-50%, -38%);
  font-size: 32px; }
  @media (max-width: 900px) {
    .ginza__menu__ttl {
      font-size: 6.66667vw; } }

.ginza__menu__ttl--inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -38%);
  transform: translate(-50%, 0%);
  font-size: 32px; }
    @media (max-width: 900px) {
      .ginza__menu__ttl--inner {
        position: absolute;
        top: 38.5%;
        left: 50%;
        width: 100vw;
        text-align: center;
        font-size: 6.66667vw; } }
      

.ginza__menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 900px) {
    .ginza__menu__list {
      display: block; } }

.ginza__menu__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 49%;
  height: 80px;
  padding: 20px 40px;
  background: #fff;
  color: #555555;
  -webkit-box-shadow: 0 3px 0 rgba(59, 64, 67, 0.36);
  box-shadow: 0 3px 0 rgba(59, 64, 67, 0.36); }
  @media (max-width: 900px) {
    .ginza__menu__nav {
      width: 100%;
      height: 18.66667vw;
      padding: 4.66667vw 5.33333vw;
      margin-top: 6.66667vw; }
      /* .ginza__menu__nav + .ginza__menu__nav {
        margin-top: 6.66667vw; } */
      } 
  /* .ginza__menu__nav:nth-of-type(n + 3) {
    margin-top: 40px; } */
    @media (max-width: 900px) {

      /* .ginza__menu__nav:nth-of-type(n + 3) {
        margin-top: 6.66667vw; }  */
      }
  .ginza__menu__nav::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 9%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 11px;
    height: 11px;
    border: 1px solid #555;
    border-top: none;
    border-left: none; }
    @media (max-width: 900px) {
      .ginza__menu__nav::after {
        right: 6.66667vw;
        width: 2.4vw;
        height: 2.4vw; } }

.ginza__menu__icon {
  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: 39px; 
}
@media (max-width: 900px) {
  .ginza__menu__icon {
    width: 8.8vw; }
}

.ginza__menu__nav:nth-of-type(1) .ginza__menu__icon img {
  width: 32px;
}
@media (max-width: 900px) {
  .ginza__menu__nav:nth-of-type(1) .ginza__menu__icon img {
    width: 7.33333vw; } 
}

.ginza__menu__nav:nth-of-type(2) .ginza__menu__icon img {
  width: 26px;
}
@media (max-width: 900px) {
  .ginza__menu__nav:nth-of-type(2) .ginza__menu__icon img {
    width: 5vw; } 
}

.ginza__menu__nav:nth-of-type(3) .ginza__menu__icon img {
  width: 38px; 
}
@media (max-width: 900px) {
  .ginza__menu__nav:nth-of-type(3) .ginza__menu__icon img {
    width: 7.33333vw; } 
}

.ginza__menu__nav:nth-of-type(4) .ginza__menu__icon img {
  width: 38px; 
}
@media (max-width: 900px) {
  .ginza__menu__nav:nth-of-type(4) .ginza__menu__icon img {
    width: 8.53333vw; } 
}

.ginza__menu__nav:nth-of-type(5) .ginza__menu__icon img {
  width: 33px;
}
@media (max-width: 900px) {
  .ginza__menu__nav:nth-of-type(5) .ginza__menu__icon img {
    width: 7.33333vw; } 
}

  /*--- 240125追加分 ---*/
  .ginza__menu__nav--sub{
    width: 40%;
    max-width: 470px;
  }
  @media (max-width: 900px) {
    .ginza__menu__nav--sub{
      width: 90%;
      max-width: 100%;
      margin: 0 auto 20px;
    }
    .ginza__menu__nav--sub:nth-of-type(2){
      margin: 0 auto 20px;
    }
  }
  /*/--- 240125追加分ここまで ---*/

.ginza__menu__content {
  width: calc(100% - 70px); }
  @media (max-width: 900px) {
    .ginza__menu__content {
      width: calc(100% - 11.73333vw); } }

.ginza__menu__en {
  font-size: 16px; }
  @media (max-width: 900px) {
    .ginza__menu__en {
      font-size: 3.46667vw;
      letter-spacing: 0.05em; } }

.ginza__menu__ja {
  margin-top: .5em;
  font-size: 14px; }
  @media (max-width: 900px) {
    .ginza__menu__ja {
      font-size: 3.46667vw;
      letter-spacing: 0.08em; } }

.ginza__content {
  padding: 100px 20px 20px;
  overflow: hidden; }
  @media (max-width: 900px) {
    .ginza__content {
      padding: 12vw 6.66667vw; }
    .ginza__content:first-of-type{
        padding-top:12vw;}}
  .ginza__content.is--gray {
    background: #f5f6f7;
    padding-bottom: 0;
   }

.ginza__content__desc {
  display: block;
  width: 50%; }
  @media (max-width: 900px) {
    .ginza__content__desc {
      width: 100%; } }
  .mymits .ginza__content__desc {
    width: 53%;
  }
  @media (max-width: 900px) {
    .mymits .ginza__content__desc {
      width: 100%; } }


.ginza__content__ttl {
  width: 356px; }
  @media (max-width: 900px) {
    .ginza__content__ttl {
      width: 68.26667vw; } }
  .skincheck .ginza__content__ttl {
    width: 376px;
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
    @media (max-width: 900px) {
      .skincheck .ginza__content__ttl {
        width: 66vw; } }
  .blowbar .ginza__content__ttl {
    width: 354px; }
    @media (max-width: 900px) {
      .blowbar .ginza__content__ttl {
        width: 62.93333vw; } }
  .personal .ginza__content__ttl {
    width: 468px; }
    @media (max-width: 900px) {
      .personal .ginza__content__ttl {
        width: 78vw; } }
  .cosmeguide .ginza__content__ttl {
    width: 491px; }
    @media (max-width: 900px) {
      .cosmeguide .ginza__content__ttl {
        width: 77.06667vw; } }
  .mymits .ginza__content__ttl {
    width: 468px;
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
    @media (max-width: 900px) {
      .mymits .ginza__content__ttl {
        width: 78vw; } }
.ginza__content__ttl__num{
    font-size: 36px;
    color: #B2B2B2;
    margin-right: 12px;
}
@media (max-width: 900px) {
  .ginza__content__ttl__num{
    font-size: 28px;
    color: #B2B2B2;
    margin-right: 12px;} }

.ginza__content__img {
  position: absolute;
  right: 0; }
  @media (max-width: 900px) {
    .ginza__content__img {
      display: block;
      position: static;
      margin-top: 8vw; } }
  .colormachine .ginza__content__img {
    top: 97px;
    width: 390px; }
    @media (max-width: 900px) {
      .colormachine .ginza__content__img {
        width: 100%; } }
  .skincheck .ginza__content__img {
    top: 0;
    width: 398px; }
    @media (max-width: 900px) {
      .skincheck .ginza__content__img {
        width: 100%; } }
  .blowbar .ginza__content__img {
    top: 0;
    width: 394px; }
    @media (max-width: 900px) {
      .blowbar .ginza__content__img {
        width: 92.66667vw;
        margin-right: -7.33333vw; } }
  .ginza__content__img img {
    width: 100%; }
  .personal .ginza__content__img {
    top: 0;
    width: 380px; }
    @media (max-width: 900px) {
      .personal .ginza__content__img {
        width: 87.33333vw;
        -webkit-transform: translateX(6.66667vw);
        transform: translateX(6.66667vw); } }
  .cosmeguide .ginza__content__img {
    top: 0;
    width: 380px; }
    @media (max-width: 900px) {
      .cosmeguide .ginza__content__img {
        width: 87.33333vw;
        -webkit-transform: translateX(6.66667vw);
        transform: translateX(6.66667vw); } }
  .mymits .ginza__content__img {
    top: 0;
    width: 380px; }
    @media (max-width: 900px) {
      .mymits .ginza__content__img {
        width: 87.33333vw;
        -webkit-transform: translateX(6.66667vw);
        transform: translateX(0.5vw); } }

.ginza__content__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 30px; }
  @media (max-width: 900px) {
    .ginza__content__icon {
      margin-top: 6vw; } }

.ginza__content__icon__item {
  display: inline-block;
  padding: .8em 1em .5em;
  background: #afafaf;
  color: #fff;
  font-size: 14px; }
  @media (max-width: 900px) {
    .ginza__content__icon__item {
      font-size: 3.6vw; } }
  .ginza__content__icon__item + .ginza__content__icon__item {
    margin-left: 10px; }
    @media (max-width: 900px) {
      .ginza__content__icon__item + .ginza__content__icon__item {
        margin-left: 4vw; } }
  .ginza__content__icon__item.is--yellow {
    background: #e6cb97; }
  .ginza__content__icon__item.is--green {
    background: #ABC6A6; }

.ginza__content__lead {
  margin-top: 24px; }
  @media (max-width: 900px) {
    .ginza__content__lead {
      margin-top: 5.33333vw; } }
  .ginza__content__lead span {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.8;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #DAEAF7));
    background: -webkit-linear-gradient(transparent 60%, #DAEAF7 60%);
    background: linear-gradient(transparent 60%, #DAEAF7 60%); }
    @media (max-width: 900px) {
      .ginza__content__lead span {
        font-size: 4vw;
        line-height: 2.2; } }

.ginza__content__txt {
  margin-top: 26px;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.8;
  color: #555; }
  @media (max-width: 900px) {
    .ginza__content__txt {
      margin-top: 1em;
      font-size: 3.73333vw; } }

.ginza__content__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
  .colormachine .ginza__content__sub:last-of-type{
    padding-bottom: 36px;
    border-bottom:1px solid #AFAFAF;}
    @media (max-width: 900px) {
      .colormachine .ginza__content__sub:last-of-type{
        padding-bottom: 36px;
        border-bottom: none;}
    }
  
  .is--gray .ginza__content__sub {
  padding-bottom: 20px;}
  @media (max-width: 900px) {
    .is--gray .ginza__content__sub {
    padding-bottom: 20px;}
  }

  .ginza__content__sub.is--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  @media (max-width: 900px) {
    .ginza__content__sub {
      display: block; } }

.ginza__content__sub__box {
  display: block;
  width: 50%;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #AFAFAF; }
  @media (max-width: 900px) {
    .ginza__content__sub__box {
      width: 100%;
      margin-top: 6.66667vw;
      padding-top: 6.66667vw;
      border-top: 1px solid #C9C9C9; }
      .ginza__content__sub__box + .ginza__content__sub__box {
      padding-top: 0;
      border-top: none; } }

  .ginza__content__sub__txt{
  display: block;
  margin-left: auto;
  width: 425px;
  font-size: 13px;
  color: #818181;
  text-align: center;
}
@media (max-width: 900px) {
  .ginza__content__sub__txt{
    display: block;
    margin-left: auto;
    width: 88vw;
    font-size: 13px;
    color: #818181;
    text-align: left;
    line-height: 1.5;
  }
}

.ginza__content__detail + .ginza__content__detail {
  margin-top: 30px; }
  @media (max-width: 900px) {
    .ginza__content__detail + .ginza__content__detail {
      margin-top: 6.66667vw; } }

.ginza__content__detail dt {
  color: #606060;
  font-size: 14px;
  font-weight: bold; }
  @media (max-width: 900px) {
    .ginza__content__detail dt {
      font-size: 3.46667vw; } }

.ginza__content__detail dd {
  margin-top: .8em;
  color: #606060;
  font-size: 14px;
  line-height: 1.5; }
  @media (max-width: 900px) {
    .ginza__content__detail dd {
      font-size: 4vw; } }

.ginza__content__flow__ttl {
  color: #606060;
  font-size: 14px;
  font-weight: bold; }
  @media (max-width: 900px) {
    .ginza__content__flow__ttl {
      font-size: 3.46667vw; } }
.mymits .ginza__content__flow__ttl {
  margin-bottom: 1em;
}

.ginza__content__flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: .8em; }
  .ginza__content__flow__item + .ginza__content__flow__item {
    margin-top: 20px; }
    @media (max-width: 900px) {
      .ginza__content__flow__item + .ginza__content__flow__item {
        margin-top: 4vw; } }

.ginza__content__flow__txt {
  max-width: 300px; }
.skincheck .ginza__content__flow__txt , .mymits .ginza__content__flow__txt{
    max-width: 80%; }
  @media (max-width: 900px) {
    .ginza__content__flow__txt {
      max-width: 48vw; }
    .skincheck .ginza__content__flow__txt , .mymits .ginza__content__flow__txt {
      max-width: 48vw; } }
  .ginza__content__flow__txt dt {
    color: #606060;
    font-size: 14px; }
    @media (max-width: 900px) {
      .ginza__content__flow__txt dt {
        font-size: 3.46667vw; }
      .mymits .ginza__content__flow__txt dt {
        line-height: 1.5;} }
  .ginza__content__flow__txt dd {
    margin-top: .8em;
    color: #606060;
    font-size: 13px;
    line-height: 1.8; }
    @media (max-width: 900px) {
      .ginza__content__flow__txt dd {
        font-size: 3.46667vw;
        line-height: 1.4; } }
  .cosmeguide .ginza__content__flow__txt {
    max-width: 100%; }

.ginza__content__flow__img {
  width: 140px; }
  @media (max-width: 900px) {
    .ginza__content__flow__img {
      width: 33.33333vw;
      margin-top: 3.73333vw; } }

.mymits .ginza__content__flow__img {
  width: 220px;
  position: relative;
  left: -16%; }
  @media (max-width: 900px) {
    .mymits .ginza__content__flow__img {
      width: 33.33333vw;
      margin-top: 10vw;
      position: static; } }

.ginza__content__notebox{
  width: 100%;
  padding-bottom: 24px;
}

.ginza__content__note {
  margin-top: 24px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  font-weight: normal;
  color: #818181;
  line-height: 2;}
  @media (max-width: 900px) {
    .ginza__content__note {
      font-size: 2.66667vw;
      line-height: 1.6; 
      margin-left: 0;
      margin-top: 0em;} }
  .ginza__content__note + .ginza__content__note {
    margin-top: .5em; }
  .ginza__content__cta .ginza__content__note:first-child {
    margin-top: 2em; }
  .ginza__content__cta .ginza__content__note:first-child {
    margin-top: 0; }
  .ginza__content__note a {
    color: #3680a3;
    text-decoration: underline; }
  .ginza__content__note.is--number {
    padding-left: 1.9em;
    text-indent: -1.9em; }
  .ginza__content__note strong {
    font-size: inherit; }

.ginza__content__cta {
  width: 425px;
  margin-left: auto; }
  @media (max-width: 900px) {
    .ginza__content__cta {
      width: 100%; } }

.ginza__content__ctalead {
  font-size: 12px;
  line-height: 2;
  color: #606060;
  letter-spacing: normal;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }
  @media (max-width: 900px) {
    .ginza__content__ctalead {
      font-size: 2.93333vw; } }
  .colormachine .ginza__content__ctalead {
    padding-left: 1em;
    text-indent: -1em; }

.ginza__content__btn {
  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;
  position: relative;
  width: 100%;
  height: 70px;
  margin-top: 20px;
  background: #3b4043; }
  @media (max-width: 900px) {
    .ginza__content__btn {
      height: 17.33333vw;
      margin-top: 5.33333vw; } }
  .ginza__content__btn:hover {
    background: #000;
    opacity: 1 !important; }
  .ginza__content__btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    border-bottom: none;
    border-left: none; }
    @media (max-width: 900px) {
      .ginza__content__btn::after {
        right: 4vw;
        width: 2.4vw;
        height: 2.4vw;
        border: 1px solid #fff;
        border-bottom: none;
        border-left: none; } }

.ginza__content__btn__icon {
  width: 22px;
  margin-right: 22px; }
  @media (max-width: 900px) {
    .ginza__content__btn__icon {
      width: 5.33333vw;
      margin-right: 5.33333vw; } }

.ginza__content__btn__txt {
  color: #fff;
  font-size: 17px; }
  @media (max-width: 900px) {
    .ginza__content__btn__txt {
      font-size: 4.4vw; } }

.ginza__content__plan {
  margin-top: 37px; }
  @media (max-width: 900px) {
    .ginza__content__plan {
      margin-top: 6.66667vw;
      padding-top: 6.66667vw;
      border-top: 1px solid #C9C9C9; } }

.ginza__content__plan__ttl {
  color: #606060;
  font-size: 14px;
  font-weight: bold; }
  @media (max-width: 900px) {
    .ginza__content__plan__ttl {
      margin-bottom: 6.66667vw;
      font-size: 3.46667vw; } }

.ginza__content__plan__number {
  margin-top: 20px;
  padding: .1em 0 .1em .8em;
  font-size: 16px;
  font-weight: bold;
  color: #555;
  border-left: 6px solid #555; }
  @media (max-width: 900px) {
    .ginza__content__plan__number {
      margin-top: 5.33333vw;
      font-size: 3.46667vw; } }

.ginza__content__plan__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1em;
  padding-bottom: 8px;
  border-bottom: 1px solid #555; }

.ginza__content__plan__name {
  font-size: 16px;
  font-weight: bold; }
  @media (max-width: 900px) {
    .ginza__content__plan__name {
      color: #555;
      font-size: 3.73333vw; } }

.ginza__content__plan__price {
  font-size: 16px;
  color: #606060; }
  @media (max-width: 900px) {
    .ginza__content__plan__price {
      font-size: 3.46667vw; } }
  .ginza__content__plan__price small {
    font-size: 10px; }
    @media (max-width: 900px) {
      .ginza__content__plan__price small {
        font-size: 2.66667vw; } }

.ginza__content__plan__txt {
  margin-top: 1em;
  font-size: 14px;
  color: #606060;
  line-height: 1.8; }
  @media (max-width: 900px) {
    .ginza__content__plan__txt {
      font-size: 3.46667vw; } }

.ginza__links {
  padding: 80px 1em;
  border-top: 1px solid #AFAFAF;
  text-align: center; }
  @media (max-width: 900px) {
    .ginza__links {
      padding: 15.33333vw 7.33333vw 11.46667vw;
      border-top: 1px solid #CECECE; } }

.ginza__bnr {
  display: inline-block;
  width: 680px; }
  @media (max-width: 900px) {
    .ginza__bnr {
      width: 100%; } }


/*221220追加　LINEエリア*/
#line{
  border-top: 1px solid #AFAFAF;
}

#line .ginza__content__heading{
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  #line .ginza__content__heading {
    display: block;
    position: relative;
  }
}

@media (max-width: 900px) {
  #line .ginza__content__heading__icon {
    position: absolute;
    top: -1vw;
    left: 4vw;
    width: 18.4vw; 
  }
}

#line .ginza__content__heading__icon {
  width: 105px;
  margin-right: 33px;
}
  @media (max-width: 900px) {
    #line .ginza__content__heading__icon {
      top: -2.5vw;
      width: 17.33333vw;
    }   
  }

#line .ginza__content__heading__ttl {
  display: block;
}
@media (max-width: 900px) {
  .ginza__content__heading__ttl {
    padding-left: 28.8vw;
    font-size: 7.73333vw;
    line-height: 1.2;
  }
}

#line .ginza__content__heading__ttl small{
  color: #b2b2b2;
  margin-right: 30px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media (max-width: 900px) {
  #line .ginza__content__heading__ttl small {
    display: block;
    margin: 0 0 2vw 0;
    font-size: 3.33333vw;
  }
}

#line .ginza__content__heading__ttl strong{
  display: block;
  margin-top: 0.2em;
  font-size: 39px;
  font-weight: bold;
  color: #656565;
  letter-spacing: normal;
}
@media (max-width: 900px) {
  #line .ginza__content__heading__ttl strong {
    margin-top: 0;
    font-size: 6.4vw;
  }
}

@media (max-width: 900px){
  #line .ginza__content__txt{
    max-width: 100%;
    margin-top: 6.66667vw;
    font-size: 2.93333vw;
    text-align: center;
  }
}

.ginza__content__line{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 320px;
  margin-left: auto;
}
@media (max-width: 900px) {
  .ginza__content__line {
    position: relative;
    width:100%;
  }
}

.ginza__content__linelead{
  font-size: 16px;
  line-height: 2;
  color: #06C755;
  letter-spacing: normal;
  text-align: center;
  font-weight: bold;
}
  @media (max-width: 900px) {
    .ginza__content__linelead {
      margin-top: 4vw;
      font-size: 4vw;
    }
  }

#line .ginza__content__btn{
  background: #06c755;
  -webkit-box-shadow: 0 5px 0 #3b4043;
  box-shadow: 0 5px 0 #3b4043;
  -webkit-transform: translateY(-0.66667vw);
  transform: translateY(-0.66667vw);
  margin-top: 10px;
}

#line .ginza__content__btn:hover {
  background: #3B4043;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/*-------
      240119追加 ALL KOSE 
                    ------*/
.ginza__content__heading__port {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 900px) {
    .ginza__content__heading__port {
      display: block;
      position: relative; }
    .skincheck .ginza__content__heading__port{
      min-height: 60px; } }

/* .ginza__content__heading__port__icon {
  width: 112px;
  margin-right: 33px; }
  @media (max-width: 900px) {
    .ginza__content__heading__port__icon {
      position: absolute;
      top: -1vw;
      left: 4vw;
      width: 18.4vw; } }
  #line .ginza__content__heading__port__icon {
    width: 105px; }
    @media (max-width: 900px) {
      #line .ginza__content__heading__port__icon {
        top: -2.5vw;
        width: 17.33333vw; } } */

.ginza__content__heading__port__box {
  position: relative; 
  display: flex;
  flex-direction: row;
  align-items: center;}
  @media (max-width: 900px) {
    .ginza__content__heading__port__box {
      align-items: flex-start;
    }
    .skincheck .ginza__content__heading__port__box {
      padding-top: 4vw; } }

.ginza__content__heading__port__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b2b2b2;
  font-size: 45px;
  font-weight: bold;
  letter-spacing: 0.12em; }
  @media (max-width: 900px) {
    .ginza__content__heading__port__ttl {
      display: block;
      padding-left: 2vw;
      font-size: 7.73333vw;
      line-height: 1.2; } }
  /* #line .ginza__content__heading__port__ttl {
    display: block; } */
  .ginza__content__heading__port__ttl small {
    margin-right: 30px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em; }
    @media (max-width: 900px) {
      .ginza__content__heading__port__ttl small {
        display: block;
        margin: 0 0 2vw 0;
        font-size: 3.33333vw; } }
  .ginza__content__heading__port__ttl strong {
    display: block;
    margin-top: 0.2em;
    font-size: 39px;
    font-weight: bold;
    color: #656565;
    letter-spacing: normal; }
    @media (max-width: 900px) {
      .ginza__content__heading__port__ttl strong {
        margin-top: 0;
        font-size: 6.4vw; } }
    .ginza__content__heading__port__ttl strong span {
      font-size: 0.8em;
      font-weight: bold;
      margin-right: 0.2em; }
  .ginza__content__heading__port__ttl .logo__decorte {
    width: 267px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
    @media (max-width: 900px) {
      .ginza__content__heading__port__ttl .logo__decorte {
        width: 44vw; } }
  .ginza__content__heading__port__ttl .logo__add_studio {
    width: 400px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); }
    @media (max-width: 900px) {
      .ginza__content__heading__port__ttl .logo__add_studio {
        width: 60vw;
        -webkit-transform: translateY(5px);
        transform: translateY(5px); } }

/* .ginza__content__heading__port__txt {
  margin-top: .5em;
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 2; }
  @media (max-width: 900px) {
    .ginza__content__heading__port__txt {
      margin-top: 6.66667vw;
      padding: 0 4vw;
      font-size: 3.46667vw;
      line-height: 2; } } */

.ginza__content__heading__port__detail {
  margin-top: 30px;
  font-size: 14px;
  letter-spacing: .05em;
  line-height: 2; }
  @media (max-width: 900px) {
    .ginza__content__heading__port__detail {
      margin-top: 6.66667vw;
      padding: 0 4vw;
      font-size: 3.46667vw;
      line-height: 2; } }

      .ginza__detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px; }
        .ginza__detail.addiction {
          display: block; }
        @media (max-width: 900px) {
          .ginza__detail {
            display: block;
            width: 85.33333vw;
            margin: 6.66667vw auto 0; } }
      
      .skincheck .ginza__detail {
        align-items: flex-start;
      }
      
      .ginza__detail__img {
        display: block;
        width: 50%; }
        .addiction .ginza__detail__img {
          width: 850px;
          margin: 0 auto; }
        @media (max-width: 900px) {
          .ginza__detail__img {
            width: 72vw;
            margin: 0 auto; }
            .addiction .ginza__detail__img {
              width: 100%; }
              .skincheck .ginza__detail__img {
                width: 100%; } }
      
      .ginza__detail__content {
        width: 45%; }
        .addiction .ginza__detail__content {
          width: 850px;
          margin: 45px auto 0; }
        .mymits .ginza__detail__content {
          width: 100%;
          margin-top: 2em;
        }
        @media (max-width: 900px) {
          .ginza__detail__content {
            width: 100%;
            margin-top: 6.66667vw; }
          .addiction .ginza__detail__content {
              width: 100%;
              margin: 8vw auto 0; } }
      
      .ginza__detail__ttl {
        font-size: 18px;
        font-weight: 700;
        color: #798ea8;
        text-align: center;
        line-height: 1.8;
        letter-spacing: .05em; }
        @media (max-width: 900px) {
          .ginza__detail__ttl {
            font-size: 4vw; } }
      
      .ginza__detail__txt {
        margin-top: 1em;
        line-height: 1.8;
        font-size: 16px;
        letter-spacing: 0.1em; }
        @media (max-width: 900px) {
          .ginza__detail__txt {
            font-size: 3.46667vw;
            line-height: 2.2; }
          .mymits .ginza__detail__txt {
            width: 90%;
            margin: 1em auto; } }
      
      /* .mymits .ginza__detail__content img {
        width:60%; }
        @media (max-width: 900px) {
          .mymits .ginza__detail__content img {
            width: 90%;
            display: block;
            margin: 0 auto; } }
      
      .mymits .ginza__detail__content .mymits_img02 {
        border: 1px solid #ccc; } */
      
      .ginza__detail__course {
        margin-top: 30px;
        padding: 0 40px 28px;
        background: #ededed; }
        @media (max-width: 900px) {
          .ginza__detail__course {
            margin-top: 10.66667vw;
            padding: 0 7.73333vw 6.66667vw; }
          .skincheck .ginza__detail__course {
            padding: 0 3vw 2vw;
          } }
      
      .ginza__detail__course__ttl {
        font-size: 20px;
        font-weight: bold;
        color: #75696c;
        text-align: center;
        letter-spacing: 0.1em;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px); }
        @media (max-width: 900px) {
          .ginza__detail__course__ttl {
            font-size: 5.06667vw;
            -webkit-transform: translateY(-2.5vw);
            transform: translateY(-2.5vw); } }
        .ginza__detail__course__ttl strong {
          font-size: 26px;
          font-weight: bold; }
          @media (max-width: 900px) {
            .ginza__detail__course__ttl strong {
              font-size: 6.13333vw; } }
      
      .ginza__detail__course__list {
        margin-top: 20px; }
        @media (max-width: 900px) {
          .ginza__detail__course__list {
            margin-top: 0vw; } }
      
      /* .skincheck .ginza__detail__course__list {
        display: flex; }
        @media (max-width: 900px) {
          .skincheck .ginza__detail__course__list {
            display: block; } } */
      
      .ginza__detail__course__item {
        margin-top: 1em;
        font-size: 16px;
        font-weight: 400;
        color: #372928; }
        @media (max-width: 900px) {
          .ginza__detail__course__item {
            font-size: 3.73333vw; } }
        .ginza__detail__course__item::before {
          content: '';
          display: inline-block;
          width: 18px;
          height: 18px;
          margin-right: 0.5em;
          background: url(/img/freepage/beauty_event/images/icon_check02.png) no-repeat 0 0;
          background-size: contain;
          -webkit-transform: translateY(4px);
          transform: translateY(4px); }
          @media (max-width: 900px) {
            .ginza__detail__course__item::before {
              width: 4.26667vw;
              height: 4.26667vw; } }

/*240125追加分*/
.ginza__menu__sub{
  margin: 20px auto;
  padding: 120px 20px 60px;
  /*display: flex;
  justify-content: center;
  flex-direction: row;*/
  background: #dfdfdf;
  max-width: 1200px;
}
@media (max-width: 900px) {
  .ginza__menu__sub{
    margin: 0px;
    padding: 70px 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #dfdfdf;
    margin-top: 64px;
  }
}

/*2603追加分*/
.ginza__menu__sub__inner {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 900px) {
  .ginza__menu__sub__inner {
    display: block;
    width: 100%;
  }
}

.ginza__menu__sub .ginza__menu__nav .ginza__menu__ja{
  font-size: 14px;
}

.ginza__middle{
  padding: 120px 0 0;
  background: #f5f6f7;
  margin-top: 60px;
}
.ginza__middle__wrap{
  display: block;
  width: 980px;
  margin: 0 auto;
}
.ginza__middle__ttl{
  font-size: 46px;
  text-align: center;
}
.ginza__middle__lead{
  text-align: center;
}
  @media (max-width: 900px) {
    .ginza__middle{
      padding: 60px 0 0;
      margin-top: 60px;
      background: #f5f6f7;
    }
    .ginza__middle__wrap{
      display: block;
      width: 95vw;
      margin: 0 auto;
    }
    .ginza__middle__ttl{
      font-size: 8vw;
      line-height: 1.4;
      text-align: center;
    }
    .ginza__middle__lead{
      text-align: left;
      width: 88vw;
      margin: 16px auto 0;
    }
    .ginza__menu__sub .ginza__menu__nav .ginza__menu__ja{
      font-size: 11px;
    }
  }