@charset "UTF-8";
*:focus {
outline: none;
}

/*none*/
.show_sp {display: none !important}
.show_pc {display: block!important}
.margin_none p {margin: 0;}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
/*none*/
.show_sp {display: block !important}
.show_pc {display: none!important}
}

/*font family*/
.font-fm01{font-family: 'TT-PA1GothicStd-Regular', sans-serif}
.font-fm02{font-family: 'TT-PA1GothicStd-Light', sans-serif}
.font-fm03{font-family: 'AvenirNextLTPro-Light', sans-serif}
.font-fm04{font-family: 'FuturaLTPro-Medium', sans-serif}

/*button*/
.btn-white a,.btn-white .g-ButtonUnit__link {font-family: 'TT-PA1GothicStd-Light', sans-serif;color: #464646;background-color: #FFF;border-radius: 999px;padding:15px 40px;border: 1px solid #d2d2d2;}
.btn-pink a,.btn-pink .g-ButtonUnit__link {font-family: 'TT-PA1GothicStd-Light', sans-serif;color: #FFF;background-color: #d1225e;border-radius: 999px;padding:15px 40px;border: 1px solid #d1225e;}

/*font size*/
.font-28 {font-size: 28px;line-height: 1.25;}
.font-26 {font-size: 26px;line-height: 1.4;}
.font-22 {font-size: 22px;line-height: 1.4;}
.font-22s {font-size: 22px;line-height: 1.4;}
.font-20 {font-size: 20px;line-height: 1.4;}
.font-16 {font-size: 16px;line-height: 1.4;}
.font-15 {font-size: 15px;line-height: 1.6;}
.font-14 {font-size: 14px;line-height: 1.4;}
.font-13 {font-size: 13px;line-height: 1.4;}
.font-12 {font-size: 12px;line-height: 1.4;}
@media only screen and (max-width: 1024px) {
.font-28 {font-size: 26px;line-height: 1.25;}
.font-26 {font-size: 24px;line-height: 1.4;}
.font-22 {font-size: 20px;line-height: 1.4;}
.font-22s {font-size: 20px;line-height: 1.4;}
.font-20 {font-size: 18px;line-height: 1.4;}
.font-16 {font-size: 15px;line-height: 1.4;}
.font-15 {font-size: 14px;line-height: 1.6;}
.font-14 {font-size: 13px;line-height: 1.4;}
.font-13 {font-size: 12px;line-height: 1.4;}
.font-12 {font-size: 11px;line-height: 1.4;}
}
@media only screen and (max-width: 640px) {
.font-28 {font-size: 24px;line-height: 1.25;}
.font-26 {font-size: 22px;line-height: 1.4;}
.font-22 {font-size: 18px;line-height: 1.4;}
.font-22s {font-size: 16px;line-height: 1.4;}
.font-20 {font-size: 18px;line-height: 1.4;}
.font-16 {font-size: 14px;line-height: 1.4;}
.font-15 {font-size: 13px;line-height: 1.6;}
.font-14 {font-size: 12px;line-height: 1.4;}
.font-13 {font-size: 11px;line-height: 1.4;}
.font-12 {font-size: 10px;line-height: 1.4;}
}

/*color*/
.color01{color: #464646}
.color02{color: #FFF}
.color03{color: #d1225e}

/*background*/
.bg00{background-color: transparent !important}
.bg01{background-color: #f2f2f2 !important}
.bg02{background-color: #FFF !important}
.bg03{background-color: #fbeded !important}
.bg04{background-color: #f8dcdc !important}
.bg05{background-color: #dadada !important}

/*midashi*/
.midashi01{font-family: 'AvenirNextLTPro-Light', 'TT-PA1GothicStd-Light', sans-serif;font-size: 16px;line-height: 1.2;color: #464646;margin: 0 auto 10px !important;}
.midashi02{font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 26px;line-height: 1.2;color: #464646;margin: 0 auto 15px !important;letter-spacing: 0.05em;}
.midashi_border {border-bottom: 1px solid #d2d2d2 !important;margin-bottom: 20px !important;}
.cap {font-size: 12px;line-height: 1.4;font-family: 'TT-PA1GothicStd-Light', sans-serif;color: #464646;}
@media only screen and (max-width: 1024px) {
.midashi01{font-size: 15px;line-height: 1.2;margin: 0 auto 10px !important;}
.midashi02{font-size: 24px;line-height: 1.2;margin: 0 auto 15px !important;}
.midashi_border {margin-bottom: 20px !important;}
.cap {font-size: 11px;}
}
@media only screen and (max-width: 640px) {
.midashi01{font-size: 14px;line-height: 1.2;margin: 0 auto 10px !important;}
.midashi02{font-size: 22px;line-height: 1.2;margin: 0 auto 15px !important;}
.midashi_border {margin-bottom: 20px !important;}
.cap {font-size: 10px;}
}


/*float*/
.stickyColumn{position: relative;z-index: 9;bottom: 0;margin-top: 0;pointer-events: none;}
.shop_float {
width: 100%;
max-width: 360px!important;
right: 0!important;
margin: 0 0 0 auto;
position: relative;
bottom: 0;
}
.shop_float .btn_shop {
width: 100% !important;
}
.shop_float .btn_shop ul {
display: flex;
justify-content: space-between;
}
.shop_float .btn_shop li {
width: calc(50% - 2px);
margin: 0 0 0 auto;
pointer-events: auto;
}
.shop_float .btn_shop li:first-child {
margin: 0 auto 0 0;
}
@media only screen and (max-width: 1024px) {
.shop_float {
max-width: 320px!important;
}
}
@media only screen and (max-width: 640px) {
.shop_float {
max-width: 100%!important;
}
.shop_float .btn_shop li {
width: calc(50% - 1px);
}
}

/*concept*/
#concept {padding-top: 50px!important}
.concept_wrap {padding: 250px 0;}
.concept_wrap .g-ImageTextHP--v2__contentsBlock__text {
display: flex;
align-items: center;
justify-content: flex-start;
width: 80%;
margin-left: 20%;
}
@media only screen and (max-width: 1024px) {
.concept_wrap {padding: 200px 0;}
.concept_wrap .g-ImageTextHP--v2__contentsBlock__text {
width: 85%;
margin-left: 15%;
}
}
@media only screen and (max-width: 640px) {
#concept {padding-top: 70px!important}
.concept_wrap {padding: 50px 0 80px;}
.concept_wrap .g-ImageTextHP--v2__contentsBlock__text {
width: 90% !important;
margin: 0 auto 20px!important;
}
.concept_wrap .g-ImageTextHP--v2__contentsBlock__image {
margin: 0 0 0 auto!important;
}
}

/*scroll*/
#scroll {
width: 100%;
}
#scroll .scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
#scroll .scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
#scroll .scroll-infinity__list--left {
  animation: infinity-scroll-left 60s infinite linear 0.0s both;
}
#scroll .scroll-infinity__item {
  width: calc(100vw / 3.5);
  margin: 0 5px;
}
@media only screen and (max-width: 1366px) {
#scroll .scroll-infinity__item {
  width: calc(100vw / 2.5);
  margin: 0 5px;
}
}
@media only screen and (max-width: 640px) {
#scroll .scroll-infinity__item {
  width: calc(100vw / 1.5);
  margin: 0 5px;
}
}
#scroll .scroll-infinity__item>img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

/*anchor_bnr*/
.anchor_wrap {padding: 150px 0;}
@media only screen and (max-width: 1024px) {
.anchor_wrap {padding: 120px 0;}
}
@media only screen and (max-width: 640px) {
.anchor_wrap {padding: 100px 0;}
}

/*products*/
.products_wrap {padding: 100px 0 300px;}
.time_wrap {padding: 0.25em 1.5em;font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 14px;color: #464646;background-color: #FFF;display: inline-block;border-radius: 999px;margin-bottom: 10px!important;}
.sellstart_wrap {padding: 0.2em 0.5em;font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 16px;color: #595857;background-color: #f8c8c8;display: inline-block;margin-top: 15px!important;}
.kenyou {font-size: 14px;border: 1px solid #464646;background-color: #FFF;padding: 2px;}
@media only screen and (max-width: 1024px) {
.products_wrap {padding: 50px 0 200px;}
.time_wrap {font-size: 13px;margin-bottom: 8px!important;}
.sellstart_wrap {font-size: 15px;margin-top: 12px!important;}
.kenyou {font-size: 13px;}
}
@media only screen and (max-width: 640px) {
.products_wrap {padding: 50px 0 150px;}
.time_wrap {font-size: 13px;margin-bottom: 8px!important;}
.sellstart_wrap {font-size: 15px;margin-top: 12px!important;}
.kenyou {font-size: 13px;}
}

/*features*/
.feature_wrap {padding: 0 0 200px;}
.feature_wrap .point_wrapper {margin: 50px auto;}
.feature_wrap .point_wrapper .g-ImageTextHP--v2__contentsBlock {align-items:center;}
.feature_wrap .point_txt_wrap {display: flex;align-items: center;margin: 0 auto;}
.feature_wrap .point_txt_wrap .g-ImageTextHP--v2__contentsBlock__text {display: flex;align-items: center;}
.feature_wrap .point_wrap {padding: 0.25em 1.25em;font-family: 'AvenirNextLTPro-Light', sans-serif;font-size: 16px;color: #464646;background-color: #FFF;display: inline-block;border-radius: 999px;margin-bottom: 10px!important;margin-right: 2em !important;white-space: nowrap;}
.feature_wrap .point_tate {font-size: 12px;}
.feature_wrap .point_num {font-size: 22px;}
.feature_wrap .point_ttl {font-size: 28px;line-height: 1.25;font-family: 'TT-PA1GothicStd-Regular', sans-serif;color: #464646;}
.feature_wrap .point_subttl {font-size: 20px;}
.feature_wrap .point_body {font-size: 15px;line-height: 1.6;font-family: 'TT-PA1GothicStd-Light', sans-serif;color: #464646;}
.feature_wrap .point_imgcap {font-size: 12px;line-height: 1.4;font-family: 'TT-PA1GothicStd-Light', sans-serif;color: #464646;}
@media only screen and (max-width: 1024px) {
.feature_wrap {padding: 0 0 200px;}
.feature_wrap .point_wrapper {margin: 50px auto;}
.feature_wrap .point_wrapper .g-ImageTextHP--v2__contentsBlock {align-items:center;}
.feature_wrap .point_txt_wrap {display: block;margin: 0 auto;}
.feature_wrap .point_txt_wrap .g-ImageTextHP--v2__contentsBlock__text {display: flex;align-items: center;}
.feature_wrap .point_wrap {font-size: 15px;margin-bottom: 10px!important;margin-right: 0!important;}
.feature_wrap .point_tate {font-size: 11px;}
.feature_wrap .point_num {font-size: 20px;}
.feature_wrap .point_ttl {font-size: 26px;line-height: 1.25; margin: 0;}
.feature_wrap .point_subttl {font-size: 18px;}
.feature_wrap .point_body {font-size: 14px;line-height: 1.6;}
.feature_wrap .point_imgcap {font-size: 11px;line-height: 1.4;}
}
@media only screen and (max-width: 640px) {
.feature_wrap {padding: 0 0 50px;}
.feature_wrap .point_wrapper {margin: 50px auto;}
.feature_wrap .point_wrapper .g-ImageTextHP--v2__contentsBlock {align-items:center;}
.feature_wrap .point_txt_wrap {display: block;margin: 0 auto;}
.feature_wrap .point_txt_wrap .g-ImageTextHP--v2__contentsBlock__text {display: flex;align-items: center;}
.feature_wrap .point_wrap {font-size: 12px;margin-bottom: 0!important;margin-right: 0!important;}
.feature_wrap .point_tate {font-size: 11px;}
.feature_wrap .point_num {font-size: 17px;}
.feature_wrap .point_ttl {font-size: 24px;line-height: 1.25; margin: 0;}
.feature_wrap .point_subttl {font-size: 17px;}
.feature_wrap .point_body {font-size: 14px;line-height: 1.6;}
.feature_wrap .point_imgcap {font-size: 10px;line-height: 1.4;}
}

/*hesotype*/
#ohesotype {padding-top: 50px !important;}
.hesotype_wrap {}
.hesotype_ttl01 h3 {font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 20px;text-align: center;color: #464646;background-color: #f8dcdc;padding: 10px;border-radius: 5px;}
.hesotype_ttl02 h3 {font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 20px;text-align: center;color: #464646;background-color: #dadada;padding: 10px;border-radius: 5px;}
.hesotype_name {font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 20px;text-align: center;color: #464646;background-color: #FFF;padding: 0.25em 1.5em;border-radius: 999px;display: inline-block;margin: 0 auto;}
.hesotype_list {font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 18px;text-align: left;color: #464646;padding: 0;display: inline-block;}
.hesotype_list li {width: 100%!important; list-style: none;padding-left: 1.4em;position: relative;}
.hesotype_list li::before {content: "";width: 1.4em;height: 1em;position: absolute;top: 50%;left: 0;background: url(/content/dam/sites/kao/www-kao-co-jp/spotjelly/top/2507/ico_checklist.png) 0 0 no-repeat;background-size: auto 100%;transform: translate(0, -50%)} 
.hesotype_catch {font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 22px;text-align: center;color: #464646;border-bottom: 1px solid #464646;}
.type_col01 .g-HeadingTitle--v2__titleBlock__titleBox__title,
.type_col02 .g-HeadingTitle--v2__titleBlock__titleBox__title {margin-bottom: 0;}
.type_col .g-Column__inner {display: flex;justify-content:space-between;}
.type_col .g-Column__cols--lg-w60p {width: 63%!important;margin: 0 auto 0 0;}
.type_col .g-Column__cols--lg-w30p {width: 26%!important;margin: 0 0 0 auto;}
.hesotype_ul01 .g-BannerLinkP--v2__list {display: flex;justify-content: space-between;} 
.hesotype_ul01 .g-BannerLinkP--v2__list li {width: 43.25%;margin: 0 0 0 auto;}
.hesotype_ul01 .g-BannerLinkP--v2__list li:first-child {margin: 0 auto 0 0;}
.graph_wrap {background-color: #FFF;padding: 50px 75px;border-radius: 5px;}
.graph_wrap .g-ImageTextHP--v2__contentsBlock__text {display: flex;align-items: center;}
.graph_ttl {font-size: 22px;line-height: 1.3; margin: 0 auto;}
.graph_num {font-size: 50px;color: #d1225e;font-family: 'AvenirNextLTPro-Light', sans-serif;text-decoration: underline 1px;}
.graph_wrap u {text-decoration: underline 1px;}
.graph_border {position: relative;margin: 20px auto 40px;}
.graph_border hr {border-color: #d2d2d2!important;}
.graph_border:before,
.graph_border:after{
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
}
.graph_border:before{
  bottom: -18px;
  border-style: solid;
  border-color: #d2d2d2 transparent transparent transparent;
  border-width: 19px 19px 0 19px;
}
.graph_border:after{
  bottom: -16px;
  border-style: solid;
  border-color: #FFF transparent transparent transparent;
  border-width: 17px 17px 0 17px;
  z-index: 10;
}
@media only screen and (max-width: 1024px) {
.hesotype_ttl01 h3 {font-size: 16px;padding: 6px;border-radius: 5px;}
.hesotype_ttl02 h3 {font-size: 16px;padding: 6px;border-radius: 5px;}
.hesotype_name {font-size: 16px;padding: 0.25em 1.5em;}
.hesotype_list {font-size: 14px;letter-spacing: -0.05em;}
.hesotype_list li {width: 100%!important; list-style: none;padding-left: 1.4em;position: relative;}
.hesotype_catch {font-size: 20px;}
.type_col .g-Column__cols--lg-w60p {width: 65%!important;margin: 0 auto 0 0;}
.type_col .g-Column__cols--lg-w30p {width: 29.7%!important;margin: 0 0 0 auto;}
.hesotype_ul01 .g-BannerLinkP--v2__list li {width: 48.25%;}
.graph_wrap {padding: 40px 60px;}
.graph_ttl {font-size: 20px;line-height: 1.3; margin: 0 auto;}
.graph_num {font-size: 46px;}
}
@media only screen and (max-width: 640px) {
#ohesotype {padding-top: 90px !important;}
.hesotype_ttl01 h3 {font-size: 18px;padding: 6px;border-radius: 5px;}
.hesotype_ttl02 h3 {font-size: 18px;padding: 6px;border-radius: 5px;}
.hesotype_name {font-size: 18px;padding: 0.25em 1.5em;}
.hesotype_list {font-size: 16px;letter-spacing: -0.05em;}
.hesotype_list li {width: 100%!important; list-style: none;padding-left: 1.4em;position: relative;}
.hesotype_ul01 .g-BannerLinkP--v2__list {display: block;} 
.hesotype_catch {font-size: 20px;}
.type_col .g-Column__inner {display: block;justify-content:space-between;}
.type_col .g-Column__cols--lg-w60p {width: 100%!important;margin: 0 auto;}
.type_col .g-Column__cols--lg-w30p {width: 100%!important;margin: 0 auto;}
.hesotype_ul01 .g-BannerLinkP--v2__list li {width: 100%;}
.graph_wrap {padding: 20px;}
.graph_ttl {font-size: 20px;line-height: 1.3; margin: 0 auto;}
.graph_num {font-size: 44px;}
.graph_border:before{
  bottom: -10px;
  border-style: solid;
  border-color: #d2d2d2 transparent transparent transparent;
  border-width: 11px 11px 0 11px;
}
.graph_border:after{
  bottom: -8px;
  border-style: solid;
  border-color: #FFF transparent transparent transparent;
  border-width: 9px 9px 0 9px;
  z-index: 10;
}
}

/*users_voice*/
.users_voice_wrap {padding-bottom: 300px;}
.users_voice h3 {position: relative;}
.users_voice h3::after {content: "";display: block;width: 100%;border-top: 1px solid #d2d2d2;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);z-index: 0;}
.users_voice h3 .users_voice_ttl {font-size: 22px;font-family: 'TT-PA1GothicStd-Regular', sans-serif; padding: 1em 1em 0.25em;background-color: #f2f2f2;display: inline-block;position: relative;z-index: 1;}
.users_voice_list ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;align-content: stretch;margin: 0 auto;}
.users_voice_list li {background-color: #FFF;border-radius: 50px;padding: 1.5em 1.5em !important;width: 22%!important;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin: 0 auto;align-content: stretch;position: relative;}
.users_voice_list li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  border-style: solid;
  border-width: 25px 25px 0 0;
  border-color: #FFF transparent transparent;
  translate: calc(-50% - 0.4px) 100%;
}
.users_voice_list li a {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.users_voice_list li p {font-size: 16px;line-height: 1.5;}
.users_voice_list li .g-TileLinkTextUnit__leadBlock {display: flex;align-items: center;justify-content: center;}
@media only screen and (max-width: 1024px) {
.users_voice_wrap {padding-bottom: 200px;}
.users_voice h3 .users_voice_ttl {font-size: 20px;}
.users_voice_list ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;align-content: stretch; margin: 0 auto!important;}
.users_voice_list li {width: 46%!important;margin-bottom: 50px;}
}
@media only screen and (max-width: 640px) {
.users_voice_wrap {padding-bottom: 50px;}
.users_voice h3 .users_voice_ttl {font-size: 18px;}
.users_voice_list ul {display: block;width: 85%; margin: 0 auto!important;}
.users_voice_list li {width: 100%!important;margin-bottom: 45px;border-radius: 40px;}
.users_voice_list li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  border-style: solid;
  border-width: 22px 22px 0 0;
  border-color: #FFF transparent transparent;
  translate: calc(-50% - 0.4px) 100%;
}
.users_voice_list li a {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.users_voice_list li p {font-size: 15px;line-height: 1.5;}
.users_voice_list li .g-TileLinkTextUnit__leadBlock {display: flex;align-items: center;justify-content: center;}
}

/*how to*/
#howto {padding-top: 50px !important;}
.howto_area {padding-bottom: 150px;}
.howto_wrap {padding-bottom: 0;}
.mov_cap {margin: 30px 0;}
.mov_cap .l-AccordionUnit__titleBlock {border:none;}
.mov_cap .l-AccordionUnit__contentBlock {background-color: transparent;border: 1px solid #d2d2d2;border-top: none; padding: 40px 50px;border-bottom-right-radius: 5px!important;border-bottom-left-radius: 5px!important;}
.mov_cap .g-AccordionUnit__titleBlock {padding: 10px 1.875em 10px 10px;border-radius: 5px!important;}
.mov_cap .l-AccordionUnit__titleBlock__icon{color: #464646;width: 1em;height: 1em;}
.mov_cap .l-AccordionUnit__contentBlock p {font-family: 'TT-PA1GothicStd-Light', sans-serif;}
.mov_cap .l-AccordionUnit__contentBlock p span {font-family: 'TT-PA1GothicStd-Regular', sans-serif;}
.mov_cap .g-AccordionUnit__titleBlock__icon {position: absolute;margin: 0!important; top: 50%;right: 1em;transform: translate(0,-50%);}
.mov_cap .cmn-icon--down::before {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: translate(0,-50%);
}
.mov_cap .cmn-icon--down::after {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: rotate(90deg) translate(0,-50%);
}
.mov_cap .cmn-icon--up::before {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: translate(0,-50%);
}
.mov_cap .cmn-icon--up::after {
  content: none;
}
.howto_point_wrap {background-color: #FFF;margin: 80px auto;padding: 25px 15px 15px 15px;border-radius: 5px;}
.point_check_wrap {padding-bottom: 150px;}
.point_check {position: relative;}
.point_check::after {content: "";display: block;width: 100%;border-top: 1px solid #d2d2d2;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);z-index: 0;}
.point_check .check_ttl {padding: 1em;background-color: #f2f2f2;display: inline-block;position: relative;z-index: 1;letter-spacing: 0.05em;}
.point_group {display: flex;margin-bottom: 40px;}
.check_num {font-size: 24px;color: #464646;font-family: 'TT-PA1GothicStd-Regular', sans-serif;}
.check_num span {font-size: 40px;color: #d1225e;font-family: 'FuturaLTPro-Medium', sans-serif;}
.check_body {font-size: 18px;color: #464646;font-family: 'TT-PA1GothicStd-Light', sans-serif;}
.check_body u {color: #d1225e;font-family: 'TT-PA1GothicStd-Regular', sans-serif;}
.point_imgtxt {width: 46%;padding: 0 15px;}
.point_imgtxt .g-ImageTextHP--v2__contentsBlock {align-items: center;}
.point_accordion {width: 54%; margin: 0 0;}
.point_accordion .l-AccordionUnit__titleBlock {border:none;}
.point_accordion .l-AccordionUnit__contentBlock {background-color: transparent;border: 1px solid #d2d2d2;border-top: none; padding: 10px;border-bottom-right-radius: 5px!important;border-bottom-left-radius: 5px!important;}
.point_accordion .g-AccordionUnit__titleBlock {padding: 10px 10px 10px 10px;border-radius: 5px!important;background-color: #fff;}
.point_accordion .l-AccordionUnit__titleBlock__icon{color: #464646;width: 1em;height: 1em;}
.point_accordion .l-AccordionUnit__contentBlock ul {font-size: 14px; font-family: 'TT-PA1GothicStd-Light', sans-serif;margin: 0;padding: 0; color: #464646;}
.point_accordion .l-AccordionUnit__contentBlock ul span {font-family: 'TT-PA1GothicStd-Regular', sans-serif;color: #d1225e;}
.point_accordion .l-AccordionUnit__contentBlock ul li {list-style: none;padding-left: 1em;position: relative;}
.point_accordion .l-AccordionUnit__contentBlock ul li::before{content: "⚫︎";position: absolute;top: 0;left: 0;display: block;}
.point_accordion .l-AccordionUnit__contentBlock p {margin: 0;}
.point_accordion .g-AccordionUnit__titleBlock__icon {font-size: 10px; position: absolute;margin: 0!important; top: 50%;right: 1em;transform: translate(0,-50%);}
.point_accordion .cmn-icon--down::before {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: translate(0,-50%);
}
.point_accordion .cmn-icon--down::after {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: rotate(90deg) translate(0,-50%);
}
.point_accordion .cmn-icon--up::before {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: translate(0,-50%);
}
.point_accordion .cmn-icon--up::after {
  content: none;
}
.notice_wait {border: 2px solid #d1225e;border-radius: 5px;padding: 5px!important;}
.kirakira {display: inline-block;width: 1em;height: 1em;background: url(/content/dam/sites/kao/www-kao-co-jp/spotjelly/top/2507/ico_kirakira.png) center center no-repeat;background-size: 100% auto;}
.notice_wrap {background-color: #FFF;padding: 5px;border-radius: 5px;margin-bottom: 50px;position: relative;border: 2px solid #d1225e;}
.notice_wrap::before {content: ""; position: absolute;top: 0;left: 0;width: 45px;height: 100%;display: block;background: url(/content/dam/sites/kao/www-kao-co-jp/spotjelly/top/2507/ico_caution2.png) center center no-repeat;background-size: 45px auto;background-color: #d1225e;}
.notice_wrap .g-Text {margin-bottom: 0;}
.notice_wrap p {font-size:14px;font-family: 'TT-PA1GothicStd-Regular', sans-serif;color: #464646;}
.notice_wrap p span.step_ttl {font-size:1.4em;font-weight: bold;color: #d1225e;}
.notice_wrap p u {font-size:1.285em;}
.notice_wrap-l {position: relative;}
.notice_wrap-l::before {content: "";width: 5px;height: calc(100% - 40px);background-color: #d1225e;position: absolute;
top: 40px;left: 0;display: block;}
@media only screen and (max-width: 1024px) {
.howto_area {padding-bottom: 125px;}
.mov_cap {margin: 30px 0;}
.mov_cap .l-AccordionUnit__contentBlock {padding: 30px 40px;}
.mov_cap .g-AccordionUnit__titleBlock {padding: 10px 1.875em 10px 10px;border-radius: 5px!important;}
.mov_cap .l-AccordionUnit__titleBlock__icon {font-size: 18px;}
.howto_point_wrap {background-color: #FFF;margin: 60px auto;padding: 25px 15px 15px 15px;border-radius: 5px;}
.point_check_wrap {padding-bottom: 150px;}
.point_check {position: relative;}
.check_num {font-size: 22px;}
.check_num span {font-size: 36px;}
.check_body {font-size: 16px;}
.point_accordion .l-AccordionUnit__contentBlock ul {font-size: 13px;}
.notice_wrap p {font-size:13px;font-family: 'TT-PA1GothicStd-Regular', sans-serif;color: #464646;}
}
@media only screen and (max-width: 640px) {
#howto {padding-top: 90px !important;}
.howto_area {padding-bottom: 100px;}
.mov_cap {margin: 20px 0;}
.mov_cap .l-AccordionUnit__contentBlock {padding: 20px 20px;}
.mov_cap .g-AccordionUnit__titleBlock {padding: 10px 1.875em 10px 10px;border-radius: 5px!important;}
.mov_cap .l-AccordionUnit__titleBlock__icon {font-size: 14px;}
.howto_point_wrap {background-color: #FFF;margin: 50px auto;padding: 20px 10px 10px 10px;border-radius: 5px;}
.point_check_wrap {padding-bottom: 125px;}
.point_check {position: relative;}
.point_group {display: block;margin-bottom: 40px;}
.point_imgtxt {width: 90%;padding: 0 15px;}
.point_accordion {width: 90%; margin: 0 auto;}
.check_num {font-size: 24px;}
.check_num span {font-size: 46px;}
.check_body {font-size: 18px;}
.point_accordion .l-AccordionUnit__contentBlock ul {font-size: 12px;}
.notice_wrap {padding: 4px 4px 4px 35px;border-radius: 5px;margin-bottom: 40px;position: relative;}
.notice_wrap::before {content: ""; position: absolute;top: 0;left: 0;width: 35px;height: 100%;display: block;background: url(/content/dam/sites/kao/www-kao-co-jp/spotjelly/top/2507/ico_caution2.png) center center no-repeat;background-size: 35px auto;background-color: #d1225e;}
.notice_wrap .g-Text {margin-bottom: 0;}
.notice_wrap p {font-size:11px;line-height: 1.5; letter-spacing: -0.01em}
.notice_wrap-l::before {content: "";width: 3px;height: calc(100% - 30px);background-color: #d1225e;position: absolute;
top: 30px;left: 0;display: block;}
}

/*notice area*/
.notice_area_wrap {padding: 150px 0 100px;}
.notice_area {padding: 30px;border-radius: 5px;border: 2px solid #d1225e;}
/*.notice_ico {position: relative;padding-left: 35px;width: 80%;margin: 0 auto;}
.notice_ico::before {content: "";width: 30px;height: 30px; display: block;background: url(/content/dam/sites/kao/www-kao-co-jp/spotjelly/top/2507/ico_caution.png) center center no-repeat;background-size: 100% auto;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);line-height: 1.0!important;}*/
.notice_ico p {font-family: 'TT-PA1GothicStd-Regular', sans-serif;font-size: 22px;color: #d1225e;}
.notice_area ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
.notice_area li {
  margin-bottom: 10px;
  padding-left: 1.5em;
  position: relative;
  font-size: 18px;
  line-height: 1.2;
}
.notice_area_wrap .notice_area li:last-child {
margin-bottom: 0!important;
}
.notice_area li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: transparent;
  border: 1px solid #464646;
  color: #464646;
  display: block;
  float: left;
  line-height: 1em;
  margin-left: -1.5em;
  text-align: center;
  height: 1em;
  width: 1em;
  border-radius: 50%;
}
.notice_border hr {border-color: #d2d2d2!important;margin: 25px 0;}
.btn_qa .l-ButtonUnit__link{border-color: #d2d2d2;padding: 15px 4em;font-size: 20px;border-radius: 999px;}
.btn_qa .is-rightIcon .g-ButtonUnit__link .cmn-richtext {padding-right: 1em;}
@media only screen and (max-width: 1024px) {
.notice_area_wrap {padding: 150px 0 100px;}
.notice_area {padding: 25px;}
.notice_ico {padding-left: 30px;width: 80%;margin: 0 auto;}
.notice_ico::before {content: "";width: 25px;height: 25px;}
.notice_ico p {font-size: 18px;}
.notice_area li {font-size: 16px;}
.notice_border hr {margin: 25px 0;}
.btn_qa .l-ButtonUnit__link{padding: 13px 4em;font-size: 18px;}
}
@media only screen and (max-width: 640px) {
.notice_area_wrap {padding: 125px 0 25px;}
.notice_area {padding: 20px;}
.notice_ico {padding-left: 30px;width: auto;margin: 0 auto;}
.notice_ico::before {content: "";width: 25px;height: 25px;}
.notice_ico p {font-size: 17px;letter-spacing: 0.01em;}
.notice_area li {font-size: 14px;}
.notice_border hr {margin: 25px 0;}
.btn_qa .l-ButtonUnit__link{padding: 12px 4em;font-size: 16px;}
}

/*notice_accordion*/
.notice_accordion {margin: 45px 0 30px;}
.notice_accordion .l-AccordionUnit__titleBlock {border:none;}
.notice_accordion .l-AccordionUnit__contentBlock {background-color: transparent;border: 1px solid #d2d2d2;border-top: none; padding: 25px;border-bottom-right-radius: 5px!important;border-bottom-left-radius: 5px!important;}
.notice_accordion .g-AccordionUnit__titleBlock {padding: 10px 10px 10px 10px;border-radius: 5px!important;background-color: #f2f2f2;}
.notice_accordion .g-AccordionUnit__titleBlock h3 {font-size: 20px; font-family: 'TT-PA1GothicStd-Light', sans-serif;}
.notice_accordion .l-AccordionUnit__titleBlock__icon{color: #464646;width: 1em;height: 1em;}
.notice_accordion .l-AccordionUnit__contentBlock .waku {font-size: 14px;line-height: 1; font-family: 'TT-PA1GothicStd-Regular', sans-serif;margin: 1.2em 0 5px 0;padding: 2px;border: 1px solid #d2d2d2; color: #464646;display: inline-block;}
.notice_accordion .l-AccordionUnit__contentBlock ul {font-size: 14px; font-family: 'TT-PA1GothicStd-Light', sans-serif;margin: 0;padding: 0; color: #464646;}
.notice_accordion .l-AccordionUnit__contentBlock ul span {font-family: 'TT-PA1GothicStd-Regular', sans-serif;color: #d1225e;}
.notice_accordion .l-AccordionUnit__contentBlock ul li {list-style: none;padding-left: 1em;position: relative;}
.notice_accordion .l-AccordionUnit__contentBlock ul li::before{content: "⚫︎";position: absolute;top: 0;left: 0;display: block;}
.notice_accordion .l-AccordionUnit__contentBlock p {font-size: 14px; margin: 0;}
.notice_accordion .g-AccordionUnit__titleBlock__icon {font-size: 10px; position: absolute;margin: 0!important; top: 50%;right: 2em;transform: translate(0,-50%);}
.notice_accordion .cmn-icon--down::before {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: translate(0,-50%);
}
.notice_accordion .cmn-icon--down::after {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: rotate(90deg) translate(0,-50%);
}
.notice_accordion .cmn-icon--up::before {
  content: '';
  background-color: #464646;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1px;
  transform: translate(0,-50%);
}
.notice_accordion .cmn-icon--up::after {
  content: none;
}
@media only screen and (max-width: 1024px) {
.notice_accordion .g-AccordionUnit__titleBlock h3 {font-size: 18px;}
.notice_accordion .l-AccordionUnit__contentBlock .waku {font-size: 13px;}
.notice_accordion .l-AccordionUnit__contentBlock ul {font-size: 13px;}
.notice_accordion .l-AccordionUnit__contentBlock p {font-size: 13px;}
}
@media only screen and (max-width: 640px) {
.notice_accordion .g-AccordionUnit__titleBlock h3 {font-size: 14px;}
.notice_accordion .l-AccordionUnit__contentBlock {padding: 20px;}
.notice_accordion .l-AccordionUnit__contentBlock .waku {font-size: 12px;}
.notice_accordion .l-AccordionUnit__contentBlock ul {font-size: 12px;}
.notice_accordion .l-AccordionUnit__contentBlock p {font-size: 12px;}
}

/*special*/
#special {padding-top: 50px!important;}
.special_ttl,.special_ttl2 {font-size: 26px; color: #d1225e;text-align: center;position: relative;}
.special_ttl span {padding: 0 1em;background-color: #FFF;position: relative;}
.special_ttl::before {content: "";display: block;width: 100%;border-top: 1px solid #d1225e;position: absolute;top: 50%;left: 0;transform: translate(0,-50%);z-index: 0;}
.special_subttl {font-size: 30px;line-height: 1.2; color: #d1225e;text-align: center;font-family: 'AvenirNextLTPro-Light','TT-PA1GothicStd-Light',sans-serif;margin: 0 auto;}
.special_subttl span {font-size: 28px;}
.ttl_name {font-size: 24px;font-family: 'TT-PA1GothicStd-Light', sans-serif;color: #464646;text-align: center;margin: 0 auto;}
.job-type {font-size: 14px;line-height: 1; padding: 5px 10px;font-family: 'TT-PA1GothicStd-Regular', sans-serif;margin-right: 0.25em;transform: translate(0,-3px);display: inline-block;}
.font-san {font-size: 17px;}
.batsu {
	color: #d1225e;
	width: 30px;
	height: 30px;
	position: relative;
 margin: 0 0.5em;
 display: inline-block;
}
.batsu:before,
.batsu:after {
	content: "";
	position: absolute;
	top: 20px;
 left: 0;
	width: 30px;
	height: 1px;
	background-color: #d1225e;
}
.batsu:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.batsu:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ttl_plan {font-size: 30px;font-family: 'TT-PA1GothicStd-Regular', sans-serif;color: #d1225e;text-align: center;margin: 5px auto!important;letter-spacing: 0.05em;}
.special_cap {font-size: 15px;color: #464646;line-height: 1.6;}
.profile_name {font-size: 16px;line-height: 1.5;margin: 0 0 5px;}
.profile_cap {font-size: 12px;line-height: 1.5;margin: 0;}
.special_border hr {border-color: #d1225e!important;margin: 20px auto 50px;}
@media only screen and (max-width: 1024px) {
.special_ttl {font-size: 24px;}
.special_subttl {font-size: 28px;}
.special_subttl span {font-size: 26px;}
.special_ttl2 {font-size: 24px;}
.ttl_name {font-size: 22px;}
.job-type {font-size: 13px;line-height: 1; padding: 4px 8px;transform: translate(0,-4px);}
.font-san {font-size: 15px;}
.ttl_plan {font-size: 28px;}
.special_cap {font-size: 14px;}
.profile_name {font-size: 15px;}
.profile_cap {font-size: 11px;}
}
@media only screen and (max-width: 640px) {
#special {padding-top: 90px!important;}
.special_ttl {font-size: 20px;}
.special_ttl span {padding: 0 0.5em;display: inline-block;line-height: 1.2;}
.special_subttl {font-size: 24px;}
.special_subttl span {font-size: 22px;}
.special_ttl2 {font-size: 20px;letter-spacing: 0;}
.ttl_name {font-size: 18px;}
.job-type {font-size: 12px;line-height: 1; padding: 3px 6px;transform: translate(0,-3px);}
.font-san {font-size: 13px;}
.batsu {
	width: 26px;
	height: 26px;
 display: block;
 margin: 4px auto;
}
.batsu:before,
.batsu:after {
	top: 13px;
 left: 0;
	width: 26px;
	height: 1px;
}
.ttl_plan {font-size: 24px;}
.special_cap {font-size: 13px;}
.profile_name {font-size: 14px;}
.profile_cap {font-size: 10px;}
}

/*otherlink*/
.otherlink_wrap {margin-bottom: 250px;}
.otherlink_wrap .l-TileLinkTextUnit.is-colorset--1 {border: 1px solid #d2d2d2;border-radius: 5px;background-color: #FFF;padding: 18px;}
.otherlink_wrap .g-Image--v2__img img {width: 40%;margin: 0 auto 10px;}
.otherlink_wrap .g-TileLinkTextUnit__leadBlock {padding-right: 0;}
.otherlink_wrap p {margin: 0 auto;}
@media only screen and (max-width: 1024px) {
.otherlink_wrap {margin-bottom: 150px;}
.otherlink_wrap .l-TileLinkTextUnit.is-colorset--1 {padding: 20px;}
.otherlink_wrap .g-Image--v2__img img {width: 40%;margin: 0 auto 10px;}
.otherlink_wrap .g-TileLinkTextUnit__leadBlock {padding-right: 0;}
.otherlink_wrap p {margin: 0 auto;}
}
@media only screen and (max-width: 640px) {
.otherlink_wrap {margin-bottom: 70px;}
.otherlink_wrap .l-TileLinkTextUnit.is-colorset--1 {padding: 18px 45px 18px 18px;}
.otherlink_wrap .g-Image--v2__img img {width: 100%;margin: 0 auto;}
.otherlink_wrap .g-ImageTextVP--v2__contentsBlock__image {margin-bottom: 0!important;}
.otherlink_wrap .g-TileLinkTextUnit__leadBlock {padding-right: 0;}
.otherlink_wrap p {margin: 0 auto;}
.otherlink_wrap .g-TileLinkTextUnit__leadBlock__title {width: 100%;}
.otherlink_wrap .g-ImageTextVP--v2__contentsBlock__text {display: grid;align-items: center;}
.otherlink_wrap .g-TileLinkTextUnit__icon {right: 12px;}
.otherlink_wrap .g-Text {margin-bottom: 0;}
}

/*shop*/
#shop {padding-top: 50px!important;}
.shop_wrap {padding: 0 0 150px 0;}
.shop_inner {padding: 50px 0;background-color: #fbeded;border-radius: 5px;}
.shop_ttl h2 {font-size: 26px;font-family: 'AvenirNextLTPro-Light', sans-serif;color: #464646;}
.shop_list ul {display: flex;justify-content: center;}
.shop_list ul li {font-size: 22px; list-style: none;padding: 0 2em;border-left: 1px solid #d2d2d2;letter-spacing: 0.1em;}
.shop_list ul li:first-child {border-left: none;}
.kaomall_bnr {width: calc(33.33% - 24px);margin: 0 auto;}
.kaomall_bnr li a {padding: 2px;border: 1px solid #d2d2d2;border-radius: 5px;}
.onlineshop_list .g-StoreLinkP__list__item__link {border-color: #d2d2d2 !important;border-radius: 5px;padding: 2px;}
.sns_bnr {width: 18%;margin: 0 auto;}
.cosme_bnr {width: calc(45% - 24px);margin: 0 auto;}
.cosme_bnr li a {padding: 2px;border: 1px solid #d2d2d2;border-radius: 5px;}
@media only screen and (max-width: 1024px) {
.shop_wrap {padding: 0 0 150px 0;}
.shop_ttl h2 {font-size: 24px;}
.shop_list ul {display: flex;flex-wrap: wrap;padding: 0;margin: 0 auto;justify-content: center;}
.shop_list ul li {list-style: none;padding: 0 2em;margin-bottom: 10px;border-left: 1px solid #d2d2d2;letter-spacing: 0.1em;}
.shop_list ul li:first-child {border-left: none;} 
.kaomall_bnr {width: calc(33.33% - 24px);margin: 0 auto;}
.kaomall_bnr li a {padding: 2px;border: 1px solid #d2d2d2;border-radius: 5px;}
.onlineshop_list .g-StoreLinkP__list__item__link {border-color: #d2d2d2 !important;border-radius: 5px;padding: 2px;}
.sns_bnr {width: 18%;margin: 0 auto;}
.cosme_bnr {width: calc(45% - 24px);margin: 0 auto;}
.cosme_bnr li a {padding: 2px;border: 1px solid #d2d2d2;border-radius: 5px;}
}
@media only screen and (max-width: 640px) {
#shop {padding-top: 90px!important;}
.shop_wrap {padding: 0 0 125px 0;}
.shop_inner {padding: 30px 0;}
.shop_ttl h2 {font-size: 22px;}
.shop_list ul {max-width: 350px; display: flex;flex-wrap: wrap;padding: 0;margin: 0 auto;justify-content: center;}
.shop_list ul li {font-size: 17px; list-style: none;padding: 0 1.0em;margin-bottom: 10px; border-left: 1px solid #d2d2d2;letter-spacing: 0.1em;}
.shop_list ul li:first-child {border-left: none;margin-left: auto;} 
.shop_list ul li:nth-child(2) {margin-right: auto;} 
.shop_list ul li:nth-child(3) {border-left: none;margin-left: auto;} 
.shop_list ul li:nth-child(5) {margin-right: auto;} 
.kaomall_bnr {width: 100%;max-width: 342px; margin: 0 auto 30px;padding: 0 8px;}
.kaomall_bnr li a {padding: 2px;border: 1px solid #d2d2d2;border-radius: 5px;}
.onlineshop_list .g-StoreLinkP__list__item__link {border-color: #d2d2d2 !important;border-radius: 5px;padding: 2px;}
.sns_bnr {width: 40%;margin: 0 auto;}
.cosme_bnr {width: 100%;max-width: 342px; margin: 0 auto;}
.cosme_bnr li a {padding: 2px;border: 1px solid #d2d2d2;border-radius: 5px;}
}
@media only screen and (max-width: 360px) {
.shop_list ul li {font-size: 15px;}
}