@charset "UTF-8";
/*背景制御*/
#area-BrHeader,
#area-Contents{
	max-width:1920px;
	margin: auto;
}

/*index*/
#CampaignH1 .l-PageTitle--v2__h1{
	color:#BA3C6C;
	font-size:54px;
	letter-spacing:0.02em;
}

#CampaignH1 .l-PageTitle--v2__h1 .opt-fontsize--s{
	font-size:36px;
}

#CampaignH1_cap {
	color:#785D5D;
	font-size: 24px;
}

#Sec1-arrow .g-Image--v2__img img{
	width:100px;
	margin:0 auto;
}

#PurposeTi{
	width:683px;
	margin:0 auto;
}

#PurposeTi_cap {
	font-family:"FP-HiraginoUDSansStdN-W5";
	color:#785D5D;
}

#Purpose{
	width:683px;
	margin:0 auto;
	background-color: #BF4B77;
}

#Purpose .g-HeadingTitle--v2__h2{
	color: #BF4B77;
	margin-bottom:15px;
}
#Purpose #notes{
	width:450px;
	margin:0px auto;
	font-size: 12px;
}
#Purpose #period{
	color: #FFFFFF;
	font-size: 24px;
}

#Progress_title{
	background-color: #BF4B77;
}
#Progress_title .g-HeadingTitle--v2__h3{
	color: #FFFFFF;
	padding:12px 10px;
	font-size: 36px;
}
#Progress_title2 .g-HeadingTitle--v2__h3{
	color: #FFFFFF;
	padding:5px 10px;
	font-size: 36px;
}

#Progress_title .cmn-richtext{
	color: #FFFFFF;
	padding:12px 10px;
	border-bottom:1px solid #FFFFFF;
}
#Progress_text em{
	font-family:"FP-HiraginoUDSansStdN-W5";
	color:#333333;
	font-size:22px;
	background: #FFFFFF;
	padding:5px;
	font-style: normal;
}
#link_txt {
	font-size: 12px;
}
#PurposeLink {
	width:440px;
	margin:0 auto;
}
#PurposeLink .l-TileLinkTextUnit.is-colorset--1{
	border-color:#B83C6C;
	color:#B83C6C;
}
#PurposeLink .l-TileLinkTextUnit.is-colorset--1 .l-TileLinkTextUnit__icon{
	color:#B83C6C;
}
#PurposeLink .l-TileLinkTextUnit{
	padding:5px;
}
	
#sns_link_title .g-HeadingTitle--v2__h3{
	font-size: 18px;
}
#sns_link{
	width:324px;
	margin:0 auto;
}
#sns_link .g-TileLinkVUnit--v2__imageBlock{
	margin-bottom:0px;
}
#sns_link .g-TileLinkVUnit--v2__leadBlock{
	display:none;
}
#sns_link .l-TileLinkVUnit--v2.is-colorset--1{
	background: none;
	border: 0px;
	color: #333333;
}
#sns_link .l-TileLinkVP--v2.is-gutter--m .l-TileLinkVP--v2__list .l-TileLinkVP--v2.is-gutter--m .l-TileLinkVP--v2__list__tile{
	padding: 0px 5px 5px;
}

#sns_link a{
	background-color: #FFFFFF;
	border-radius: 10px;
}

#bannerlink_A{
	width:80%;
	margin: auto;
}

@media only screen and (max-width: 640px) {
	#CampaignH1 .l-PageTitle--v2__h1{
		font-size:25px;
	}
	#CampaignH1 .l-PageTitle--v2__h1 .opt-fontsize--s{
		font-size:20px;
	}
	#CampaignH1_cap {
		font-size:18px;
	}
	#Sec1-arrow .g-Image--v2__img img{
		width:75px;
		margin:0 auto;
	}
	#Purpose{
		width:90%;
	}
	#Purpose .g-HeadingTitle--v2__h2{
		font-size:20px;
		margin-bottom:10px;
	}
	#Progress_title .g-HeadingTitle--v2__h3{
		padding:10px 5px;
		font-size: 20px;
	}
	#Progress_title2 .g-HeadingTitle--v2__h3{
		padding:5px 5px;
		font-size: 20px;
	}
	#PurposeTi{
		width:90%;
	}
	#Purpose #notes{
		width:20em;
		margin:10px auto;
	}
		.add_txt_ti {
			display:inline-block;
			width:8em;
			vertical-align: top;
		}
		.add_txt_bd {
			display:inline-block;
			width:12em;
		}
	#Purpose #period{
		font-size: 15px;
	}
	#PurposeLink {
		width:225px;
	}
	#PurposeLink .g-TileLinkTextUnit__leadBlock__title{
		position: relative;
		left: -10px;
	}
	#Progress_text em{
		font-size:17.5px;
		padding:2px;
	}
	#sns_link_title .g-HeadingTitle--v2__h3{
		font-size: 15px;
	}
	#sns_link{
		width:206px;
	}
	#bannerlink_A{
		width:90%;
		margin: auto;
	}


}
@media only screen and (max-width: 1024px) and (min-width: 641px) {
	#Purpose{
		width:70%;
	}
	#bannerlink_A{
		width:70%;
		margin: auto;
	}
}


/*24*/
#society .is-layoutL .g-TileLinkHUnit--v2__imageBlock {
  padding-right: 5% !important;
}
[id^="sec_list"] {
  background: #BF4B77 !important;
  padding: 6px !important;
}
[id^="society_txt_"] .cmn-richtext {
  letter-spacing: 0.05em;
  line-height: 1.6 !important;
}
#soc_tlp .l-TileLinkHUnit--v2.is-colorset--1, #column_tlp .g-TileLinkVUnit {
  border: none !important;
}
[id^="view_txt_"] .cmn-richtext {
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.g-Image--v2, .g-ButtonP, .g-HeadingTitle--v2__titleBlock__titleBox__title, .g-HeadingTitle--v2.g-HeadingTitle--v2--h2.is-titleBorder--none, .g-PageTitle--v2.is-titleBorder--none, .g-HeadingTitle, .g-HeadingTitle--v2, .g-PageTitle--v2__titleBlock__titleBox__title, .g-TileLinkVUnit__imageBlock, .g-Text {
  margin-bottom: 0 !important;
}
.g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image, .g-TileLinkTextUnit__leadBlock {
  padding-right: 0 !important;
}
.g-ImageTextHP.is-layoutL .g-ImageTextHP__contentsBlock__image {
  padding-right: 0 !important;
}
[id^="h3_"] .cmn-richtext {
  line-height: 1.2 !important;
  letter-spacing: 0;
}
[id^="note_"] .cmn-richtext {
  font-size: 12px;
}
[id^="button_"] li {
  width: 60% !important;
  margin: auto !important;
}
[id^="btn_70_"] li {
  width: 70% !important;
}
[id^="button_"] .l-ButtonUnit__link {
  border-radius: 0 !important;
}
[id^="button_"] .cmn-richtext, [id^="btn_"] .cmn-richtext {
  line-height: 1 !important;
  letter-spacing: 0.03em;
}
#button_society li {
  width: 100% !important;
}
.is-rightIcon .g-ButtonUnit__link .cmn-richtext {
  padding-right: 0 !important;
}
[id^="txt_"] .cmn-richtext {
  letter-spacing: 0.05em !important;
}
.g-ButtonUnit__link__icon {
  right: 10px !important;
}
[id^="check_box_"] .opt-lg-w10p, [id^="check_box_"] .opt-md-w10p, [id^="check_box_"] .opt-sm-w10p {
  width: 5%;
}
[id^="check_box_"] .opt-lg-w90p, [id^="check_box_"] .opt-md-w90p, [id^="check_box_"] .opt-sm-w90p {
  width: 95%;
}
[id^="column_tlp_none_"] {
  display: none;
}
#column_tlp .g-TileLinkVUnit__leadBlock, #column_tlp .l-TileLinkVUnit__leadBlock {
  height: 0 !important;
}
[id^="view_txt_"] {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#vol_btn {
  width: 70%;
  margin: auto;
}
#vol_btn_back {
  border: 2px solid #BF4B77;
  background: url(/content/dam/sites/kao/www-kao-com/jp/ja/pinkribbon/2024/ext_24PrLgVolArrowTop.png);
  background-repeat: no-repeat;
  background-position: top 10px left 10px;
  background-size: auto;
}
#vol_btn_next {
  background: #bf4b77 url(ext_24PrLgVolArrowBtmWhite.png);
  background-repeat: no-repeat;
  background-position: bottom 10px right 10px;
  background-size: auto;
}
#vol_btn a#vol_btn_back, #vol_btn a#vol_btn_next {
  height: 44px !important;
}
[id^="vol_btn_"] .cmn-richtext {
  line-height: 0 !important;
}
.g-ButtonUnit__link {
  padding: 10px !important;
}
#header_img img {
  margin: auto;
}
#header {
  border: none;
}
#header li {
  border: none;
}
#header .g-BrHeaderCommon {
  padding: 0;
}
[id^="footer_nav_"]:hover {
  background-color: #BF4B77;
  border-radius: 4px;
}
[id^="footer_nav_"]:hover .cmn-richtext {
  color: #ffffff !important;
  font-family: "FP-HiraginoUDSansStdN-W6" !important;
}
[id^="footer_nav_"]:hover .l-TileLinkTextUnit[href]:hover, .l-TileLinkTextUnit[href]:focus, .l-TileLinkTextUnit[href]:active {
  opacity: 1 !important;
}
[id^="footer_nav_"] .g-Text, [id^="footer_nav_"] .l-Text {
  margin-bottom: 0 !important;
}
#post_btn .l-TileLinkTextUnit.is-colorset--1, #post_btn .g-TileLinkTextUnit.is-colorset--1 {
  border: none;
  border-radius: 40px;
} /*
[id^="post_txt_"] {
  border-bottom: 2px solid #ffffff;
  padding-top: 8px !important;
}*/
[id^="post_txt_"] .cmn-richtext {
  line-height: 1.4;
}
#x_tit .g-HeadingTitle--v2.is-link, #x_tit .g-HeadingTitle--v2__titleBlock__titleBox__title {
  text-decoration: none !important;
}
@media screen and (max-width: 750px) {
  [id^="subti_"] .cmn-richtext {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  [id^="h2_"] .cmn-richtext {
    font-size: 18px;
    letter-spacing: 0.05em;
  }
  [id^="bannerlink_"] .g-ButtonUnit__link, [id^="bannerlink_"] .l-ButtonUnit__link {
    padding: 10px;
  }
  [id^="view_txt_"] .cmn-richtext {
    font-size: 16px;
  }
  [id^="button_"] li {
    width: 225px !important;
    margin: auto !important;
  }
  #society {
    width: 80% !important;
    margin: auto !important;
  }
  #society_txt_3 .cmn-richtext, [id^="listpack_txt_"] .cmn-richtext {
    font-size: 14px;
  }
  [id^="sub_h2_"] .cmn-richtext {
    font-size: 20px !important;
    line-height: 1.5;
  }
  [id^="btn_"] .cmn-icon, [id^="button_"] .cmn-icon {
    font-size: 10px !important;
  }
  .step {
    padding: 15px 0;
  }
  #vol_btn_back, #vol_btn_next {
    background-size: 10px;
  }
  #vol_btn_next .cmn-richtext {
    font-size: 18px;
  }
  [id^="grpbx_"] {
    border: none !important;
  }
  [id^="list_"] .cmn-richtext {
    font-size: 14px;
    line-height: 1.6;
  }
  [id^="vol_btn_"] {
    width: 225px;
  }
  #vol_btn ul {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  [id^="btn_70_"] li {
    width: 225px !important;
  }
  [id^="btn_"] .cmn-richtext, [id^="button_"] .cmn-richtext {
    width: fit-content;
  }
  [id^="btn_"] .g-ButtonUnit__link__icon, [id^="button_"] .g-ButtonUnit__link__icon {
    position: unset !important;
    margin-top: 0 !important;
    margin-left: 10px;
  }
  [id^="btn_"] a.g-ButtonUnit__link, [id^="btn_"] a.l-ButtonUnit__link, [id^="btn_"] a.js-anchorLink, [id^="button_"] a.g-ButtonUnit__link, [id^="button_"] a.l-ButtonUnit__link, [id^="button_"] a.js-anchorLink {
    width: 225px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  [id^="btn_ao_"] a.g-ButtonUnit__link, [id^="btn_ao_"] a.l-ButtonUnit__link, [id^="btn_ao_"] a.js-anchorLink {
    width: 100% !important;
  }
  [id^="btn_30_"] li, [id^="btn_70_"] li {
    width: 225px !important;
    margin: auto !important;
  }
  [id^="footer_nav_"] .l-TileLinkTextUnit.is-colorset--2 {
    background-color: #F8DAE1;
    color: #333333;
    border: none;
  }
  [id^="footer_nav_"] .l-TileLinkTextUnit.is-colorset--2 .l-TileLinkTextUnit__icon, [id^="footer_nav_"] .g-TileLinkTextUnit.is-colorset--2 .g-TileLinkTextUnit__icon {
    color: #333333;
  }
  [id^="footer_nav_"] .l-TileLinkTextUnit, [id^="footer_nav_"] .g-TileLinkTextUnit {
    border: none;
    border-bottom: 1px solid #CCCCCC !important;
  }
  .pink_txt {
    font-size: 14px;
  }
  .x_txt {
    font-size: 12px;
  }
  [id^="footer_nav_"]:first-child {
    border-top: 1px solid #CCCCCC !important;
  }
  .bokin-txt-lg {
    font-size: 18px;
  }
  #end_txt .cmn-richtext {
    font-size: 13px;
  }
}
@media screen and (min-width: 751px)and (max-width: 1365px) {
  [id^="subti_"] .cmn-richtext {
    font-size: 21px;
    letter-spacing: 0.1em;
  }
  [id^="h2_"] .cmn-richtext {
    font-size: 21px;
    letter-spacing: 0.05em;
  }
  [id^="bannerlink_"] .g-ButtonUnit__link, [id^="bannerlink_"] .l-ButtonUnit__link {
    padding: 10px;
  }
  #society {
    width: 70% !important;
    margin: auto !important;
  }
  #society_txt_3 .cmn-richtext, [id^="listpack_txt_"] .cmn-richtext {
    font-size: 16px;
  }
  [id^="sub_h2_"] .cmn-richtext {
    font-size: 22px !important;
    line-height: 1.4;
  }
  .cmn-icon {
    font-size: 16px !important;
  }
  .step {
    padding: 20px 0;
  }
  #vol_btn {
    width: 100%;
    margin: auto;
  }
  [id^="vol_btn_"] {
    width: 225px;
  }
  #vol_btn_next .cmn-richtext {
    font-size: 21px;
  }
  [id^="list_"] .cmn-richtext {
    font-size: 16px;
    line-height: 1.6;
  }
  [id^="btn_30_"] li {
    width: 330px !important;
    margin: auto !important;
  }
  [id^="btn_70_"] li {
    width: 260px !important;
    margin: auto !important;
  }
  #footer {
    width: 100%;
    display: flex;
    align-items: center;
  }
  [id^="footer_nav_"] .cmn-icon {
    display: none;
  }
  [id^="footer_nav_"] {
    width: fit-content;
    margin: 10px 20px;
  }
  [id^="footer_nav_"] .cmn-richtext {
    font-size: 14px;
    line-height: 1;
    margin: 5px 10px;
  }
  [id^="footer_nav_"] .l-TileLinkTextUnit.is-colorset--1, [id^="footer_nav_"] .g-TileLinkTextUnit.is-colorset--1 {
    background-color: rgb(255 255 255 / 0%) !important;
    border: none !important;
  }
  [id^="footer_nav_"] .l-TileLinkTextUnit.is-colorset--2 {
    background-color: #BF4B77 !important;
    border: none !important;
    color: #fff;
    border-radius: 4px;
  }
  .pink_txt {
    font-size: 18px;
  }
  .x_txt {
    font-size: 15px;
  }
  .bokin-txt-lg {
    font-size: 22px;
  }
}
@media screen and (min-width: 1025px) {
  #torikumi_header {
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/pinkribbon/2024/ext_25PrLgTorikumiHeader.png)/*, url(/content/dam/sites/kao/www-kao-com/jp/ja/pinkribbon/2024/ext_24PrLgTorikumiHeaderLeft.png)*/;
    background-repeat: no-repeat/*, no-repeat*/;
    background-position: center center/*right top, left bottom*/;
    background-size: contain, contain;
  }
  #towa_header {
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/pinkribbon/2024/ext_25PrLgTowaHeader.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
  }
  #self_header {
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/pinkribbon/2024/ext_25PrLgSelfcheckHeader.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
  }
  #column_header {
    background: url(/content/dam/sites/kao/www-kao-com/jp/ja/pinkribbon/2024/ext_25PrLgColumnHeader.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
  }
}
@media screen and (min-width: 1366px) {
  [id^="subti_"] .cmn-richtext {
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  [id^="h2_"] .cmn-richtext, [id^="h2_"] .l-HeadingTitle--v2__h2 {
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.05em;
  }
  [id^="bannerlink_"] .g-ButtonUnit__link, [id^="bannerlink_"] .l-ButtonUnit__link {
    padding: 15px;
  }
  #society {
    width: 60% !important;
    margin: auto !important;
  }
  #society_txt_3 .cmn-richtext, [id^="listpack_txt_"] .cmn-richtext {
    font-size: 18px;
  }
  [id^="sub_h2_"] .cmn-richtext {
    font-size: 24px !important;
    line-height: 1.4;
  }
  .cmn-icon {
    font-size: 18px !important;
  }
  .step {
    padding: 20px 0;
  }
  #vol_btn_next .cmn-richtext {
    font-size: 24px;
  }
  [id^="list_"] .cmn-richtext {
    font-size: 18px;
    line-height: 1.6;
  }
  [id^="vol_btn_"] {
    width: 290px;
  }
  [id^="btn_30_"] li {
    width: 350px !important;
    margin: auto !important;
  }
  [id^="btn_70_"] li {
    width: 330px !important;
    margin: auto !important;
  }
  #footer {
    width: 100%;
    display: flex;
    align-items: center;
  }
  [id^="footer_nav_"] .cmn-icon {
    display: none;
  }
  [id^="footer_nav_"] {
    width: fit-content;
    margin: 10px 20px;
  }
  [id^="footer_nav_"] .cmn-richtext {
    font-size: 14px;
    line-height: 1;
    margin: 5px 10px;
  }
  [id^="footer_nav_"] .l-TileLinkTextUnit.is-colorset--1, [id^="footer_nav_"] .g-TileLinkTextUnit.is-colorset--1 {
    background-color: rgb(255 255 255 / 0%) !important;
    border: none !important;
  }
  [id^="footer_nav_"] .l-TileLinkTextUnit.is-colorset--2 {
    background-color: #BF4B77 !important;
    border: none !important;
    color: #fff;
    border-radius: 4px;
  }
  .pink_txt {
    font-size: 22px;
  }
  .x_txt {
    font-size: 18px;
  }
  .bokin-txt-lg {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
	.vPc{
		display: none;
	}
	
	#header .g-BrHeaderCommon {
		padding: 0 11px 0 0;
	}
}<!--0.00016903877258301-->