@charset "UTF-8";

h2.common {
	margin: 0 0 30px;
}

header p.lead {
	color: #FFF;
	text-align: left;
	margin: 0 70px 0 30px;
	position: absolute;
	top: 170px;
	left: 0;
}


section#lead {
}
section#lead .left {
	width: 410px;
	float: left;
}
section#lead .right {
	width: 442px;
	float: right;
}
section#lead h1 {
	margin: 0 0 10px;
}
section#lead p {
	font-size: 120%;
}

section#menus {
}
section#menus > ul {
	margin: 0 0 0 -32px;
}
section#menus > ul > li {
	width: 178px;
	margin: 0 0 16px 32px;
	padding: 12px 47px;
	float: left;
}
section#menus > ul > li.wax { background: #ADC239; }
section#menus > ul > li.dep { background: #33A8DE; }
section#menus > ul > li.bio { background: #D6C75C; }
section#menus > ul > li.mon { background: #ABC789; }
section#menus > ul li.facial { background: #7696C6; }

section#menus > ul > li h2 {
	text-align: center;
	margin: 0 auto 7px;
}
section#menus > ul > li .image {
	text-align: center;
	margin: 0 auto 10px;
}
section#menus > ul > li .text {
	margin: 0 0 10px;
}
section#menus > ul > li .icns {
	text-align: center;
}
section#menus > ul.col2 {
	margin: 0 0 0 -16px;
}
section#menus > ul.col2 > li {
	width: 432px;
	margin: 0 0 0 16px;
	padding: 0;
	float: left;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
section#menus > ul.col2 > li h2 {
	text-align: left;
	margin: 0;
}
section#menus > ul.col2 > li .image {
	text-align: left;
	margin: 0 18px 0 0;
	position: relative;
}
section#menus > ul.col2 > li .image .icns {
	position: absolute;
	top: 75px;
	left: 20px;
}


section#waxing .leftColumn {
	width: 370px;
	float: left;
}
section#waxing .rightColumn {
	width: 470px;
	float: right;
}
section#waxing .leftColumn .icns {
	text-align: right;
}
section#waxing .leftColumn .priceTableBlock {
	margin: 15px 0 0 15px;
	position: relative;
}
section#waxing .leftColumn .priceTableBlock .fukidashi {
	position: absolute;
	top: -42px;
	right: 0;
}
section#waxing .leftColumn .priceTableBlock h3 {
	background: #837560;
	margin: 15px 0 0 0;
	padding: 5px 10px;
}
section#waxing .leftColumn .priceTableBlock table {
	width: 100%;
}
section#waxing .leftColumn .priceTableBlock table th, section#waxing .leftColumn .priceTableBlock table td {
	background: #FFF;
	border: solid 1px #9CC0B5;
	padding: 3px 10px;
}
section#waxing .leftColumn .priceTableBlock table th {
	text-align: left;
	border-left: none;
}
section#waxing .leftColumn .priceTableBlock table td {
}
section#waxing .leftColumn .priceTableBlock table tr td:nth-child(2) {
	width: 5em;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
section#waxing .leftColumn .priceTableBlock table tr td:last-child {
	width: 7em;
	text-align: right;
	border-right: none;
}
section#waxing .leftColumn .priceTableBlock table tr.note th, section#waxing .leftColumn .priceTableBlock table tr.note td {
	border-bottom: none;
}
section#waxing .leftColumn .priceTableBlock table tr.note2 td {
	text-align: left!important;
	border-top: none;
	border-left: none;
	padding-left: 15px;
}
section#waxing .rightColumn .bans {
	width: 442px;
	margin: 0 0 0 35px;
}
section#waxing .rightColumn .bans li {
	margin: 0 0 20px;
}


section#shr {
	margin-right: 60px;
}
section#shr h2 {
	margin-bottom: 20px;
	float: left;
}
section#shr .icns {
	text-align: right;
	padding-top: 5px;
}
section#shr .image {
	float: right;
	margin: 0 0 0 30px;
	padding-top: 20px;
}
section#shr dt {
	margin: 0 0 5px;
}
section#shr .left {
	width: 290px;
	margin: 0 50px 0 0;
	float: left;
}
section#shr .left .fr1 {
	margin: 0 0 40px;
}
section#shr .fr2 {
	margin: 0 0 30px 0;
	padding-top: 25px;
}
section#shr .fr3 {
	margin-bottom: 30px;
}

section#shrmenu {
}
section#shrmenu .leftColumn {
	width: 370px;
	float: left;
}
section#shrmenu .rightColumn {
	width: 470px;
	float: right;
}
section#shrmenu .leftColumn h4 {
	background: #33A8DE;
	margin: 15px 0 0 0;
	padding: 5px 10px;
}
section#shrmenu .leftColumn dl {
	background: #FFF;
	padding-top: 4px;
}
section#shrmenu .leftColumn dl dt {
	padding: 0 0 0 5px;
}
section#shrmenu .leftColumn dl dd.price1 {
	line-height: 1.4;
	border-bottom: dotted 1px #3D86B8;
	padding: 0 0 1px 10px;
}
section#shrmenu .leftColumn dl dd.price2 {
	font-size: 10px;
	border-bottom: solid 2px #3D86B8;
	padding: 1px 0 1px 10px;
}
section#shrmenu .leftColumn dl dd.price2 span {
	color: #ADC23A;
	font-size: 12px;
}
section#shrmenu .leftColumn dl dd.price2 span.exc {
	color: #5D5145;
	font-size: 10px;
	letter-spacing: -0.1em;
}
section#shrmenu .leftColumn dl.end dd.price2 {
	border-bottom: none;
}
section#shrmenu .leftColumn .ban {
	margin: 15px 0 0 0;
}


section#biomenu h3,
section#biocomponent h3,
section#bioflow h3 {
	margin: 0 auto 15px;
}

section#bio {
	margin-right: 60px;
}
section#bio h2 {
	margin-bottom: 20px;
	float: left;
}
section#bio .icns {
	text-align: right;
	padding-top: 5px;
}

section#biolead ul {
	margin: 0 0 15px;
}
section#biolead ul li:first-child {
	width: 380px;
	margin: 0 45px 0 0;
	float: left;
}
section#biolead ul li:last-child {
	width: 400px;
	margin: 0 45px 0 0;
	float: left;
}
section#biolead ul li .midashi {
	margin: 0 0 10px;
}
section#biolead ul li .image {
	margin: -10px 0 15px 15px;
	float: right;
}

section#biomenu .leftColumn {
	width: 370px;
	float: left;
}
section#biomenu .rightColumn {
	width: 470px;
	float: right;
}
section#biomenu .leftColumn h4 {
	text-align: center;
	background: #639061;
	margin: 15px 0 0 0;
	padding: 5px 0;
}

section#biomenu table {
	width: 100%;
}
section#biomenu table th, section#biomenu table td {
	background: #FFF;
	border: solid 1px #9CC0B5;
	padding: 4px 10px;
}
section#biomenu table th {
	text-align: left;
	border-left: none;
}
section#biomenu table tr:first-child th, section#biomenu table tr:first-child td {
	border-top: none;
}
section#biomenu table tr:last-child th, section#biomenu table tr:last-child td {
	border-bottom: none;
}
section#biomenu table tr td:last-child {
	border-right: none;
}
section#biomenu .ban {
	margin: 20px 0 0 0;
}

section#biocomponent {
}
section#biocomponent p.lead {
	color: #628C5F;
	margin: 0 30px 65px;
}
section#biocomponent .box {
	width: 680px;
	height: 390px;
	background: url(../images/bio_component_bg_01.png) no-repeat 80px 0;
	margin: 0 100px;
	position: relative;
}
section#biocomponent .box dl {
	position: absolute;
}
section#biocomponent .box dt {
	margin: 0 0 5px;
}
section#biocomponent .box dl.compo1 { width: 160px; top: 43px; left: 0; }
section#biocomponent .box dl.compo2 { width: 200px; top: 10px; left: 225px; }
section#biocomponent .box dl.compo3 { width: 200px; top: 48px; left: 465px; }
section#biocomponent .box dl.compo4 { width: 190px; top: 170px; left: 490px; }
section#biocomponent .box dl.compo5 { width: 200px; top: 295px; left: 458px; }
section#biocomponent .box dl.compo6 { width: 200px; top: 312px; left: 60px; }
section#biocomponent .box dl.compo7 { width: 200px; top: 180px; left: 0; }


section#bioflow {
	background: url(../images/bio_flow_bg_01.jpg) no-repeat 30px 0;
}
section#bioflow h3 {
	margin-bottom: 75px;
	padding-top: 40px;
}
section#bioflow dt {
	margin: 0 0 10px;
}
section#bioflow dd span {
	color: #628C5F;
}

section#bioflow .row1 {
	margin: 0 120px 30px 180px;
}
section#bioflow .row1 dl.step1 { width: 320px; float: left; }
section#bioflow .row1 dl.step2 { width: 230px; float: right; }

section#bioflow .row2 {
	margin: 0 -1px 0 -14px;
}
section#bioflow .row2 dl {
	width: 165px;
	background-repeat: no-repeat;
	padding-top: 135px;
	margin: 0 0 0 14px;
	float: left;
}
section#bioflow .row2 dl.step3 { background-image: url(../images/bio_flow_p_01.jpg); }
section#bioflow .row2 dl.step4 { background-image: url(../images/bio_flow_p_02.jpg); }
section#bioflow .row2 dl.step5 { background-image: url(../images/bio_flow_p_03.jpg); }
section#bioflow .row2 dl.step6 { background-image: url(../images/bio_flow_p_04.jpg); }
section#bioflow .row2 dl.step7 { background-image: url(../images/bio_flow_p_05.jpg); }

section#bioflow .row3 dl.step8 {
	width: 165px;
	background: url(../images/bio_flow_bg_02.jpg) no-repeat right bottom;
	margin: 0 14px 0 0;
	padding: 0 179px 130px 0;
	float: left;
	position: relative;
	top: -70px;
}
section#bioba {
	width: 784px;
	margin-left: 65px;
}
section#bioba ul li {
	float: left;
}
section#bioba ul li:last-child {
	float: right;
}



section#facial {
	background: url(../images/facial_bg_01.jpg) no-repeat right top;
	margin-top: -60px;
	padding-top: 60px;
}
section#facial h3 {
	margin: 0 0 20px;
}
section#facial .title {
	margin-right: 0;
	padding-right: 60px;
}
section#facial .title h2 {
	margin-bottom: 30px;
	float: left;
}
section#facial .title .icns {
	text-align: right;
	padding-top: 5px;
}
section#facial section.lead {
	width: 375px;
	line-height: 2;
}
section#facial section.lead .title {
	margin: 0 0 15px;
}
section#facial section.menu > ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
section#facial section.menu > ul > li {
	width: 278px;
	background: rgba(118,150,198,0.5);
}

section#facial section.menu > ul > li h4 {
	border-bottom: solid 1px #FFF;
}
section#facial section.menu > ul > li .price {
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px #FFF;
	padding: 10px 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

section#facial section.menu > ul > li ul.flow {
	text-align: center;
	border-bottom: solid 1px #FFF;
	padding: 15px 10px;
}
section#facial section.menu > ul > li ul.flow li {
	font-weight: bold;
	line-height: 1.5;
}
section#facial section.menu > ul > li ul.flow li::after {
	content: "↓";
	display: block;
}
section#facial section.menu > ul > li ul.flow li:last-child::after {
	content: none;
}
section#facial section.menu > ul > li .memo {
	padding: 15px 10px;
}

section#facial section.faq {
	background: url(../images/facial_faq_bg_01.png) no-repeat right top;
	margin-top: -60px;
	padding-top: 100px;
}
section#facial section.faq dt {
	color: #7696C6;
	font-size: 140%;
	border-bottom: solid 1px #7696C6;
	margin: 0 0 15px;
	padding: 0 10px 5px;
}
section#facial section.faq dd {
	margin: 0 10px 30px;
}

section#facial section.attention {
}
section#facial section.attention .inner {
	border-top: solid 1px #7696C6;
	border-bottom: solid 1px #7696C6;
	padding: 20px 0;
}
section#facial section.attention .inner .lead {
	font-size: 110%;
	margin: 0 0 20px;
}
section#facial section.attention .inner > div {
	display: -webkit-flex;
	display: flex;
}
section#facial section.attention .inner > div > div {
	width: 48%;
	margin-right: 2%;
}
section#facial section.attention .inner > div > div li {
	text-indent: -1em;
	padding-left: 1em;
}
section#facial section.attention .inner > div > div li::before {
	content: "●";
}
section#facial section.attention .inner > div > div p {
	margin-top: 1em;
}





section#aroma h2 {
	margin-bottom: 15px;
	position: relative;
}
section#aroma h2 .icns {
	position: absolute;
	top: 50px;
	left: 360px;
}
section#aroma .leftColumn {
	width: 390px;
	margin-left: 15px;
	float: left;
}
section#aroma .rightColumn {
	width: 450px;
	float: right;
}
section#aroma .leftColumn .priceTableBlock {
	margin: 15px 0 0 0;
	position: relative;
}
section#aroma .leftColumn .priceTableBlock h3 {
	background: #ABC789;
	margin: 15px 0 0 0;
	padding: 5px 10px;
}
section#aroma .leftColumn .priceTableBlock table {
	width: 100%;
}
section#aroma .leftColumn .priceTableBlock table th, section#aroma .leftColumn .priceTableBlock table td {
	background: #FFF;
	border: solid 1px #9CC0B5;
	padding: 3px 10px;
}
section#aroma .leftColumn .priceTableBlock table th {
	text-align: left;
	vertical-align: top;
	border-left: none;
}
section#aroma .leftColumn .priceTableBlock table td {
}
section#aroma .leftColumn .priceTableBlock table td.min {
	width: 5em;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
section#aroma .leftColumn .priceTableBlock table tr td:last-child {
	width: 7em;
	text-align: right;
	border-right: none;
}
section#aroma .leftColumn .priceTableBlock table tr:last-child th, section#aroma .leftColumn .priceTableBlock table tr:last-child td {
	border-bottom: none;
}


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:768px) {

	h2.common {
		margin: 0 0 15px;
	}
	header {
		margin-bottom: auto;
		position: relative;
	}
	header p.lead {
		display: none;
	}

	section#lead {
	}
	section#lead .left {
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}
	section#lead .right {
		width: 100%;
		text-align: center;
		float: none;
	}
	section#lead h1 {
		width: 80px;
		margin: 0 0 10px;
	}
	section#lead p {
		font-size: 100%;
	}
	section#lead .right img {
		width: 221px;
		margin: 0 auto;
	}

	section#menus {
	}
	section#menus > ul {
		margin: 0;
	}
	section#menus > ul > li {
		width: 48%;
		margin: 0 0 15px;
		padding: 10px;
		float: left;
		box-sizing: border-box;
	}
	section#menus > ul > li:nth-child(even) {
		float: right;
	}
	section#menus > ul > li h2 {
		text-align: center;
		margin: 0 auto 7px;
	}
	section#menus > ul > li h2 img {
		width: auto;
		height: 20px;
	}
	section#menus > ul > li .image {
	}
	section#menus > ul > li .text {
	}
	section#menus > ul > li .icns {
		text-align: center;
	}
	section#menus > ul > li .icns img {
		width: 13px;
	}


	section#menus > ul.col2 {
		margin: 0;
	}
	section#menus > ul.col2 > li {
		width: 100%;
		margin: 0 0 10px;
		padding: 0;
		float: none;
		display: block;
	}
	section#menus > ul.col2 > li h2 {
		text-align: left;
		margin: 0;
	}
	section#menus > ul.col2 > li h2 img {
		width: 100%;
		height: auto;
	}
	section#menus > ul.col2 > li .image {
		width: 45%;
		text-align: left;
		margin: 0 5% 0 0;
		float: left;
		position: relative;
	}
	section#menus > ul.col2 > li .image .icns {
		top: 65%;
		left: 20px;
	}
	section#menus > ul.col2 > li .text {
		width: 40%;
		padding-top: 2.5%;
		float: left;
	}


	section#waxing h2 {
		width: 160px;
	}

	section#waxing .leftColumn {
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}
	section#waxing .rightColumn {
		width: 100%;
		float: none;
	}
	section#waxing .leftColumn .icns {
		text-align: right;
	}
	section#waxing .leftColumn .priceTableBlock {
		margin: 30px 0 0 0;
		position: relative;
	}
	section#waxing .leftColumn .priceTableBlock .fukidashi {
		position: absolute;
		top: -21px;
		right: 0;
	}
	section#waxing .leftColumn .priceTableBlock .fukidashi img {
		width: 86px;
	}

	section#waxing .leftColumn .priceTableBlock h3 {
		background: #837560;
		margin: 15px 0 0 0;
		padding: 3px 5px;
	}
	section#waxing .leftColumn .priceTableBlock h3 img {
		width: auto;
		height: 13px;
	}

	section#waxing .leftColumn .priceTableBlock table {
	}
	section#waxing .leftColumn .priceTableBlock table th, section#waxing .leftColumn .priceTableBlock table td {
		padding: 2px 5px;
	}
	section#waxing .leftColumn .priceTableBlock table th {
	}
	section#waxing .leftColumn .priceTableBlock table td {
	}
	section#waxing .leftColumn .priceTableBlock table td .note-text1 { width: 180px; }
	section#waxing .leftColumn .priceTableBlock table td .note-text2 { width: 180px; }

	section#waxing .leftColumn .priceTableBlock table tr td:nth-child(2) {
	}
	section#waxing .leftColumn .priceTableBlock table tr td:last-child {
	}
	section#waxing .leftColumn .priceTableBlock table tr.note th, section#waxing .leftColumn .priceTableBlock table tr.note td {
	}
	section#waxing .leftColumn .priceTableBlock table tr.note2 td {
		text-align: left!important;
		border-top: none;
		border-left: none;
		padding-left: 15px;
	}
	section#waxing .rightColumn .bans {
		width: 221px;
		text-align: center;
		margin: 0 auto;
	}
	section#waxing .rightColumn .bans li {
		margin: 0 0 10px;
	}


	section#shr {
		margin-right: 0;
	}
	section#shr h2 {
		width: 150px;
		margin-bottom: 20px;
		float: left;
	}
	section#shr .icns {
		text-align: right;
		padding-top: 5px;
	}
	section#shr .image {
		width: 95px;
		float: right;
		margin: 0 0 0 15px;
		padding-top: 0;
	}
	section#shr .shr-menu {
		width: 100px;
	}

	section#shr dt {
		margin: 0 0 5px;
	}
	section#shr dt img {
		width: auto;
		height: 33px;
	}

	section#shr .left {
		width: 100%;
		margin: 0;
		float: none;
	}
	section#shr .left .fr1 {
		margin: 0 0 20px;
	}
	section#shr .fr2 {
		margin: 0 0 20px 0;
		padding-top: 0;
	}
	section#shr .fr3 {
		margin-bottom: 20px;
	}

	section#shrmenu {
	}
	section#shrmenu .leftColumn {
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}
	section#shrmenu .rightColumn {
		width: 100%;
		float: none;
	}
	section#shrmenu .leftColumn h3 {
		width: 59px;
	}
	section#shrmenu .leftColumn h4 {
		margin: 10px 0 0 0;
		padding: 3px 5px;
	}
	section#shrmenu .leftColumn h4 img {
		width: auto;
		height: 10px;
	}
	section#shrmenu .leftColumn dl {
		background: #FFF;
		padding-top: 4px;
	}
	section#shrmenu .leftColumn dl dt {
		padding: 0 0 0 5px;
	}
	section#shrmenu .leftColumn dl dd.price1 {
		line-height: 1.4;
		border-bottom: dotted 1px #3D86B8;
		padding: 0 0 1px 10px;
	}
	section#shrmenu .leftColumn dl dd.price2 {
		font-size: 10px;
		border-bottom: solid 2px #3D86B8;
		padding: 1px 0 1px 10px;
	}
	section#shrmenu .leftColumn dl dd.price2 span {
		color: #ADC23A;
		font-size: 12px;
	}
	section#shrmenu .leftColumn dl dd.price2 span.exc {
		color: #5D5145;
		font-size: 10px;
		letter-spacing: -0.1em;
	}
	section#shrmenu .leftColumn dl.end dd.price2 {
		border-bottom: none;
	}
	section#shrmenu .leftColumn .ban {
		text-align: center;
		margin: 15px auto 0;
	}
	section#shrmenu .leftColumn .ban img {
		width: 221px;
	}


	section#biomenu h3,
	section#biocomponent h3,
	section#bioflow h3 {
		margin: 0 auto 15px;
	}

	section#bio {
		margin-right: 0;
	}
	section#bio h2 {
		width: 270px;
		margin-bottom: 0;
		float: none;
	}
	section#bio .icns {
		text-align: right;
		padding-top: 5px;
	}

	section#biolead ul {
		margin: 0 0 15px;
	}
	section#biolead ul li:first-child {
		width: 100%;
		margin: 0 0 15px;
		float: none;
	}
	section#biolead ul li:last-child {
		width: 100%;
		margin: 0;
		float: none;
	}
	section#biolead ul li .midashi {
		margin: 0 0 10px;
	}
	section#biolead ul li .midashi img {
		width: auto;
		height: 13px;
	}
	section#biolead ul li .image {
		margin: 0 0 15px 15px;
		float: right;
	}
	section#biolead ul li .image .image-biolead1 { width: 51px; }
	section#biolead ul li .image .image-biolead2 { width: 58px; }

	section#biomenu .leftColumn {
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}
	section#biomenu .rightColumn {
		width: 100%;
		float: none;
	}
	section#biomenu .leftColumn h3 img {
		width: 280px;
	}
	section#biomenu .leftColumn h4 {
		text-align: center;
		background: #639061;
		margin: 15px 0 0 0;
		padding: 5px 0;
	}
	section#biomenu .leftColumn h4 img {
		width: 163px;
	}
	section#biomenu table {
	}
	section#biomenu table th, section#biomenu table td {
		padding: 2px 5px;
	}
	section#biomenu table th {
	}
	section#biomenu table tr:first-child th, section#biomenu table tr:first-child td {
	}
	section#biomenu table tr:last-child th, section#biomenu table tr:last-child td {
	}
	section#biomenu table tr td:last-child {
	}
	section#biomenu .ban {
		text-align: center;
		margin: 20px 0 0 0;
	}
	section#biomenu .ban img {
		width: 221px;
	}

	section#biocomponent {
	}
	section#biocomponent h3 {
		width: 152px;
	}
	section#biocomponent p.lead {
		margin: 0 0 30px;
	}
	section#biocomponent .box {
		width: 100%;
		height: auto;
		background: none;
		margin: 0;
		position: static;
	}
	section#biocomponent .box .image {
		width: 128px;
		float: right;
		margin: 0 1em 1em 1em;
	}
	section#biocomponent .box dl {
			margin: 0 0 10px;
			position: static;
	}
	section#biocomponent .box dt {
		margin: 0 0 5px;
	}
	section#biocomponent .box dt img {
		width: auto;
		height: 13px;
	}
	section#biocomponent .box dl.compo1 { width: auto; }
	section#biocomponent .box dl.compo2 { width: auto; }
	section#biocomponent .box dl.compo3 { width: auto; }
	section#biocomponent .box dl.compo4 { width: auto; }
	section#biocomponent .box dl.compo5 { width: auto; }
	section#biocomponent .box dl.compo6 { width: auto; }
	section#biocomponent .box dl.compo7 { width: auto; }


	section#bioflow {
		background: none;
	}
	section#bioflow h3 {
		width: 172px;
		margin-bottom: 20px;
		padding-top: 0;
	}
	section#bioflow dt {
		margin: 0 0 5px;
	}
	section#bioflow dt img {
		width: auto;
		height: 13px;
	}
	section#bioflow dd span {
	}

	section#bioflow .row1 {
		margin: 0;
	}
	section#bioflow .row1 dl {
		margin: 0 0 20px;
	}
	section#bioflow .row1 dl.step1 { width: 100%; float: none; }
	section#bioflow .row1 dl.step2 { width: 100%; float: none; }

	section#bioflow .row2 {
		margin: 0;
	}
	section#bioflow .row2 dl {
		width: 100%;
		background-position: left 20px;
		background-repeat: no-repeat;
		background-size: 82px auto;
		padding-top: 0;
		margin: 0 0 20px;
		float: none;
	}
	section#bioflow .row2 dt {
		margin-bottom: 70px;
	}

	section#bioflow .row3 dl.step8 {
		width: 100%;
		background: none;
		background-size: 120px auto;
		margin: 0 0 15px;;
		padding: 0 ;
		float: none;
		position: static;
		top: 0;
	}
	section#bioba {
		width: 100%;
		margin-left: 0;
	}
	section#bioba ul li {
		margin: 0 20px 10px;
		float: none;
	}
	section#bioba ul li:last-child {
		float: none;
	}



	section#facial {
		background-size: 300px auto;
		margin-top: -30px;
		padding-top: 60px;
	}
	section#facial h3 {
		margin: 0 0 15px;
	}
	section#facial > section {
		margin-bottom: 40px;
	}
	section#facial .title {
		margin-right: 0;
		margin-bottom: 10px;
		padding-right: 20px;
	}
	section#facial .title h2 {
		width: 221px;
		margin-bottom: 5px;
		float: none;
	}
	section#facial .title .icns {
		text-align: right;
		padding-top: 5px;
	}

	section#facial section.lead { width: 100%; }

	section#facial section.lead .title {
		width: 88px;
		margin: 0 0 10px;
	}

	section#facial section.menu h3 {
		width: 187px;
	}

	section#facial section.menu > ul > li { width: calc(100% / 3 - 5px); }


	section#facial section.menu > ul > li .price {
		font-size: 120%;
		font-weight: bold;
		text-align: center;
		border-bottom: solid 1px #CD7791;
		padding: 10px;
		display: block;
	}

	section#facial section.menu > ul > li .price span {
		display: block;
	}


	section#facial section.faq {
		background-size: 190px auto;
		margin-top: -30px;
		padding-top: 50px;
	}
	section#facial section.faq h3 {
		width: 283px;
	}

	section#facial section.faq dt {
		font-size: 120%;
		margin: 0 0 5px;
		padding: 0 0 5px;
	}
	section#facial section.faq dd {
		margin: 0 0 20px;
	}

	section#facial section.attention {
	}
	section#facial section.attention h3 {
		width: 122px;
	}
	section#facial section.attention .inner {
		padding: 10px 0;
	}
	section#facial section.attention .inner .lead {
		margin: 0 0 10px;
	}
	section#facial section.attention .inner > div {
		display: block;
	}
	section#facial section.attention .inner > div > div {
		width: 100%;
		margin-right: 0;
	}

	section#aroma h2 {
		margin-bottom: 15px;
		position: relative;
	}
	section#aroma h2 img.image-aromah {
		width: 242px;
	}

	section#aroma h2 .icns {
		position: absolute;
		top: 25px;
		left: 200px;
	}
	section#aroma .leftColumn {
		width: 100%;
		margin: 0 0 10px;
		float: none;
	}
	section#aroma .rightColumn {
		width: 100%;
		text-align: center;
		float: none;
	}
	section#aroma .leftColumn .priceTableBlock {
	}
	section#aroma .leftColumn .priceTableBlock h3 {
		background: #ABC789;
		margin: 15px 0 0 0;
		padding: 3px 5px;
	}
	section#aroma .leftColumn .priceTableBlock table {
		width: 100%;
	}
	section#aroma .leftColumn .priceTableBlock table th, section#aroma .leftColumn .priceTableBlock table td {
		background: #FFF;
		border: solid 1px #9CC0B5;
		padding: 3px 5px;
	}
	section#aroma .leftColumn .priceTableBlock table th {
		text-align: left;
		vertical-align: top;
		border-left: none;
	}
	section#aroma .leftColumn .priceTableBlock table td {
	}
	section#aroma .leftColumn .priceTableBlock table td.min {
		width: 5em;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	section#aroma .leftColumn .priceTableBlock table tr td:last-child {
		width: 7em;
		text-align: right;
		border-right: none;
	}
	section#aroma .leftColumn .priceTableBlock table tr:last-child th, section#aroma .leftColumn .priceTableBlock table tr:last-child td {
		border-bottom: none;
	}
	section#aroma .rightColumn img {
		width: 225px;
	}
}


/* FOR smartphone portrait
***************************************************************************/
@media screen and (max-width:400px) {


}