@charset "utf-8";
.flex{display: flex;}
#lumicare .inner{padding: 0 50px; max-width: 1100px;}
#wrapper { margin: 146px auto 143px;}

.lumicare h3.lumicare-h{font-size: 26px; text-align: center; letter-spacing: 0.21em;line-height: 175%;}

.lumicare .img_box{position: relative; padding: 90px 0 0; justify-content: space-between; max-width: 1000px; width: 100%; height: auto; margin: 0 auto;}
.lumicare .img_box img{width: 100%; height: auto;}
.lumicare p.text{font-size: 16px; line-height: 250%; letter-spacing: 0.09em; }
.lumicare .list_box{padding: 75px 0 0;}
.lumicare .text_box{padding: 76px 0 0; margin: 0 auto;}

/* ------------------------------------------------------------ #fv */
#fv h2{text-align: center; font-size: 19px; color: #fff; letter-spacing: 0.2em;line-height: 160%;}
#fv h2 span{font-family: futura-pt, sans-serif; font-style: normal; font-weight: 500; font-size: 52px; letter-spacing: 0.09em;}
#fv .lumicare{background: #efebe6;}
#fv .lumicare .fv_img{width: 100%; height: auto;}
#fv .lumicare .fv_img img{width: 100%; height: auto;}
/* ------------------------------------------------------------ .lumicare_1 */
.lumicare_1{padding: 47px 0 0;}
.lumicare_1 h3.lumicare-h{letter-spacing: 0.178em; padding: 50px 0 0; font-size: 32px;}
.lumicare_1 p.text{padding: 65px 0 0;}
.lumicare_1 .img_box{padding: 90px 0 0;}
.lumicare_1 p.mini_data{font-size: 16px; color: #cccccc; text-align: center;font-weight: 600;}
.lumicare_1 .lumicare-h{text-align: center; }
.lumicare_1 ul{margin: 0 auto; padding: 60px 0 0;}
.lumicare_1 ul li .link_text{font-size: 16px; line-height: 250%; letter-spacing: 0.09em; margin: 0;}
.lumicare_1 ul li:not(:last-child){padding: 0 0 3px;;}

/* ------------------------------------------------------------ .lumicare_2 */
.lumicare_2{padding: 122px 0 0;}

/* ------------------------------------------------------------ .lumicare_3 */
.lumicare_3{padding: 113px 0 0;}

/* ------------------------------------------------------------ .lumicare_4 */
.lumicare_4{padding: 115px 0 0;}
.lumicare_4 .img_box:last-child{padding: 27px 0 0;}

/* ------------------------------------------------------------ .lumicare_5 */
.lumicare_5{padding: 110px 0 0;}
.lumicare_5 .box_2{padding: 64px 0 0;}
.lumicare_5 .box_3{padding: 76px 0 0;}
/* ------------------------------------------------------------ .lumicare_5 */
.lumicare_6{padding: 120px 0 0;}
.lumicare_6 .box_2{padding: 95px 0 0;}
.lumicare_6 .box_3{padding: 110px 0 0;}

@media only screen and (max-width: 768px) {
	.flex{display: block;}
	#lumicare .inner{padding: 0; max-width: 100%; margin: 0 auto;}
	#lumicare .inner_sp{width: 90%; margin: 0 auto;}
	#wrapper { margin: 67px auto 60px;min-width: 100%;}
	.lumicare h3.lumicare-h{font-size: 20px; line-height: 165%;}
	
	.lumicare .img_box{padding: 40px 0 0; width: 100%; margin: 0 auto;}
	.lumicare p.text{font-size: 14px; line-height: 200%; }
	.lumicare .list_box{padding: 40px 0 0;}
	.lumicare .text_box{padding: 40px 0 0;}

	.lumicare .img_box img{width: 100%; height: auto;}
	/* ------------------------------------------------------------ #fv */
	#fv h2{font-size: 13px; }
	#fv h2 span{font-size: 37px; }
	
	/* ------------------------------------------------------------ .lumicare_1 */
	.lumicare_1{padding: 25px 0px 0px 0px;}
	.lumicare_1 h3.lumicare-h{padding: 20px 0 0; font-size: 24px;}
	.lumicare_1 p.text{padding: 40px 0 0;}
	.lumicare_1 .img_box{padding: 90px 0 0;}
	.lumicare_1 p.mini_data{font-size: 14px;}
	.lumicare_1 .lumicare-h{text-align: center; }
	.lumicare_1 ul{padding: 40px 0 0;}
	.lumicare_1 ul li .link_text{font-size: 14px; line-height: 200%;}
	.lumicare_1 ul li:not(:last-child){padding: 0 0 5px;}
	
	/* ------------------------------------------------------------ .lumicare_2 */
	.lumicare_2{padding: 80px 0 0;}
	
	/* ------------------------------------------------------------ .lumicare_3 */
	.lumicare_3{padding: 80px 0 0;}
	
	/* ------------------------------------------------------------ .lumicare_4 */
	.lumicare_4{padding: 80px 0 0;}
	.lumicare_4 .img_box:last-child{padding: 27px 0 0;}
	
	/* ------------------------------------------------------------ .lumicare_5 */
	.lumicare_5{padding: 80px 0 0;}
	.lumicare_5 .box_2{padding: 40px 0 0;}
	.lumicare_5 .box_3{padding: 40px 0 0;}
	
	/* ------------------------------------------------------------ .lumicare_5 */
	.lumicare_6{padding: 80px 0 0;}
	.lumicare_6 .box_2{padding: 40px 0px 0px 0px;}
	.lumicare_6 .box_3{padding: 40px 0 0;}
	.lumicare_6 .box_4{padding: 40px 0 0;}
}



