html {
  scroll-behavior: smooth;
}

body.on {
  overflow: hidden;
}

#dcs-top {
  position: relative;
}

.mv {
  position: relative;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .mv {
    height: 100vh;
  }
}
@media only screen and (max-width: 48em) {
  .mv {
    padding-top: 6.875rem;
    height: 34.125rem;
  }
}
.mv video {
  -o-object-fit: cover;
     object-fit: cover;
}

.scroll {
  position: absolute;
  animation: arrowmove 1s ease-in-out infinite;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .scroll {
    width: 5.125rem;
    bottom: 1.375rem;
    left: 1.875rem;
  }
}
@media only screen and (max-width: 48em) {
  .scroll {
    width: 4rem;
    bottom: 1.5625rem;
    left: 1.25rem;
  }
}
.scroll img {
  width: 100%;
  height: auto;
}

@keyframes arrowmove {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 3%;
  }
  100% {
    bottom: 1%;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .bc-player-default_default-index-0.vjs-fluid:not(.vjs-audio-only-mode) {
    padding-top: 100vh;
  }
}
@media only screen and (max-width: 48em) {
  .bc-player-default_default-index-0.vjs-fluid:not(.vjs-audio-only-mode) {
    padding-top: 27.25rem;
  }
}

.vjs-poster img {
  -o-object-fit: cover;
     object-fit: cover;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.top-news {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-news {
    background: url(../../img/dcs/top/news-arrow.png) no-repeat center right 1.0625rem/1.5625rem auto;
    background-color: #fff;
    border-radius: 0.625rem;
    /* width: 39.375rem; */
    position: absolute;
    right: 0.625rem;
    bottom: 0.625rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-news {
    width: 24rem;
    /* height: 5.375rem; */
    height: auto;
    border-radius: 0.625rem;
    margin: 0 auto;
    position: relative;
    /* top: -0.8125rem; */
    top: -5.8125rem;
    background: url(../../img/dcs/top/news-arrow.png) no-repeat center right 0.875rem/1.4375rem auto;
    background-color: #fff;
  }
}

.top-news a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-news a {
    padding: 1.25rem 3.4375rem 1.25rem 1.5625rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-news a {
    padding: 0.75rem 3rem 0.75rem 1.25rem;
    height: 100%;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-news a > img {
    width: 1.9375rem;
    height: auto;
    margin-right: 0.5rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-news a > img {
    width: 2.0625rem;
    height: auto;
    margin-right: 0.75rem;
  }
}

.top-news dl {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-news dl {
    white-space: nowrap;
    width: 34rem;
    margin-left: 2rem;
  }

  .top-news a:nth-child(2) dl {
    margin-left: 4.4375rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-news dl {
    height: 100%;
  }
  .top-news a:nth-child(2) dl {
    padding-left: 2.8125rem;
  }
}
.top-news dl dt {
  letter-spacing: 0.05em;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-news dl dt {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-news dl dt {
    font-size: 0.875rem;
  }
}
.top-news dl dd {
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-news dl dd {
    white-space: nowrap;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-news dl dd {
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.dcs-wrap {
  background: #fffde6;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-wrap {
    padding-top: 6.25rem;
    padding-bottom: 14.375rem;
  }
}
@media only screen and (max-width: 48em) {
  .dcs-wrap {
    padding-top: 6.875rem;
    padding-bottom: 3.875rem;
  }
}

.dcs-section {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-section {
    width: 68.75rem;
  }
}
@media only screen and (max-width: 48em) {
  .dcs-section {
    padding: 0 1.25rem;
  }
}

.lead {
  line-height: 2;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .lead {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 48em) {
  .lead {
    font-size: 1rem;
  }
}

.trouble-image {
  display: flex;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .trouble-image {
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: 2.3125rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 48em) {
  .trouble-image {
    flex-direction: column;
    align-items: center;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .trouble-image img:first-child {
    width: 32.4375rem;
    height: auto;
    margin-right: 4rem;
  }
}
@media only screen and (max-width: 48em) {
  .trouble-image img:first-child {
    width: 20rem;
    height: auto;
    margin-bottom: 1.5625rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .trouble-image img:last-child {
    width: 30rem;
  }
}
@media only screen and (max-width: 48em) {
  .trouble-image img:last-child {
    width: 18.75rem;
  }
}

.section-box {
  background: #fff;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .section-box {
    border-radius: 0.625rem;
    box-shadow: 0px 0px 10px rgba(101, 99, 69, 0.2);
    padding-top: 3.5rem;
  }
}
@media only screen and (max-width: 48em) {
  .section-box {
    border-radius: 0.625rem;
    box-shadow: 0px 0px 10px rgba(101, 99, 69, 0.2);
    padding: 2.5rem 2.3125rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .section-box.top-box01 {
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 48em) {
  .section-box.top-box01 {
    margin-top: 4.375rem;
  }
}

.user-voice {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .user-voice {
    margin-top: 3.25rem;
    padding-bottom: 3.875rem;
  }
}
@media only screen and (max-width: 48em) {
  .user-voice {
    flex-direction: column;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .user-voice__block {
    width: 17.75rem;
    margin: 0 0.9375rem;
  }
}
@media only screen and (max-width: 48em) {
  .user-voice__block + .user-voice__block {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .user-voice__block img {
    width: 9.4375rem;
    height: auto;
    margin: 0 auto 1.1875rem;
  }
}
@media only screen and (max-width: 48em) {
  .user-voice__block img {
    width: 9.375rem;
    height: auto;
    margin: 0 auto 1.1875rem;
  }
}

.user-type {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .user-type {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }
}
@media only screen and (max-width: 48em) {
  .user-type {
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }
}

.user-text {
  letter-spacing: 0.1em;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .user-text {
    line-height: 2;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 48em) {
  .user-text {
    font-size: 1rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .care-image {
    width: 55rem;
    margin: 6.9375rem auto 6.25rem;
  }
}
@media only screen and (max-width: 48em) {
  .care-image {
    margin: 4.375rem auto;
  }
}
.care-image img {
  width: 100%;
  height: auto;
}

.child-skin {
  position: relative;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin {
    padding-top: 7.3125rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__image {
    position: absolute;
    top: 0;
    right: -8.75rem;
  }
}
@media only screen and (max-width: 48em) {
  .child-skin__image {
    margin-top: 2.1875rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__image img {
    width: 21.3125rem;
    height: auto;
  }
}
@media only screen and (max-width: 48em) {
  .child-skin__image img {
    width: 18.75rem;
    height: auto;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin {
    width: 51.25rem;
    margin: 0 auto 6.25rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin .section-title02 {
    text-align: left;
    margin-bottom: 5rem;
  }
}

.child-skin__inner h4 {
  color: #418fde;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__inner h4 {
    font-size: 1.5rem;
    margin-bottom: 0.9375rem;
  }
}
@media only screen and (max-width: 48em) {
  .child-skin__inner h4 {
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 0.9375rem;
  }
}

.child-skin__inner p {
  letter-spacing: 0.1em;
  line-height: 2s;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__inner p {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 48em) {
  .child-skin__inner p {
    font-size: 1rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__text01 {
    width: 36.5rem;
  }
}

.skin-image {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skin-image {
    margin-top: 0.9375rem;
  }
}
@media only screen and (max-width: 48em) {
  .skin-image {
    flex-direction: column;
    margin-top: 1.625rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skin-image img {
    width: 23.9375rem;
    height: auto;
  }
}
@media only screen and (max-width: 48em) {
  .skin-image img {
    width: 20rem;
    height: auto;
  }
  .skin-image img + img {
    margin-top: 2.5rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__inner + .child-skin__inner {
    margin-top: 5.625rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__inner:last-child {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5.625rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .child-skin__inner:last-child > img {
    width: 22.1875rem;
    height: auto;
    margin-left: 2.5rem;
  }
}
@media only screen and (max-width: 48em) {
  .child-skin__inner:last-child > img {
    width: 20.625rem;
    height: auto;
    margin: 1.875rem auto 0;
  }
}

.top-box02 {
  background: url(../../img/dcs/top/skincare-img.png) no-repeat;
  background-color: #fff;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box02 {
    padding-left: 6.875rem;
    padding-right: 6.875rem;
    padding-bottom: 10.5rem;
    background-position: bottom right 1.75rem;
    background-size: 20.8125rem auto;
  }
}
@media only screen and (max-width: 48em) {
  .top-box02 {
    margin-top: 4.375rem;
    padding-bottom: 13.75rem;
    background-position: bottom center;
    background-size: 12.375rem auto;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box02 .section-title02 {
    margin-bottom: 3.9375rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-box02 .section-title02 {
    margin-bottom: 1.4375rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box02 .section-box {
    padding-left: 1.6875rem;
    padding-right: 1.6875rem;
  }
}

.skincare-point h4 {
  color: #418fde;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skincare-point h4 {
    font-size: 1.5rem;
    margin-bottom: 0.9375rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-point h4 {
    text-align: center;
    white-space: nowrap;
    font-size: 1.125rem;
    margin-bottom: 0.625rem;
  }
}
.skincare-point p {
  letter-spacing: 0.1em;
  line-height: 2;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skincare-point p {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-point p {
    font-size: 1rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skincare-point + .skincare-point {
    margin-top: 4.5rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-point + .skincare-point {
    margin-top: 3.125rem;
  }
}

.dcs-section.allergy {
  background-image: url(../../img/dcs/top/top-border.png), url(../../img/dcs/top/top-border.png);
  background-repeat: no-repeat, no-repeat;
  background-position: top center, bottom center;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-section.allergy {
    margin: 6.25rem auto;
    padding: 6.25rem 0;
    background-size: 100% auto, 100% auto;
  }
}
@media only screen and (max-width: 48em) {
  .dcs-section.allergy {
    margin: 4.375rem auto;
    padding: 4.375rem 1.25rem;
    background-size: calc(100% - 2.5rem) 1px, calc(100% - 2.5rem) 1px;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-section.allergy > picture {
    width: 63.6875rem;
    height: auto;
    margin: 0 auto 6.25rem;
  }
}
@media only screen and (max-width: 48em) {
  .dcs-section.allergy > picture {
    width: 21.9375rem;
    height: auto;
    margin: 0 auto 4.375rem;
  }
}
.dcs-section.allergy > picture img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box03 {
    padding: 3.5rem 3.75rem;
    margin-bottom: 6.25rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-box03 {
    padding: 2.5rem 1.6875rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box03 > img {
    width: 61.25rem;
    height: auto;
    margin: 1.875rem auto 0;
  }
}
@media only screen and (max-width: 48em) {
  .top-box03 > img {
    width: 22.25rem;
    height: auto;
    margin-top: 1.875rem;
    margin-left: -0.9375rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box03 .section-title02 {
    margin-bottom: 2.5rem;
  }
}
.top-box03 p {
  letter-spacing: 0.1em;
  line-height: 2;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box03 p {
    padding: 0 3.125rem;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-box03 p {
    ont-size: 1rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .top-box03 p + p {
    margin-top: 2.1875rem;
  }
}
@media only screen and (max-width: 48em) {
  .top-box03 p + p {
    margin-top: 1.875rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .about-allergy {
    width: 55rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .about-allergy .section-title02 {
    margin-bottom: 2.6875rem;
  }
}

.qanda-block {
  background: #fff;
  transition: outline 0.2s ease-in-out;
  display: block;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-block {
    box-shadow: 0px 0px 10px rgba(101, 99, 69, 0.2);
    border-radius: 0.625rem;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-block {
    box-shadow: 0px 0px 10px rgba(101, 99, 69, 0.2);
    border-radius: 0.625rem;
  }
}
.qanda-block.active {
  outline: 2px solid #ed7a94;
}
.qanda-block.visible {
  max-height: 1000px;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-block + .qanda-block {
    margin-top: 1.25rem;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-block + .qanda-block {
    margin-top: 0.9375rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-section.qanda {
    margin-bottom: 9.75rem;
  }
}
@media only screen and (max-width: 48em) {
  .dcs-section.qanda {
    margin-bottom: 4.375rem;
  }
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-section.qanda .section-title02 {
    margin-bottom: 1.875rem;
  }
}

.qanda-q {
  letter-spacing: 0.1em;
  position: relative;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-q {
    font-size: 1.25rem;
    padding: 1.875rem;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-q {
    padding: 1.25rem;
    font-size: 1rem;
    padding-left: calc(1.25rem + 2em);
    text-indent: -2em;
  }
}
.qanda-q span {
  color: #418fde;
  font-weight: 700;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-q span {
    font-size: 2rem;
    margin-right: 1.125rem;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-q span {
    font-size: 1.25rem;
    margin-right: 0.625rem;
  }
}
.qanda-q::before {
  display: block;
  content: "";
  background: url(../../img/dcs/top/open.png) no-repeat;
  transition: opacity 0.2s ease-in-out;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-q::before {
    background-position: center center;
    background-size: 1.9375rem auto;
    position: absolute;
    right: 1.875rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.9375rem;
    height: 1.9375rem;
    opacity: 1;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-q::before {
    background-position: center center;
    background-size: 1.5625rem auto;
    position: absolute;
    right: 1.1875rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.5625rem;
    height: 1.5625rem;
    opacity: 1;
  }
}
.qanda-q::after {
  display: block;
  content: "";
  background: url(../../img/dcs/top/close.png) no-repeat;
  transition: opacity 0.2s ease-in-out;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-q::after {
    background-position: center center;
    background-size: 1.9375rem auto;
    position: absolute;
    right: 1.875rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.9375rem;
    height: 1.9375rem;
    opacity: 0;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-q::after {
    background-position: center center;
    background-size: 1.5625rem auto;
    position: absolute;
    right: 1.1875rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1.5625rem;
    height: 1.5625rem;
    opacity: 0;
  }
}
.qanda-q.active::before {
  opacity: 0;
}
.qanda-q.active::after {
  opacity: 1;
}

.qanda-a {
  letter-spacing: 0.1em;
  display: flex;
  align-items: baseline;
  background: url(../../img/dcs/top/top-border.png) no-repeat top center;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-a {
    padding: 1.5625rem 1.875rem 1.875rem;
    font-size: 1rem;
    background-size: calc(100% - 3.75rem) auto;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-a {
    font-size: 1rem;
    padding: 1.5625rem 1.25rem 1.875rem;
    background-size: calc(100% - 2.5rem) 1px;
  }
}
.qanda-a span {
  color: #ed7a94;
  font-weight: 700;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .qanda-a span {
    font-size: 2rem;
    margin-right: 1.125rem;
  }
}
@media only screen and (max-width: 48em) {
  .qanda-a span {
    font-size: 1.25rem;
    margin-right: 0.75rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-section.qanda .c-button {
    margin-top: 2.9375rem;
  }
}
@media only screen and (max-width: 48em) {
  .dcs-section.qanda .c-button {
    margin-top: 1.875rem;
  }
}

.dcs-section.qanda .c-button.active {
  background-image: url(../../../img/dcs/common/btn-arrow-up.png);
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .dcs-section.column {
    margin-bottom: 13.1875rem;
  }
}
@media only screen and (max-width: 48em) {
  .dcs-section.column {
    margin-bottom: 2.25rem;
  }
}

.skincare-article {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skincare-article {
    margin-top: 3.125rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-article {
    flex-direction: column;
    margin-bottom: 1.875rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-article article + article {
    margin-top: 1.25rem;
  }
}

.skincare-article__link {
  background: #fff;
  display: block;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skincare-article__link {
    width: 21.5rem;
    height: 25.625rem;
    border-radius: 0.625rem;
    box-shadow: 0px 0px 10px rgba(101, 75, 69, 0.2);
    padding: 1.25rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-article__link {
    width: 100%;
    height: 25.625rem;
    box-shadow: 0px 0px 10px rgba(101, 75, 69, 0.2);
    padding: 1.25rem;
  }
}

.skincare-article__link .thumbnail {
  background: #dddddd;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skincare-article__link .thumbnail {
    width: 19rem;
    height: 14.25rem;
    border-radius: 0.3125rem;
    overflow: hidden;
    margin-bottom: 1.0625rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-article__link .thumbnail {
    width: 100%;
    height: 15.625rem;
    border-radius: 0.3125rem;
    overflow: hidden;
    margin-bottom: 0.625rem;
  }
}
.skincare-article__link .thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
}

.skincare-article__link .day {
  color: #418fde;
  font-weight: 700;
  line-height: 2.4;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .skincare-article__link .day {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 48em) {
  .skincare-article__link .day {
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: calc(48em + 0.01px)) {
  .anchor_link {
    scroll-margin-top: 9.375rem;
  }
}
@media only screen and (max-width: 48em) {
  .anchor_link {
    scroll-margin-top: 9.375rem;
  }
}

@media only screen and (max-width: 48em) {
  .next-area {
    margin-bottom: 3.875rem;
  }
}

.header-nav__item:first-child a p {
  position: relative;
}
@media only screen and (min-width: calc(48em + 0.01px)) {
  .header-nav__item:first-child a p::after {
    display: block;
    content: "";
    background: url(../../../img/dcs/common/nav-bar.png) no-repeat center center/cover;
    width: 100%;
    height: 0.3125rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -0.3125rem;
  }
}

.top-modal {
  width: 100%;
  max-width: 1377px;
}
.top-modal img {
  width: 100%;
  height: auto;
}/*# sourceMappingURL=top.css.map */