@charset "shift_jis";

/* --------------------------------------------------------
  parts
--------------------------------------------------------*/
.pagetitle {
	margin-bottom: 57px;
	width: 100%;
	text-align: center;
	background-color: #fff2f2;
	border-bottom: solid 1px #f0f0f0;
}

.contents_chapter {
	margin: 0 0 90px;
}

.footer_bnr {
	text-align: center;
	margin: 0 0 80px;
}

/* heading
-------------------------------*/
.heading_01 {
	margin: 0 0 60px;
	position: relative;
	text-align: center;
	font-size: 30px;
	color: #f465bb;
	line-height: 1.4;
}
.heading_01:before  {
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #f465bb;
}
.heading_01 span  {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	background: #fff;
}

.heading_02 {
	position: relative;
	margin: 0 0 25px;
	padding: 12px 20px 12px;
	font-size: 18px;
	color: #fff;
	line-height: 1.4;
	background: #f465bb;
	border-radius: 5px;
}

/* txt
-------------------------------*/
.txt {
	line-height: 2;
	margin: 0 10px 25px;
	font-size: 16px;
}

/* pct
-------------------------------*/
.pct {
	margin-bottom: 40px;
}


/* --------------------------------------------------------
 home
--------------------------------------------------------*/
/* home_mv
-------------------------------*/
#home_mv {
	text-align: center;
	margin-bottom: 40px;
	background: #fff2f2;
}
#home_bnr {
	text-align: center;
	margin: 0 0 60px;
}

/* cnavi
-------------------------------*/
.cnavi {
	margin-bottom: 90px;
}
.cnavi ul {
	font-size: 0;
	box-sizing: border-box;
}
.cnavi ul li {
	display: inline-block;
	width: calc(50% - 1px);
	margin-top: -1px;
	vertical-align: top;
	background-color: #fffbec;
	border: 1px solid #f6b8cd;
}
.cnavi ul li:nth-child(odd){
	border-right: none;
}
.cnavi ul li:nth-child(even) {
	border-left: none;
}
.cnavi ul li:last-child {
	border-top: none;
}
.cnavi ul li a {
	display: block;
	padding: 20px;
	border-bottom: 1px solid #f6b8cd;
	background-image: url(/brand/keanocure/img/arrow_01.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}
.cnavi ul li:nth-child(odd) a {
	border-right: 1px solid #f6b8cd;
}
.cnavi ul li:nth-last-child(-n+2) a {
	border-bottom: none;
}
.cnavi ul li a:hover {
	box-shadow: 0 0 0 5px #f1f1f1 inset;
}
.cnavi ul li img {
	display: inline-block;
	width: 160px;
	vertical-align: middle;
}
.cnavi ul li p {
	display: inline-block;
	width: 253px;
	margin-left: 24px;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	color: #f465bb;
	line-height: 1.4;
}


.about .cnavi ul,
.cause .cnavi ul,
.trouble .cnavi ul {
	display: flex;
	justify-content: space-between;
}
.about .cnavi li {
	float: none;
}
.about .cnavi li:nth-child(1),
.cause .cnavi li:nth-child(2),
.trouble .cnavi li:nth-child(3) {
	display: none;
}
.about .cnavi li:nth-child(2n),
.cause .cnavi li:nth-child(3n) {
	/*margin-right: 2%;*/
}
.about .cnavi li:nth-child(3n),
.cause .cnavi li:nth-child(3n) {
	/*margin-right:0;*/
}

.about .cnavi li:nth-child(n),
.cause .cnavi li:nth-child(n),
.trouble .cnavi li:nth-child(n){
	border: 1px solid #f6b8cd;
}
.about .cnavi li:nth-child(2),
.cause .cnavi li:nth-child(1),
.trouble .cnavi li:nth-child(1){
	border-right: none;
}
.about .cnavi li:nth-child(n) a,
.cause .cnavi li:nth-child(n) a,
.trouble .cnavi li:nth-child(n) a {
	border: none;
}
/* home_tvcm
-------------------------------*/
#home_tvcm {
	margin-bottom: 200px;
	margin-top: 90px;
}
#home_tvcm p {
	text-align: center;
	font-size: 16px;
}

.tvcm {
	padding: 0 0 60px;
}
#movie_container ul {
	overflow: hidden;
	display: flex;
	justify-content: center;
	padding-left: 0;
}
#movie_container ul li {
	width: 504px;
	margin-top: 20px;
}
#movie_container ul li:nth-child(1),
#movie_container ul li:nth-child(2) {
	margin-top: 0;
}
#movie_container ul li.first {
	margin-right: 0px;
}
#movie_container ul li img {
	width: 100% !important;
	height: auto !important;
}
#movie_container .lead {
	text-align: center;
	font-size:15px;
	margin-bottom: 10px;
	line-height: 1.4;
	padding: 0 10px;
}
#movie_container .thumb {
	text-align: center;
	padding-bottom: 10px;
}
.jstream-eqPlayer {
	display: block !important;
	margin: 0 auto !important;
}
#movie_container ul li .thumb{
	position: relative;
}
#movie_container ul li .thumb .btn-arrow-movie{
	position: absolute;
	display: block;
	top: 68px;
	left: 95px;
	width: 320px;
	height: 240px;
	background: url(/brand/keanocure/img/btn-arrow-movie_on.png) no-repeat 0 0;
}
#movie_container ul li .thumb a .btn-arrow-movie:hover {
	opacity:.5;
}

/* --------------------------------------------------------
 about
--------------------------------------------------------*/
.product {
	padding: 40px;
	border: 2px solid #e4007b;
	border-radius: 20px;
}
.product_flex {
	display: flex;
}
.product_img {
	width: 420px;
	font-size: 12px;
	text-align: right;
}
.product_img .iyaku {
	margin-left: 5px;
	padding: 3px 10px;
	border: 1px solid #000;
}
.product_body li {
	margin-bottom: 2em;
	margin-left: 20px;
	list-style: outside;
}
.product_body li strong {
	color: #e4007b;
}
.product_btns ul {
	width: 808px;
	margin: 30px auto auto;
	display: flex;
	justify-content: space-between;
}
.product_btns li {
	width: 394px;
}
.product_btns .btn {
	padding: 10px 0;
	display: block;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	font-size: 27px;
}
.product_btns .btn:hover {
	opacity: 0.8;
}
.product_btns .btn span {
	padding-right: 30px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232px%22%20height%3D%2232px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M16.000%2C0.000%20C7.163%2C0.000%200.000%2C7.163%200.000%2C16.000%20C0.000%2C24.836%207.163%2C32.000%2016.000%2C32.000%20C24.837%2C32.000%2032.000%2C24.836%2032.000%2C16.000%20C32.000%2C7.163%2024.837%2C0.000%2016.000%2C0.000%20ZM21.300%2C16.800%20L14.300%2C23.800%20C14.083%2C24.000%2013.796%2C24.108%2013.500%2C24.100%20C12.895%2C24.094%2012.405%2C23.605%2012.400%2C23.000%20C12.392%2C22.705%2012.500%2C22.418%2012.700%2C22.200%20L18.900%2C16.000%20L12.700%2C9.800%20C12.297%2C9.342%2012.297%2C8.657%2012.700%2C8.200%20C13.157%2C7.798%2013.843%2C7.798%2014.300%2C8.200%20L21.300%2C15.200%20C21.703%2C15.657%2021.703%2C16.343%2021.300%2C16.800%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat right center / 23px 23px;
}
.product_btns .btn_product {
	background-color: #e4648e;
}
.product_btns .btn_doc {
	background-color: #68bfc2;
}
.action {
	display: flex;
	justify-content: center;
}
.action_point {
	margin-left: 50px;
}
.action_point li {
	padding-left: 65px;
}
.action_point li:nth-child(1) {
	background: url(/brand/keanocure/img/about_no1.svg) no-repeat left center;
}
.action_point li:nth-child(2) {
	background: url(/brand/keanocure/img/about_no2.svg) no-repeat left center;
}
.action_point li:nth-child(3) {
	background: url(/brand/keanocure/img/about_no3.svg) no-repeat left center;
}
.action_point dt {
	color: #f465bb;
	font-weight: bold;
	font-size: 20px;
}
.action_point dd {
	line-height: 1.6;
}
.osusume {
	margin-top: 80px;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(112, 151, 238);
	border-radius: 20px;
	background-color: rgb(241, 246, 253);
	box-shadow: 0px 4px 0px 0px rgba(192, 192, 192, 0.75);
	position: relative;
}
.osusume_flex {
	padding: 40px 60px 10px 60px;
	border-radius: 20px;
	border: 8px solid #d5e4fa;
	display: flex;
	align-items: center;
}
.osusume h4 {
	position: absolute;
	top: -28px;
	left: 50%;
	transform: translateX(-50%);
}
.osusume_img {
	margin-left: 100px;
	text-align: center;
	font-size: 18px;
}
.osusume_body li {
	padding-left: 50px;
}
.osusume_body li:nth-child(1) {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(78%2C%20123%2C%20227)%22%20d%3D%22M10.161%2C4.064%20C8.097%2C7.114%204.274%2C12.206%201.290%2C17.386%20C1.137%2C17.660%200.940%2C17.719%200.789%2C17.506%20C0.443%2C17.027%200.371%2C16.190%201.165%2C14.494%20C1.990%2C12.771%205.498%2C7.335%208.131%2C3.596%20C6.751%2C3.708%206.981%2C3.297%207.263%2C3.048%20C8.200%2C2.242%209.325%2C1.270%2010.276%2C0.382%20C10.554%2C0.160%2010.746%2C0.128%2010.973%2C0.367%20C11.631%2C1.055%2011.510%2C2.086%2010.161%2C4.064%20ZM8.059%2C14.447%20C8.562%2C14.625%208.604%2C15.327%208.185%2C16.067%20C7.771%2C16.780%207.001%2C17.230%206.497%2C17.052%20C5.993%2C16.874%205.966%2C16.090%206.371%2C15.432%20C6.816%2C14.691%207.555%2C14.269%208.059%2C14.447%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}
.osusume_body li:nth-child(2) {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(78%2C%20123%2C%20227)%22%20d%3D%22M15.097%2C6.108%20C13.694%2C8.250%208.931%2C12.741%203.202%2C15.684%20C4.611%2C15.246%206.014%2C14.998%206.956%2C14.950%20C8.274%2C14.893%208.968%2C15.364%209.121%2C16.200%20C9.160%2C16.442%209.132%2C16.605%208.784%2C16.613%20C7.239%2C16.594%203.619%2C17.325%201.987%2C17.822%20C1.253%2C18.055%200.919%2C17.981%200.679%2C17.662%20C0.417%2C17.316%200.272%2C16.914%200.202%2C16.536%20C0.079%2C15.998%200.192%2C15.806%200.814%2C15.440%20C8.730%2C10.933%2016.205%2C3.973%2014.710%2C1.924%20C13.711%2C0.566%2010.992%2C3.550%209.878%2C4.928%20C8.832%2C6.223%208.061%2C6.836%206.891%2C6.808%20C6.547%2C6.789%206.534%2C6.708%206.696%2C6.379%20C7.372%2C5.065%209.498%2C2.123%2011.798%2C0.988%20C13.168%2C0.308%2014.740%2C0.327%2015.606%2C1.362%20C16.427%2C2.345%2016.613%2C3.775%2015.097%2C6.108%20ZM13.663%2C14.744%20C14.167%2C14.922%2014.208%2C15.625%2013.789%2C16.365%20C13.375%2C17.078%2012.605%2C17.528%2012.101%2C17.350%20C11.598%2C17.172%2011.570%2C16.388%2011.975%2C15.729%20C12.420%2C14.989%2013.159%2C14.566%2013.663%2C14.744%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;
}
	/* --------------------------------------------------------
     cause
    --------------------------------------------------------*/
#cause_01 {
	margin-bottom: 40px
}
#cause_01 .heading_01 {
	color: #678ee9;
}
#cause_01 .heading_01:before {
	background: #678ee9;
}
#cause_01 .heading_02 {
	background: #678ee9;
}
#cause_01 .pct {
	float: right;
}
#cause_01 h4 {
	width: 583px;
}
#cause_01 .txt {
	width: 603px;
}

#pct_cause_1-1 {
	margin: -37px 0 56px;
}


.keano_point {
	padding: 10px 0 80px;
}
.keano_point li {
	width: 315px;
	float: left;
	margin: 0 32px 0 0;
}
.keano_point li:last-child {
	margin: 0;
}
.keano_point li p {
	padding: 7px 10px 0;
	font-size: 16px;
	text-align: 1.625;
}


.bnr_pkg{
	margin: 0 134px 90px;
}
.bnr_pkg a{
	display: block;
	background: #ffffff;
	border: 2px solid #e33b8e;
	border-radius: 12px;
	cursor: pointer;
}
.bnr_pkg_body {
	display: table;
	padding: 15px 10px 15px 15px;
	margin: 0 auto;
}
.bnr_pkg img{
	display: table-cell;
	vertical-align: middle;
	padding-right: 15px;
}
.bnr_pkg .textRight{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 16px;
}
.bnr_pkg .textRight b{
	margin-bottom: 5px;
	display: block;
	font-size: 28px;
	color: #e33b8e;
}
.bnr_pkg .textBottom{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
	padding: 12px;
	color: #ffffff;
	background: #e33b8e;
	border-radius: 0 0 5px 5px;
}
.bnr_pkg .textBottom span{
	display: inline-block;
	background: url('/brand/keanocure/img/arrow_02.png') no-repeat right center;
	padding: 3px 40px 0 0;
	color: #ffffff;
}

.center {
	text-align: center;
}

.mistake {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mistake > dl {
	width: 480px;
	margin-bottom: 30px;
}

.mistake > dl > dt {
	height: 4em;
	margin-bottom: 10px;
	padding-left: 140px;
	display: flex;
	align-items: center;
	color: #678ee9;
	background: #e0e7f8 url('/brand/keanocure/img/icon_no.png') no-repeat 70px center;
	font-weight: bold;
	border-top: 1px dashed #678ee9;
	border-bottom: 1px dashed #678ee9;
	font-size: 18px;
	line-height: 1.4;
}

/* --------------------------------------------------------
 trouble
--------------------------------------------------------*/
#trouble_01 .lead {
	margin: -30px 0 55px;
	font-size: 16px;
	text-align: center;
	line-height: 1.5;
}
#trouble_01 .lead small {
	font-size: 12px;
}

.heading_q {
	position: relative;
	margin: 0;
	padding: 13px 10px 13px 102px;
	text-align: left;
	font-size: 20px;
	color: #000;
	line-height: 1.4;
	background: #ffe4f4 url(../img/icon_question.png) no-repeat 32px 0;
}

#trouble_01 section {
	padding: 29px 29px 0;
	border: dashed 1px #f465bb;
	border-bottom: none;
}
#trouble_01 section:last-child {
	border-bottom: dashed 1px #f465bb;
}


#trouble_02  {
	padding: 55px 0px 30px 30px;
	background: url(../img/trouble_episode_bg.png) ;
}
#trouble_02 h3  {
	margin: 0 0 30px;
	text-align: center;
	font-size: 30px;
	color: #f465bb;
	line-height: 1.4;
}
.episode {
	float: left;
	width: 474px;
	height: 207px;
	background: #fff;
	border-radius: 8px;
	margin: 0 20px 20px 0;
	background-repeat: no-repeat;
	background-position: right 10px bottom 0;
}
.episode p {
	padding: 45px 25px 0;
	font-size: 16px;
	line-height: 2;
}
#episode_01 {	background-image: url(../img/trouble_img_01.png);background-position: right 6px bottom 0;}
#episode_01 p {	padding-right: 150px;}
#episode_02 {	background-image: url(../img/trouble_img_02.png);background-position: right 11px bottom 0;}
#episode_02 p {	padding-right: 140px;}
#episode_03 {	background-image: url(../img/trouble_img_03.png);background-position: left 17px bottom 0;}
#episode_03 p {	padding-left: 150px;}
#episode_04 {	background-image: url(../img/trouble_img_04.png);background-position: left 14px bottom 0;}
#episode_04 p {	padding-left: 150px;}


/* --------------------------------------------------------
 check
--------------------------------------------------------*/
.check_lead {
	margin: 0 0 45px;
	font-size: 24px;
	text-align: center;
	line-height: 1.65;
	font-weight: bold;
}

#checksheet {
	margin: 0 0 80px;
	height: 1025px;
	background: url(../img/check_body.png) no-repeat left bottom;
}
#checksheet ul {
	padding: 0 110px 21px;
}
#checksheet ul li {
	margin: 0 0 15px;
	cursor:pointer;
}
#checksheet ul li img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#checksheet .btn {
	margin: 0 auto 0;
	text-align:center;
}

/* --------------------------------------------------------
 result
--------------------------------------------------------*/
#resultsheet {
	margin: 0 0 80px;
	padding: 100px 40px 60px;
	background: url(../img/result_bg.png) ;
}
.resultsheet_body {
	background: #fff;
	border-radius: 10px;
	position: relative;
	padding: 90px 0 20px;
}
#resultsheet h3 {
	position: absolute;
	text-align: center;
	width: 100%;
	top: -43px;
}
#resultsheet p {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 5px;
}
#resultsheet .btn {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 548px;
}
#resultsheet_03_body .btn {
	top: 636px;
}

/* --------------------------------------------------------
 campaign2021
--------------------------------------------------------*/
#home_bnr_cp2021 {
	text-align: center;
	margin: 0 0 40px;
}

.cp2021 {
  width: 1028px;
  margin: 0 auto;
  padding: 0 0 70px;
  line-height: 1.67;
  font-size: 18px;
  background: #fae7ec !important;
}
.cp2021 a {
  text-decoration: underline;
  color: #020077;
}
.cp2021 a:hover {
  text-decoration: none;
}

.cp2021_how_note {
  margin: 0 70px 40px;
}
.cp2021_terms {
  margin: 0 40px;
  padding: 0 50px 20px;
  border: solid 5px #e74493;
  border-top: none;
  border-radius: 10px;
  background: #fff;
  line-height: 1.5;
  font-size: 28px;
  color: #292929;
}
.cp2021_terms h2 {
  margin: 0 -55px 42px;
  padding: 13px 0 12px;
  font-size: 36px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  background: #e74493;
  color: #fff;
  font-family: "ƒqƒ‰ƒMƒmŠÛƒS Pro W4","ƒqƒ‰ƒMƒmŠÛƒS Pro","Hiragino Maru Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro" ;
}
.cp2021_terms p,
.cp2021_terms ul,
.cp2021_terms ol {
  margin: 0 0 1.5em;
}
.cp2021_terms h3 {
  position: relative;
  font-weight: normal;
  padding-left: 1em;
}
.cp2021_terms h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 0.9em;
  height: 0.9em;
  background: #292929;
}

.list_style1 > li {
  position: relative;
  padding-left: 1em;
}
.list_style1 > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6em;
  left: 0.3em;
  width: 0.2em;
  height: 0.2em;
  border-radius: 50%;
  background: #292929;
}
.list_style2 > li {
  padding-left: 1em;
  text-indent: -1em;
}
.list_style3 > li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.list_style_margin > li {
  margin-bottom: 1.5em;
}
.mb0 {
  margin-bottom: 0 !important;
}