/* 2602_glamour_css */

@import url("https://fonts.googleapis.com/css2?family=Spectral&family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP");

#glamour_lp a,
a:link,
a:visited {
  color: #333333;
}
.sp_only {
  display: block;
}

.pc_only {
  display: none;
}

img {
  width: 100%;
  height: auto;
}

._fs_chat_icon {
  display: none;
}

.fs-body-custom .fs-l-main {
  width: 100% !important;
  margin: 0;
  background: #fff;
}

.fs-l-main {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0px;
}

.fs-l-pageMain {
  width: 100% !important;
  max-width: 100% !important;
}

.main {
  width: 100%;
  background: #f8f1f4;
  text-align: center;
  font-family:
    "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ",
    "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana,
    sans-serif;
}

#glamour_lp p {
  color: #333333;
  font-feature-settings: "palt";
}

.serif {
  font-family:
    "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif,
    "Noto Serif JP", serif;
  font-weight: 400;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.lp_wrap {
  margin: 0 auto;
}

#glamour_lp {
  width: 100%;
  margin: 0 auto;
  background-color: #e5eaee;
  color: #333333;
  font-family:
    "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ",
    "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana,
    sans-serif;
  font-weight: 500;
}

#glamour_lp .txt {
  font-size: calc(24 * (100vw / 800));
  line-height: 2;
}

#glamour_lp .ls0 {
  letter-spacing: 0;
}

#glamour_lp .w370 {
  width: calc(370 * (100vw / 800));
}

/* mv_area */
#glamour_lp .mv_area {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

/* mv_area */

/* about */
#glamour_lp .about__area {
  background-color: #e5eaee;
  background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/info_bg.png")
    no-repeat;
  background-size: cover;
  width: 100%;
  padding: calc(150 * (100vw / 800)) 0 calc(150 * (100vw / 800));
}

.about__txt {
  font-size: calc(26 * (100vw / 800));
  text-align: center;
  letter-spacing: 0.05em;
  color: #333333;
  margin-bottom: calc(90 * (100vw / 800));
  line-height: 2.5;
}

.about__info p:last-child {
  margin-bottom: calc(110 * (100vw / 800));
}

.about__bar {
  width: 100%;
  height: calc(98 * (100vw / 800));
  position: relative;
  margin-bottom: calc(130 * (100vw / 800));
}

.about__bar::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #957e97;
}

.anchor__ttl {
  width: calc(595 * (100vw / 800));
  margin: 0 auto calc(35 * (100vw / 800));
}

.anchor__list {
  justify-content: space-between;
  align-items: center;
  width: calc(720 * (100vw / 800));
  margin: 0 auto;
}

.anchor__btn {
  width: calc(220 * (100vw / 800));
}

/* about */

/* b12a__area */
.b12a__area,
._90360a__area,
.b48a__area {
  background-color: #fef5ed;
  width: 100%;
  padding: 0 0 calc(150 * (100vw / 800));
}

._90360a__area {
  background-color: #fef5ed;
}

.b48a__area {
  background-color: #fef5ed;
}

.b12a__mv,
._90360a__mv,
.b48a__mv {
  width: 100%;
  max-width: 800px;
  margin: 0 auto calc(70 * (100vw / 800));
}

.b12a__recommend,
._90360a__recommend,
.b48a__recommend {
  width: calc(350 * (100vw / 800));
  margin: 0 auto calc(40 * (100vw / 800));
}

.b12a__check__list {
  display: grid;
  justify-content: center;
  width: calc(720 * (100vw / 800));
  margin: 0 auto calc(30 * (100vw / 800));
}

.b48a__check__list {
  width: calc(670 * (100vw / 800));
  margin: 0 auto calc(30 * (100vw / 800));
}

._90360a__check__list {
  width: calc(580 * (100vw / 800));
  margin: 0 auto calc(30 * (100vw / 800));
}

.b12a__list__txt,
._90360a__list__txt,
.b48a__list__txt {
  position: relative;
  background-color: #fff;
  font-size: calc(26 * (100vw / 800));
  letter-spacing: 0.1em;
  line-height: 2;
  margin-bottom: calc(6 * (100vw / 800));
  padding: 0 calc(calc(10 * (100vw / 800))) 0 calc(calc(63 * (100vw / 800)));
  display: inline-block;
  font-feature-settings: "palt";
}

.b12a__list__txt.tai {
  padding: 0 calc(calc(10 * (100vw / 800))) 0 calc(calc(10 * (100vw / 800)));
  margin-left: calc(50 * (100vw / 800));
}

.b12a__list__txt::before,
._90360a__list__txt::before,
.b48a__list__txt::before {
  content: "";
  position: absolute;
  width: calc(32 * (100vw / 800));
  height: calc(32 * (100vw / 800));
  left: calc(14 * (100vw / 800));
  top: 50%;
  transform: translateY(-50%);
  background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/check_box.png")
    no-repeat;
  background-size: contain;
}

.b12a__list__txt.check::after,
._90360a__list__txt.check::after,
.b48a__list__txt.check::after {
  content: "";
  position: absolute;
  width: calc(31 * (100vw / 800));
  height: calc(28 * (100vw / 800));
  left: calc(26 * (100vw / 800));
  top: calc(22 * (100vw / 800));
  transform: translateY(-50%);
  background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/check.png")
    no-repeat;
  background-size: contain;
  opacity: 0;
  transition-duration: 1s;
}

.b12a__list__txt.check.is-active::after,
._90360a__list__txt.check.is-active::after,
.b48a__list__txt.check.is-active::after {
  opacity: 1;
}

.b12a__list__txt.tai::before {
  background: none;
}

.b12a__arrow,
._90360a__arrow,
.b48a__arrow {
  width: calc(82 * (100vw / 800));
  margin: 0 auto calc(60 * (100vw / 800));
}

.inversion {
  flex-direction: row-reverse;
}

.b12a__item__area,
._90360a__item__area,
.b48a__item__area {
  width: calc(600 * (100vw / 800));
  margin: 0 auto;
  align-items: center;
  justify-content: space-around;
}

.pd-80 {
  padding-bottom: calc(80 * (100vw / 800));
}

.pd-120 {
  padding-bottom: calc(120 * (100vw / 800));
}

.pd-175 {
  padding-bottom: calc(175 * (100vw / 800));
}

._90360a__item__area {
  margin-bottom: calc(50 * (100vw / 800));
}

/* .b12a__item__img,
._90360a__item__img,
.b48a__item__img {
  width: calc(210 * (100vw / 800));
} */

.bra-item__img_1 img {
  width: calc(211 * (100vw / 800));
}

.bra-item__img_2 img {
  width: calc(188 * (100vw / 800));
}

.bra-item__img_3 img {
  width: calc(217 * (100vw / 800));
}

.bra-item__img_4 img {
  width: calc(226 * (100vw / 800));
}

.bra-item__img_5 img {
  width: calc(169 * (100vw / 800));
}

.bra-item__img_6 img {
  width: calc(208 * (100vw / 800));
}

.bra-item__img_7 img {
  width: calc(190 * (100vw / 800));
}

/* .b12a__item__txt__area,
._90360a__item__txt__area,
.b48a__item__txt__area {
  width: calc(330 * (100vw / 800));
} */

  .b12a__item__txt__area {
   width: calc(310 * (100vw / 800));
  }
  .b12a__item__txt__area_2 {
    width: calc(255 * (100vw / 800));
  }
  ._90360a__item__txt__area {
    width: calc(260 * (100vw / 800));
  }
  .b48a__item__txt__area {
    width: calc(242 * (100vw / 800));
  }

.b12a__item__name,
._90360a__item__name,
.b48a__item__name {
  font-size: calc(24 * (100vw / 800));
  letter-spacing: 0.05em;
  letter-spacing: 1.5;
  text-align: center;
}

.b12a__sku_txt {
  font-size: calc(24 * (100vw / 800));
  text-align: center;
}

.pt-1 {
  padding-top: calc(28 * (100vw / 800));
}
/* 1 */

.pt-2 {
  padding-top: calc(31 * (100vw / 800));
}
/* 2 */
.pt-3 {
  padding-top: calc(34 * (100vw / 800));
}
/* 3,5,6,7 */

.pt-4 {
  padding-top: calc(70 * (100vw / 800));
}
/* 4 */

.pb-1 {
  margin: calc(25 * (100vw / 800)) auto 0;
}
/* 1,2 */

.pb-2 {
  margin: calc(20 * (100vw / 800)) auto 0;
}
/* 3~7 */

.b12a__item__color,
._90360a__item__color,
.b48a__item__color {
  /* width: calc(180 * (100vw / 800)); */
  margin: calc(20 * (100vw / 800)) auto 0;
  font-size: 0;
}

.item__color_chip__1 {
  width: calc(182 * (100vw / 800));
}

.item__color_chip__2 {
  width: calc(245 * (100vw / 800));
}

.item__color_chip__3 {
  width: calc(181 * (100vw / 800));
}

.item__color_chip__4 {
  width: calc(181 * (100vw / 800));
}

.item__color_chip__5 {
  width: calc(121 * (100vw / 800));
}

.item__color_chip__6 {
  width: calc(245 * (100vw / 800));
}

.item__color_chip__7 {
  width: calc(186 * (100vw / 800));
}

.b12a__item__btn,
._90360a__item__btn,
.b48a__item__btn {
  width: calc(240 * (100vw / 800));
  /* margin: calc(35 * (100vw / 800)) auto 0; */
}

/* .b12a__item__btn__center,
._90360a__item__btn__center,
.b48a__item__btn__center {
  width: calc(280 * (100vw / 800));
  margin: calc(35 * (100vw / 800)) auto 0;
} */

.b12a__bg__area,
._90360a__bg__area,
.b48a__bg__area {
  width: 100%;
  height: calc(1800 * (100vw / 800));
  margin-top: calc(100 * (100vw / 800));
  padding: calc(135 * (100vw / 800)) 0 calc(145 * (100vw / 800));
}

.b12a__bg__area {
  background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/b12a_bg.png")
    no-repeat;
  background-size: contain;
  background-position-x: center;
}

._90360a__bg__area {
  background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/90360a_bg.png")
    no-repeat;
  background-size: contain;
  background-position-x: center;
}

.b48a__bg__area {
  background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/b48a_bg.png")
    no-repeat;
  background-size: contain;
  background-position-x: center;
}

.b12a__fitting__ttl,
._90360a__fitting__ttl,
.b48a__fitting__ttl {
  width: calc(270 * (100vw / 800));
  margin: 0 auto calc(40 * (100vw / 800));
}

.b12a__ba,
._90360a__ba,
.b48a__ba {
  width: calc(680 * (100vw / 800));
  margin: 0 auto calc(130 * (100vw / 800));
  justify-content: space-between;
}

.b12a__ba__img,
._90360a__ba__img,
.b48a__ba__img {
  width: calc(320 * (100vw / 800));
}

.b12a__point__ttl,
._90360a__point__ttl,
.b48a__point__ttl {
  width: calc(220 * (100vw / 800));
  margin: 0 auto calc(60 * (100vw / 800));
}

.b12a__point__list,
._90360a__point__list,
.b48a__point__list {
  width: calc(720 * (100vw / 800));
  margin: 0 auto;
}

.b12a__point__content,
._90360a__point__content,
.b48a__point__content {
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(40 * (100vw / 800));
  position: relative;
}

.b12a__point__img,
._90360a__point__img,
.b48a__point__img {
  width: calc(300 * (100vw / 800));
}

._90360a__point__img._01 {
  position: absolute;
  width: calc(155 * (100vw / 800));
  right: 0;
  top: calc(-60 * (100vw / 800));
}

._90360a__point__img._02 {
  width: calc(280 * (100vw / 800));
  margin-right: calc(40 * (100vw / 800));
}

.b12a__point__txt__area,
._90360a__point__txt__area,
.b48a__point__txt__area {
  width: calc(400 * (100vw / 800));
}

.b12a__point__txt__ttl,
._90360a__point__txt__ttl,
.b48a__point__txt__ttl {
  font-size: calc(30 * (100vw / 800));
  letter-spacing: 0.02em;
  color: #354a6a;
  margin-bottom: calc(15 * (100vw / 800));
  font-feature-settings: "palt";
  font-weight: 500;
}

.b12a__point__txt__ttl {
  color: #806959;
}

._90360a__point__txt__ttl {
  color: #a27e7e;
}

.b48a__point__txt__ttl {
  color: #6a424f;
}

.b12a__point__txt__letter,
._90360a__point__txt__letter,
.b48a__point__txt__letter {
  font-size: calc(24 * (100vw / 800));
  letter-spacing: 0.075em;
  line-height: 1.75;
  color: #333333;
  text-align: justify;
}

.b12a__model__area,
._90360a__model__area,
.b48a__model__area {
  position: relative;
  width: calc(800 * (100vw / 800));
  z-index: 1;
  margin: calc(90 * (100vw / 800)) auto calc(65 * (100vw / 800));
}

.b12a__model__area {
  height: calc(650 * (100vw / 800));
}

._90360a__model__area {
  height: calc(526 * (100vw / 800));
}

.b48a__model__area {
  height: calc(605 * (100vw / 800));
}

.b12a__model__img__01 {
  width: calc(430 * (100vw / 800));
  position: absolute;
  left: 0;
  top: calc(83 * (100vw / 800));
}

.b12a__model__img__02 {
  width: calc(330 * (100vw / 800));
  position: absolute;
  right: 0;
  top: 0;
}

.b12a__model__img__03 {
  width: calc(390 * (100vw / 800));
  position: absolute;
  right: 0;
  bottom: 0;
}

.b12a__model__img__bg {
  width: calc(376 * (100vw / 800));
  position: absolute;
  left: calc(103 * (100vw / 800));
  top: calc(212 * (100vw / 800));
  z-index: -1;
}

._90360a__model__img__01 {
  width: calc(480 * (100vw / 800));
  position: absolute;
  right: 0;
  top: 0;
}

._90360a__model__img__02 {
  width: calc(340 * (100vw / 800));
  position: absolute;
  left: 0;
  top: calc(105 * (100vw / 800));
  z-index: -1;
}

._90360a__model__img__03 {
  width: calc(240 * (100vw / 800));
  position: absolute;
  right: calc(80 * (100vw / 800));
  bottom: 0;
}

.b48a__model__img__01 {
  width: calc(360 * (100vw / 800));
  position: absolute;
  left: 0;
  top: 0;
}

.b48a__model__img__02 {
  width: calc(330 * (100vw / 800));
  position: absolute;
  left: calc(80 * (100vw / 800));
  top: calc(313 * (100vw / 800));
  z-index: 1;
}

.b48a__model__img__03 {
  width: calc(400 * (100vw / 800));
  position: absolute;
  right: 0;
  bottom: 0;
}

/* b12a__area */

/* all__item */
.all__item {
  background-color: #e5eaee;
  padding: calc(80 * (100vw / 800)) 0 calc(90 * (100vw / 800));
}

.all__item__txt {
  font-size: calc(24 * (100vw / 800));
  line-height: 1.75;
  text-align: center;
}

.all__item__btn {
  width: calc(420 * (100vw / 800));
  margin: calc(65 * (100vw / 800)) auto;
}

/* all__item */

/* anime */
.smooth {
  clip-path: inset(0 100% 0 0);
  transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.smooth.tate {
  clip-path: inset(0 0 100% 0);
  transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.smooth.is-active {
  clip-path: inset(0);
}

.fade {
  opacity: 0;
}

.fade._delay {
  animation-delay: 0.5s;
  opacity: 0;
}

.fade.is-active {
  animation-name: fade_anim;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes fade_anim {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade._zoom {
  transform: scale(1.2);
}

.fade._zoom.is-active {
  animation-name: zoom_anim;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes zoom_anim {
  from {
    opacity: 0;
    transform: scale(1.2);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* anime */

@media screen and (min-width: 780px) {
  .sp_only {
    display: none;
  }

  .pc_only {
    display: block;
  }

  .main {
    width: 780px;
    font-size: 18px;
    line-height: 3rem;
    margin: 0 auto;
  }

  p {
    color: #333333;
  }

  .serif {
    font-family:
      "游明朝",
      "Yu Mincho",
      YuMincho,
      "Hiragino Mincho Pro",
      serif "Noto Serif JP",
      serif;
    font-weight: 400;
  }

  #glamour_lp p {
    color: #333333;
    font-feature-settings: "palt";
  }

  .serif {
    font-family:
      "游明朝",
      "Yu Mincho",
      YuMincho,
      "Hiragino Mincho Pro",
      serif "Noto Serif JP",
      serif;
    font-weight: 400;
  }

  .flex {
    display: flex;
    flex-wrap: wrap;
  }

  #glamour_lp {
    width: 100%;
    margin: 0 auto;
    background-color: #fef5ed;
    color: #333333;
    font-family:
      "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP",
      "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ",
      "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana,
      sans-serif;
    font-weight: 500;
  }

  #glamour_lp .txt {
    font-size: 24px;
    line-height: 2;
  }

  #glamour_lp .ls0 {
    letter-spacing: 0;
  }

  #glamour_lp .w370 {
    width: 370px;
  }

  /* mv_area */
  #glamour_lp .mv_area {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }

  /* mv_area */

  /* about */
  #glamour_lp .about__area {
    background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/info_bg.png")
      no-repeat;
    background-size: cover;
    background-position-x: center;
    background-color: #fef5ed;
    max-width: 800px;
    margin-inline: auto;
    width: 100%;
    padding: 150px 0 150px;
  }

  .about__txt {
    font-size: 26px;
    text-align: center;
    letter-spacing: 0.05em;
    color: #333333;
    margin-bottom: 90px;
    line-height: 2.5;
  }

  .about__info p:last-child {
    margin-bottom: 110px;
  }

  .about__bar {
    width: 100%;
    height: 98px;
    position: relative;
    margin-bottom: 130px;
  }

  .about__bar::after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #8b7c68;
  }

  .anchor__ttl {
    width: 595px;
    margin: 0 auto 35px;
  }

  .anchor__list {
    justify-content: space-between;
    align-items: center;
    width: 720px;
    margin: 0 auto;
  }

  .anchor__btn {
    width: 220px;
  }

  /* about */

  /* b12a__area */
  .b12a__area,
  ._90360a__area,
  .b48a__area {
    background-color: #fef5ed;
    width: 100%;
    padding: 0 0 150px;
  }

  ._90360a__area {
    background-color: #faeeeb;
  }

  .b48a__area {
    background-color: #f7f2ea;
  }

  .b12a__mv,
  ._90360a__mv,
  .b48a__mv {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 70px;
  }

  .b12a__recommend,
  ._90360a__recommend,
  .b48a__recommend {
    width: 350px;
    margin: 0 auto 40px;
  }

  .b12a__check__list {
    /* width: 720px;
    margin: 0 auto 30px; */
    display: grid;
    justify-content: center;
    width: 720px;
    margin: 0 auto 30px;
    text-align: left;
  }

  .b48a__check__list {
    display: grid;
    justify-content: center;
    width: 670px;
    margin: 0 auto 30px;
    text-align: left;
  }

  ._90360a__check__list {
    display: grid;
    justify-content: center;
    width: 580px;
    margin: 0 auto 30px;
    text-align: left;
  }

  .b12a__list__txt,
  ._90360a__list__txt,
  .b48a__list__txt {
    position: relative;
    background-color: #fff;
    font-size: 26px;
    letter-spacing: 0.1em;
    line-height: 2;
    margin-bottom: 6px;
    padding: 0 10px 0 63px;
    display: inline-block;
    font-feature-settings: "palt";
  }

  .b12a__list__txt.tai {
    padding: 0 10px 0 10px;
    margin-left: 50px;
  }

  .b12a__list__txt::before,
  ._90360a__list__txt::before,
  .b48a__list__txt::before {
    content: "";
    position: absolute;
    width: 42px;
    height: 36px;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/check_box.png")
      no-repeat;
    background-size: contain;
  }

  .b12a__list__txt.check::after,
  ._90360a__list__txt.check::after,
  .b48a__list__txt.check::after {
    content: "";
    position: absolute;
    width: 31px;
    height: 28px;
    left: 26px;
    top: 22px;
    transform: translateY(-50%);
    background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/check.png")
      no-repeat;
    background-size: contain;
    opacity: 0;
  }

  .b12a__list__txt.check.is-active::after,
  ._90360a__list__txt.check.is-active::after,
  .b48a__list__txt.check.is-active::after {
    opacity: 1;
  }

  .b12a__list__txt.tai::before {
    background: none;
  }

  .b12a__arrow,
  ._90360a__arrow,
  .b48a__arrow {
    width: 82px;
    margin: 0 auto 60px;
  }

  .b12a__item__area,
  ._90360a__item__area,
  .b48a__item__area {
    width: 600px;
    margin: 0 auto;
    align-items: center;
    /* justify-content: flex-end; */
    justify-content: space-around;
  }

  ._90360a__item__area {
    /* margin-bottom: 50px; */
  }

  .pd-80 {
    padding-bottom: 80px;
  }

  .pd-120 {
    padding-bottom: 120px;
  }

  .pd-175 {
    padding-bottom: 175px;
  }

  /* .b12a__item__img,
  ._90360a__item__img,
  .b48a__item__img {
    width: 210px;
  } */

  .bra-item__img_1 img {
    width: 211px;
  }

  .bra-item__img_2 img {
    width: 188px;
  }

  .bra-item__img_3 img {
    width: 217px;
  }

  .bra-item__img_4 img {
    width: 226px;
  }

  .bra-item__img_5 img {
    width: 169px;
  }

  .bra-item__img_6 img {
    width: 208px;
  }

  .bra-item__img_7 img {
    width: 190px;
  }

  .b12a__item__txt__area {
    width: 310px;
  }

  .b12a__item__txt__area_2 {
    width: 255px;
  }

  ._90360a__item__txt__area {
    width: 260px;
  }
  .b48a__item__txt__area {
    width: 242px;
  }

  .b12a__item__name,
  ._90360a__item__name,
  .b48a__item__name,
  .b12a__sku_txt {
    font-size: 24px;
    letter-spacing: 0.05em;
    letter-spacing: 1.5;
  }

  .b12a__item__name,
  ._90360a__item__name,
  .b48a__item__name {
    text-align: center;
  }

  .b12a__sku_txt {
    display: grid;
    justify-content: center;
    text-align: left;
  }
  /* コンテンツ 中央寄せ
     テキスト 左寄せ */

  .pt-1 {
    padding-top: 28px;
  }
  /* 1 */

  .pt-2 {
    padding-top: 31px;
  }
  /* 2 */

  .pt-3 {
    padding-top: 34px;
  }
  /* 3,5,6,7 */

  .pt-4 {
    padding-top: 70px;
  }
  /* 4 */

  .pb-1 {
    margin: 25px auto 0;
  }
  /* 1,2 */

  .pb-2 {
    margin: 25px auto 0;
  }
  /* 3~7 */

  .b12a__item__color,
  ._90360a__item__color,
  .b48a__item__color {
    /* width: 180px; */
    margin: 20px auto 0;
    font-size: 0;
  }

  .item__color_chip__1 {
    width: 182px;
  }

  .item__color_chip__2 {
    width: 245px;
  }

  .item__color_chip__3 {
    width: 181px;
  }

  .item__color_chip__4 {
    width: 181px;
  }

  .item__color_chip__5 {
    width: 121px;
  }

  .item__color_chip__6 {
    width: 245px;
  }

  .item__color_chip__7 {
    width: 186px;
  }

  .b12a__item__btn,
  ._90360a__item__btn,
  .b48a__item__btn {
    width: 240px;
    /* margin: 35px auto 0; */
  }

  /* .b12a__item__btn__center,
  ._90360a__item__btn__center,
  .b48a__item__btn__center {
    width: 280px;
    margin: 35px auto 0;
  } */

  .b12a__bg__area,
  ._90360a__bg__area,
  .b48a__bg__area {
    width: 100%;
    height: 1800px;
    margin-top: 100px;
    padding: 135px 0 145px;
  }

  .b12a__bg__area {
    background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/b12a_bg.png")
      no-repeat;
    background-size: contain;
    background-position-x: center;
  }

  ._90360a__bg__area {
    background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/90360a_bg.png")
      no-repeat;
    background-size: contain;
    background-position-x: center;
  }

  .b48a__bg__area {
    background: url("https://tu-hacci.co.jp/img/feature/2602_glamour/b48a_bg.png")
      no-repeat;
    background-size: contain;
    background-position-x: center;
  }

  .b12a__fitting__ttl,
  ._90360a__fitting__ttl,
  .b48a__fitting__ttl {
    width: 270px;
    margin: 0 auto 40px;
  }

  .b12a__ba,
  ._90360a__ba,
  .b48a__ba {
    width: 680px;
    margin: 0 auto 130px;
    justify-content: space-between;
  }

  .b12a__ba__img,
  ._90360a__ba__img,
  .b48a__ba__img {
    width: 320px;
  }

  .b12a__point__ttl,
  ._90360a__point__ttl,
  .b48a__point__ttl {
    width: 220px;
    margin: 0 auto 60px;
  }

  .b12a__point__list,
  ._90360a__point__list,
  .b48a__point__list {
    width: 720px;
    margin: 0 auto;
  }

  .b12a__point__content,
  ._90360a__point__content,
  .b48a__point__content {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    position: relative;
  }

  .b12a__point__img,
  ._90360a__point__img,
  .b48a__point__img {
    width: 300px;
  }

  ._90360a__point__img._01 {
    position: absolute;
    width: 155px;
    right: 0;
    top: -60px;
  }

  ._90360a__point__img._02 {
    width: 280px;
    margin-right: 40px;
  }

  .b12a__point__txt__area,
  ._90360a__point__txt__area,
  .b48a__point__txt__area {
    width: 400px;
  }

  .b12a__point__txt__ttl,
  ._90360a__point__txt__ttl,
  .b48a__point__txt__ttl {
    font-size: 30px;
    /* letter-spacing: 0.12em; */
    letter-spacing: 0.02em;
    margin-bottom: 15px;
    font-feature-settings: "palt";
    font-weight: 500;
  }

  .b12a__point__txt__ttl {
    color: #806959;
  }

  ._90360a__point__txt__ttl {
    color: #a27e7e;
  }

  .b48a__point__txt__ttl {
    color: #796f61;
  }

  .b12a__point__txt__letter,
  ._90360a__point__txt__letter,
  .b48a__point__txt__letter {
    font-size: 24px;
    letter-spacing: 0.075em;
    line-height: 1.75;
    color: #333333;
    text-align: justify;
  }

  .b12a__model__area,
  ._90360a__model__area,
  .b48a__model__area {
    position: relative;
    width: 800px;
    z-index: 1;
    margin: 90px auto 65px;
  }

  .b12a__model__area {
    height: 650px;
  }

  ._90360a__model__area {
    height: 526px;
  }

  .b48a__model__area {
    height: 605px;
  }

  .b12a__model__img__01 {
    width: 430px;
    position: absolute;
    left: 0;
    top: 83px;
  }

  .b12a__model__img__02 {
    width: 330px;
    position: absolute;
    right: 0;
    top: 0;
  }

  .b12a__model__img__03 {
    width: 390px;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .b12a__model__img__bg {
    width: 376px;
    position: absolute;
    left: 103px;
    top: 212px;
    z-index: -1;
  }

  ._90360a__model__img__01 {
    width: 480px;
    position: absolute;
    right: 0;
    top: 0;
  }

  ._90360a__model__img__02 {
    width: 340px;
    position: absolute;
    left: 0;
    top: 105px;
    z-index: -1;
  }

  ._90360a__model__img__03 {
    width: 240px;
    position: absolute;
    right: 80px;
    bottom: 0;
  }

  .b48a__model__img__01 {
    width: 360px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .b48a__model__img__02 {
    width: 330px;
    position: absolute;
    left: 80px;
    top: 313px;
    z-index: 1;
  }

  .b48a__model__img__03 {
    width: 400px;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  /* b12a__area */

  /* all__item */
  .all__item {
    background-color: #e5eaee;
    padding: 80px 0 90px;
  }

  .all__item__txt {
    font-size: 24px;
    line-height: 1.75;
    text-align: center;
  }

  .all__item__btn {
    width: 420px;
    margin: 65px auto;
  }

  /* all__item */

  /* anime */
  .smooth {
    clip-path: inset(0 100% 0 0);
    transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
    transition-property: clip-path;
  }

  .smooth.tate {
    clip-path: inset(0 0 100% 0);
    transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
    transition-property: clip-path;
  }

  .smooth.is-active {
    clip-path: inset(0);
  }

  .fade {
    opacity: 0;
  }

  .fade._delay {
    animation-delay: 0.5s;
    opacity: 0;
  }

  .fade.is-active {
    animation-name: fade_anim;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes fade_anim {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .fade._zoom {
    transform: scale(1.2);
  }

  .fade._zoom.is-active {
    animation-name: zoom_anim;
    animation-duration: 1s;
    animation-fill-mode: forwards;
  }

  @keyframes zoom_anim {
    from {
      opacity: 0;
      transform: scale(1.2);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  /* anime */
}