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

/* ------------------------------------------
  共通
--------------------------------------------- */

/**------------------------------base*/

#main{
	background-color: #FFFFFF;
	overflow:hidden;
	position:relative;
}

#footer {
	background-color: #FFFFFF;
	width: 100%;
	float:left;
	padding: 0 0 100px;
	overflow:hidden;
	position:relative;
}

/**---------space_top*/
.space_top {
	margin-top: 20px;
	float:left;
}

/**---------arrow_bt*/

li#arrow_bt {
	width: 100%;
	text-align: center;
	margin: 20px auto 10px;
}
li#arrow_bt img {
	width: 50px;
	height: auto;
}

@media (max-width: 768px) {
li#arrow_bt img {
	width: 40px;
}
}

/**---------ti_concept*/

li#ti_concept {
	width: 100%;
	text-align: center;
	margin: 0 auto 60px;
}
li#ti_concept img {
	width: 330px;
	height: auto;
}

@media (max-width: 768px) {
li#ti_concept {
	margin: 0 auto 40px;
}
li#ti_concept img {
	width: 40%;
}
}

@media (max-width: 640px) {
li#ti_concept {
	text-align: left;
}
li#ti_concept img {
	width: 50%;
}
}

@media (max-width: 480px) {
li#ti_concept img {
	width: 70%;
}
}

/**---------ti_first*/

li#ti_first {
	width: 100%;
	text-align: center;
	margin: 0 auto 60px;
}
li#ti_first img {
	width: 414px;
	height: auto;
}

@media (max-width: 768px) {
li#ti_first {
	margin: 0 auto 40px;
}
li#ti_first img {
	width: 40%;
}
}

@media (max-width: 640px) {
li#ti_first {
	text-align: left;
}
li#ti_first img {
	width: 50%;
}
}

@media (max-width: 480px) {
li#ti_first img {
	width: 70%;
}
}
/**---------ti_menu*/

li#ti_menu {
	width: 100%;
	text-align: center;
	margin: 0 auto 0;
}
li#ti_menu img {
	width: 115px;
	height: auto;
}

@media (max-width: 768px) {
li#ti_menu img {
	width: 100px;
}
}

/**---------ti_salon*/

li#ti_salon {
	width: 100%;
	text-align: center;
	margin: 0 auto 60px;
}
li#ti_salon img {
	width: 420px;
	height: auto;
}

@media (max-width: 1366px) {
li#ti_salon img {
	width: 300px;
}
}

@media (max-width: 768px) {
li#ti_salon {
	margin: 0 auto 40px;
}
li#ti_info img {
	width: 40%;
}
}

@media (max-width: 480px) {
li#ti_salon img {
	width: 50%;
}
}

/**---------link_bt*/

li#link_bt{
	width: 100%;
	text-align: center;
	margin: 40px auto 20px;
}
li#link_bt img{
    width: 268px;
    height: auto;
}
@media (max-width: 320px) {
li#link_bt img{
    width: 90%;
}
}


/* ------------------------------------------
  entrance
--------------------------------------------- */

#entrance {
	background: url("../images/bg_image.jpg") no-repeat center bottom scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	display: table;
	width: 100%;
	height: 100%;
	padding: 0;
	text-align: center;
	position:relative;
	overflow: hidden;
}

/**---------logo_unit*/

#logo_unit {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

#logo_unit ul {
	width: 100%;
	padding: 0;
	margin: 0 auto 0;
	overflow: hidden;
}

#logo {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#logo a {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;  /* 数秒後にフェードイン */
}
#logo img{
	width: 340px;
	height: auto;
}

@media (max-width: 1024px) {
#logo_unit ul {
	width: 90%;
	padding: 0;
	margin: 0 auto 0;
}
#logo img{
	width: 300px;
	height: auto;
	margin: 0;
}
}

@media (max-width: 768px) {
#logo img{
	width: 260px;
	height: auto;
	margin: 0;
}
}

@media (max-width: 480px) {
#logo img{
	width: 200px;
	height: auto;
	margin: 0;
}
}

@media (max-width: 414px) {
#logo img{
	width: 160px;
	height: auto;
	margin: 0;
}
}

/**---------scroll_unit*/

#scroll_unit {
	height: 100%;
	display: table-row;
	vertical-align: bottom;
}

#scroll_unit ul {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	overflow: hidden;
}
#scroll {
}
#scroll a {
	transform: translate(-50%, -50%);
	display: none;  /* 数秒後にフェードイン */
}
#scroll img{
	width: 80px;
	height: auto;
}

/* ------------------------------------------
  concept
--------------------------------------------- */

/**---------concept*/

#concept {
	background-color: #FFFFFF;
	background-image: url("../images/bg_concept.png");
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
	width: 100%;
	float:left;
	padding: 80px 0 200px;
	margin: 0 auto 0;
	overflow:hidden;
	position:relative;
}

#concept h1{
	text-indent: -9999px;
	width:100%;
	margin: 0 auto 0;
}

@media (max-width: 1024px) {
#concept {
    background-size: 100% auto;
    background-position: center bottom;
	padding: 60px 0 120px;
}
}

@media (max-width: 768px) {
#concept {
    background-size: 100% auto;
    background-position: center bottom;
	padding: 40px 0 100px;
}
}

@media (max-width: 640px) {
#concept {
    background-size: 100% auto;
	padding: 20px 0 100px;
}
}

@media (max-width: 480px) {
#concept {
    background-size: 150% auto;
	padding: 20px 0 80px;
}
}

/**---------concept_unit*/

#concept_unit {
    padding: 0;
	margin: 0 auto 0;
	display: inline;  /* IE6 fix */
	overflow:hidden;
}

li#concept_head {
	width: 100%;
	font-size: 40px;
    font-weight: 300;
	text-align: center;
	letter-spacing: 0.2em;
	padding: 0;
	margin:0 0 40px;
}
li#concept_head br{
	display: none;
}
@media (max-width: 1024px) {
li#concept_head {
	font-size: 38px;
}
}
@media (max-width: 768px) {
li#concept_head {
	font-size: 34px;
	margin:0 0 30px;
}
}
@media (max-width: 640px) {
li#concept_head {
	font-size: 32px;
	line-height: 42px;
	text-align: left;
	letter-spacing: 0.1em;
	margin:0 0 20px;
}
li#concept_head br{
	display: block;
}
}

li#concept_text {
	width: 100%;
	font-size: 20px;
	line-height: 35px;text-align: center;
	letter-spacing: 0.1em;
	padding: 0;
	margin:20px 0 0;
}

@media (max-width: 1024px) {
li#concept_text {
	font-size: 19px;
	line-height: 33px;
}
}
@media (max-width: 768px) {
li#concept_text {
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 0em;
}
}
@media (max-width: 640px) {
li#concept_text {
	text-align: left;
	display: inline;
}
li#concept_text br{
	display: none;
}
}

/* ------------------------------------------
  worries
--------------------------------------------- */

/**---------worries*/

#worries {
	background-color: #fe9771;
	background-image: url("../images/bg_worries.png");
    background-size: auto 120px;
    background-position: 90% 40px;
    background-repeat: no-repeat;
	color: #FFFFFF;    
	width: 100%;
	float:left;
	padding: 100px 0 0;
	overflow:hidden;
	position:relative;
}

#worries h1{
	text-indent: -9999px;
	width:100%;
	margin: 0 auto 0;
}

@media (max-width: 1024px) {
#worries {
    background-size: auto 110px;
    background-position: 95% 40px;
	padding: 100px 0 0;
}
}

@media (max-width: 768px) {
#worries {
    background-size: auto 90px;
    background-position: 95% 30px;
	padding: 100px 0 0;
}
}

@media (max-width: 640px) {
#worries {
    background-size: auto 90px;
    background-position: 90% 30px;
	padding: 40px 0 0;
}
}

@media (max-width: 480px) {
#worries {
    background-size: auto 80px;
    background-position: 99% 20px;
	padding: 40px 0 0;
}
}

/**---------worries_unit*/

#worries_unit {
	width: 74%;
	padding: 0;
	margin: 0 13% 0;
	display: inline;  /* IE6 fix */
	overflow:hidden;
}
@media (max-width: 1920px) {
#worries_unit {
	width: 80%;
	margin: 0 10% 0;
}
}
@media (max-width: 1536px) {
#worries_unit {
	width: 90%;
	margin: 0 5% 0;
}
}
@media (max-width: 1024px) {
#worries_unit {
	width: 100%;
	margin: 0 0% 0;
}
}

li#worries_head {
	width: 100%;
	font-size: 40px;
    font-weight: 300;
	text-align: center;
	letter-spacing: 0.2em;
	padding: 0;
	margin:0 0 40px;
}
li#worries_head br{
	display: none;
}
@media (max-width: 1024px) {
li#worries_head {
	font-size: 38px;
}
}
@media (max-width: 768px) {
li#worries_head {
	font-size: 34px;
	margin:0 0 30px;
}
}
@media (max-width: 640px) {
li#worries_head {
	font-size: 32px;
	line-height: 42px;
	text-align: left;
	letter-spacing: 0.1em;
	margin:0 0 20px;
}
li#worries_head br{
	display: block;
}
}

li#worries_textbegin {
	background-image: url("../images/bg_line01.png"),url("../images/bg_line01.png");
    background-size: 100% auto,100% auto;
    background-position: center top, center bottom;
    background-repeat: no-repeat;
	width: 100%;
	font-size: 21px;
	line-height: 37px;text-align: center;
	letter-spacing: 0.1em;
	padding: 30px 0 25px;
	margin:0 0 20px;
}
li#worries_text {
	background-image: url("../images/bg_line01.png");
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
	width: 100%;
	font-size: 21px;
	line-height: 37px;text-align: center;
	letter-spacing: 0.1em;
	padding: 0 0 25px;
	margin:0 0 20px;
}
li#worries_textbegin br{
	display: none;
}
li#worries_text br{
	display: none;
}

@media (max-width: 1366px) {
li#worries_textbegin br{
	display: block;
}
li#worries_text br{
	display: block;
}
}
@media (max-width: 1024px) {
li#worries_textbegin {
	font-size: 20px;
	line-height: 35px;
}
li#worries_textbegin {
    background-size: 150% auto;
	font-size: 19px;
	line-height: 33px;
	letter-spacing: 0em;
}
li#worries_text {
	font-size: 20px;
	line-height: 35px;
}
li#worries_text {
    background-size: 150% auto;
	font-size: 19px;
	line-height: 33px;
	letter-spacing: 0em;
}
}

@media (max-width: 640px) {
li#worries_textbegin {
    background-size: 180% auto;
	text-align: left;
	display: inline;
}
li#worries_text {
    background-size: 180% auto;
	text-align: left;
	display: inline;
}
li#worries_textbegin br{
	display: none;
}
li#worries_text br{
	display: none;
}
}

/* ------------------------------------------
  menu
--------------------------------------------- */

/**---------menu*/

#menu {
	background-color: #FFFFFF;
	background-image: url("../images/bg_menu.png");
    background-size: 160px auto;
    background-position: left center;
    background-repeat: no-repeat;
	width: 100%;
	float:left;
	padding: 80px 0 200px;
	margin: 0 auto 0;
	overflow:hidden;
	position:relative;
}

#menu h1{
	text-indent: -9999px;
	width:100%;
	margin: 0 auto 0;
}
@media (max-width: 1366px) {
#menu {
    background-size: 140px auto;
	padding: 60px 0 120px;
}
}
@media (max-width: 1024px) {
#menu {
    background-size: 120px auto;
	padding: 60px 0 120px;
}
}

@media (max-width: 768px) {
#menu {
    background-size: 100px auto;
	padding: 40px 0 100px;
}
}

@media (max-width: 640px) {
#menu {
    background-size: 80px auto;
	padding: 20px 0 100px;
}
}

@media (max-width: 480px) {
#menu {
    background-size: 80px auto;
    background-position: left 30%;
    padding: 20px 0 80px;
}
}

/**---------first_unit*/

#first_unit {
    padding: 0;
	margin: 0 auto 0;
	display: inline;  /* IE6 fix */
	overflow:hidden;
}

li#first_head {
	width: 100%;
	font-size: 40px;
    font-weight: 300;
	text-align: center;
	letter-spacing: 0.2em;
	padding: 0;
	margin:0 0 40px;
}
li#first_head br{
	display: none;
}
@media (max-width: 1024px) {
li#first_head {
	font-size: 38px;
}
}
@media (max-width: 768px) {
li#first_head {
	font-size: 34px;
	margin:0 0 30px;
}
}
@media (max-width: 640px) {
li#first_head {
	font-size: 32px;
	line-height: 42px;
	text-align: left;
	letter-spacing: 0.1em;
	margin:0 0 20px;
}
li#first_head br{
	display: block;
}
}

li#first_text {
	width: 100%;
	font-size: 20px;
	line-height: 35px;text-align: center;
	letter-spacing: 0.1em;
	padding: 0;
	margin:20px 0 0;
}

@media (max-width: 1024px) {
li#first_text {
	font-size: 19px;
	line-height: 33px;
}
}
@media (max-width: 768px) {
li#first_text {
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 0em;
}
}
@media (max-width: 640px) {
li#first_text {
	text-align: left;
	display: inline;
}
li#first_text br{
	display: none;
}
}

/**---------what_unit*/

#what_unit {
	width: 70%;
	background-color: #fe9771; 
	color: #FFFFFF;
	padding: 40px 0 30px;
	margin: 0 15% 0;
	display: inline;  /* IE6 fix */
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
@media (max-width: 1366px) {
#what_unit {
	width: 80%;
	margin: 0 10% 0;
}
}
@media (max-width: 768px) {
#what_unit {
	width: 90%;
	margin: 0 5% 0;
}
}

li#what_head {
	width: 90%;
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 0;
	margin:0 5% 20px;
}
li#what_head br{
	display: none;
}

@media (max-width: 640px) {
li#what_head {
	text-align: left;
}
li#what_head br{
	display: block;
}
}

li#what_text {
	width: 90%;
	font-size: 17px;
	line-height: 30px;text-align: left;
	letter-spacing: 0em;
	padding: 0;
	margin:0 5% 0;
}

/**---------menu_frame*/

#menu_frame {
	width: 70%;
	float:left;
	padding: 0;
	margin:0 15% 0;
	overflow:hidden;
	position:relative;
}
@media (max-width: 1366px) {
#menu_frame {
	width: 90%;
	margin:0 5% 0;
}
}
@media (max-width: 480px) {
#menu_frame {
	width: 94%;
	margin:0 3% 0;
}
}

/**---------menu_unit*/

#menu_unit {
	padding: 0;
	margin: 20px 0 0;
	display: inline;  /* IE6 fix */
	overflow:hidden;
}

li#menu_text {
	width: 95%;
	font-size: 17px;text-align: center;
	padding: 0;
	margin:0;
}

li#menu_image {
	width: 100%;
	text-align: center;
	margin:0;
}
li#menu_image img{
	width: 90%;
	height: auto;
	padding: 0;
	margin: 0;
	border-radius: 40px;		/* CSS3草案 */
	-webkit-border-radius: 40px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 40px;	/* Firefox用 */
}

@media (max-width: 414px) {
li#menu_image img{
    width: 268px;
}
}
@media (max-width: 320px) {
li#menu_image img{
    width: 90%;
}
}


/* ------------------------------------------
  slide
--------------------------------------------- */

/**---------slide*/

#slide {
	background-color: #FFFFFF;
	width: 100%;
	float:left;
	padding: 0;
	overflow:hidden;
	position:relative;
}

#slide h1{
	text-indent: -9999px;
	width:100%;
	height:0;
	margin: 0 auto 0;
}

/**---------slide_unit*/

#slide_unit {
	padding: 0;
	margin: 0 auto 0;
	display: inline;  /* IE6 fix */
	overflow:hidden;
}

#slide_unit ul{
	margin: 0 auto 0;
}

/**---------studio image slick slider*/

.slick {
	width: 100%;
	margin: 0 auto;
	position:absolute;
}

.slick-slide {
	margin: 0px 2px 0px;
}

.slick-slide img {
	width: auto;
	height:350px;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}

@media (max-width: 1024px) {
.slick-slide img {
	width: auto;
	height:300px;
}
}
@media (max-width: 640px) {
.slick-slide img {
	width: auto;
	height:280px;
}
}

/* ------------------------------------------
  info
--------------------------------------------- */

/**---------info*/

#info {
	background-color: #FFFFFF;
	background-image: url("../images/bg_info.png");
    background-size: 258px auto;
    background-position: left 20px;
    background-repeat: no-repeat;
	width: 100%;
	float:left;
	padding: 60px 0 0;
	margin: 0 auto 0;
	overflow:hidden;
	position:relative;
}

#info h1{
	text-indent: -9999px;
	width:100%;
	margin: 0 auto 0;
}
@media (max-width: 1366px) {
#info {
    background-size: 200px auto;
}
}
@media (max-width: 1024px) {
#info {
    background-size: 160px auto;
	padding: 40px 0 0;
}
}

@media (max-width: 768px) {
#info {
    background-size: 140px auto;
}
}

@media (max-width: 640px) {
#info {
	padding: 30px 0 0;
}
}

@media (max-width: 480px) {
#info {
    background-size: 100px auto;
}
}

/**---------info_frame*/

#info_frame {
	width: 70%;
	background-color: #b2a99f; 
	color: #FFFFFF;
	padding: 40px 0 30px;
	margin: 0 15% 0;
	float:left;
	overflow:hidden;
	position:relative;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
@media (max-width: 1366px) {
#info_frame {
	width: 80%;
	margin: 0 10% 0;
}
}
@media (max-width: 768px) {
#info_frame {
	width: 90%;
	margin: 0 5% 0;
}
}

/**---------info_unit*/

#info_unit {
	color: #FFFFFF;
	width: 90%;
	padding: 0 0 20px;
	margin: 10px 5% 10px;
	display: inline;  /* IE6 fix */
	overflow:hidden;
	border-bottom: 1px dotted #FFFFFF;
}
li#info_date {
	font-size:14px;text-align: right;
	margin: 2px 0 5px;
	float:left;
}
li#info_text {
	font-size:17px;
	line-height: 30px;
    text-align: left;
	margin: 0;
	float:right;
}
li#info_text a{
	color: #FFFFFF;
}
li#info_text a:hover{
	font-weight: 600;
}

@media (max-width: 640px) {
li#info_date {
    text-align: center;
	margin: 2px 0 5px;
}
li#info_text br{
    display: none;
}
}

/* ------------------------------------------
  profile
--------------------------------------------- */

/**---------profile*/

#profile {
	background-color: #FFFFFF;
	background-image: url("../images/bg_profile.png");
    background-size: 170px auto;
    background-position: 95% 5%;
    background-repeat: no-repeat;
	width: 100%;
	float:left;
	padding: 60px 0 60px;
	margin: 0 auto 0;
	overflow:hidden;
	position:relative;
}

#profile h1{
	text-indent: -9999px;
	width:100%;
	margin: 0 auto 0;
}
@media (max-width: 1366px) {
#profile {
    background-size: 120px auto;
}
}
@media (max-width: 1024px) {
#profile {
    background-size: 100px auto;
	padding: 40px 0 40px;
}
}

@media (max-width: 768px) {
#profile {
    background-size: 80px auto;
}
}

@media (max-width: 640px) {
#profile {
    background-position: 95% 40%;
	padding: 30px 0 30px;
}
}

@media (max-width: 480px) {
#profile {
    background-position: 95% 35%;
    background-size: 60px auto;
}
}

/**---------profile_frame*/

#profile_frame {
	width: 70%;
	padding: 0;
	margin: 0 15% 0;
	float:left;
	overflow:hidden;
	position:relative;
}
@media (max-width: 1366px) {
#profile_frame {
	width: 80%;
	margin: 0 10% 0;
}
}
@media (max-width: 768px) {
#profile_frame {
	width: 90%;
	margin: 0 5% 0;
}
}

/**---------profile_unit*/

#profile_unit {
	padding: 0;
	margin: 0 auto 0;
	display: inline;  /* IE6 fix */
	overflow:hidden;
}

li#profile_img {
	width: 100%;
	text-align: center;
	padding: 0;
	margin:0;
}
li#profile_img img{
	width: 95%;
	height: 420px;
	margin:0 5% 0 0;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}
@media (max-width: 640px) {
li#profile_img img{
	width: 60%;
	height: 400px;
}
}
@media (max-width: 480px) {
li#profile_img img{
	width: 70%;
	height: 300px;
}
}
@media (max-width: 320px) {
li#profile_img img{
	width: 100%;
}
}

li#profile_icon {
    width: 90%;
	text-align: left;
	padding: 0;
	margin:30px 20px 30px 10%;
}
li#profile_icon img{
	width: 30px;
	height: auto;
	margin:0 10px 0 0;
}
@media (max-width: 640px) {
li#profile_icon{
    width: 100%;
	text-align: center;
	padding: 0;
	margin:20px 0 10px;
}
li#profile_icon img{
	width: 30px;
	height: auto;
	margin:0 5px;
}
}

li#profile_head {
    width: 90%;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding: 0;
    margin: 0 0 0 10%;
    float: right;
    overflow: hidden;
}

@media (max-width: 640px) {
li#profile_head {
	width: 100%;
    text-align: center;
	margin:0;
}
}

li#profile_name_en {
	width: 90%;
	font-size: 37px;
    font-weight: 300;
	text-align: left;
	letter-spacing: 0.15em;
	padding: 0;
	margin:0 0 0 10%;
	float:right;
	overflow:hidden;
}
@media (max-width: 1024px) {
li#profile_name_en {
	font-size: 34px;
}
}
@media (max-width: 864px) {
li#profile_name_en {
	font-size: 32px;
	letter-spacing: 0.12em;
}
}
@media (max-width: 640px) {
li#profile_name_en {
	width: 100%;
    text-align: center;
	font-size: 26px;
	margin:0;
}
}
    
li#profile_name_jp {
	width: 90%;
	font-size: 16px;
	text-align: left;
	letter-spacing: 0.2em;
	padding: 0;
	margin:0 0 0 10%;
	float:right;
	overflow:hidden;
}
@media (max-width: 640px) {
li#profile_name_jp {
	width: 100%;
    text-align: center;
	margin:0;
}
}

li#profile_text {
	width: 90%;
	font-size: 17px;
	line-height: 28px
	text-align: left;
	padding: 0;
	margin:0 0 0 10%;
	float:right;
	overflow:hidden;
}

@media (max-width: 640px) {
li#profile_text {
	width: 100%;
	margin:5px 0 0 0;
}
}

/**---------profile_career*/

#profile_line{
	width: 100%;
	padding: 10px 0 10px;
	border-bottom: 1px solid #b2a99f;
	float:left;
}

li#profile_year {
	width: 20%;
	font-size: 14px;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 0;
	float: left;
}
li#profile_career {
	width: 80%;
	font-size: 17px;
	line-height: 26px;
	padding: 0;
	margin:0;
	float: left;
}
@media (max-width: 640px) {
li#profile_year {
	width: 100%;
}
li#profile_career {
	width: 100%;
}
}

/* ------------------------------------------
  salon
--------------------------------------------- */

/**---------salon*/

#salon {
	background-color: #FFFFFF;
	width: 100%;
	float:left;
	padding: 0 0 40px;
	overflow:hidden;
	position:relative;
}

#salon h1{
	text-indent: -9999px;
	width:100%;
	margin: 0 auto 0;
}

/**---------salon_unit*/

#salon_unit {
	width: 74%;
	padding: 0;
	margin: 0 13% 0;
	display: inline;  /* IE6 fix */
	overflow:hidden;
}
@media (max-width: 1920px) {
#salon_unit {
	width: 80%;
	margin: 0 10% 0;
}
}
@media (max-width: 1536px) {
#salon_unit {
	width: 90%;
	margin: 0 5% 0;
}
}
@media (max-width: 1024px) {
#salon_unit {
	width: 100%;
	margin: 0 0% 0;
}
}

div#salon_linebegin {
	background-image: url("../images/bg_line02.png"), url("../images/bg_line02.png");
    background-size: 100% auto, 100% auto;
    background-position: center top, center bottom;
    background-repeat: no-repeat;
	width: 100%;
	padding: 25px 0 20px;
	float:left;
}
div#salon_line {
	background-image: url("../images/bg_line02.png");
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
	width: 100%;
	padding: 20px 0 25px;
	float:left;
}
@media (max-width: 640px) {
li#salon_linetbegin {
    background-size: 180% auto;
}
li#salon_line {
    background-size: 180% auto;
}
}

li#salon_icon {
    width: 20%;
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: 50%;
	float:left;
}
li#salon_icon img{
	width: 40px;
    height: auto;
}

li#salon_info {
	width: 80%;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	text-align: left;
	padding: 0;
	margin:0;
	float:right;
}
li#salon_info br{
	display: none;
}

li#salon_contact {
	width: 80%;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700;
	text-align: left;
	padding: 0;
	margin:0;
	float:right;
}
li#salon_contact br{
	display: none;
}
li#salon_note {
	width: 80%;
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
	text-align: left;
	padding: 0;
	margin:0;
	float:right;
}

@media (max-width: 768px) {
li#salon_info br{
	display: block;
}
}
@media (max-width: 640px) {
li#salon_info {
	font-size: 19px;
}
}
@media (max-width: 480px) {
li#salon_icon {
    width: 100%;
	margin:0 0 5px;
}
li#salon_info {
    width: 100%;
    text-align: center;
}
li#salon_contact {
    width: 100%;
    text-align: center;
}
li#salon_note {
    width: 100%;
}
}
@media (max-width: 375px) {
li#salon_contact br{
	display: block;
}
}