@charset "Shift_JIS";
figure,ol,ol>li{
	margin: 0 !important;
	list-style: none !important;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +base & parts   */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*汎用スタイル*/
#landing .f18{font-size: 1.1em;}
#landing .f20{font-size: 1.3em;}
#landing .f22{font-size: 1.4em;}
#landing .f24{font-size: 1.5em;}
#landing .w980{width: 980px;}
#landing .w730{width: 730px;}
#landing .kaiketsu_area ul::after,.cf::after{
	content:" ";
	display:block;
	clear:both;
}
#landing .small{
	color: #666666;
	font-size: .75em !important;
}
#landing .pink{color: #ff54a9;}
#landing .bold{font-weight: bold;}

/*レイアウト・フォント*/
#landing{
	color: #666666;
	font-size: 16px;
	line-height: 1.7;
	font-family: "游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
	letter-spacing: 0.1em;
}
#landing img{vertical-align: bottom;}
#landing *{box-sizing: border-box;}
#landing h2,#landing h3{font-weight: 600;}
#landing h2{
	color: #ff53a9;
	font-size:36px !important;
}
#landing h3,#landing h4{line-height: 1.7;}
#landing .ind{
	text-indent: -1em;
	padding-left: 1.5em;
}
#landing .h_deco{
	position: relative;
	display: inline-block;
}
#landing .h_deco::before{
	display: inline-block;
	content: "";
	border-right: 2px solid #ff4ea9;
	width: 20px;
	height: 45px;
	transform: rotate(-45deg);
	position: absolute;
	bottom: 0;
	left: -35px;
}
#landing .h_deco::after{
	display: inline-block;
	content: "";
	border-left: 2px solid #ff4ea9;
	width: 20px;
	height: 45px;
	transform: rotate(45deg);
	position: absolute;
	bottom: 0;
	right: -35px;
}
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*  ---------------------------------------------- +landing  */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/**************************************************************FV AREA*/
#landing .header_area{
	background: url(../img/fv_bg001.png) no-repeat center top;
	background-size: cover;
}
#landing .headerIn{
	box-sizing: border-box;
	width: 980px;
	margin: auto;
	padding-left: 435px;
}
#landing .fv_area{
	width: 545px;
	padding: 60px 0 65px;
}
/**************************************************************statistics AREA*/
#landing .statistics ul{
	width: 730px;
	margin: 70px auto;
}
#landing .statistics ul li{
	float: left;
	margin-right: 20px;
}
#landing .statistics ul li:last-child{
	margin: 0;
}
#landing .statistics_note{
	width: 540px;
	margin: 0 auto 70px;
}
/***********************************************************INTRO AREA*/
#landing .intro_area{
	margin: 0 auto 100px;
}
#landing .intro_area h2{
	font-size: 44px !important;
	line-height: 1.3;
	position: relative;
	padding: 40px;
}
#landing .intro_area h2::before{
	display: block;
	content: " ";
	width: 100px;
	height: 65px;
	box-shadow:-8px -8px 0px 0px #ffecf0;
	position: absolute;
	top: 0;
	left: 160px
}
#landing .intro_area h2::after{
	display: block;
	content: " ";
	width: 100px;
	height: 65px;
	box-shadow:8px 8px 0px 0px #ffecf0;
	position: absolute;
	bottom: 0;
	right: 160px;
}
#landing .intro_area01{
	color: #004f99;
	width: 730px;
	margin: 0 auto 40px;
}
/***********************************************************NEGATIVE AREA*/
#landing .negative_area{
	margin-bottom: 100px;
}
#landing .negative_area table{
	width: 730px;
	margin: auto
}
#landing .negative_area td{
	background: url(../img/negative_ic001.png) no-repeat;
	padding: 3px 0 20px 50px;
}
/***********************************************************KAIKETSU AREA*/
#landing .kaiketsu_area{
	width: 730px;
	margin: 0 auto 100px;
}
#landing .kaiketsu_area h2{
	text-align: center;
	color: #005b9f;
	position: relative;
}
#landing .kaiketsu_area h2::before{
	display: inline-block;
	content: "";
	border-right: 2px solid #005b9f;
	width: 20px;
	height: 45px;
	transform: rotate(-45deg);
	position: absolute;
	bottom: 0;
	left: 20px;
}
#landing .kaiketsu_area h2::after{
	display: inline-block;
	content: "";
	border-left: 2px solid #005b9f;
	width: 20px;
	height: 45px;
	transform: rotate(45deg);
	position: absolute;
	bottom: 0;
	right: 20px;
}
#landing .kaiketsu_area h3{
	color: #ff53a9;
	font-size:1.9em;
	text-align: center;
	margin-bottom: 25px;
}
#landing .kaiketsu_area ul{
	margin-bottom: 20px;
}
#landing .kaiketsu_area ul li{
	float: left;
}
#landing .kaiketsu_area ul li:first-child{
	margin-right: 7px;
}
#landing .kaiketsu_area01 p{
	font-size: 1.23rem;
}
#landing .kaiketsu_area01{
	margin-bottom: 50px;
}
/***********************************************************HIMITSU AREA*/
#landing .himitsu_area{
	margin: 0 auto 100px;
}
#landing .himitsu_area01 ol{
	height: 300px;
	background: url(../img/himitsu_im001.png) no-repeat;
	position: relative;
	font-weight: bold;
}
#landing .himitsu_area01 li:first-child{
	width: 290px;
	position: absolute;
	top: 130px;
	left:50px;
}
#landing .himitsu_area01 li:last-child{
	width: 210px;
	position: absolute;
	top: 130px;
	right:50px;
}
#landing .himitsu_area01 dt{
	color: #ff54a9;
	font-size:1.4em;
	margin-bottom: 10px;
}
#landing .himitsu_area02{
 display:flex;
 justify-content: space-between;
}
#landing .himitsu_area02 .box{
 width: 470px;
}
#landing .himitsu_area02 .box h3{
 margin: 15px 0;
}
/***********************************************************SCENE AREA*/
#landing .scene_area{
	margin: 0 auto 100px;
}
/***********************************************************DAKARA AREA*/
#landing .dakara_area{
	margin-bottom: 100px;
}
/***********************************************************MAMA AREA*/
#landing .mama_area{
	margin-bottom: 100px;
}
#landing .mama_area01{
	background: url(../img/mama_im001.png) no-repeat center top;
	background-size: cover;
	height: 514px;
}
#landing .mama_area02{
	margin: auto;
	padding: 150px 0 150px 470px;
}
/***********************************************************REVIEW AREA*/
#landing .reviewSection{
	margin: 0 auto 100px;
}
#landing .revieWrp{
	margin: auto;
	width: 890px;
}

#landing .reviewSection .reviewBox{
  background: url(../img/lineup-review-bg.png) top center no-repeat;
  position: relative;
  width: 890px;
  margin-bottom: 30px;
}
#landing .reviewSection .reviewBox dl{
  width: 890px;
  padding-left: 50px;
  padding-right: 60px;
  padding-bottom: 45px;
  text-align: left;
  background: url(../img/lineup-review-bg-bottom.jpg) bottom center no-repeat;
}
#landing .reviewSection .reviewBox dl dt{
  font-size: 24px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  padding-top: 50px;
  font-weight: bold;
  color: #fc57a9;
  background: url(../img/lineup-review-ttl_line.png) bottom left no-repeat;
}
#landing .reviewSection .reviewBox dl dd{
  font-size: 18px;
}
#landing .reviewSection .reviewBox .lineup_review_old{
  position: absolute;
  background: url(../img/lineup-review-old.png) top center no-repeat;
  top: 0px;
  right: 50px;
  font-size: 18px;
  width: 200px;
  height: 75px;
  padding-top: 3px;
  text-align: center;
  font-weight: bold;
}
#landing .reviewSection .reviewBox .lineup_review_old span{
  color: #fd57a9;
  font-size: 34px;
  font-weight: bold;
}
#landing .reviewSection .lineup_review_btn a{
  display: block;
  padding: 14px 5px 13px;
  border: 1px solid #ff53a9;
  color: #ff53a9;
  border-radius: 8px;
  font-family: "engLightFont", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", sans-serif;
  font-size: 21px;
  text-decoration: none;
  text-align: center;
  width: 540px;
  margin: 0px auto;
	transition: all .5s ease;
}
#landing .reviewSection .lineup_review_btn a:hover, .reviewSection .lineup_review_btn a:active{
  background-color: #ff53a9;
  color: #fff;
}
#landing .lineup_review_more{
	display: none;
}
/*********************************************************** INFOMATION RAYOUT*/
#landing .info_wrap{
	width: 900px;
	margin: auto;
}
#landing .info_wrap h4{
	font-size:1.6em;
	border:1px solid #666666;
	border-left: none;
	border-right: none;
	padding: 10px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 40px;
}
/***********************************************************OTEIRE AREA*/
#landing .oteire_area{
	margin-bottom: 100px;
}
#landing .oteire_area ol{
	margin: 0 auto !important;
}
#landing .oteire_area li{
	float: left;
	margin-right: 15px !important;
}
#landing .oteire_area li:last-child{
	margin-right: 0 !important;
}
/***********************************************************COLOR AREA*/
#landing .color_area{
	margin-bottom: 100px;
}
#landing .color_area .flex_base{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#landing .color_bra .products_block{
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#landing .color_bra figcaption{
   margin-top: 10px;
}
#landing .color_bra .kind{
	width: 100%;
	height: 50px;
	line-height: 1;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	border: 1px solid #000;
	font-size: 25px;
}
#landing .color_area p{
	font-size: 20px;
	margin-bottom: 30px;
}