@charset "UTF-8";
/* CSS Document */

/*===========================================
PC用指定　開始
===========================================*/
.sp_view{
	display: none;
}
#lp_wrap{
	width: 100%;
	/*max-width: 1160px;*/
	margin: 0 auto;
/*	font-family: "Hannari", serif;*/
	background-color: #fefbf6;
	color: #444444;
}

/*main
==============================*/
#lp_wrap .main_wrap{
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 80px;
}
#lp_wrap .main_img{
	margin: 0 auto;
}
#lp_wrap .main_ttl{
	width: 624px;
	margin: 0 auto;
	padding: 60px 0 0;
}
#lp_wrap .main_circle{
	width: 570px;
	margin: 0 auto;
	padding: 55px 0 0;
}
#lp_wrap .main_trial{
	width: 750px;
	margin: 0 auto;
	padding: 80px 0 0;
}

#lp_wrap .main_button{
	width: 960px;
	margin: 0 auto;
	padding: 80px 0 80px;
}

#lp_wrap .main_button02{
	width: 850px;
	margin: 0 auto;
	padding: 80px 0 80px;
}


/*sec01
==============================*/
.sec01_free{
	width: 900px;
	margin: 0 auto;
padding: 0px 0 120px;
}

.sec01_bg{
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.sec01_wrap{
	width: 960px;
	margin: 0 auto;
padding: 70px 0 120px;
}
.sec01_boxwrap::after {
  content: "";
  display: block;
  clear: both;
}
.sec01_box01{
	float: left;
	width: 400px;
	padding-left: 30px;
	padding-bottom: 60px;
}
.sec01_box02{
	float: right;
	width: 560px;
	padding-left: 30px;
	padding-top: 30px;
}
.sec01_ttl{
	padding: 0 0 80px;
}
.sec01_txt01{
	font-size: 14px;
	width: 700px;
	margin: 0 auto;
	line-height: 2;
}
.sec01_txt02{
	font-size: 16px;
	line-height: 2;
	padding: 55px 0 ;
}
.sec01_figure{
	width: 550px;
	margin: 0 auto;
}

/*sec02
==============================*/
.sec02_wrap{
	width: 900px;
	margin: 0 auto;
	padding: 70px 0 0;
}
.sec02_bg{
	background-color: #edebe7;
	margin: 0 auto;
	width: 100%;
}
.sec02_trial{
	position: absolute;
	top: -170px;
	right: 0;
}
.sec02_ttl{
	padding-bottom: 50px;
}
.sec02_callout{
	padding-bottom: 25px;
}
.sec02_seibun{
	padding-bottom: 0px;
}
.sec02_subttl{
	padding-bottom: 55px;
}
.seibun_box{
	width: 700px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.seibun_box::after{
	content: "";
	display: block;
	clear: both;
}
.seibun_box img{
	float: left;
	width: 160px;
}
.seibun_box .seibun_txt{
	float: left;
	width: 540px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 2.2;
}
.sec02_model{
	margin: 0;
	padding: 0;
	line-height: 0;
}

/*sec03
==============================*/
.sec03_bg{
	width: 100%;
	background: url("../../img/usr/freepage/healthandbeauty/sec03_bg.jpg") center top no-repeat;
	background-color: #dddce2;
	margin: 0 auto;
}
.sec03_wrap{
	width: 900px;
	margin: 0 auto;
	padding: 100px 0 100px;
}
.sec03_ttl{
	padding-bottom: 50px;
}
.sec03_txt{
	width: 520px;
	padding-bottom: 70px;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 2;
}
.sec03_w{
	padding-bottom: 140px;
}
.sec03_sakekasu{
	width: 700px;
	margin: 0 auto;
}
.sec03_subttl{
	width: 446px;
	margin: 0 auto;
	padding-bottom: 45px;
}
.sec03_saketxt{
	font-size: 16px;
	line-height: 2;
}

/*sec04
==============================*/
.sec04_bg{
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto;
	position: relative;
}

.sec04_trial{
width: 750px;
	margin: 0 auto;
	padding: 80px 0 20px;
}
.sec04_wrap{
	width: 900px;
	margin: 0 auto;
	padding: 70px 0 120px;
}
.sec04_ttl{
	padding-bottom: 45px;
}
.sec04_step{
	position: relative;
	width: 900px;
	height: 1400px;
}

.step01_txt{
	position: absolute;
	width: 380px;
	font-size: 16px;
	line-height: 2;
	top: 20px;
	left: 100px;
	z-index: 4;
}
.step01_img{
	position: absolute;
	width: 440px;
	top: 0;
	right: 40px;
	z-index: 1;
	
}
.step02_txt{
	position: absolute;
	width: 370px;
	font-size: 16px;
	line-height: 2;
	top: 580px;
	right: 100px;
	z-index: 3;
}
.step02_img{
	position: absolute;
	width: 440px;
	top: 390px;
	left: 40px;
	z-index: 2;
}

.step03_txt{
	position: absolute;
	width: 380px;
	font-size: 16px;
	line-height: 2;
	top: 980px;
	left: 100px;
	z-index: 4;
}
.step03_img{
	position: absolute;
	width: 440px;
	top:930px;
	right: 40px;
	z-index: 1;
	
}
.step01_ttl, .step02_ttl, .step03_ttl{
	padding-bottom: 30px;
}
.step02_ttl{
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}
.sec04_free{
	width: 700px;
	margin: 0 auto;
	padding-top: 70px;
}

/*sec05
==============================*/
.sec05_bg{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.sec05_trial{
	position: absolute;
	top: -180px;
	right: 0;
}
.sec05_wrap{
	width: 900px;
	margin: 0 auto;
	padding: 80px 0 100px;
}
.sec05_ttl{
	padding-bottom: 55px;
}
.sec05_tokuten{
	width: 900px;
}
.sec05_tokuten::after{
	content: "";
	display: block;
	clear: both;
}

.sec05_tokuten .tokuten_box{
	float: left;
	margin: 0;
	padding: 0 30px 0 0;
	line-height: 0;
}
.sec05_tokuten .tokuten_box:last-child{
	padding: 0;
}

/*sec06
==============================*/
.sec06_bg{
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto;
}
.sec06_trial{
	width: 750px;
	margin: 0 auto;
	padding: 70px 0 90px;
}
.sec06_wrap{
	width: 900px;
	margin: 0 auto;
	padding: 0px 0 0px;
}
.sec06_ttl{
	padding-bottom: 65px;
	text-align: center;
}
.voice_box{
	width: 700px;
	margin: 0 auto 70px;
	padding: 0 0 0 30px;
	border-left: 3px solid #c8be77;
}
.voice_ttl{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #333333;
	font-size: 21px;padding-bottom: 20px;
	
}
.ttl_no{
	color: #b0a33d;
	font-size: 20px;
}
.voice_txt{
	font-size: 15px;
	line-height: 2;
}
.kojin{
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}


/*sec07
==============================*/
.sec07_wrap{
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0 110px;
}
.sec07_bg{
	background-color: #fefbf6;
	margin: 0 auto;
	width: 100%;
}

.tanpin_ttl{
	padding-bottom: 60px;
text-align: center;
margin-top: 40px;
}

.sec07_txt{font-size: 12px;
    line-height: 2;
    text-align: center;
    margin-top: 60px;
}
.list {
	position: relative;
	overflow: hidden; /* ulでリスト全体を右に50%移動している分幅が広がりスクロールバーが表示されるのを防ぐ */
}
 
.list ul {
	position: relative;
	left: 50%; /* ulを右に50%移動 */
	float: left;
	margin-left: -5px;/* liのmarginの半分をネガティブマージン（しないと右にずれる） */
}
 
.list ul li {
	position: relative;
	left: -50%; /* 左に50%移動 */
	float: left;
	margin-left: 100px;
}

/*ヘッダー調整*/
/*.pane-contents{
  padding-top: 130px;
}*/