/*
	ケアリーヴ(R)キャラクター_character.css
------------------------------------------------------------------------------*/

.lead {
  min-height: 70vw;
}
/*
	secondHeader
--------------------------------------*/

.crumbs {
background-color: #f8da28;
}
.crumbs .h1-title {
  color: #555533;
}
.pic-lead {
width: 92vw;
  top: unset;
  position: static;
  margin-right: auto;
	margin-left: auto;
  margin-bottom: 2vw;
}
.btn-waterproof {
  width: 40vw;
  margin-right: 3vw;
  margin-bottom: 3vw;
  margin-left: auto;
}
#container .txt-lead {
  font-size: 5.2vw;
  margin-bottom: 2vw;
}
#container .desc li {
  color: #555533;
}
#container .infobox #pv {
	padding:0 3%;
}
#container .infobox #pv p {
font-size: 1rem;
}

/*
	column
--------------------------------------*/
/* ページCSS */
.h3-01 {
background-color: #f8da28;
  color: #333333;
}
#how dl dt a {
color: #3d5ec6;
}
#column .box dt a span {
	color:#7F7959;
}
#column #column04 .columnTxt_txt img,
#column #column05 .columnTxt_txt img {
	float:left;
	width:45%;
}
#column04 .columnTxt_txt p,
#column05 .columnTxt_txt p {
	width:50%;
	float:right;
}
#column04 .columnTxt_txt:after,
#column05 .columnTxt_txt:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  font-size:1px;
}
#column04 .columnTxt_txt,
#column05 .columnTxt_txt {
  min-height: 1px;
}
* html #column04 .columnTxt_txt,
* html #column05 .columnTxt_txt {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#column04 .columnTxt_txt span {
	font-size:80%;
}

/*
	design
--------------------------------------*/
#design {
	width:96%;
	background:url(../../img/common/column_bg.jpg) no-repeat bottom;
	background-size:100% auto;
	margin:0 2% 5% 2%;
}
#design h3,
#design h3 img {
	width:100%;
}
#design div {
	padding:5%;
}
#design div ul:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  font-size:1px;
}
#design div ul {
  min-height: 1px;
}
* html #design div ul {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#design div ul li {
	margin-bottom:6px;
	width:47%;
}
#design div ul li img {
	width:100%;
	height:auto;
}
#design div ul li.f_l {
	float:left;
}
#design div ul li.f_r {
	float:right;
}
#design .lineup {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  gap: 20px 20px;
}
#design .lineup li {
  width: calc(50% - 10px);
  margin-bottom: 0;
}
#column #form div {
	padding-bottom:2%;
}
#waterBtn {
	margin:0% 5%;
	padding-bottom:5%;
}
#waterBtn img {
	width:100%;
}