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

/*---------------------------------------------------*/
/* 共通設定
-----------------------------------------------------*/
html{
	scroll-behavior:smooth;}
body {
	color:#333;
    word-wrap: break-word;
    overflow-wrap: break-word;
	font-size:15px;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.05em;
	margin:0;
	padding:0;
	background:#fff;
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, 'Noto Sans Japanese',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
html,body {height: 100%;}

a{
	text-decoration:none;}
  a:hover{
	  color:#666666;
	  text-decoration:none;}
  a:hover img{
	  opacity:0.8;
	  filter:alpha(opacity=80);
	  -ms-filter: "alpha( opacity=80 )";
	  background:none!important;}
#wrap{
	max-width:1600px;
	min-width:1000px;
	margin:0 auto;
	overflow:hidden;}



/* float解除 */
#fixed .inner:after,
#block6 section.box3:after{
	content: '';
	display: block;
	clear: both;}



/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
section p:not([class]){
	font-size:17px;
	text-align:left;
	margin-bottom:16px;}



/* 注意事項 */
p.note,
ul.note li{
	font-size:15px;
	padding-left:1.2em;
	line-height:1;
	color:#666;
	text-align:left;
	position:relative;
	margin-bottom:8px;}
p.note:before,
ul.note li:before{
	position:absolute;
	left:0;
	top:0;
	content: "※";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}


/* TOPICS */
.topics{
	padding:24px 40px;
	background:url(../images/bg.png);
	border:3px solid #dd5256;}
.topics h3{
	font-size:32px;
	margin-bottom:16px !important;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/* カート */
aside.cart{
	padding-bottom: 20px;
	background: url("../images/cart_bg.jpg") no-repeat center top;
}

aside.cart .in {
	width:950px;
	margin:0 auto;
	padding:64px 0 60px;
}
aside.cart .cart_catch_txt1 {
	position: relative;
	left: -25px;
}
.catch_txt02 {
	width: 100%;
}
aside.cart .offer_tt02 {
	margin-bottom: 48px;
	margin-top: 10px;
}
aside.cart .offer_tt02:first-child {
	margin-top: 0;
}

aside.cart .sub{
	margin-bottom:40px;}
aside.cart .sub a{
	display:block;
	margin-bottom:20px;}
aside.cart .sub ul{
	text-align:left;
	padding-left:180px;
	background:url(../images/action_sub-txt.png) no-repeat left top;}
aside.cart .sub li{
	padding-left:1.2em;
	line-height:1;
	position:relative;
	margin-bottom:8px;}
aside.cart .sub li:before{
	position:absolute;
	left:0;
	top:0;
	content: "※";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
aside.cart .sgl-list {
	display: flex;
	justify-content: space-between;
}
aside.cart .sgl-list .sgl {
	width: 449px;
}
aside.cart .sub input:hover,
aside.cart .sgl input:hover {
	opacity: .75;
}
aside .action_catch{
	text-align: left;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

aside.cart input {
	cursor: pointer;
}

	/* メイン
    -----------------------------------------------------*/
#main{
	background:url(../images/main_bg.png) no-repeat center top;
}

#main img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}


/* ネットで話題
-----------------------------------------------------*/
#block1{
	padding-bottom:170px;
	background:url(../images/block1_bg.png) repeat-y center;}


/* 共感部
-----------------------------------------------------*/
#block2{
	padding-bottom:20px;
	margin-top:-20px;
	background:url(../images/block2_bg.png) repeat-x center top;}
#block2 h2 img{
	margin-top:-100px;}


/* ロジック
-----------------------------------------------------*/
#block3{
	min-height:1000px;
	background:#dddddd url(../images/block3_bg.png) repeat-x center top;}
#block3 h2{
	margin-bottom:48px;}
#block3 p{
	width:950px;
	margin:0 auto 24px;}


/* 解決策
-----------------------------------------------------*/
#block4{
	padding-bottom: 120px;
	background:url(../images/block4_bg.png) no-repeat center bottom #fdfdf7;
	position: relative;
}
#block4 .block4_tt {
	width: 1000px;
	margin: 0 auto 64px;
}
#block4 .block4_tt img {
	position: relative;
	left: -300px;
}
#block4 p {
	text-align: center;
	margin-bottom: 0;
}
#block4 .block4_btm {
	margin-top: 64px;
}
#block4 .block4_foot_arrow {
	position: absolute;
	bottom: -48px;
	left: 50%;
	margin-left: -280px;
}


/* 裏付け①
-----------------------------------------------------*/
#block5{
	padding-top: 64px;
	padding-bottom:56px;
	background: url("../images/care-h-bg.png") no-repeat center top;
	overflow: hidden;
	position: relative;
}
#block5 h2 {
	max-width: 950px;
	margin: 0 auto 28px;
	text-align: left;
	position: relative;
}
#block5 h2::before {
	content: '';
	position: absolute;
	width: 600px;
	height: 445px;
	background: url("../images/care-h-img.png") no-repeat;
	background-size: contain;
	z-index: 3;
	left: 480px;
	top: -80px;
}
#block5 h2 img {
	z-index: 10;
	position: relative;
}


#block5 h3{
	margin-bottom:16px;}
#block5 .inner{
	padding:40px 32px;
	width:950px;
	margin:0 auto 40px;
	background:#fff;
	border:1px solid #ddcece;
	z-index: 5;
	position: relative;
}
	#block5 .inner section{
		text-align:left;
		position:relative;
		margin-bottom:80px;}
		#block5 .inner section img.img{
			position:absolute;}
	#block5 .inner section.box1{
		padding-right:360px;}
		#block5 .inner section.box1 .img{
			top:-40px;
			right:-32px;}
	#block5 .inner section.box2{
		padding-left:340px;}
		#block5 .inner section.box2 .img{
			top:-64px;
			left:-56px;}
#block5 .hoshitsu{
	margin-right:40px;}
#block5 .topics{
	width:950px;
	margin:0 auto;}

#block5 section.lps{
	position:relative;
	padding:24px 190px 1px 24px;
	margin:0 32px 100px;
	background:#fcffb2;}
#block5 section.lps img.prof{
	position:absolute;
	right:0;
	bottom:0;}
#block5 section.lps h3{
	text-align:left;
	margin-bottom:16px;}
#block5 section.lps h3 img{
	height:34px;}

/* 裏付け②
-----------------------------------------------------*/
#block6{
	padding-bottom:24px;
	background:#F4F4F4;}
#block6 h2{
	margin-bottom:40px;
	background:url(../images/block6_ttl-bg.png) no-repeat center top;}

#block6 .block6_ttl{
	margin-top: 25px;
}

#block6 .inner{
	width:950px;
	margin:0 auto 40px;}
	#block6 .inner section{
		padding:0 32px 24px;
		margin-bottom:40px;
		background:#fff;
		border:1px solid #ddcece;}
#block6 section h3{
	text-align:left;
	padding:30px 24px;
	margin:0 -32px 24px;
	background:url(../images/block6_h3-bg.png) repeat-x top;}

#block6 .block6_ttl_2{
	padding:0px 24px;
}
#block6 section p{
	font-size:18px;}
#block6 section .alignright{
	float:right;
	margin-left:32px;}
#block6 .block6_txt{
	text-align: left;
    margin-top: 30px;
}

#block6 .block6_txt dt{
	background: #dd5256;
	display: inline;
    border-radius: 3px;
    color: #fff;
    font-weight: normal;
}

#block6 .block6_txt dd{
	margin-top: 5px;
	margin-bottom: 15px;
}

#block6 .block6_point2_txt{
	margin-bottom: 20px;
}


/* 使用方法
-----------------------------------------------------*/
#block7{
	padding-bottom:56px;
	background:#f2e2e2;}
#block7 h2{
	background:url(../images/block7_ttl-bg.png) no-repeat center top;}
#block7 h3,
#block7 .flow{
	margin-bottom:40px;}
#block7 .topics{
	width:950px;
	margin:0 auto;}
#block7 .topics ul{
	text-align:left;}
#block7 .topics ul ul{
	list-style:outside disc;
	padding-left:2.0em;}
#block7 .topics ul.oya > li{
	position:relative;}
#block7 .topics ul.oya > li:before{
	position:absolute;
	left:-1.2em;
		content: "●";
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;}



/* お客様の声
-----------------------------------------------------*/
#block8{
	position: relative;
	padding-bottom:80px;
	background:url(../images/block8_bg.png);}
#block8 h2{
	margin-bottom:40px;
	background:url(../images/ttl-bg.png) repeat-x top}
#block8 .inner{
	text-align:left;
	width:950px;
	margin:0 auto;}
#block8 .inner section {
	position:relative;
	padding:32px 32px 32px 330px;
	margin-bottom:32px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);/* 影 */
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;/* 角丸 */
	background:#fff;
	}
#block8 .inner section h3{
	margin-bottom:24px;}
#block8 .inner section p{
	line-height:1.6;
	font-size:20px;}
#block8 .inner section .img{
	position:absolute;}
#block8 .inner section.box1{
	height:450px;
	margin-bottom:48px;}
	#block8 .inner section.box1 .img{
		top:0;
		left:8px;}
#block8 .inner section.box2{
	height:410px;}
  #block8 .inner section.box2 .img{
	  top:-32px;
	  left:16px;}
#block8 .inner section.box{
	padding-left:240px;
	overflow:hidden;
	background:#ffe7e7;}
	#block8 .inner section.box h3{
		font-size:32px;
		color:#dd5256;
		margin-bottom:8px;}
	#block8 .inner section.box .img{
		top:24px;
		left:16px;}
	#block8 .inner section.box .name{
		font-weight:bold;
		margin-bottom:8px;}
.block8_foot_arrow {
	position: absolute;
	left: 50%;
	margin-left: -280px;
	bottom: -40px;
}



/* 挨拶
-----------------------------------------------------*/
#block9{
	padding:100px 0;
	background: url(../images/block9_bgt.png) no-repeat right top, url(../images/block9_bgb.png) no-repeat left bottom;}
#block9 h2{
	margin-bottom:48px;}
#block9 h2 img{
	position: relative;
	left: -5px;}
#block9 .inner{
	width:950px;
	margin:0 auto;}


/* 成分表
-----------------------------------------------------*/
#component {
	background: #f7f7f7;
}
#component .inner {
	max-width: 950px;
	margin: 0 auto;
	padding: 40px 0 20px;
}
#component .tt {
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 1em;
}
#component .box {
	background: #ffffff;
	margin-bottom: 20px;
	padding: 2em;
	font-size: 18px;
}
#component .box dt {
	color: #DD5255;
}
#component .box dd {
	margin-top: 1em;
	text-align: left;
}

/* 概要
-----------------------------------------------------*/
div.outline{
	padding:48px 0;
	background:#f2e2e2;}
div.outline .inner{
	background:#fff;
	padding:32px 40px 1px;
	width:950px;
	margin:0 auto;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */}
div.outline section{
	width:415px;
	vertical-align:top;
	margin-bottom:32px;
		margin-right:40px;
		display:inline-block;
		letter-spacing: normal; /* 文字間を元に戻す */}
div.outline section:nth-child(2n){
	margin-right:0;}
div.outline section h2{
	font-weight:normal;
	color:#fff;
	font-size:20px;
	margin-bottom:8px;
	padding:8px 16px;
	background:url(../images/ttl_bg.png) no-repeat center;}
div.outline section img{
	max-width:100%;}

/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
address.contact{
	width:950px;
	margin:0 auto;
	padding:60px 0;}
address.contact h2{
	border:1px solid #ddcece;
	margin-bottom:24px;}

footer{
	font-size:12px;
	padding:16px 0 88px;
	color:#fff;
	background:#dd5256;}


/* 追従 */
#fixed {
	padding:10px 0;
	z-index:1000;
    position: fixed;
    bottom: 0;
    width: 100%;
	background: url(../images/block9_bgt.png) no-repeat right, url(../images/block9_bgb.png) no-repeat left;
	background-color:#fff;}
#fixed .inner{
	width:700px;
	margin:0 auto;}
#fixed img{
	max-height:50px;}
#fixed .logo{
	float:left;}
#fixed .phone{
	float:right;}