@charset "shift_jis";
/* CSS Document */

div.container_,
div.container_ div.contents_ {
	width: 100%;
}

#homecare {
	color: #333333;
	font-family: "dnp-shuei-gothic-kin-std";
	font-feature-settings : "palt";
}

#homecare .ryumin_light_ {
	font-family: 'Ryumin Light KL', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#homecare .ryumin_medium_ {
	font-family: 'Ryumin Medium KL', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#homecare .ryumin_bold_ {
	font-family: 'Ryumin Bold KL', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#homecare .futura_pt_ {
	font-family: "futura-pt";
}
#homecare sup {
	vertical-align: top;
	font-size: 70%;
}

#homecare #mv {
	width: 100%;
	margin: 0 0 110px;
	background: -webkit-linear-gradient(left, rgb(237,229,225) 0%, rgb(229,215,208) 100%);
	background: -o-linear-gradient(left, rgb(237,229,225) 0%, rgb(229,215,208) 100%);
	background: linear-gradient(to right, rgb(237,229,225) 0%, rgb(229,215,208) 100%);
	position: relative;
}
#homecare #mv::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 550px;
	background-image: url("../../img/usr/freepage/beauty/homecare/mv.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 1;
}
#homecare #mv .mv_inner_ {
	width: 1200px;
	height: 550px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 10;
}
#homecare #mv .mv_inner_ > div {
	padding: 0 123px;
	text-align: center;
}
#homecare #mv h1 {
	margin-top: -10px;
}
#homecare #mv p {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.075em;
}

#homecare .sec_ {
	width: 100%;
	padding: 120px 0;
}
#homecare .sec_inner_ {
	width: 1200px;
	margin: 0 auto;
}
#homecare .sec_ h2 {
	font-size: 30px;
	letter-spacing: 0.01em;
	line-height: 1.5;
	text-align: center;
}
#homecare .sec_ p {
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}
#homecare .sec_ p.note_ {
	font-size: 12px;
	line-height: 1.5;
	text-align: right;
	margin-top: 16px;
}
#homecare #lead {
	padding-top: 0;
}
#homecare #lead h2 {
	margin: 0 0 43px;
}
#homecare #lead p {
	text-align: center;
}
#homecare #lead .point_ {
	width: 1060px;
	margin: 53px auto 0;
	display: flex;
	justify-content: space-between;
}
#homecare #lead .point_ .point_box_ {
	background-color: #f0eeee;
	padding: 30px 38px 38px;
	width: 435px;
}
#homecare #lead .point_ .point_box_ h3 {
	font-size: 25px;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0 0 18px;
}
#homecare #lead .point_ .point_box_ ul li {
	font-size: 21px;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.1em;
	background-color: #FFFFFF;
	background-image: url("../../img/usr/freepage/beauty/homecare/ico_check.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	padding: 12px 0 11px;
	margin-top: 15px;
}
#homecare #lead .point_ .point_box_ ul li:first-child {
	margin-top: 0;
}

#homecare #lead .step5_ {
	margin: 120px 0 0;
	background-image: url("../../img/usr/freepage/beauty/homecare/5STEP.png");
	background-position: center 77px;
	background-repeat: no-repeat;
}
#homecare #lead .step5_ h3 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.08em;
	line-height: 1.5;
	margin: 0 0 32px;
}
#homecare #lead .step5_ h3 span {
	font-size: 45px;
	font-weight: 500;
	line-height: 1.0;
	display: inline-block;
	vertical-align: baseline;
}
#homecare #lead .step5_ .step5_wrap_ {
	display: flex;
}
#homecare #lead .step5_ .step5_box_ {
	width: 240px;
}
#homecare #lead .step5_ .step5_box_ .step5_head_ {
	text-align: center;
	margin: 0 0 30px;
	height: 122px;
}
#homecare #lead .step5_ .step5_box_ .step5_head_ .step_ {
	padding: 9px 0 0;
}
#homecare #lead .step5_ .step5_box_ .step5_head_ .step_ img {
	height: 45px;
}
#homecare #lead .step5_ .step5_box_ .step5_head_ h4 {
	font-size: 26px;
	letter-spacing: 0.08em;
	margin-top: -10px;
}
#homecare #lead .step5_ .step5_box_ .step5_head_ p {
	font-size: 14px;
	margin-top: -5px;
}
#homecare #lead .step5_ .step5_box_ .step5_img_ {
	text-align: center;
	margin: 0 0 20px;
}
#homecare #lead .step5_ .step5_box_ .step5_desc_ {
	padding: 0 14px 0 14px;
}
#homecare #lead .step5_ .step5_box_ .step5_desc_ p {
	text-align: left;
	letter-spacing: 0;
	line-height: 1.7;
}
#homecare #lead .step5_ p.note_ {
	text-align: right;
}


#homecare .sec_step_ h2 {
	margin: 0 0 18px;
}
#homecare .sec_step_ h2 span {
	display: block;
	margin-bottom: 10px;
}
#homecare .sec_step_ h3 {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 2.0;
	letter-spacing: 0.05em;
}
#homecare .sec_step_ .step_icon_ {
	text-align: center;
	margin: 0 0 15px;
	padding: 12px 0;
}
#homecare .sec_step_ .step_icon_ img {
	margin: 0 4px;
}
#homecare .sec_step_ p.lead_ {
	text-align: center;
	margin: 15px 0 43px;
}
#homecare .sec_step_ .step_list_ {
}
#homecare .sec_step_ .step_list_ .scroll_box_ {
	padding-bottom: 21px;
}
#homecare .sec_step_ .step_list_ .step_list_wrap_ {
	background-color: #FFFFFF;
	padding: 30px;
	width: max-content;
}
#homecare .sec_step_ .step_list_ .step_list_inner_ {
	display: flex;
	width: max-content;
}
#homecare .sec_step_ .step_list_ .step_box_ {
	display: flex;
	margin-right: 15px;
}
#homecare .sec_step_ .step_list_ .step_box_:last-child {
	margin-right: 0;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_img_ {
	text-align: center;
	min-width: 190px;
	margin-right: 10px;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_desc_ {
	width: 170px;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_desc_ .number_ {
	margin-bottom: 10px;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_desc_ p {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.08em;
	text-align: justify;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_desc_ p span {
	color: #a48b80;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_desc_ p small {
	font-size: 10px;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_desc_ .point_modal_btn_ {
	margin-top: 15px;
}
#homecare .sec_step_ .step_list_ .step_box_ .step_desc_ .point_modal_btn_ a {
	display: block;
}
#homecare .sec_step_ .step_list_ .scroll_box_ .step_box_ {
	margin-right: 5px;
}
#homecare .sec_step_ .step_list_ .scroll_box_ .step_box_ .step_img_ {
	margin-right: 0;
}


#homecare #step1,
#homecare #step3,
#homecare #step5 {
	background-color: #f4f4f4;
}

#homecare #step1 .step1_border_ {
	margin-top: 110px;
	padding-top: 110px;
	border-top: 1px solid #ffffff;
}
#homecare #step1 .introduction_ h4 {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	padding: 4px 20px 3px;
	margin: 0 0 27px;
	background-color: #e4dcd9;
}
#homecare #step1 .app_item_ {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
#homecare #step1 .app_item_ .desc_ {
	width: 650px;
}
#homecare #step1 .app_item_ .desc_ p {
	letter-spacing: 0.08em;
}
#homecare #step1 .app_item_ .item_box_,
#homecare #step1 .osusume_ .desc_ .item_box_ {
	width: 460px;
	padding: 17px 29px 19px 21px;
	background-color: #FFFFFF;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#homecare #step1 .app_item_ .item_box_ p,
#homecare #step1 .osusume_ .desc_ .item_box_ p {
	width: 330px;
}
#homecare #step1 .app_item_ .item_box_ p span,
#homecare #step1 .osusume_ .desc_ .item_box_ p span {
	font-weight: bold;
}
#homecare #step1 .app_item_ .item_box_ p a:hover,
#homecare #step1 .osusume_ .desc_ .item_box_ p a:hover {
	text-decoration: none;
}
#homecare #step1 .app_item_ .item_box_ .img_,
#homecare #step1 .osusume_ .desc_ .item_box_ .img_ {
	text-align: center;
}
#homecare #step1 .movie_ {
	margin: 60px auto 80px;
	width: 680px;
}

#homecare #step1 .osusume_ {
	width: 1020px;
	margin: 65px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#homecare #step1 .osusume_ .desc_ {
	width: 640px;
}
#homecare #step1 .osusume_ .desc_ h3 {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.05em;
	display: flex;
	align-items: center;
	margin: 0 0 25px;
}
#homecare #step1 .osusume_ .desc_ h3 span {
	display: block;
	width: 91px;
	margin-right: 20px;
}
#homecare #step1 .osusume_ .desc_ > p {
	letter-spacing: 0.08em;
}
#homecare #step1 .osusume_ .desc_ > p small {
	font-size: 12px;
}
#homecare #step1 .osusume_ .desc_ .item_box_ {
	width: 590px;
	margin-top: 55px;
}
#homecare #step1 .osusume_ .movie_ {
	width: 320px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0;
}

#homecare #item {
	padding: 112px 0 100px;
	background-image: url("../../img/usr/freepage/beauty/homecare/item_bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}
#homecare #item p {
	text-align: center;
	line-height: 2.0;
	letter-spacing: 0.08em;
}
#homecare #item .btn_ {
	width: 330px;
	margin: 30px auto 50px;
}
#homecare #item .btn_ a {
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 17px 0 16px;
	background-color: #a48b80;
	background-image: url("../../img/usr/freepage/beauty/homecare/ico_arrow.png");
	background-position: 300px center;
	background-repeat: no-repeat;
	transition: all .3s;
}
#homecare #item .btn_ a:hover {
	opacity: 0.5;
}

#follow_menu {
	width: 100%;
	height: 60px;
}
#follow_menu .follow_box_ {
	width: 100%;
	background-color: #e4dcd9;
}
#follow_menu .follow_box_ ul {
	display: flex;
	width: 1200px;
	margin: 0 auto;
}
#follow_menu .follow_box_ ul li {
	width: 240px;
	position: relative;
}
#follow_menu .follow_box_ ul li a {
	font-size: 25px;
	line-height: 1.0;
	letter-spacing: 0.08em;
	text-align: center;
	text-decoration: none;
	padding: 18px 0 17px;
	display: block;
}
#follow_menu .follow_box_ ul li a span {
	position: relative;
}
#follow_menu .follow_box_ ul li a span::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 48px;
	height: 18px;
	margin-right: 15px;
	background-position: center center;
	background-repeat: no-repeat;
}
#follow_menu .follow_box_ ul li.step1_ a span::before {
	width: 44px;
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step1.png");
}
#follow_menu .follow_box_ ul li.step1_.js-active a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step1_on.png");
}
#follow_menu .follow_box_ ul li.step2_ a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step2.png");
}
#follow_menu .follow_box_ ul li.step2_.js-active a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step2_on.png");
}
#follow_menu .follow_box_ ul li.step3_ a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step3.png");
}
#follow_menu .follow_box_ ul li.step3_.js-active a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step3_on.png");
}
#follow_menu .follow_box_ ul li.step4_ a span::before {
	width: 49px;
	height: 19px;
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step4.png");
}
#follow_menu .follow_box_ ul li.step4_.js-active a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step4_on.png");
}
#follow_menu .follow_box_ ul li.step5_ a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step5.png");
}
#follow_menu .follow_box_ ul li.step5_.js-active a span::before {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_step5_on.png");
}

#follow_menu .follow_box_ ul li::before,
#follow_menu .follow_box_ ul li::after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 18px;
	height: 60px;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 10;
}
#follow_menu .follow_box_ ul li::after {
	right: -18px;
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_arrow1.png");
}
#follow_menu .follow_box_ ul li.js-prev::after {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_arrow2.png");
}
#follow_menu .follow_box_ ul li.js-active::after {
	background-image: url("../../img/usr/freepage/beauty/homecare/follow_arrow3.png");
}
#follow_menu .follow_box_ ul li.step5_::after {
	display: none;
}
#follow_menu .follow_box_.js-fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999999;
}
#follow_menu .follow_box_ ul li.js-active {
	background-color: #a48b80;
}
#follow_menu .follow_box_ ul li.js-active a {
	color: #FFFFFF;
}

.modal_bg_ {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	z-index: 10011;
	background-color:rgba(0,0,0,0.50);
}
.modal_warp_ {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal_box_ {
	background-color: #FFFFFF;
	max-width: 900px;
	width: 100%;
	max-height: calc(100% - 50px);
	overflow-y: auto;
}
.modal_inner_ {
	padding: 60px;
}
.modal_box_ h2 {
	text-align: center;
	margin: 0 0 40px;
}
.modal_box_ dl {
	margin-top: 30px;
}
.modal_box_ dl dt {
	color: #a48b80;
	font-size: 21px;
	letter-spacing: 0.05em;
	line-height: 2.1;
	font-weight: bold;
	padding: 0 0 5px 40px;
	margin: 0 0 13px;
	background-image: url("../../img/usr/freepage/beauty/homecare/modal_check.png");
	background-position: 7px 13px;
	background-repeat: no-repeat;
	border-bottom: 2px solid #a48b80;
}
.modal_box_ dl dd {
	font-size: 18px;
	letter-spacing: 0.08em;
	line-height: 1.83;
}
.modal_box_ dl dd small {
	font-size: 10px;
}
.modal_box_ .img_ {
	text-align: center;
	margin-top: 30px;
}
.modal_box_ .btn_close_ {
	margin-top: 50px;
	text-align: center;
	cursor: pointer;
}
/*===========
scrollbar
===========*/
.simplebar-track.simplebar-horizontal {
	height: 6px;
	background: #e0e5e6;
	margin: 0 auto;
	border-radius: 3px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	height: 6px;
	background: #b1a096;
	top: 0;
	border-radius: 3px;
}
.simplebar-scrollbar.simplebar-visible:before {
 opacity: 0;
}