@charset "utf-8";
/* ---------------------------------------------------------------------------------------- common */
.PC { display: block;}
.SP { display: none;}
body { background: #f4f4f4;}

#aroma .links_btn{ margin: 40px 0 0; }
#aroma .links_btn a{ line-height: 50px; height: 50px; color: #1d1d1d; border: solid 1px #1d1d1d; background: url(../images/studio/icn_arrow.png) calc(100% - 30px) center no-repeat; }
#aroma h2{ font-family: yu-gothic-pr6n, sans-serif; font-size: 40px; line-height: 160%; letter-spacing: 0.1em; font-weight: 800; }
#aroma h2 span{ display: block; font-size: 16px; letter-spacing: 0.15em; color: #ea609e; }

#fv {	background: url(../images/aroma/bg_fv.png) no-repeat center center / cover;	height: 100vh;}
#fv .bg {	background: #fff;	padding-left: 85px;	height: 100vh;	width: 650px;	background: url(../images/common/white_bg.gif) repeat-y; 	display: flex;	align-items: center;	flex-wrap: wrap;}
#fv .bg p {	display: flex;}
#fv .bg p .aktive_r { font-size: 17px;	letter-spacing: 0.2em;	color: #000;	margin-bottom: 60px; font-weight: 200;}
#fv .bg p .aktive_r::after { content: "";	border-top: solid 1px #000;	padding-left: 22px;	vertical-align: middle;	margin-left: 17px;	padding-bottom: 7px;	display: inline-block;}
#fv .bg img {	padding-left: 20px;	margin-top: -7px;}
#fv .bg h1 { font-size: 50px;	line-height: 1.6;	letter-spacing: 0.1em;	margin: -15px 0 0;	text-align: inherit; padding: 0;}
#fv .bg h1 .aktive_r {	font-size: 17px;	color: #000;	letter-spacing: 0.1em;	margin-top: 50px; font-weight: 200;}

#body main #concept #bread { padding-top: 0px;}

#concept {	padding-bottom: 149px;}
#concept h2 { padding: 0 0 50px; text-align: center; }
#concept h2 span{ padding: 0 0 25px; }
#concept div {	text-align: center;  border-top: none;} 
#concept .inner div {	margin-bottom: 91px;	display: inline-block;	text-align: left;}
#concept .con_img {	width: 100%; max-width: 1400px;	margin: 0 auto;}
#concept .con_img img {	width: 100%;	max-width: 1400px;	height: auto;}
#concept p { font-size: 18px;	line-height: 2.222;	letter-spacing: 0.05em;	margin: 0 auto;}

#feature {	}
#feature .flow_box:nth-child(odd) {	display: flex;	justify-content: space-between; flex-direction: row-reverse;	margin-bottom: 107px;}
#feature .flow_box:nth-child(even) {	display: flex;	justify-content: space-between;	margin-bottom: 107px;}
#feature .flow_box:last-child {	display: flex;	justify-content: space-between;	margin-bottom: 150px;} 
#feature .flow_box img { width:500px; height:333.33px; }
#feature h2 {	font-size: 30px;	line-height: 1.667;	letter-spacing: 0.1em;	margin: 0 0 30px;}
#feature h2 .aktive_r { margin-bottom: 20px;}
#feature p { font-size: 16px;	line-height: 2;	letter-spacing: 0.05em;}

#visual { color: #fff;	/* max-width: 1600px; */	width: 100%;	margin: 0 auto;}
#visual .visual01 {	background: url(../images/aroma/bg_vi01.jpg) no-repeat center center;	background-size: cover;	width: 100%;	padding: 119px 0 118px;	}
#visual h3 { font-size: 30px;	margin-bottom: 40px;	letter-spacing: 0.08em;}
#visual .cap {	width: 500px;	margin: -11px 0;text-align: justify;}
#visual .cap p { font-size: 18px;	line-height: 2.222;	letter-spacing: 0.08em;}
#visual .visual02 {	background: url(../images/aroma/bg_vi02.jpg) no-repeat;	background-size: cover;	width: 100%;	padding: 177px 0;}
#visual .visual02 .vis_r {	float: right;}
#visual .visual03 {	background: url(../images/aroma/bg_vi03.jpg) no-repeat;	background-size: cover;	width: 100%;	padding: 139px 0 138px;}
#visual .visual03 h3 {	line-height: 1.333;	margin: -5px 0 35px;}

#flow {	padding-top: 160px;	text-align: center;}
#flow .pic_12{width: 100%; height: auto; margin: 0 0 50px;}
#flow .pic_12 img{width: 100%; height: auto;}
#flow h2 {	font-size: 40px; letter-spacing: 0.1em;	margin-bottom: 50px;}
#flow .flow_list {	width: 100%;}
#flow .flow_list .down { background: url(../images/aroma/icn_02.png) no-repeat;	text-align: center;	width: 44px;	height: 22px;	margin: 0 auto 30px;}
#flow .flow_list dl { display: flex;	align-items: center;	margin-bottom: 30px;	background-color: #fff;	height: 150px;  padding-left: 50px; padding-right: 50px;}
#flow .flow_list dt { line-height: 150px;	border-right: solid 1px #898989;	color: #ea609e;	font-size: 24px;	display: flex;}
#flow .flow_list dl:last-child { margin-bottom: 100px;}
#flow .flow_list dt div { width: 219px; font-weight: bold; letter-spacing: 0.1em;	text-align: center;	line-height: 83px;}
#flow .flow_list dl dd { width: 750px;	line-height: 2;	padding-left: 50px;	letter-spacing: 0.08em;	text-align: left;	margin-top: -8px;}
#flow .flow_list dd span { display: block;	line-height: 2;	letter-spacing: 0.08em; font-weight: bold;}
#flow .video {	margin-bottom: 133px;}
#flow .video img{	width: 100%; height: auto;	margin-bottom: 50px;}
#flow .video dl { padding: 40px 0 0; display: flex;	align-items: center;}
#flow .video dt { width: 27%;	font-size: 30px;	line-height: 1.667;	letter-spacing: 0.1em;	text-align: left;	border-right: solid 1px #a1a1a1;	padding-right: 40px;}
#flow .video dd { line-height: 2;	letter-spacing: 0.08em;	padding-left: 47px;	text-align: left;}
#flow .video video{ width: 100%; height: auto; background: #000; }

#products {	padding-bottom: 150px;}
#products .item03 {	}
#products .item03 .item03_bg {	width: calc( 100% - 100px);	height: 650px;	background: url(../images/aroma/bg_pro03.png) no-repeat;	background-position: left;	background-size: cover;}
#products .item03 .w_box {	background: url(../images/aroma/icn_01.png) no-repeat #fff;	background-size: 150px;	background-position: 80px;	width: calc( 100% - ( (100% - 1100px) / 2 ) );	margin: -135px 0 80px;	padding: 78px 0 92px 320px;	z-index: 0;	position: relative;	box-sizing: border-box;	float: right;}
#products .w_box h3 {	font-size: 30px;	line-height: 1.333;	letter-spacing: 0.08em;}
#products .item03 .w_box h3 span {	display: block;	font-size: 14px;	line-height: 2.143;	letter-spacing: 0.1em; font-weight: 200;}
#products .item03 .w_box p { line-height: 2.25;	letter-spacing: 0.08em;}
#products .item03 .pro_img { text-align: center;	margin-bottom: 61px;}
#products .item03 .rateplan { display: flex;	justify-content: space-between;	margin: 0 auto 80px;	width: 1000px;}
#products .item03 .rateplan .cost {	background: #fff; width: 455px;	border-radius: 15px; letter-spacing: 0.05em; padding: 42px 0 48px;}
#products .rateplan .plus {	background: url(../images/aroma/icn_03.png) no-repeat;	width: 30px;	height: 30px;	margin-top: 105px;}
#products .item03 .rateplan .cost p {	text-align: center;}
#products  .rateplan .cost p:nth-child(1) { width: 200px; height: 40px; border: solid 1px #000; border-radius: 20px; font-size: 20px; line-height: 2; font-weight: bold; letter-spacing: 0.08em;	margin: 0 auto 30px;}
#products .rateplan .cost p:nth-child(2) {	font-size: 18px;	margin-bottom: 26px;}
#products .rateplan .cost p:nth-child(3) {	font-size: 14px;}
#products .item03 .rateplan .cost p span {	font-size: 40px;	color: #ea609e; font-weight: 600;}
#products .item03 .rateplan .cost p span span { font-size: 24px;}
#products .item03 .tta { width: 1000px;	text-align: center;	border-collapse: collapse;	border: solid 1px #d2d2d2;	margin: 0 auto 112px;}
#products .item03 .tta tr {	border: solid 1px #d2d2d2;}
#products .item03 .tta th {	background-color: #707070;	font-size: 20px;	color: #fff;	letter-spacing: 0.1em;	padding: 30px 0 30px;}




#products .item01 {	}
#products .item01 .item01_bg {	width: calc( 100% - 100px);	height: 650px;	background: url(../images/aroma/bg_pro01.png) no-repeat;	background-position: left;	background-size: cover;}
#products .item01 .w_box {	background: url(../images/aroma/icn_01.png) no-repeat #fff;	background-size: 150px;	background-position: 80px;	width: calc( 100% - ( (100% - 1100px) / 2 ) );	margin: -135px 0 80px;	padding: 78px 0 92px 320px;	z-index: 0;	position: relative;	box-sizing: border-box;	float: right;}
#products .w_box h3 {	font-size: 30px;	line-height: 1.333;	letter-spacing: 0.08em;}
#products .item01 .w_box h3 span {	display: block;	font-size: 14px;	line-height: 2.143;	letter-spacing: 0.1em; font-weight: 200;}
#products .item01 .w_box p { line-height: 2.25;	letter-spacing: 0.08em;}
#products .item01 .pro_img { text-align: center;	margin-bottom: 61px;}
#products .item01 .rateplan { display: flex;	justify-content: space-between;	margin: 0 auto 80px;	width: 1000px;}
#products .item01 .rateplan .cost {	background: #fff; width: 455px;	border-radius: 15px; letter-spacing: 0.05em; padding: 42px 0 48px;}
#products .rateplan .plus {	background: url(../images/aroma/icn_03.png) no-repeat;	width: 30px;	height: 30px;	margin-top: 105px;}
#products .item01 .rateplan .cost p {	text-align: center;}
#products  .rateplan .cost p:nth-child(1) { width: 200px; height: 40px; border: solid 1px #000; border-radius: 20px; font-size: 20px; line-height: 2; font-weight: bold; letter-spacing: 0.08em;	margin: 0 auto 30px;}
#products .rateplan .cost p:nth-child(2) {	font-size: 18px;	margin-bottom: 26px;}
#products .rateplan .cost p:nth-child(3) {	font-size: 14px;}
#products .item01 .rateplan .cost p span {	font-size: 40px;	color: #ea609e; font-weight: 600;}
#products .item01 .rateplan .cost p span span { font-size: 24px;}
#products .item01 .tta { width: 1000px;	text-align: center;	border-collapse: collapse;	border: solid 1px #d2d2d2;	margin: 0 auto 112px;}
#products .item01 .tta tr {	border: solid 1px #d2d2d2;}
#products .item01 .tta th {	background-color: #707070;	font-size: 20px;	color: #fff;	letter-spacing: 0.1em;	padding: 30px 0 30px;}



#products .tta td {	background-color: #fff;	letter-spacing: 0.1em;	padding: 30px 0 30px 41px;	text-align: left;	border: solid 1px #d2d2d2;}
#products .tta .td_bold {	background-color: #fff;	letter-spacing: 0.1em;	padding: 30px 0 30px 50px; font-weight: bold;}
#products .item02 .item02_bg {	width: calc( 100% - 100px);	height: 650px;	background: url(../images/aroma/bg_pro02.png) no-repeat;	background-position: right;	background-size: cover;	float: right;}
#products .item02 .w_box {	background-color: #fff;	width: calc( 100% - ( (100% - 1100px) / 2 ) );	margin: -135px 0 80px;	padding: 78px 0 82px;	z-index: 0;	position: relative;}
#products .item02 .w_box .w_text {	background: url(../images/aroma/icn_01.png) no-repeat;	background-size: 150px;	background-position: center left;	padding: 10px 0 0 220px;	width: 1100px;	box-sizing: border-box;	float: right; margin-top:-50px;}
#products .item02 .w_box h3 span {	display: block;	font-size: 14px;	line-height: 2.143;	letter-spacing: 0.1em; font-weight: 200;}
#products .item02 .w_box p { line-height: 2.25;	letter-spacing: 0.08em;}
#products .item02 .pro_img { text-align: center;	margin-bottom: 60px;}
#products .item02 .rateplan { display: flex;	justify-content: space-between;	margin: 0 auto 80px;	width: 1000px;}
#products .item02 .rateplan .cost {	background: #fff; width: 455px;	border-radius: 15px; letter-spacing: 0.05em;	padding: 42px 0 48px;}
#products .item02 .rateplan .cost p {	text-align: center;}
#products .item02 .rateplan .cost p span {	font-size: 40px;	color: #ea609e; font-weight: 600; }
#products .item02 .rateplan .cost p span span { font-size: 24px;}
#products .item02 .tta {	width: 1000px;	text-align: center;	border-collapse: collapse;	border: solid 1px #d2d2d2;	margin: 0 auto 100px;}
#products .item02 .tta tr {	border: solid 1px #d2d2d2;}
#products .item02 .tta th {	background-color: #707070;	font-size: 20px;	color: #fff;	letter-spacing: 0.1em;	padding: 30px 0 30px;}

#products .item02 .price_list{width: 1000px; margin: 0 auto; padding: 0 0 104px;}
#products .item02 .price_list .box h3{background: #dedede;width: auto; padding: 20px; font-weight: 500; font-size: 24px;}
#products .item02 .price_list .box:not(:last-child){padding: 0 0 65px;}
#products .item02 .price_list ul{width: 100%;}
#products .item02 .price_list ul li{display: flex; justify-content: space-between; align-items: center; padding: 30px 0 0;}
#products .item02 .price_list ul li .title{font-size: 20px; font-weight: 500; display: flex; align-items: center; letter-spacing: 0.05em;}
#products .item02 .price_list ul li .title:before{content: ""; display:block; background: #000; width: 6px;height: 6px; border-radius: 100%; margin: 0 10px 0 0; }
#products .item02 .price_list ul li .title span{font-size: 16px;}
#products .item02 .price_list ul li .cost_box{font-size: 14px; display: flex; align-items: flex-end;}
#products .item02 .price_list ul li .cost_box .cost{display: inline-block;border: 1px solid #7a7a7a; border-radius: 50px;padding: 6px 0px; font-size: 14px;margin: 0 20px 0 0; width: 80px; text-align: center;font-weight: 600;}
#products .item02 .price_list ul li .cost_box .data{font-size: 30px; font-family: open-sans,sans-serif; font-weight: 600; font-style: normal; color: #ea609e;display: inline-block;margin: 0 9px 0 0;}
#products .item02 .price_list ul li .cost_box .data span{font-size: 16px;}


#products .soap {	display: flex;	justify-content: center; flex-direction: row-reverse;	width: 1000px;	margin: 0 auto;}
#products .soap .soap_l {	letter-spacing: 0.08em;	border-radius: 15px 0 0 15px;	padding: 64px 77px 0 61px;	background: url(../images/aroma/text.png) no-repeat #fff;	background-position: 305px 60px;}
#products .soap .soap_l h3 {  font-weight: bold; font-size: 18px;	line-height: 1.667;	margin: -6px 0 27px;}
#products .soap .soap_l p {	font-size: 14px;	line-height: 1.857;}


#voice {	background-color: #fff;	padding: 150px 0;}
#voice h2 {	text-align: center;	font-size: 40px;	margin-bottom: 100px;}
#voice h2 .aktive_r {	margin-bottom: 20px;}
/*
#voice .voice01 {	max-width: 1600px;	width: 100%;	margin: 0 auto;}
#voice .voice01 .voice_bg_l {	width: 1100px;	height: 550px;	background: url(../images/aroma/pic_10.jpg) no-repeat;	background-position-x: left;}
#voice .voice01 .intereview {	background-color: #fff;	margin-top: -440px;	margin-bottom: 92px;	padding: 50px 154px 66px 70px;	width: 454px;	float: right;}
#voice .voice01 .intereview .clinicname {	margin-bottom: 30px;}
#voice .voice01 .intereview .clinicname p {	font-size: 18px;}
#voice .intereview .clinicname p .aktive_r {float: left; font-size: 16px; border: solid 1px #ea609e; border-radius: 50px; color: #ea609e; margin-right: 16px; margin-top: 5px; padding: 8px 8px 6px 8px; box-sizing: border-box; letter-spacing: 0.15em; width: 164px; text-align: center; }
#voice .voice01 .intereview h3 {	font-size: 30px;	line-height: 1.333;	letter-spacing: 0.08em;	margin: -5px 0 31px;}
#voice .voice01 .intereview p  {	font-size: 18px;	line-height: 2.222;	letter-spacing: 0.08em;	margin-top: -11px;}

#voice .voice02 {	max-width: 1600px;	width: 100%;	margin: 0 auto;}
#voice .voice02 .voice_bg_r {	width: 100%;	height: 550px;	background: url(../images/aroma/pic_11.jpg) no-repeat;	background-position-x: right;}
#voice .voice02 .intereview {	background-color: #fff;	padding: 70px 70px 66px 154px;	margin-top: -440px;	margin-bottom: 64px;	width: 450px;	float: left;}
#voice .voice02 .intereview .clinicname {	margin-bottom: 30px;}
#voice .voice02 .intereview .clinicname p {	font-size: 18px;}
#voice .voice02 .intereview h3 { font-size: 30px;	line-height: 1.333;	letter-spacing: 0.08em;}
#voice .voice02 .intereview p  { font-size: 18px;	line-height: 2.222;	letter-spacing: 0.08em;}
*/

#voice .voice {	max-width: 1600px;	width: 100%;	margin: 0 auto;}
#voice .voice .intereview {	background-color: #fff;	margin-top: -270px;}
#voice .voice .intereview .clinicname {	margin-bottom: 30px;}
#voice .voice .intereview .clinicname p { font-size: 18px; margin-bottom: 0;}
#voice .intereview .clinicname p .aktive_r { display: inline-block; float: left; width: 164px; font-size: 16px; border: solid 1px #ea609e; border-radius: 50px; color: #ea609e; margin-right: 16px; margin-top: 5px; box-sizing: border-box; font-weight: normal; line-height: 30px; letter-spacing: 0.15em; text-align: center; }
#voice .voice .intereview h3 { font-size: 30px;	line-height: 1.333;	letter-spacing: 0.08em; margin-top: -5px;}
#voice .voice .intereview p  { font-size: 18px;	line-height: 2.222;	letter-spacing: 0.08em; margin-bottom: 60px;}
#voice .voice .intereview p:last-child { margin-bottom: 0;}
#voice .voice .intereview p span { display: block; font-weight: bold; line-height: 2.222;}


#voice .voice01 .voice_bg_l {	width: 100%;	height: 550px;	background: url(../images/aroma/pic_10.jpg) no-repeat;	background-position-x: left;}
#voice .voice01 .intereview { padding: 70px 154px 70px 70px;	width: 454px;	float: right;}

#voice .voice01 .intereview p { margin-top: -11px;}

#voice .voice02 .voice_bg_r {	width: 100%;	height: 550px;	background: url(../images/aroma/pic_11.jpg) no-repeat;	background-position-x: right;}
#voice .voice02 .intereview {	padding: 70px 70px 66px 154px; width: 450px;	float: left;}


#voice .voice .comment { width: 900px; padding: 72px 0 101px; margin: 0 auto;}
#voice .voice02 .comment { padding: 131px 0 101px;}
#voice .voice .comment p {  font-size: 18px;	line-height: 2.222;	letter-spacing: 0.08em; margin-bottom: 50px;}
#voice .voice .comment p:last-child { margin-bottom: 0;}
#voice .voice .comment p span { display: block; font-weight: bold; margin-bottom: 20px;}



/* --------------------------------------------------------------------------------------------------------------------------- 
	mobile 
--------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
/* ---------------------------------------------------------------------------------------- common */

.PC {	display: none;}
.SP {	display: block;}
#aroma .links_btn a{ background: none; }
#aroma h2{ font-size: 23px; line-height: 150%; padding: 0 0 5px; }
#aroma h2 span{ font-size: 13px; }

.aktive_r {	font-size: 14px;}

#fv { padding: 65px 0 0; background: none; height: auto; min-height: inherit;}
#fv .fv img { width: 100%; height: auto; margin-bottom: 25px; padding-left: 0;}
#fv .fv {	background: #fff;	padding-left: 0px;	width: 100%;	background: url(../images/common/white_bg_sp.png) repeat-y; 	display: flex;	align-items: center;	flex-wrap: wrap;}
#fv .fv p {	display: flex; align-items: baseline; }
#fv .fv p .aktive_r {	font-size: 14px;	letter-spacing: 0.2em;	color: #000; font-weight: 200;}
#fv .fv p .aktive_r::after {	content: "";	border-bottom: solid 1px #000;	padding-left: 16px;	vertical-align: middle;	margin-left: 4px; margin-top: -12px;	padding-bottom: 7px;	display: inline-block;}
#fv .fv p .aroma_logo { width: 50%; height: auto; margin-left: 5px;}
#fv .fv h1 {	font-size: 28px; text-align: left;	 line-height: 1.333;	letter-spacing: 0.1em; padding: 0;	margin: -5px 0 0;}
#fv .fv h1 .aktive_r {	font-size: 13px;	color: #000;	letter-spacing: 0.1em; line-height: 1.714;	margin-top: 20px; font-weight: 200;}

#concept {	padding-bottom: 65px;}
/* #concept #bread { padding: 40px 0 50px; margin: 0 auto; } */
#concept h2{ padding: 0 0 25px; letter-spacing: 0; }
#concept div {	text-align: center;}
#concept .inner div {	margin-bottom: 40px;	display: inline-block;	text-align: left;}
#concept .con_img {	width: 100%;	max-width: none;}
#concept .con_img img {	width: 100%;	max-width: none;	height: auto;}
#concept p { font-size: 14px;	line-height: 2.071;	letter-spacing: 0.05em;	margin: 0 auto;}

#feature {	}
#feature .flow_box:nth-child(odd) {	display: block;		margin-bottom: 34px; }
#feature .flow_box:nth-child(even) { display: block;	margin-bottom: 34px; }
#feature .flow_box:last-child {	display: block;		margin-bottom: 65px;} 
#feature .flow_box img { width: 100%; height: auto; margin-bottom: 25px;}
#feature h2 {	font-size: 19px;	line-height: 1.5;	letter-spacing: 0.05em;	margin: -5px 0 25px; padding-bottom: 0;}
#feature h2 .aktive_r { margin-bottom: 0;}
#feature .flow_box:first-child h2 {	font-size: 20px;	line-height: 1.5;	letter-spacing: 0.1em;	margin: -5px 0 25px; }
#feature p {	font-size: 13px;	line-height: 1.769;	letter-spacing: 0.009em; margin-top: -5px;}

#visual {	color: #000;	max-width: none;	width: 100%;	margin: 0 auto; padding-bottom: 15px;}
#visual .visual_sp {	background: none;	width: 100%;	padding: 0; margin-bottom: 50px}
#visual .visual_sp img { width: 100%; height: 100%; margin-bottom: 35px;}
#visual h3 {	font-size: 25px;	margin-bottom: 25px; line-height: 1.4;	letter-spacing: 0.08em;}
#visual .cap {	width: auto;	margin: -5px 0;}
#visual .cap p {	font-size: 14px;	line-height: 1.714;	letter-spacing: 0.08em;}

#flow {	padding-top: 0;	text-align: center;}
#flow .pic_12{width: 100%; height: auto; margin: 0 0 25px;}
#flow h2 {	font-size: 25px;	letter-spacing: 0.1em;	margin-bottom: 35px; padding-bottom: 0;}
#flow .flow_list {	width: 100%;}
#flow .flow_list .down {	background: url(../images/aroma/icn_02.png) no-repeat;	text-align: center;	width: 44px;	height: 22px;	margin: 0 auto 19.5px;}
#flow .flow_list dl {	display: block;	align-items: center;	margin-bottom: 20px;	background-color: #fff;	height: auto; padding:25px;}
#flow .flow_list dt {line-height: 150px;	border-right: none; border-bottom: solid 1px #898989;	color: #ea609e;	font-size: 17px;	padding-bottom: 15px; margin-bottom: 25px; 	display: flex;}
#flow .flow_list dt img { width: 56.32px; height: 56.32px;}
#flow .flow_list dl:last-child {	margin-bottom: 65px;}
#flow .flow_list dt div { font-weight: bold;	width: auto; padding-left: 20.5px;	text-align: start;	line-height:  56.32px;}
#flow .flow_list dl dd { 	width: auto; font-size: 13px;	line-height: 1.769;	padding: 0;	letter-spacing: 0.08em;	text-align: left;	margin-top: -5px;}
#flow .flow_list dd span {	display: block;	line-height: 2;	letter-spacing: 0.08em; font-weight: 800; }
#flow .video {	margin-bottom: 55px;}
#flow .video img{	width: 100%; height: auto;	margin-bottom: 50px;}
#flow .video dl { padding: 20px 0 0;	display: block;}
#flow .video dt { position: relative; width: 100%;	font-size: 20px;	line-height: normal;	letter-spacing: 0.1em;	text-align: center;	border-right: none;  padding-bottom: 20px; padding-right: 0;}
#flow .video dt:after { display: block; content: ""; width: 53px; margin: 10px auto 0; border-bottom: solid 1px #a1a1a1; bottom: 0; position: absolute; left: 50%; transform: translate(-50%,0); }
#flow .video dd { padding: 20px 0 0;	font-size: 13px; line-height: 1.769;	letter-spacing: 0.08em;	padding-left: 0;	text-align: start;}

#products {	padding-bottom: 65px;}
#products .item03 {	}
#products .item03 .item03_bg {	width: calc( 100% - 25px);	height: 260px;	background: url(../images/aroma/bg_pro03-sp.png) no-repeat;	background-position: left;	background-size: cover;}
#products .item03 .w_box {	background: url(../images/aroma/icn_01.png) no-repeat #fff;	background-size: 120px;	background-position: center 50px;	width: calc( 100% - 25px );	margin: -39px 0 60px;	padding: 204.5px 25px 50px;	z-index: 0;	position: relative;	box-sizing: border-box;	float: right;}
#products .w_box h3 {	font-size: 19px;	line-height: 100%;	letter-spacing: 0.08em; text-align: center; margin-bottom: 15px;}
#products .item03 .w_box h3 span {	display: block;	font-size: 12px; padding: 15px 0 0;line-height: normal;	letter-spacing: 0.1em; margin-bottom: 25px; font-weight: 200;}
#products .item03 .w_box p { font-size: 12px;	line-height: 1.769;	letter-spacing: 0.08em; margin: -5px 0 0; }
#products .item03 .pro_img { width: 25%; height: auto; margin: 35px auto; text-align: center;}
#products .item03 .pro_img img{ width: 100%; height: auto; }
#products .item03 .rateplan {	display: block;	justify-content: inherit;	margin: 0 auto;	width: 100%;}
#products .item03 .rateplan .cost {	background: #fff;  width: 100%;	border-radius: 15px;	padding: 0;}
#products .rateplan .plus { background-size: 25px;	background: url(../images/aroma/icn_03.png) no-repeat; background-size: 25px;	margin: 20px auto 20px;}
#products .item03 .rateplan .cost p {	text-align: center;}
#products .rateplan .cost p:nth-child(1) { font-weight: 800;	width: 130px;	height: 25px;	border: solid 1px #000;	border-radius: 12.5px;	font-size: 15px;	line-height: 25px;	margin: 0 auto 15px;}
#products .rateplan .cost p:nth-child(2) {	font-size: 14px;	margin-bottom: 15px;	padding:0;}
#products .item03 .rateplan .cost_2 p:nth-child(2) {	font-size: 14px;	margin-bottom: 35px;	padding: 0;}
#products .item03 .rateplan .cost p:nth-child(3) {	font-size: 11px;}
#products .item03 .rateplan .cost p span {	font-size: 25px;	color: #ea609e;}
#products .item03 .rateplan .cost p span span { font-size: 17px;}
#products .item03 .tta {	width: 100%;	text-align: center;	border-collapse: collapse;	border: solid 1px #d2d2d2;	margin: 26px auto 0;}
#products .item03 .tta tr {	border: solid 1px #d2d2d2;}
#products .item03 .tta th {	background-color: #707070;	font-size: 15px;	color: #fff;	letter-spacing: 0.1em;	padding: 15px 30px;}

#products .item01 {	}
#products .item01 .item01_bg {	width: calc( 100% - 25px);	height: 260px;	background: url(../images/aroma/bg_pro01-sp.png) no-repeat;	background-position: left;	background-size: cover;}
#products .item01 .w_box {	background: url(../images/aroma/icn_01.png) no-repeat #fff;	background-size: 120px;	background-position: center 50px;	width: calc( 100% - 25px );	margin: -39px 0 60px;	padding: 204.5px 25px 50px;	z-index: 0;	position: relative;	box-sizing: border-box;	float: right;}
#products .w_box h3 {	font-size: 19px;	line-height: 100%;	letter-spacing: 0.08em; text-align: center; margin-bottom: 15px;}
#products .item01 .w_box h3 span {	display: block;	font-size: 12px; padding: 15px 0 0;line-height: normal;	letter-spacing: 0.1em; margin-bottom: 25px; font-weight: 200;}
#products .item01 .w_box p { font-size: 12px;	line-height: 1.769;	letter-spacing: 0.08em; margin: -5px 0 0; }
#products .item01 .pro_img { width: 25%; height: auto; margin: 35px auto; text-align: center;}
#products .item01 .pro_img img{ width: 100%; height: auto; }
#products .item01 .rateplan {	display: block;	justify-content: inherit;	margin: 0 auto;	width: 100%;}
#products .item01 .rateplan .cost {	background: #fff;  width: 100%;	border-radius: 15px;	padding: 0;}
#products .rateplan .plus { background-size: 25px;	background: url(../images/aroma/icn_03.png) no-repeat; background-size: 25px;	margin: 20px auto 20px;}
#products .item01 .rateplan .cost p {	text-align: center;}
#products .rateplan .cost p:nth-child(1) { font-weight: 800;	width: 130px;	height: 25px;	border: solid 1px #000;	border-radius: 12.5px;	font-size: 15px;	line-height: 25px;	margin: 0 auto 15px;}
#products .rateplan .cost p:nth-child(2) {	font-size: 14px;	margin-bottom: 15px;	padding:0;}
#products .item01 .rateplan .cost_2 p:nth-child(2) {	font-size: 14px;	margin-bottom: 35px;	padding: 0;}
#products .item01 .rateplan .cost p:nth-child(3) {	font-size: 11px;}
#products .item01 .rateplan .cost p span {	font-size: 25px;	color: #ea609e;}
#products .item01 .rateplan .cost p span span { font-size: 17px;}
#products .item01 .tta {	width: 100%;	text-align: center;	border-collapse: collapse;	border: solid 1px #d2d2d2;	margin: 26px auto 0;}
#products .item01 .tta tr {	border: solid 1px #d2d2d2;}
#products .item01 .tta th {	background-color: #707070;	font-size: 15px;	color: #fff;	letter-spacing: 0.1em;	padding: 15px 30px;}
#products .tta td {	background-color: #fff; font-size: 13px;	letter-spacing: 0.1em;	padding: 10px 25px;	text-align: left;	border: solid 1px #d2d2d2; line-height: 150%;}
#products .tta .td_bold {  font-weight: 800; width: 110px;	background-color: #fff;	letter-spacing: 0.1em;	padding: 12px 0 12px 15px; font-weight: 800; box-sizing: border-box; }
#products .item02 .item02_bg {	width: calc( 100% - 25px);	height: 260px;	background: url(../images/aroma/bg_pro02-sp.png) no-repeat;	background-position: right;	background-size: cover;	float: right;}
#products .item02 .w_box {	background-color: #fff;	width: calc( 100% - 25px );	margin: -39px 0 80px;	padding: 0 25px 50px;	z-index: 0;	position: relative; float: left; box-sizing: border-box;}
#products .item02 .w_box .w_text {	background: url(../images/aroma/icn_01.png) no-repeat;	background-size: 120px;	background-position: center 50px; padding: 205px 0 0;	width: 100%;	box-sizing: border-box;	float: left;}
#products .item02 .w_box h3 span {	display: block;	font-size: 12px;	line-height: 100%; margin-top: 15px;	letter-spacing: 0.1em; font-weight: 200;}
#products .item02 .w_box p {	font-size: 11px;	line-height: 1.769;	letter-spacing: 0.08em; margin: -5px 0 35px;}
#products .item02 .pro_img { width: 47%; height: auto; margin: 0 auto 35px; text-align: center; }
#products .item02 .pro_img img{ width: 100%; height: auto; }
#products .item02 .rateplan {	display: block;	justify-content: inherit;	margin: 0 auto;	width: 100%;}
#products .item02 .rateplan .cost {	background: #fff;	border-radius: 15px; width: 100%;	padding: 0; text-align: center;}
#products .item02 .rateplan .cost_2 p:nth-child(2) {	font-size: 14px;	margin-bottom: 30px;	padding:0;}
#products .item02 .rateplan .cost p:nth-child(3) {	font-size: 11px;}
#products .item02 .rateplan .cost p span {	font-size: 25px;	color: #ea609e;}
#products .item02 .rateplan .cost p span span { font-size: 17px;}
#products .item02 .tta {	width: 100%;	text-align: center;	border-collapse: collapse;	border: solid 1px #d2d2d2;	margin: 25px auto 0;}
#products .item02 .tta tr {	border: solid 1px #d2d2d2;}
#products .item02 .tta th {	background-color: #707070;	font-size: 15px;	color: #fff;	letter-spacing: 0.1em;	padding: 15px 30px;}

#products .item02 .price_list{width: auto;  padding: 40px 0 0px;}
#products .item02 .price_list .box h3{padding: 16px; margin: 0px; font-size: 18px;}
#products .item02 .price_list .box:not(:last-child){padding: 0 0 35px;}
#products .item02 .price_list ul{width: 100%;}
#products .item02 .price_list ul li{display: flex; flex-direction: column;align-items: flex-start;padding: 18px 0 0; }
#products .item02 .price_list ul li:not(:last-child){background: url(../images/aroma/pic_22.png) no-repeat center bottom; background-size: 100%;padding: 18px 0 20px; }
#products .item02 .price_list ul li .title{font-size: 15px; display: flex; align-items: center; padding: 0 0 5px; margin: 0px;}
#products .item02 .price_list ul li .title:before{ width: 6px;height: 6px;  margin: 0 10px 0 0; }
#products .item02 .price_list ul li .title span{font-size: 12px;}
#products .item02 .price_list ul li .cost_box{font-size: 11px; display: flex; align-items: flex-end; margin: 0px; line-height: 130%;}
#products .item02 .price_list ul li .cost_box .cost{padding: 3px 0px; font-size: 11px;margin: 0 6px 0 0; width: 60px; }
#products .item02 .price_list ul li .cost_box .data{font-size: 22px; margin: 0 9px 0 0;}
#products .item02 .price_list ul li .cost_box .data span{font-size: 12px;}

#products .soap { display: block; width: 100%;}
#products .soap .soap_r { width: 100%;}
#products .soap .soap_r img { width: 100%; height: auto;}
#products .soap .soap_l {	letter-spacing: 0.08em;	border-radius: 0 0 15px 15px;	padding: 36px 25px 35px;	background: url(../images/aroma/text.png) no-repeat #fff;	background-position: 91% 13%;; background-size: 82px 40px;}
#products .soap .soap_l h3 { font-size: 14px; font-weight: bold;	line-height: 1.667;	margin: -6px 0 20px;}
#products .soap .soap_l p {	font-size: 12px; line-height: 1.857; letter-spacing: 0.08em;}
#products .soap .links_btn { background-size: 6px;}

#voice {	background-color: #fff;	padding: 65px 0;}
#voice h2 {	text-align: center;	font-size: 25px;	margin-bottom: 39.5px; padding-bottom: 0;}
#voice h2 .aktive_r {	margin-bottom: 0;}
#voice .intereview .clinicname p span { display: block;}
/*
#voice .voice01 {	max-width: 650px;	width: 100%;	margin: 0 auto;}
#voice .voice01 .voice_bg_l {	width: calc( 100% - 25px );	height: 275px;	background: url(../images/aroma/pic_10-sp.jpg) no-repeat ; background-size: cover;	background-position-x: left;}
#voice .voice01 .intereview {	background-color: #fff;	margin-top: -80px;	margin-bottom: 65px;	padding: 35px 22px 35px 25px;	width: calc( 100% - 25px );	height: auto;	float: right; box-sizing: border-box;}
#voice .voice01 .intereview .clinicname {	margin-bottom: 15px;}
#voice .voice01 .intereview .clinicname p {	font-size: 14px;}
#voice .voice01 .intereview .clinicname p .aktive_r { display: block; width: 134px;	font-size: 13px;	border: solid 1px #ea609e;	border-radius: 22px;	color: #ea609e;	padding: 4px 11px; margin-bottom: 20px;	margin-right: 0;	letter-spacing: 0.15em; text-align: center; float: none;}
#voice .voice01 .intereview h3 {	font-size: 20px;	line-height: 1.5;	letter-spacing: 0.08em;	margin: -5px 0 25px;}
#voice .voice01 .intereview p  {	font-size: 14px;	line-height: 1.714;	letter-spacing: 0.08em;	margin-top: -5px;}

#voice .voice02 {	max-width: 650px;	width: 100%;	margin: 0 auto;}
#voice .voice02 .voice_bg_r {	width: calc( 100% - 25px );	height: 275px;	background: url(../images/aroma/pic_11-sp.png) no-repeat; background-size: cover;	background-position-x: right; float: right;}
#voice .voice02 .intereview {	background-color: #fff;	padding: 35px 22px 35px 25px;	margin-top: -80px;	margin-bottom: 30px; height: auto;	width: calc( 100% - 25px );	float: left; box-sizing: border-box;}
#voice .voice02 .intereview .clinicname {	margin-bottom: 15px;}
#voice .voice02 .intereview .clinicname p {	font-size: 14px;}
#voice .voice02 .intereview .clinicname p .aktive_r { display: block; width: 134px;	font-size: 13px;	border: solid 1px #ea609e;	border-radius: 22px;	color: #ea609e;	padding: 4px 11px;	margin-bottom: 20px; margin-right: 0;	letter-spacing: 0.15em; text-align: center; float: none;}
#voice .voice02 .intereview h3 {	font-size: 20px;	line-height: 1.5;	letter-spacing: 0.08em;	margin: -5px 0 25px;}
#voice .voice02 .intereview p  {	font-size: 14px;	line-height: 1.714;	letter-spacing: 0.08em;	margin-top: -5px;}
*/

#voice .voice {	max-width: 650px;	width: 100%;	margin: 0 auto;}
#voice .voice .intereview {	margin-top: -80px;	width: calc( 100% - 25px );	height: auto; box-sizing: border-box;}
#voice .voice .intereview .clinicname {	margin-bottom: 15px;}
#voice .voice .intereview .clinicname p {	font-size: 14px;}
#voice .voice .intereview .clinicname p .aktive_r { display: block; width: 134px;	font-size: 13px;	border: solid 1px #ea609e;	border-radius: 22px;	color: #ea609e; margin-bottom: 15px;	margin-right: 0; font-weight: normal; line-height: 22.5px; letter-spacing: 0.15em; text-align: center; float: none;}
#voice .voice .intereview h3 {	font-size: 20px;	line-height: 1.5;	letter-spacing: 0.08em;	margin: -5px 0 25px;}
#voice .voice .intereview p  {	font-size: 14px;	line-height: 1.714;	letter-spacing: 0.08em;	margin: -5px 0 30px;}
#voice .voice .intereview p:last-child { margin-bottom: 0;}
#voice .voice .intereview p span { display: block; font-weight: bold; line-height: 2.222;}

#voice .voice01 .voice_bg_l { width: calc( 100% - 25px );	height: 275px;	background: url(../images/aroma/pic_10-sp.jpg) no-repeat ; background-size: cover;	background-position-x: left;}
#voice .voice01 .intereview { margin-bottom: 65px; padding: 35px 22px 35px 25px; float: right;}

#voice .voice02 .voice_bg_r { width: calc( 100% - 25px );	height: 275px;	background: url(../images/aroma/pic_11-sp.jpg) no-repeat; background-size: cover;	background-position-x: right; float: right;}
#voice .voice02 .intereview { margin-bottom: 30px; padding: 35px 22px 35px 25px; float: left;}
}