.clr {
  zoom: 1;
}
.clr:before {
  content: "";
  display: table;
}
.clr:after {
  content: "";
  display: table;
  clear: both;
}

/*font family*/
.sensai-counselling-heading-section .g-ColumnUnit *,
.sec_counselling_check .usr_select li .g-Text,
.sec_counselling_check .usr_select .sec:nth-child(2) .trouble_check.no_check,
.sec_counselling_check .usr_select .sec:nth-child(2) .step_lead,
.sec_counselling_check .sec_box_skintype .sec_skintype .result_txt,
.sec_counselling_check .sec_tips > div:not(.icon_tips) .g-Text,
.sec_recommend .g-Column .g-ColumnUnit > .g-Text {
  font-family: 'adobe-garamond-pro';
}

/*for check button*/
.sec_counselling_check span[class^='opt-fontsize--'] {
  font-size: inherit;
}
.sec_counselling_check a:link, .sec_counselling_check a:visited, .sec_counselling_check a:hover, .sec_counselling_check a:active {
  color: #575859;
}
.sec_counselling_check .icon > *:after {
  display: inline-block;
  font-weight: normal;
  text-transform: none;
  font-family: 'icomoon';
  font-size: 1.2em;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*height js overwirte*/
.g-TileLinkVUnit.products {
  height: auto !important;
}

.sec_counselling_check :not(.btn_area) ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.sec_counselling_check ul li a {
  text-decoration: none;
}
.sec_counselling_check .grid {
  display: table;
  width: 100%;
  margin: 20px auto 0 auto;
}
.sec_counselling_check .grid img {
  margin: 0 auto;
}
.sec_counselling_check .grid .col10 {
  width: 10%;
}
.sec_counselling_check .grid .col20 {
  width: 20%;
}
.sec_counselling_check .grid .skin_image,
.sec_counselling_check .grid .type_check {
  width: 50%;
}
.sec_counselling_check .grid .col40 {
  width: 40%;
}
.sec_counselling_check .grid .col50 {
  width: 50%;
}
.sec_counselling_check .grid .col60 {
  width: 60%;
}
.sec_counselling_check .grid .col80 {
  width: 80%;
}
.sec_counselling_check .grid .col90 {
  width: 90%;
}
.sec_counselling_check .grid .col100 {
  width: 100%;
}
.sec_counselling_check .usr_select li {
  display: inline-block;
  margin-bottom: 14px;
}
.sec_counselling_check .usr_select li:nth-of-type(even) {
  margin-right: 0;
}
.sec_counselling_check .usr_select li .g-Text {
  margin-bottom: 0;
}
.sec_counselling_check .usr_select li a {
  display: block;
  padding: 0 0 0 25px;
  background: url(https://www.sensai-cosmetics.com/content/dam/sites/kanebo/www-sensai-cosmetics-com/common/ec/common/icons/checkbox_unchecked.svg) 0 0 no-repeat #ffffff;
  background-position: 0 center;
}
.sec_counselling_check .usr_select li a.check {
  background: url(https://www.sensai-cosmetics.com/content/dam/sites/kanebo/www-sensai-cosmetics-com/common/ec/common/icons/checkbox_checked.svg) 0 0px no-repeat #ffffff;
  background-position: 0 center;
}
.sec_counselling_check .usr_select .sec .g-HeadingTitle {
  margin-bottom: 0;
}
.sec_counselling_check .usr_select .sec:nth-child(1) .step_lead {
  padding-bottom: 32px;
  border-bottom: solid 1px #cecece;
}
.sec_counselling_check .usr_select .sec:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
}
.sec_counselling_check .usr_select .sec:nth-child(2) .g-HeadingTitle {
  width: 100%;
  padding-bottom: 32px;
  border-bottom: solid 1px #cecece;
  margin-bottom: 40px;
}
.sec_counselling_check .usr_select .sec:nth-child(2) .trouble_check {
  margin-top: 30px;
}
.sec_counselling_check .usr_select .sec:nth-child(2) .trouble_check.no_check {
  order: 5;
  width: 50%;
  height: fit-content;
}
.sec_counselling_check .trouble_check {
  width: 80%;
  margin: 0;
}
.sec_counselling_check .trouble_check.no_check {
  text-align: center;
}
.sec_counselling_check .trouble_check.now_check {
  display: none;
}
.sec_counselling_check .trouble_check.now_check + .now_check {
  margin-bottom: -10px;
}
.sec_counselling_check .btn_area {
  margin: 60px auto 20px auto;
  text-align: center;
}
.sec_counselling_check .btn_area ul {
  padding: 0;
}
.sec_counselling_check .btn_area li {
  display: inline-block;
  position: relative;
}
.sec_counselling_check .btn_area li .g-Text {
  margin-bottom: 0;
  font-family: 'adobe-garamond-pro';
}
.sec_counselling_check .btn_area li .g-Text .cmn-richtext {
  margin-top: 3px;
}
.sec_counselling_check .btn_area li.btn_cancell {
  width: 48.7%;
}
.sec_counselling_check .btn_area li.btn_cancell a {
  padding: 12px 30px;
  background: none;
  color: #9f8839;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
}
.sec_counselling_check .btn_area li.btn_cancell a:hover:after {
  content: "";
  border: solid #9f8839;
  border-width: 0 1.5px 1.5px 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  padding: 3px;
  margin: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.sec_counselling_check .btn_area li.btn_diagnose {
  width: 48.7%;
}
.sec_counselling_check .btn_area li.btn_diagnose > .disabled {
  color: #aab0bb;
  display: block;
  padding: 12px 30px;
  border: 1px solid #aab0bb;
}
.sec_counselling_check .btn_area li.btn_diagnose > .disabled:after,
.sec_counselling_check .btn_area li.btn_diagnose > .disabled span {
  color: #aab0bb;
}
.sec_counselling_check .btn_area li.btn_diagnose > a {
  padding: 15px 0 13px;
  border: solid 1px #9f8839;
  box-shadow: none;
  border-radius: 0;
  background: none;
  color: #9f8839;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25px;
}
.sec_counselling_check .btn_area li.btn_diagnose > a:hover:after {
  content: "";
  border: solid #9f8839;
  border-width: 0 1.5px 1.5px 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  padding: 3px;
  margin: 7px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.sec_counselling_check .sec_box_skintype {
  margin-top: -5px;
}
.sec_counselling_check .sec_box_skintype .l-HeadingTitle__h3 .opt-fontfamily--01 {
  font-family: "EBGaramond-Regular", "FZShuSong-Z01", serif;
}
.sec_counselling_check .sec_featured_products {
  display: none;
}
.sec_counselling_check .sec_tips {
  background-color: #fafaf9;
  margin-bottom: 80px;
  padding: 30px 28px 28px 32px;
  margin-top: 35px;
}
.sec_counselling_check .sec_tips .icon_tips {
  display: inline-block;
  border-radius: 10px;
  padding: 0;
  margin-bottom: 11px;
}
.sec_counselling_check .sec_tips .icon_tips span {
  vertical-align: middle;
}

.result_ttl .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 11px;
}

.result_type .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 15px;
}

.counsellingPageItemdiv {
  padding-top: 24px;
}

.sensai-counselling-heading-section {
  padding-bottom: 39px;
  padding-top: 39px;
}

/*=============== type_counselling_result*/
.sensai-counselling-heading-section .g-Column .g-HeadingTitle {
  margin-bottom: 32px;
}
.sensai-counselling-heading-section .g-Column .g-HeadingTitle .g-HeadingTitle__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.sensai-counselling-heading-section .g-Column .g-Text {
  margin-bottom: 0;
}

.sensai-counselling-content-section .counsellingPageItemdiv .homepage-bestsellers .g-ImageCarouselP__list {
  display: flex;
  flex-wrap: wrap;
}

.sec_recommend .g-Column span[class^='opt-fontsize--'] {
  font-size: inherit;
}
.sec_recommend .g-Column .g-ColumnUnit > .g-Image img {
  margin: 0 auto;
  width: initial !important;
}
.sec_recommend .g-Column div[class^="counsellingStep"] .homepage-bestsellers {
  margin: 30px 0 0;
}
.sec_recommend .g-Column div[class^="counsellingStep"] .homepage-bestsellers .g-ImageCarouselP__list {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1025px) {
  .sensai-counselling-heading-section .g-Text {
    width: 48.5%;
    margin: auto;
  }

  .sec_products_emulsion {
    padding-bottom: 80px !important;
  }

  .sensai-counselling-content-section .g-Column {
    width: 48.54%;
    margin: 40px auto 80px;
  }

  .sec_counselling_check .grid > div[class*="col"] {
    display: table-cell;
    vertical-align: middle;
  }
  .sec_counselling_check .grid .skin_image .g-Image {
    width: 51.35%;
    margin: auto;
  }

  .sensai-counselling-content-section .counsellingPageItemdiv .homepage-bestsellers {
    margin: 0;
  }
  .sensai-counselling-content-section .counsellingPageItemdiv .homepage-bestsellers .g-ImageCarouselP__list .g-ImageCarouselPUnit {
    padding: 0 2px 4px;
    width: 50%;
  }

  .sec_recommend .g-Column {
    padding: 80px 1.04% 0;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-HeadingTitle,
  .sec_recommend .g-Column .g-ColumnUnit > .g-Image,
  .sec_recommend .g-Column .g-ColumnUnit > .g-Text {
    margin: 0 25.9%;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-HeadingTitle .g-HeadingTitle__titleBlock__titleBox__title {
    margin: 0;
  }
  .sec_recommend .g-Column div[class^="counsellingStep"] .homepage-bestsellers .g-ImageCarouselP__list .g-ImageCarouselPUnit {
    padding: 0 2px 4px;
    width: 25%;
  }
}
@media (min-width: 641px) {
  .sec_counselling_check :not(.btn_area) ul {
    flex-direction: column;
  }
  .sec_counselling_check .usr_select li {
    width: fit-content;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .g-HeadingTitle {
    order: 1;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .step_lead {
    order: 2;
    width: 50%;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .trouble_check.skin_trouble {
    order: 4;
    width: 50%;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .more_check_ttl {
    order: 3;
    width: 50%;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .trouble_check.now_check {
    order: 5;
    width: 50%;
  }
}
@media (min-width: 641px) and (max-width: 1024px) {
  .sensai-counselling-heading-section {
    padding-bottom: 25px;
    padding-top: 32px;
  }

  .counsellingPageItemdiv {
    padding-top: 19px;
  }

  .sec_products_emulsion {
    padding-bottom: 56px !important;
  }

  .sensai-counselling-content-section .g-Column {
    width: 86.3%;
    margin: 34px 3.1% 17px 10.5% !important;
  }

  .sec_counselling_check .grid > div[class*="col"] {
    display: table-cell;
    vertical-align: top;
  }
  .sec_counselling_check .grid .skin_image .g-Image {
    margin: auto;
  }

  .sensai-counselling-heading-section .g-Column {
    width: 75%;
  }

  .sensai-counselling-content-section .counsellingPageItemdiv .homepage-bestsellers {
    margin: 0 -10.1%;
  }
  .sensai-counselling-content-section .counsellingPageItemdiv .homepage-bestsellers .g-ImageCarouselP__list .g-ImageCarouselPUnit {
    padding: 0 2px 4px;
    width: 33.33%;
  }

  .sec_recommend .g-Column {
    padding: 68px 2.61% 0;
  }
  .sec_recommend .g-Column div[class^="counsellingStep"] .homepage-bestsellers .g-ImageCarouselP__list .g-ImageCarouselPUnit {
    padding: 0 2px 4px;
    width: 33.33%;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-HeadingTitle {
    margin: 0;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-HeadingTitle .g-HeadingTitle__titleBlock__titleBox__title {
    margin: 0;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-Image {
    margin: 0;
  }
}
@media (max-width: 640px) {
  .sensai-counselling-heading-section {
    padding-bottom: 30px;
    padding-top: 33px !important;
  }

  .counsellingPageItemdiv {
    padding-top: 26px;
  }

  .sec_products_emulsion {
    padding-bottom: 44px !important;
  }

  .sensai-counselling-content-section .g-Column {
    width: 95.65%;
    margin: 32px auto 8px !important;
  }

  .sec_counselling_check .grid > div[class*="col"] {
    display: table-cell;
    vertical-align: middle;
  }
  .sec_counselling_check .grid .skin_image .g-Image {
    width: 73.59%;
    margin: auto;
  }
  .sec_counselling_check :not(.btn_area) ul {
    flex-wrap: wrap;
  }
  .sec_counselling_check .usr_select li {
    width: 50%;
  }
  .sec_counselling_check .usr_select .grid .type_check li {
    width: 100%;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .step_lead,
  .sec_counselling_check .usr_select .sec:nth-child(2) .trouble_check.skin_trouble {
    width: 100%;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .more_check_ttl {
    margin-top: 30px;
    width: 100%;
  }
  .sec_counselling_check .usr_select .sec:nth-child(2) .trouble_check.now_check {
    width: 100%;
  }

  .sensai-counselling-heading-section .g-Column {
    width: 95%;
  }

  .sensai-counselling-content-section .counsellingPageItemdiv .homepage-bestsellers {
    margin: 0;
  }
  .sensai-counselling-content-section .counsellingPageItemdiv .homepage-bestsellers .g-ImageCarouselP__list .g-ImageCarouselPUnit {
    padding: 0 2px 4px;
    width: 50%;
  }

  .sec_recommend .g-Column {
    padding: 40px 2.2% 0;
  }
  .sec_recommend .g-Column div[class^="counsellingStep"] .homepage-bestsellers .g-ImageCarouselP__list .g-ImageCarouselPUnit {
    padding: 0 2px 4px;
    width: 50%;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-HeadingTitle {
    margin: 0;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-HeadingTitle .g-HeadingTitle__titleBlock__titleBox__title {
    margin: 0;
  }
  .sec_recommend .g-Column .g-ColumnUnit > .g-Image {
    margin: 0;
  }
}
@media (max-width: 1024px) {
  .sensai-counselling-heading-section .g-Column .g-HeadingTitle {
    margin-bottom: 20px;
  }
}