@charset "shift_jis";

/* --------------------------------------------------------
  parts
--------------------------------------------------------*/
.pagetitle {
	margin-bottom: 28px;
	z-index: 100;
	width: 100%;
	font-size: 5.6vw;
	line-height: 1.3;
	text-align: center;
	background-color: #f465bb;
	color: #ffffff;
	padding: 10px 0;
}

.contents_chapter {
	margin: 0 0 60px;
}

.footer_bnr {
	margin: 0 5.3vw 40px;
}

/* heading
-------------------------------*/
.heading_01 {
	margin: 0 auto 35px;
	position: relative;
	text-align: center;
	font-size: 6.7vw;
	color: #f465bb;
	line-height: 1.4;
}
/*.heading_01:after  {
	content: " ";
	display: block;
	position: relative;
	margin: 15px auto 35px;
	width: 10vw;
	height: 2px;
	background: #f465bb;
}*/

.heading_02 {
	position: relative;
	margin: 0 -15px 22px;
	padding: 9px 10px 6px;
	text-align: center;
	font-size: 18px;
	color: #f465bb;
	line-height: 1.4;
	background: #ffe4f4;
}

/* txt
-------------------------------*/
.txt {
	line-height: 1.625;
	margin-bottom: 25px;
	font-size: 16px;
}

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

/* cnavi
-------------------------------*/
.cnavi {
	margin-bottom:50px;
}
.cnavi h3 {
	margin:0 auto 20px;
}
.cnavi ul {
	text-align: justify;
	text-justify: inter-ideograph;
}
.cnavi li {
	display: block;
	float: left;
	width: 49%;
	margin: 0 2% 10px 0;
	background-color:#f465bb;
	border:2px solid #f465bb;
	-webkit-box-sizing : border-box ;
	-moz-box-sizing : border-box ;
	box-sizing : border-box ;
}
.cnavi li:nth-child(2n) {
	margin-right:0;
}
.cnavi li a {
	display:block;
	height:100%;
}
.cnavi li p {
	padding: 20px 15px 20px 10px;
	background:url(/brand/keanocure/sp/img/arrow_01.png) no-repeat 95% center;
	background-size:13px;
	-webkit-background-size:13px;
	color:#fff;
	display: table;
	width: 100%;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	vertical-align: middle;
	line-height: 1.5;
}
.cnavi li span {
	display:table-cell;
	vertical-align:top;
}
.cnavi li span b {
	font-size:15px;
	line-height: 1.3;
	display: block;
}

.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;
}
/* --------------------------------------------------------
 home
--------------------------------------------------------*/
#home_mv {
	margin-bottom: 6.1vw;
}
#home_bnr {
	margin: 0 5.3vw 10.8vw;
}

#home_tvcm {
	margin: 0 15px 50px;
}
#home_tvcm h3 {
	margin:0 auto 20px;
}
#home_tvcm p {
	text-align: center;
}


#movie_container .movie_list {
  margin-bottom: 6.33%;
  text-align:center;
}
#movie_container .movie_box {
  width:95%;
  display: block;
  text-align: center;
  margin:0 auto;
  zoom:.5!important;
  position: relative;
}

#movie_container .lead {
  text-align: center;
  font-size:15px;
  margin-top:10px;
  margin-bottom: 10px;
  line-height: 1.4;
  padding: 0 10px;
}

#movie_container .thumb {
  text-align: center;
}
#movie_container .thumb iframe{
  width:100%;
}
@media screen and (orientation: landscape) {
  #movie_container .movie_box {
    zoom:.7!important;
  }
}

/* --------------------------------------------------------
 about
--------------------------------------------------------*/
.product {
	margin-bottom: 30px;
	padding: 20px;
	border: 2px solid #e4007b;
	border-radius: 10px;
}
.product_flex {
	display: flex;
	flex-direction: column;
}
.product_img {
	margin-bottom: 20px;
	font-size: 12px;
	text-align: right;
}
.product_img .iyaku {
	margin-left: 5px;
	padding: 3px 10px;
	border: 1px solid #000;
}
.product_body li {
	margin-bottom: 1em;
	margin-left: 20px;
	list-style: outside;
}
.product_body li strong {
	color: #e4007b;
}
.product_btns ul {
	width: 100%;
	margin: 10px auto auto;
	display: flex;
	justify-content: space-between;
}
.product_btns li {
	width: 100%;
	margin-right: 5px;
}
.product_btns li + li {
	margin-left: 5px;
	margin-right: 0;
}
.product_btns .btn {
	width: 100%;
	padding: 10px 0;
	display: block;
	border-radius: 8px;
	color: #fff;
	text-align: center;
	font-size: 13px;
}
.product_btns .btn:hover {
	opacity: 0.8;
}
.product_btns .btn span {
	padding-right: 20px;
	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 / contain;
}
.product_btns .btn_product {
	background-color: #e4648e;
}
.product_btns .btn_doc {
	background-color: #68bfc2;
}
.action {
	display: flex;
	justify-content: center;
	flex-direction: column-reverse;
}
.action_point {
}
.action_point li {
}
.action_point dt {
	margin-bottom: 5px;
	color: #f465bb;
	font-weight: bold;
	font-size: 18px;
}
.action_point dt img {
	width: calc(60px / 2);
	margin-right: 8px;
}
.action_point dd {
	line-height: 1.6;
}
.osusume {
	margin-top: 40px;
	margin-bottom: 40px;
	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 20px 10px 20px;
	border-radius: 20px;
	border: 3px solid #d5e4fa;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.osusume h4 {
	width: 100%;
	position: absolute;
	top: -21px;
	text-align: center;
}
.osusume h4 img {
	width: calc(466px / 2);
}
.osusume_img {
	text-align: center;
	font-size: 13px;
}
.osusume_img img {
	width: calc(345px / 2);
}
.osusume_body li {
	padding-left: 30px;
}
.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 5px;
}
.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 5px;
}
/* --------------------------------------------------------
 cause
--------------------------------------------------------*/
#cause_01 .heading_02 {
	background: #e0e7f8;
	color: #698ee3;
}
.keano_point {
	margin: -15px -15px 30px -15px;
	padding: 0;
}
.keano_point li {
	padding: 15px 15px 30px 15px;
	background: url('/brand/keanocure/sp/img/bg_dot.png') repeat-x left bottom / auto 4px;
	overflow: hidden;
}
.keano_point li h5 {
	margin: 0 0 8px;
	font-size: 22px;
	vertical-align: middle;
}
.keano_point li h5 img {
	width: calc(95px / 2);
	margin-right: 10px;
}
.keano_point li .pct {
	float: right;
	width: 38.7vw;
	margin: 0 5px 0 20px;
}
.keano_point li p {
	margin: 0 0 0 12px;
	padding: 9px 0 0;
}


.bnr_pkg{
	margin: 0 0 60px;
}
.bnr_pkg a{
	display: block;
	background: #ffffff;
	border: 2px solid #f465bb;
	border-radius: 8px;
}
.bnr_pkg_body {
	display: table;
	padding: 15px 10px 15px 15px;
	margin: 0 auto;
}
.bnr_pkg img{
	display: table-cell;
	vertical-align: middle;
	width: 124px;
	padding-right: 15px;
}
.bnr_pkg .textRight{
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
}
.bnr_pkg .textRight b{
	margin-bottom: 5px;
	display: block;
	font-size: 18px;
	color: #f465bb;
}
.bnr_pkg .textBottom{
	font-weight: bold;
	line-height: 1.5;
	background: #f465bb url('/brand/keanocure/sp/img/arrow_01.png') no-repeat 95% center;
	background-size: 13px;
	padding: 10px;
	color: #ffffff;
}
.mistake_img {
	width: calc(376px / 2);
	margin: auto;
}

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

.mistake > dl {
	width: 100%;
}

.mistake > dl > dt {
	min-height: 4em;
	margin-bottom: 10px;
	padding-left: 50px;
	display: flex;
	align-items: center;
	color: #678ee9;
	background: #e0e7f8 url('/brand/keanocure/img/icon_no.png') no-repeat 10px center / 30px auto;
	font-weight: bold;
	border-top: 1px dashed #678ee9;
	border-bottom: 1px dashed #678ee9;
	font-size: 17px;
	line-height: 1.4;
}
.mistake > dl > dd {
	padding: 10px 20px 0 20px;
}
/* --------------------------------------------------------
 trouble
--------------------------------------------------------*/
#trouble_01 .lead {
	margin: -10px 0 35px;
	font-size: 16px;
	text-align: center;
	line-height: 1.5;
}
#trouble_01 .lead small {
	font-size: 12px;
}

.heading_q {
	position: relative;
	margin: 0 -15px 30px;
	padding: 11px 10px 11px 66px;
	text-align: left;
	font-size: 15px;
	color: #000;
	line-height: 1.4;
	background: #ffe4f4 url(../img/icon_question.png) no-repeat 10px center;
	background-size: 46px 45px;
	border-top: dashed 1px #f465bb;
	border-bottom: dashed 1px #f465bb;
}

.graph {
	margin: 0 0 50px;
}

#trouble_02  {
	padding: 35px 5px 40px;
	background: #ffe9e9;
}
#trouble_02 .heading_01:after  {
	margin-bottom: 25px;
}
.episode {
	background: #fff;
	border-radius: 8px;
	margin: 0 0 15px;
	padding: 20px 18px 20px;
	padding-right: 110px;
	background-image: url(../img/trouble_img_01.png) ;
	background-repeat: no-repeat;
	background-position: right 10px bottom 0;
	background-size: 105px 136px;
}
.episode:nth-child(2n+1) {
	padding-right: 18px;
	padding-left: 115px;
	background-position: left 10px bottom 0;
}
#episode_02 {
	background-image: url(../img/trouble_img_02.png) ;
	background-size: 95px 135px;
}
#episode_03 {
	background-image: url(../img/trouble_img_03.png) ;
	background-size: 95px 115px;
}
#episode_04 {
	background-image: url(../img/trouble_img_04.png) ;
	background-size: 95px 135px;
}


/* --------------------------------------------------------
 check
--------------------------------------------------------*/
.check_lead {
	margin: 0 0 25px;
	font-size: 4.53vw;
	text-align: center;
	line-height: 1.65;
	font-weight: bold;
	color: #f465bb;
}

#checksheet {
	margin: 0 0 40px;
	padding: 35px 0 45px;
	background: #f1f6fd;
}
#checksheet dl {
	margin: 0 25px;
	padding: 22px 0 10px;
	border-top:1px dashed #678ee9;
}
#checksheet dl dt {
	position: relative;
	padding: 0 0 13px 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.33;
}
#checksheet dl dt:before {
	content:"";
	width: 10px;
	height: 10px;
	background: #678ee9;
	position: absolute;
	top: 5px;
	left: 0;
}
#checksheet dl dd{
	margin:0 auto 20px;
	padding: 0 0 22px;
	overflow:hidden;
	font-size: 16px;
	border-bottom:1px dashed #678ee9;
	text-align:center;
}
#checksheet dl dd input {
	display: none;
}
#checksheet dl dd label {
	cursor: pointer;
	float: left;
  margin: 0;
  padding: 8px 0;
	width: 48%;
  text-align: center;
	border-radius: 8px;
	background: #c5c9ce;
	color: #fff;
}
#checksheet dl dd label.yes {
  margin-right: 4%;
}
#checksheet dl dd input:checked+label {
	background: #ff9b24;
}
#checksheet .btn {
	margin: 0 21.5vw 0;
	text-align:center;
}

/* --------------------------------------------------------
 result
--------------------------------------------------------*/
#resultsheet {
	margin: 0 0 40px;
	padding: 17px 20px 35px;
	background: #ffe4f4 url(../img/result_bg.png) ;
	background-size: 177px 177px;
}
#resultsheet h3 {
	margin: 0 -20px 17px;
}
#resultsheet p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px;
}
#resultsheet .btn {
	margin: 23px 11px 0;
}

/* --------------------------------------------------------
 campaign2021
--------------------------------------------------------*/
#home_bnr_cp2021 {
	margin: 0 5.3vw 20px;
}

.cp2021 {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 20px;
  line-height: 1.67;
  font-size: 9px;
  background: #fae7ec !important;
}
.cp2021 a {
  text-decoration: underline;
  color: #020077;
}

.cp2021_how_note {
  margin: 0 25px 35px;
}
.cp2021_terms {
  margin: 0 10px;
  padding: 0 15px 15px;
  border: solid 2px #e74493;
  border-top: none;
  border-radius: 10px;
  background: #fff;
  line-height: 1.5;
  font-size: 14px;
  color: #292929;
}
.cp2021_terms h2 {
  margin: 0 -17px 25px;
  padding: 10px 0 9px;
  font-size: 18px;
  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;
}