@charset "UTF-8";



/* sec_follow */
.sec_follow .l-inner { padding: 0; }
.sec_follow .l-ColumnUnit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px;
}
.sec_follow .sec_follow_day {
  font-size: 18px;
  margin-bottom: 0;
}
.sec_follow .article-follow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sec_follow .article-follow .head {
  padding-right: 16px;
}



/* sec_lead */
.sec_lead {
  padding: 100px 20px;
  background: #fff;
  border-bottom: 10px solid #CED6E8;
  text-align: center;
}
.sec_lead .sec_lead_ttl .l-HeadingTitle--v2__h2 {
  font-size: 32px;
  letter-spacing: 0.1em;
}
.sec_lead .sec_lead_txt {
  font-size: 18px;
  line-height: 2.0;
  font-weight: 600;
}
.sec_lead .sec_lead_txt em {
  font-style: normal;
  background: linear-gradient(to right, #EAD9FF 0%, #ECEBFA 50%, #D6D2FF 100%);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 4px;
}



/* sec_item */
.sec_item {
  padding: 0 16px 80px;
  background: url(/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/campaign/playpark-039/img/item_bg.png) 0 0 repeat-y;
  background-size: 100%;
}
.sec_campaign.active + .sec_item {
  padding-top: 80px;
}
.sec_item_inr {
  width: 100%;
  max-width: 956px;
  margin: 0 auto;
  padding: 70px 90px;
  background: #fff;
  border-radius: 8px;
}
.sec_item_inr + .sec_item_inr {
  margin-top: 60px;
}
.sec_item_day {
  width: 200px;
  margin: 0 auto;
  padding: 4px;
  background: #000;
  text-align: center;
}
.sec_item_day .g-LabelTagP__list__item {
  margin: 0;
}
.sec_item_day .l-LabelTagUnit {
  color: #fff;
  font-size: 18px;
  line-height: 1.0;
}
.sec_item_day .l-LabelTagUnit.is-colorset1 {
  background: #000;
}

.sec_item_ttl .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.sec_item_ttl .l-HeadingTitle--v2__h2 {
  margin-top: 24px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  font-family: "Yu Gothic Medium", "Yu Gothic", "YuGothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", "Meiryo", sans-serif;
  letter-spacing: 0.1em;
}
.sec_item_ttl .l-HeadingTitle--v2__h2 em {
  font-style: normal;
}

.sec_item_ttl2 .g-HeadingTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}
.sec_item_ttl2 .l-HeadingTitle--v2__h2 {
  font-size: 40px;
  text-align: center;
}
.sec_item_ttl2 .l-HeadingTitle--v2__h2::before,
.sec_item_ttl2 .l-HeadingTitle--v2__h2::after {
  display: inline-block;
  content: "";
  width: 80px;
  height: 1px;
  background: #000;
  vertical-align: middle;
}
.sec_item_ttl2 .l-HeadingTitle--v2__h2::before {
  margin-right: 30px;
}
.sec_item_ttl2 .l-HeadingTitle--v2__h2::after {
  margin-left: 30px;
}

.sec_item_lead {
  font-size: 30px;
  text-align: center;
  font-family: "TsukuMinPr6-R", "UDKakugo_LargePro-DB", sans-serif;
}

.sec_item_ttl3 .l-HeadingTitle--v2__titleBlock__titleBox {
  background: linear-gradient(to right, #EAD9FF 0%, #ECEBFA 50%, #D6D2FF 100%);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 4px;
}
.sec_item_ttl3 .l-HeadingTitle--v2__titleBlock__titleBox .l-HeadingTitle--v2__h3 {
  font-size: 30px;
}
.sec_item_ttl3.g-HeadingTitle--v2.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox {
  width: 85px;
}
.sec_item_ttl3 .g-Image--v2 {
  margin: 0;
}

.sec_item_text {
  font-size: 18px;
}
.sec_item_text sup {
  font-size: 11px;
}

.sec_item_dtl .l-ImageTextHP--v2__contentsBlock {
  display: flex !important;
  gap: 40px;
  margin-top: 60px;
}
.sec_item_dtl.g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
  max-width: 348px;
  padding-right: 0;
}
.sec_item_dtl .l-ImageTextHP--v2__contentsBlock__text {
  flex: 1;
}
.g-ImageTextHP--v2__contentsBlock:after {
  display: none;
}

.sec_item_dtl_txt_tag {
  display: inline-block;
  padding: 2px 8px;
  background: #eee;
  font-size: 18px;
  text-align: center;
}
.sec_item_dtl_txt_tag2 {
  display: inline-block;
  padding: 2px 6px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #000;
}

.sec_item_dtl_txt_text {
  font-size: 14px;
}
.sec_item_dtl_txt_text sup {
  font-size: 11px;
}
.sec_item_dtl_txt_text2 {
  font-size: 11px;
}
.sec_item_dtl_txt_text3 {
  font-size: 14px;
  font-weight: 600;
}
.sec_item_dtl_txt_text4 {
  font-size: 12px;
}

.sec_item .l-ImageTextHP--v2__contentsBlock__text .l-AnnotationListUnit--v2 .g-AnnotationListUnit--v2__text,
.sec_item .l-ImageTextHP--v2__contentsBlock__text .l-AnnotationListUnit--v2 span {
  font-size: 11px;
  color: #222 !important;
}

.sec_item_series {
  width: 100%;
  max-width: 890px;
  margin: 0 auto;
}
.sec_item_series_list .l-Column__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 890px;
  margin: 24px auto 0 !important;
}
.sec_item_series_list .l-Column__inner::after {
  display: none;
}
.sec_item_series_list .l-Column__inner .l-Column__cols {
  width: calc(33.33% - 20px);
}
.sec_item_series_list .l-Column__inner .l-Column__cols .l-Image--v2 {
  margin-bottom: 0;
}

.l-ButtonP.is-gutter--m .l-ButtonP__list {
  margin: 0;
}
.l-ButtonP.is-gutter--m .l-ButtonP__list__item {
  padding: 0;
}
.is-colorset--1 .l-ButtonUnit__link {
  border: none;
}
.l-ButtonP.is-gutter--m .l-ButtonP__list__item {
  display: block;
}
.l-ButtonP.is-gutter--m .l-ButtonP__list__item + .l-ButtonP__list__item {
  margin-top: 20px;
}
.sec_item_btn .is-colorset--1 .l-ButtonUnit__link {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 15px 38px;
  background: #000;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  box-shadow: none;
}
.sec_campaign_btm .sec_item_btn .is-colorset--1 .l-ButtonUnit__link {
  max-width: 360px;
}
/*
.sec_item_btn .is-colorset--1 .l-ButtonUnit__link::after {
  position: absolute;
  top: 50%;
  right: 23px;
  display: block;
  content: "";
  width: 6px;
  height: 13px;
  margin-top: -6px;
  background: url(/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/campaign/playpark-039/img/icon_arrow2.svg) 0 0 no-repeat;
  background-size: contain;
}*/


/* sec_campaign */
.sec_campaign {
  display: none;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 24px;
  padding-right: 24px;
  background: #fff;
}
.sec_campaign.active {
  display: block;
}
.sec_campaign .l-Column__cols { width: 100%; }
.sec_campaign_inr {
  width: 100%;
  max-width: 895px;
  margin: 0 auto;
  padding: 50px 98px;
  background-image: url(/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/campaign/playpark-039/img/campaign_bg_top.svg), url(/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/campaign/playpark-039/img/campaign_bg_btm.svg);
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 80px, 80px;
  background-color: #F1E7ED;
  border-radius: 8px;
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.25);
}
.sec_campaign_ttl .g-HeadingTitle--v2__titleBlock {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec_campaign_ttl.g-HeadingTitle--v2.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox {
  width: 60px;
  padding-right: 18px;
  padding-bottom: 8px;
}
.sec_campaign_ttl.g-HeadingTitle--v2.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox .g-Image--v2 {
  margin-bottom: 0;
}
.sec_campaign_ttl .l-HeadingTitle--v2__h2 {
  font-size: 40px;
  text-align: center;
}
.sec_campaign_lead {
  font-size: 20px;
  text-align: center;
  font-family: "TsukuMinPr6-R", "UDKakugo_LargePro-DB", sans-serif;
}

.sec_campaign_dtl .l-ImageTextHP--v2__contentsBlock {
  display: flex !important;
  align-items: center;
  gap: 40px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
.sec_campaign_dtl .l-ImageTextHP--v2__contentsBlock .l-ImageTextHP--v2__contentsBlock__image {
  width: 180px;
  padding-right: 0;
}
.sec_campaign_dtl .l-ImageTextHP--v2__contentsBlock .l-ImageTextHP--v2__contentsBlock__text {
  flex: 1;
  width: 100%;
}

.sec_campaign_sttl {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid #000;
}
.sec_campaign_text {
  font-size: 24px;
  font-weight: 600;
}
.sec_campaign_text2 {
  font-size: 18px;
  font-weight: 600;
}
.sec_campaign_list {
  margin-left: 1.5em;
  font-size: 18px;
  font-weight: 600;
}
.sec_campaign_list em {
  font-style: normal;
  font-size: 14px;
  color: #D81829;
}

.sec_campaign_btm {
  text-align: center;
}
.sec_campaign_btm .sec_campaign_link a:link,
.sec_campaign_btm .sec_campaign_link a:active,
.sec_campaign_btm .sec_campaign_link a:visited {
  position: relative;
  padding-right: 32px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
}
.sec_campaign_btm .sec_campaign_link a::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/campaign/playpark-039/img/icon_doc.svg) 0 0 no-repeat;
  background-size: contain;
}

.sec_campaign_btm .sec_campaign_btn a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  padding: 15px 38px;
  background: #000;
  color: #fff;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  box-shadow: none;
}
.sec_campaign_btm .sec_campaign_btn a .cmn-richtext {
  padding-right: 0;
}
.sec_campaign_btm .sec_campaign_btn a .l-ButtonUnit__link__icon {
  display: none;
}

.sec_campaign_btm .sec_campaign_ttl {
  font-size: 23px;
  font-weight: 700;
}
.sec_campaign_btm .sec_campaign_txt {
  font-size: 16px;
  font-weight: 600;
}



/* sec_follow-us */
.sec_follow-us {
  background: #F7F7F7;
}
.sec_follow-us_ttl .l-HeadingTitle--v2__h2 {
  font-size: 16px;
  font-weight: 600;
}
.sec_follow-us_list {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
.sec_follow-us_list .l-Column__inner {
  display: flex;
  gap: 20px;
}



/* sec_button */
.sec_button {
  position: fixed;
  bottom: 20%;
  right: 0;
  margin: 0;
  padding: 0;
  z-index: 100;
}
.sec_button .l-Section__inner {
  margin: 0;
  padding: 0;
}
.sec_button .l-ButtonUnit__link {
  position: relative;
  padding: 26px 18px 52px;
  background-color: #000;
  border-radius: 20px 0 0 20px;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  writing-mode: vertical-rl;
}
.sec_button .l-ButtonUnit__link::after {
  position: absolute;
  left: 50%;
  bottom: 20px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: url(/content/dam/sites/kao/webmember-kao-kirei-com/jp/kbbplaypark/campaign/playpark-039/img/icon_window.svg) 0 0 no-repeat;
  background-size: contain;
}
.sec_button .is-rightIcon .g-ButtonUnit__link .cmn-richtext {
  padding-right: 0;
}
.sec_button .l-ButtonUnit__link .l-ButtonUnit__link__icon {
  display: none;
}



@media only screen and (max-width: 640px) {
/* sec_follow */
.sec_follow .l-ColumnUnit { padding: 20px; }
.sec_follow .sec_follow_day { font-size: 14px; }
.sec_follow .sec_follow_day .l-inner { padding: 0; }


/* sec_lead */
.sec_lead { padding: 30px 16px 40px; }
.sec_lead .l-Section__inner { padding: 0; }
.sec_lead .sec_lead_ttl .l-HeadingTitle--v2__h2 { font-size: 20px; }
.sec_lead .sec_lead_txt { font-size: 16px; line-height: 2.2; }


/* sec_item */
.sec_item { padding-bottom: 40px; }
.sec_campaign.active + .sec_item { padding-top: 50px; }
.sec_item .l-Section__inner { padding: 0; }
.sec_item_inr { padding: 30px 12px; }

.sec_item_day .l-LabelTagUnit { padding: 2px; font-size: 16px; }
.sec_item_ttl .l-HeadingTitle--v2__h2 { margin-top: 10px; font-size: 18px; }
.sec_item_ttl .l-HeadingTitle--v2__h2 em { display: block; font-size: 24px; }

.sec_item_ttl2 .l-HeadingTitle--v2__h2 { font-size: 26px; }
.sec_item_ttl2 .l-HeadingTitle--v2__h2::before,
.sec_item_ttl2 .l-HeadingTitle--v2__h2::after { width: 40px; }
.sec_item_ttl2 .l-HeadingTitle--v2__h2::before { margin-right: 16px; }
.sec_item_ttl2 .l-HeadingTitle--v2__h2::after { margin-left: 16px; }

.sec_item_ttl3 .l-HeadingTitle--v2__titleBlock__titleBox { background-size: 100% 2px; }
.sec_item_ttl3 .l-HeadingTitle--v2__titleBlock__titleBox .l-HeadingTitle--v2__h3 { font-size: 18px; }
.sec_item_ttl3.g-HeadingTitle--v2.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox { width: 62px; }

.sec_item_text { font-size: 12px; line-height: 1.7; }
.sec_item_text sup { font-size: 10px; }

.sec_item_dtl .l-ImageTextHP--v2__contentsBlock { flex-direction: column; gap: 10px; }
.sec_item_dtl.g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image { padding-left: 30px; }
.sec_item_dtl_img { padding-left: 30px; }

.sec_item_series_list { gap: 20px; margin-top: 24px; }
.sec_item_series_list li { width: calc(50% - 10px); }
.l-ButtonP.is-gutter--m .l-ButtonP__list__item + .l-ButtonP__list__item { margin-top: 10px; }

.sec_item_lead { font-size: 18px; }

.sec_item_series_list .l-Column__inner { gap: 20px; }
.sec_item_series_list .l-Column__inner .l-Column__cols { width: calc(50% - 10px); }


/* sec_campaign */
.sec_campaign .l-Section__inner { padding: 0; }
.sec_campaign_inr {
  padding: 30px 15px;
  background-size: 50px, 50px;
}
.sec_campaign_ttl .l-HeadingTitle--v2__h2 {
  font-size: 26px;
}
.sec_campaign_ttl.g-HeadingTitle--v2.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox { width: 37px; padding-right: 12px; }

.sec_campaign_lead {
  font-size: 18px;
}
.sec_campaign_dtl .l-ImageTextHP--v2__contentsBlock { flex-direction: column; gap: 20px; }
.sec_campaign_sttl { font-size: 14px; }
.sec_campaign_text { font-size: 18px; font-weight: normal; }
.sec_campaign_text2 { font-size: 16px; font-weight: normal; }
.sec_campaign_list { font-size: 16px; font-weight: normal; }

.sec_campaign_btm .sec_campaign_link a:link,
.sec_campaign_btm .sec_campaign_link a:active,
.sec_campaign_btm .sec_campaign_link a:visited { font-size: 14px; font-weight: 600; }
.sec_campaign_btm .sec_campaign_link a::after { width: 22px; height: 22px; margin-top: -11px; padding-right: 28px; }

.sec_campaign_btm .sec_campaign_btn a { padding: 8px; font-size: 16px; }

.sec_campaign_btm .sec_campaign_ttl { font-size: 18px; }
.sec_campaign_btm .sec_campaign_txt { font-size: 14px; }

.sec_campaign_dtl_txt { width: 100%; }


/* sec_follow-us
.sec_follow-us_list .l-Column__inner { gap: 10px; } */


/* sec_button */
.sec_button .l-ButtonUnit__link {
  padding: 20px 6px 40px;
  border-radius: 5px 0 0 5px;
  font-size: 16px;
}
.sec_button .l-ButtonUnit__link::after {
  bottom: 16px;
  width: 16px;
  height: 16px;
  margin-left: -8px;
}

}