@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*============================
base
============================*/
picture {
  display: block;
}

.frame_txt {
  color: var(--white);
  background: #91786A;
  border-radius: 22px;
  font-family: "游明朝", YuMincho, serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.3333;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 29px 5px;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  margin-inline: auto;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .frame_txt {
    font-size: 15px;
  }
}
.frame_txt.transparent {
  color: var(--brown05);
  background: transparent;
  border: 1px solid var(--brown03);
}
.frame_txt.reverse {
  color: var(--brown05);
  background: var(--white);
  border: 1px solid var(--brown03);
}

.link_sec {
  display: grid;
  grid-template-columns: 47% 47%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .link_sec {
    grid-template-columns: 48.11594203% 48.11594203%;
  }
}
.link_sec picture {
  display: block;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .link_sec picture {
    margin-bottom: 4px;
  }
}
.link_sec picture img {
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .link_sec picture img {
    border-radius: 5px;
  }
}

span.nowrap {
  white-space: nowrap;
}

@media screen and (max-width: 480px) {
  .main_bottom-nav-sp ul li {
    width: 100%;
  }
}

/* ==============================
mv
=============================*/
main p {
  color: #333;
}
main .main-visual .main_ttl-l {
  width: auto;
  padding: 46px 2.66666667% 30px 2.5%;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
@media screen and (max-width: 768px) {
  main .main-visual .main_ttl-l {
    padding: 0;
  }
}
main .main-visual .main_ttl-l h2 {
  font-size: 28px;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main .main-visual .main_ttl-l h2 {
    font-size: 30px;
    margin-bottom: 0;
  }
}

/* ==============================
index.html
===============================*/
main.index .condition_sec .inner .sttl-l_02 {
  text-align: center;
  margin-bottom: 30px;
}
main.index .condition_sec .inner > .cmn_txt {
  margin-bottom: 46px;
}
@media screen and (max-width: 768px) {
  main.index .condition_sec .inner > .cmn_txt {
    margin-bottom: 50px;
  }
}
main.index .condition_sec .inner .c2_ftxt_img {
  width: 91.1%;
  display: grid;
  grid-template-columns: 46.10318332% 46.10318332%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-inline: auto;
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  main.index .condition_sec .inner .c2_ftxt_img {
    width: 100%;
    grid-template-columns: 48% 48%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 560px) {
  main.index .condition_sec .inner .c2_ftxt_img {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.index .condition_sec .inner .c2_ftxt_img figure figcaption {
  font-size: clamp(14px, 1.2857142857vw, 18px);
}
@media screen and (max-width: 768px) {
  main.index .condition_sec .inner .c2_ftxt_img figure figcaption {
    font-size: 14px;
    width: 100%;
    display: grid;
    place-content: center;
    padding-inline: 0;
  }
}
@media screen and (max-width: 560px) {
  main.index .condition_sec .inner .c2_ftxt_img figure figcaption {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-inline: 20px;
  }
}
main.index .condition_sec .inner .c2_ftxt_img figure img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
}
main.index .condition_sec .inner .meibomian {
  border-radius: 10px;
  border: 1px solid var(--brown03);
  padding: 6%;
}
main.index .condition_sec .inner .meibomian .frame_txt {
  margin-bottom: 20px;
  text-align: center;
}
main.index .condition_sec .inner .meibomian .cmn_txt {
  margin-bottom: 30px;
}
main.index .condition_sec .inner .meibomian .c2_btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  main.index .condition_sec .inner .meibomian .c2_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
main.index .goods_sec .inner > .cmn_txt {
  text-align: center;
  margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
  main.index .goods_sec .inner > .cmn_txt {
    text-align: left;
    margin-bottom: 50px;
  }
  main.index .goods_sec .inner > .cmn_txt .nowrap {
    white-space: normal;
  }
}
main.index .goods_sec .inner .c2_fcontent {
  display: grid;
  grid-template-columns: 47% 47%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.index .goods_sec .inner .c2_fcontent {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.index .goods_sec .inner .c2_fcontent .c2_item {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  background: #F7F4EE;
  padding: 44px 10.21276596% 40px;
}
@media screen and (max-width: 768px) {
  main.index .goods_sec .inner .c2_fcontent .c2_item {
    padding: 30px 10px;
  }
}
main.index .goods_sec .inner .c2_fcontent .c2_item .frame_txt {
  margin-bottom: 25px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.index .goods_sec .inner .c2_fcontent .c2_item .frame_txt {
    margin-bottom: 15px;
  }
}
main.index .goods_sec .inner .c2_fcontent .c2_item .frame_txt span {
  display: inline;
  font-size: 16px;
  letter-spacing: 0;
  margin-left: -8px;
}
@media screen and (max-width: 1200px) {
  main.index .goods_sec .inner .c2_fcontent .c2_item .frame_txt span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  main.index .goods_sec .inner .c2_fcontent .c2_item .frame_txt span {
    display: inline-block;
  }
}
main.index .goods_sec .inner .c2_fcontent .c2_item:first-of-type .frame_txt {
  padding: 5px 40px 4px;
}
main.index .goods_sec .inner .c2_fcontent .c2_item:last-of-type .frame_txt {
  padding: 5px 18px 4px 27px;
}
main.index .goods_sec .inner .c2_fcontent .c2_item:last-of-type .cmn_btn_01 a {
  padding-inline: 30px;
}
main.index .goods_sec .inner .c2_fcontent .c2_item .img {
  width: 72.97297297%;
  margin-inline: auto;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  main.index .goods_sec .inner .c2_fcontent .c2_item .img {
    width: 50%;
    margin-bottom: 15px;
  }
}
main.index .goods_sec .inner .c2_fcontent .c2_item .cmn_btn_01 {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
main.index .goods_sec .inner .c2_fcontent .c2_item .cmn_btn_01 a {
  font-size: clamp(12px, 1vw, 14px);
}
@media screen and (max-width: 768px) {
  main.index .goods_sec .inner .c2_fcontent .c2_item .cmn_btn_01 a {
    font-size: 14px;
  }
}

/* ==============================
mybo (maibo/index.html)
&
long (long/index.html)
===============================*/
main.mybo .description_sec .inner .desc_main,
main.long .description_sec .inner .desc_main {
  background: center/cover url(../img/shampoo/maibo/mybo_bg.jpg) no-repeat;
  border-radius: 10px;
  padding: 7%;
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main,
  main.long .description_sec .inner .desc_main {
    background: center/cover url(../img/shampoo/maibo/mybo_bg_sp.jpg) no-repeat;
    border-radius: 5px;
    padding: 4.34782609%;
    margin-bottom: 50px;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content,
main.long .description_sec .inner .desc_main .desc_main_content {
  display: grid;
  grid-template-columns: 9.76744186% 73.60465116%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12.55813953%;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content,
  main.long .description_sec .inner .desc_main .desc_main_content {
    grid-template-columns: 76.72727273% 45px;
    border-radius: 5px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    background: var(--white);
    padding: 6% 6.34920635% 6.34920635%;
    gap: 2%;
  }
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .img,
  main.long .description_sec .inner .desc_main .desc_main_content .img {
    padding-bottom: 18px;
    rotate: 7deg;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box {
  border-radius: 10px;
  background: var(--white);
  padding: 36px 9.47867299% 42.3px;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box,
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box {
    border-radius: 0;
    background: transparent;
    padding: 0;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup,
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup {
    gap: 10px;
    margin-bottom: 15px;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup h4,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup h4 {
  width: 224px;
  height: 39px;
  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) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup h4,
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup h4 {
    width: 132px;
    height: 23px;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup .en,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup .en {
  width: 97px;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup .en,
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup .en {
    width: 65px;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list,
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list {
    gap: 5px;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  line-height: 26px;
  padding-left: 32px;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item,
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item {
    font-size: 14px;
    line-height: 1.7857142857;
    padding-right: 15px;
    padding-left: 26.5px;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item::before,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  background: center/contain url(../img/shampoo/maibo/shampoo_check.svg) no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item::before,
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item::before {
    width: 17px;
    height: 17px;
    top: 4px;
  }
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item span,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item span {
  color: #8A5858;
  font-weight: 700;
}
main.mybo .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item:last-of-type,
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item:last-of-type {
  letter-spacing: 0.04em;
}
main.mybo .description_sec .inner .c2_limg,
main.long .description_sec .inner .c2_limg {
  grid-template-columns: 48.3% 1fr;
  gap: 6%;
}
@media screen and (max-width: 560px) {
  main.mybo .description_sec .inner .c2_limg,
  main.long .description_sec .inner .c2_limg {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
main.mybo .description_sec .inner .c2_limg .img,
main.long .description_sec .inner .c2_limg .img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
main.mybo .description_sec .inner .c2_limg .right_txt .sttl-l_02,
main.long .description_sec .inner .c2_limg .right_txt .sttl-l_02 {
  letter-spacing: 0.09em;
  margin-bottom: 30px;
}
@media screen and (max-width: 560px) {
  main.mybo .description_sec .inner .c2_limg .right_txt .sttl-l_02,
  main.long .description_sec .inner .c2_limg .right_txt .sttl-l_02 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .c2_limg .right_txt .sttl-l_02 .nowrap,
  main.long .description_sec .inner .c2_limg .right_txt .sttl-l_02 .nowrap {
    white-space: normal;
  }
}
@media screen and (max-width: 768px) {
  main.mybo .description_sec .inner .c2_limg .right_txt .sttl-l_02 .nowrap-w768,
  main.long .description_sec .inner .c2_limg .right_txt .sttl-l_02 .nowrap-w768 {
    white-space: nowrap;
  }
}
main.mybo .point_sec .inner > .sttl-l_02,
main.long .point_sec .inner > .sttl-l_02 {
  text-align: center;
  margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
  main.mybo .point_sec .inner > .sttl-l_02,
  main.long .point_sec .inner > .sttl-l_02 {
    margin-bottom: 50px;
  }
}
main.mybo .point_sec .inner .point_list,
main.long .point_sec .inner .point_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
}
@media screen and (max-width: 560px) {
  main.mybo .point_sec .inner .point_list,
  main.long .point_sec .inner .point_list {
    gap: 50px;
  }
}
main.mybo .point_sec .inner .point_list .point_item,
main.long .point_sec .inner .point_list .point_item {
  margin-bottom: 0;
}
main.mybo .point_sec .inner .point_list .point_item .number,
main.long .point_sec .inner .point_list .point_item .number {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
main.mybo .point_sec .inner .point_list .point_item .c2_content,
main.long .point_sec .inner .point_list .point_item .c2_content {
  grid-template-columns: 1fr 36%;
  gap: 6%;
}
@media screen and (max-width: 560px) {
  main.mybo .point_sec .inner .point_list .point_item .c2_content,
  main.long .point_sec .inner .point_list .point_item .c2_content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
main.mybo .point_sec .inner .point_list .point_item .c2_content .left_txt .note,
main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .note {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 2;
  margin-top: 15px;
}
@media screen and (max-width: 560px) {
  main.mybo .point_sec .inner .point_list .point_item .c2_content .left_txt .note,
  main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .note {
    font-size: 12px;
    margin-top: 10px;
  }
}
main.mybo .point_sec .inner .point_list .point_item .c2_content .img,
main.long .point_sec .inner .point_list .point_item .c2_content .img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
main.mybo .usage_sec .inner > .sttl-l_02,
main.long .usage_sec .inner > .sttl-l_02 {
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 560px) {
  main.mybo .usage_sec .inner > .sttl-l_02,
  main.long .usage_sec .inner > .sttl-l_02 {
    margin-bottom: 50px;
  }
}
main.mybo .usage_sec .inner .usage_list,
main.long .usage_sec .inner .usage_list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 4%;
}
@media screen and (max-width: 560px) {
  main.mybo .usage_sec .inner .usage_list,
  main.long .usage_sec .inner .usage_list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
main.mybo .usage_sec .inner .usage_list .usage_item,
main.long .usage_sec .inner .usage_list .usage_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
main.mybo .usage_sec .inner .usage_list .usage_item .sttl-l_05,
main.long .usage_sec .inner .usage_list .usage_item .sttl-l_05 {
  color: var(--brown05);
  text-align: center;
  margin-bottom: 12px;
}
main.mybo .usage_sec .inner .usage_list .usage_item .cmn_txt,
main.long .usage_sec .inner .usage_list .usage_item .cmn_txt {
  margin-bottom: 30px;
}
@media screen and (max-width: 560px) {
  main.mybo .usage_sec .inner .usage_list .usage_item .cmn_txt,
  main.long .usage_sec .inner .usage_list .usage_item .cmn_txt {
    margin-bottom: 10px;
  }
}
main.mybo .usage_sec .inner .usage_list .usage_item .img,
main.long .usage_sec .inner .usage_list .usage_item .img {
  border-radius: 5px;
  border: 1px solid var(--brown03);
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
}
main.mybo .usage_sec .inner .usage_list .usage_item .img > img,
main.long .usage_sec .inner .usage_list .usage_item .img > img {
  vertical-align: bottom;
}

/* ==============================
long (long/index.html)
===============================*/
main.long .description_sec .inner .desc_main {
  background: center/cover url(../img/shampoo/long/long_bg.jpg) no-repeat;
  padding: 7.1% 7.1% 5%;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_main {
    background: center/cover url(../img/shampoo/long/long_bg_sp.jpg) no-repeat;
    padding: 4.347826087%;
  }
}
main.long .description_sec .inner .desc_main .desc_main_content {
  grid-template-columns: 10.9302325581% 73.6046511628%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_main .desc_main_content {
    grid-template-columns: 80.3174603175% 50px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    padding: 6.3492063492%;
  }
}
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box {
  padding: 31px 9.4786729858% 42px;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box {
    padding: 0;
  }
}
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup {
  gap: 13px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup {
    width: 253px;
    margin-bottom: 15px;
  }
}
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup h4 {
  width: 278px;
  height: 39px;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup h4 {
    width: 165px;
    height: 23px;
  }
}
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup .en {
  width: 116px;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box hgroup .en {
    width: 78px;
  }
}
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item::before {
  background: center/contain url(../img/shampoo/long/shampoo_check.svg) no-repeat;
}
main.long .description_sec .inner .desc_main .desc_main_content .desc_txt-box .desc_txt_list .desc_txt_item span {
  color: #4946A4;
}
main.long .description_sec .inner .desc_result {
  border-radius: 10px;
  border: 1px solid var(--brown03);
  padding: 60px 9.2%;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_result {
    padding: 30px 5%;
  }
}
main.long .description_sec .inner .desc_result .sttl-l_02 {
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_result .sttl-l_02 {
    margin-bottom: 12px;
  }
}
main.long .description_sec .inner .desc_result .cmn_txt {
  text-align: center;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .desc_result .cmn_txt {
    margin-bottom: 30px;
  }
}
main.long .description_sec .inner .desc_result .c2_fimg {
  display: grid;
  grid-template-columns: 45.3431372549% 45.3431372549%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  container-type: inline-size;
  position: relative;
}
@media screen and (max-width: 480px) {
  main.long .description_sec .inner .desc_result .c2_fimg {
    grid-template-columns: 1fr;
    gap: 50px;
  }
}
main.long .description_sec .inner .desc_result .c2_fimg::before {
  content: "";
  display: block;
  width: 16px;
  height: 30px;
  background: #E1CBAF;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(15.318627451cqi - 15px);
}
@media screen and (max-width: 480px) {
  main.long .description_sec .inner .desc_result .c2_fimg::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 30px;
    height: 16px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
main.long .description_sec .inner .desc_result .c2_fimg .frame_txt {
  margin-bottom: 10px;
}
main.long .description_sec .inner .desc_result .c2_fimg .img {
  border-radius: 5px;
  border: 1px solid var(--brown030);
  overflow: hidden;
}
main.long .description_sec .inner .c2_limg {
  margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
  main.long .description_sec .inner .c2_limg {
    margin-bottom: 50px;
  }
}
main.long .recommend_sec .inner {
  border-radius: 10px;
  border: 1px solid #264453;
  background: #F8F8F8;
  overflow: hidden;
}
main.long .recommend_sec .inner .sttl-l_02 {
  color: var(--white);
  letter-spacing: 0.03em;
  text-align: center;
  background: #264453;
  padding-block: 50px;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.long .recommend_sec .inner .sttl-l_02 {
    padding-block: 25px;
  }
}
main.long .recommend_sec .inner .sttl-l_02::before, main.long .recommend_sec .inner .sttl-l_02::after {
  content: "";
  width: 95%;
  height: 1px;
  background: var(--white);
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  main.long .recommend_sec .inner .sttl-l_02::before, main.long .recommend_sec .inner .sttl-l_02::after {
    width: 90%;
  }
}
main.long .recommend_sec .inner .sttl-l_02::before {
  top: 27px;
}
@media screen and (max-width: 768px) {
  main.long .recommend_sec .inner .sttl-l_02::before {
    top: 13.5px;
  }
}
main.long .recommend_sec .inner .sttl-l_02::after {
  bottom: 27px;
}
@media screen and (max-width: 768px) {
  main.long .recommend_sec .inner .sttl-l_02::after {
    bottom: 13.5px;
  }
}
main.long .recommend_sec .inner .recommend_list {
  padding: 49px 9.91983968%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  main.long .recommend_sec .inner .recommend_list {
    padding: 25px 5%;
  }
}
main.long .recommend_sec .inner .recommend_list .recommend_item {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 7.1428571429%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 35px 6.25% 31px;
}
main.long .recommend_sec .inner .recommend_list .recommend_item:nth-of-type(1), main.long .recommend_sec .inner .recommend_list .recommend_item:nth-of-type(3), main.long .recommend_sec .inner .recommend_list .recommend_item:nth-of-type(5) {
  background: #EFF4F6;
}
@media screen and (max-width: 480px) {
  main.long .recommend_sec .inner .recommend_list .recommend_item {
    grid-template-columns: 50px 1fr;
    gap: 20px;
  }
}
main.long .recommend_sec .inner .recommend_list .recommend_item .img {
  border-radius: 4px;
  border: 1px solid var(--brown03);
  background: var(--white);
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-inline: auto;
}
main.long .recommend_sec .inner .recommend_list .recommend_item .item_txt .sttl-l_06 {
  color: #264453;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
@media screen and (max-width: 480px) {
  main.long .recommend_sec .inner .recommend_list .recommend_item .item_txt .sttl-l_06 {
    margin-bottom: 10px;
  }
}
main.long .recommend_sec .inner .recommend_list .recommend_item .item_txt .cmn_txt {
  color: #555;
}
main.long .point_sec .inner .point_list {
  gap: 50px;
}
main.long .point_sec .inner .point_list .point_item .comparison {
  display: grid;
  grid-template-columns: 48.3333333333% 48.3333333333%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  main.long .point_sec .inner .point_list .point_item .comparison {
    padding-top: 0;
  }
}
main.long .point_sec .inner .point_list .point_item .comparison figure figcaption {
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.05em;
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  main.long .point_sec .inner .point_list .point_item .comparison figure figcaption {
    font-size: 14px;
  }
}
main.long .point_sec .inner .point_list .point_item .comparison figure img {
  border-radius: 5px;
}
main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .cmn_txt {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .cmn_txt {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .component_list {
    margin-top: 15px;
  }
}
main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .component_list dt {
  color: #333;
  padding-left: calc(1em + 8px);
  line-height: 1.5;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .component_list dt {
    padding-left: calc(1em + 4px);
  }
}
main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .component_list dt::before {
  content: "・";
  position: absolute;
  left: 0;
}
main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .component_list dd {
  color: #333;
}
main.long .point_sec .inner .point_list .point_item .c2_content .left_txt .component_list dd:not(:last-of-type) {
  margin-bottom: 8px;
}/*# sourceMappingURL=shampoo.css.map */