.dermacept-wrap {
  margin: 0;
  padding: 0 !important; }

.lineup .lineup-item .lineup-item__point .lineup-item__pointCheck > p.serif {
  margin-top: 0; }

.lineup .lineup-item .lineup-item__point {
  margin-top: 0; }

.contents-product-detail .dermacept-content {
  padding-bottom: 100px; }

.dermacept-content {
  margin-top: 0;
  padding-bottom: 50px; }
  .dermacept-content .top-about {
    text-align: center;
    padding: 0 0 0; }
    .dermacept-content .top-about .top-about__ttl {
      font-size: calc(26 * 100vw / 375);
      padding-top: calc(50 * 100vw / 375); }
    .dermacept-content .top-about .top-about__txt {
      margin-top: calc(30 * 100vw / 375);
      font-size: calc(15 * 100vw / 375);
      line-height: 1.7; }
    .dermacept-content .top-about .btn-white {
      margin-top: calc(40 * 100vw / 375); }
  .dermacept-content .lineup #lineup-item__continue1 {
    margin-bottom: 80px;
    margin-top: 0;
    border: 5px solid #c30d23; }
    .dermacept-content .lineup #lineup-item__continue1::after {
      display: none; }
  .dermacept-content .lineup .lineup-item {
    margin-top: 0; }
    .dermacept-content .lineup .lineup-item .lineup-item__pointCheck {
      margin: 0 auto;
      width: auto; }
      .dermacept-content .lineup .lineup-item .lineup-item__pointCheck .serif {
        text-align: center; }
    .dermacept-content .lineup .lineup-item .lineup-item__texture {
      width: 100%;
      max-width: 780px;
      margin-right: auto;
      margin-left: auto; }
  .dermacept-content .dermacept-faq {
    margin-top: 5vw; }
  .dermacept-content .recommend-teiki {
    margin-top: 60px; }
  .dermacept-content.dermacept-category .recommend-teiki {
    margin-top: 0px; }
  .dermacept-content .barrier .lineup-item__pointCheck .cation {
    margin-bottom: calc(40 * 100vw / 375);
    font-size: calc(11 * 100vw / 375) !important; }
  .dermacept-content .lastbtn {
    margin-top: 0;
    font-size: calc(13 * 100vw / 375); }
  .dermacept-content .dermacept-chatContainer {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1; }
    .dermacept-content .dermacept-chatContainer #faq {
      position: relative;
      -webkit-transition: opacity 0.6s ease;
      transition: opacity 0.6s ease;
      bottom: 0 !important; }
    .dermacept-content .dermacept-chatContainer #chatbot {
      position: relative;
      -webkit-transition: opacity 0.6s ease;
      transition: opacity 0.6s ease;
      margin-top: 20px; }

.dermacept-wrap .dermacept-faq .ac-ttl {
  line-height: 1.2; }

@media screen and (max-width: 767px) {
  .dermacept-category .btn-anchor span::after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
    top: calc(25 * 100vw / 375); }
  .dermacept-category .btn-anchor span::before {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    top: calc(26 * 100vw / 375);
    right: calc(10 * 100vw / 375);
    width: calc(19 * 100vw / 375); }
  .dermacept-category__ttl {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw); }
  .dermacept-wrap .lineup {
    padding-top: calc(50 * 100vw / 375); }
  .dermacept-content .lineup #lineup-item__continue1 {
    margin-bottom: calc(80 * 100vw / 375); }
  .dermacept-wrap .recommend-teiki .recommend-teiki__inner h3 {
    width: 95vw; }
  .dermacept-wrap .recommend-teiki .recommend-teiki__inner h2 {
    font-size: calc(22 * 100vw / 375); }
  .dermacept-wrap .dial {
    margin-top: calc(100 * 100vw / 375); }
  .dermacept-wrap .recommend-teiki {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 0; }
  .dermacept-wrap .recommend-new {
    margin-top: calc(50 * 100vw / 375);
    margin-bottom: 0;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw); }
    .dermacept-wrap .recommend-new .cation {
      text-align: left;
      margin-top: 0.5em;
      font-size: calc(10 * 100vw / 375); }
  .dermacept-chatContainer #faq {
    bottom: 0 !important; }
  .dermacept-chatContainer #chatbot {
    margin-top: calc(15 * 100vw / 375) !important; }
  .lineup .lineup-item.va-serum .lineup-item__diff {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw); }
  .lineup .lineup-item.va-serum .lineup-item__reaction {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw); } }

@media screen and (min-width: 768px) {
  .dermacept-content {
    /*--------------------------
        about
        ---------------------------*/ }
    .dermacept-content .btn-anchor span::after {
      top: 24px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg); }
    .dermacept-content .btn-anchor span::before {
      width: 20px;
      right: 10px;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .dermacept-content .top-about {
      padding: 0px 0 0; }
      .dermacept-content .top-about .top-about__ttl {
        padding-top: 80px;
        font-size: 40px; }
      .dermacept-content .top-about .top-about__txt {
        font-size: 16px;
        margin-top: 30px; }
      .dermacept-content .top-about .btn-white {
        margin-top: 40px; }
    .dermacept-content .lineup-item__pointCheckList li {
      font-size: 22px !important;
      padding-left: 45px !important;
      margin-top: 15px !important; }
    .dermacept-content .pdinner_pc {
      padding: 0; }
    .dermacept-content .dermacept-faq {
      margin-top: 60px;
      max-width: 780px;
      margin-right: auto;
      margin-left: auto; }
    .dermacept-content .barrier .lineup-item__pointCheck {
      max-width: 600px; }
      .dermacept-content .barrier .lineup-item__pointCheck .cation {
        max-width: 600px;
        margin-bottom: 60px;
        font-size: 12px !important; }
  .dermacept-wrap .dial {
    margin-top: 100px;
    padding-bottom: 80px; }
  .dermacept-wrap .recommend-new {
    margin-top: 80px; }
    .dermacept-wrap .recommend-new .cation {
      text-align: left;
      margin-top: 0.5em;
      font-size: 12px; }
  .dermacept-wrap .lastbtn {
    font-size: 13px; } }