@charset "UTF-8";

/* intro animation */
	#svg-animation .st0{
	}
            #svg-animation{
            }
			#introanimation{    
				width: 100%;
				position: relative;
    			top: 30%;
				}
			#introanimation-bg {
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0px;
				left: 0px;
				background-image:url(../images/introanimation_bg_sp.jpg);
				background-repeat: no-repeat;
				background-position: top center;
				background-size: cover;
				z-index: 9999;
			}
			#logo image {
				width: 100%;
				height: auto;
			}

#mainvisual {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
}
.slider {
	width: 100%;
	margin: 0px auto;
}
.slider li {
}
	.slick-current {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;

	}

	/* home */
	#home_container {
		width:100%;
	}
		#main {
			width: 100%;
			min-width: 100%;
			overflow: hidden;
		}
			#main_img {
				top: 0px;
				left: 0%; /* 画像の左端が画面中央にくる */
				margin-left: 0px; /* 画像幅2000pxの半分だけ左に移動する */
			}
			#main_img img{
				width: 100%;
				height: auto;
				}
		.mainvisual img{
			width:100%;
			height:auto;
		}
		.home_salonlist {
		}
			.salonlist_container {
			}
			h2.section_head{
				font-size:3.0rem;
			}
			.salonlist_container > div:nth-of-type(1){
				margin-right:40px;
			}
				.salonlist_one {
					width:90%;
					margin:30px 5% 20px;
					display:block;
				}
					.salonlist_logo {
						width:28%;
					}
					.salonlist_logo img{
						width: 100%;
					}
					.salonlist_name {
						width:63%;
						margin-left:5%;
					}
						.salonlist_name h3{
							font-size:1.8rem;
						}
						.salonlist_name p {
							font-size:1.2rem;
						}
						.salonlist_salonimg img{
							width:100%;
							margin-top:10px;
						}
						.salonlist_beauty {
							padding-bottom: 10px;
							padding-top: 10px;
							padding-left: 0px;
							text-align: center;
						}
							.salonlist_beauty p {
								font-size: 1.6rem;
								display: block;
								width: 100%;
								text-align: center;
							}
							.salonlist_beauty img {
								width: 32%;
								margin-left: 34%;
								margin-right: 34%;
								margin-top: 10px;
								display: block;
							}
						.salonlist_tel {
							text-align:center;
							margin-top:20px;
						}
							.salonlist_resevertion_btn {
								display:block;
								margin-top:20px;
								margin-right:0px;
								margin-left: 0px;
								text-align:center;
								width:100%;
							}
							.salonlist_resevertion_btn a{
								display:block;
								padding:14px 0px 14px 0px;
								width:100%;
							}
							.salonlist_snsicon{
								display:block;
								margin-top:20px;
								text-align:center;
							}
								.salonlist_snsicon ul li {
								}
									.salonlist_snsicon ul li a img{
									}
					.home_stylelist {
						margin-top:80px;
					}
									.stylelist_container {
										font-size:0px;
									}
									.stylelist_container ul  {
										margin-top:30px;
									}
									.stylelist_container ul li {
										width:50%;
										margin-bottom:0px;
									}
										.stylelist_container ul li img{
											width:100%;
											height:auto;
										}

										.stylelist_container {
										}

										
										.covid19_banner {
											width: 90%;
											margin: 0px 5% 30px;
										}
											.covid19_banner img{
												width: 100%;
												height: auto;
											}
	/* contents */
	#content_container {
		width:100%;
		margin:0px auto;
	}
	
		/* concept */
		.concept {
			width:90%;
			margin:80px 5% 0px;
		}
			.concept_message {
				width:100%;
				display:block;
			}
				.concept_message h2 {
					width:80%;
					text-align:left;
				}
				.concept_message h2 img {
					width:100%;
					height:auto;
				}
				.concept_message p {
				}
			.concept_img {
				width:100%;
				display:block;
				margin-top:20px;
			}
				.concept_img img{
					width:100%;
				}
			
		/* slon single */
			.salon_header h2 {
			}
			.salon_header p {
				font-size: 1.6rem;
			}
				.salon_img {
					width:100%;
					margin:50px auto 0px;
				}
				.salon_img img{
					width:100%;
				}
				.salon_message {
					width:90%;
					margin:50px 5% 0px;
				}
				.salon_message p{
    				font-size: 1.6rem;
				}
				.salon_info {
					width:100%;
					margin:80px auto 0px;
				}
					.saloninfo_tel {
					}
						.salon_info dl {
							margin:20px 5% 0px;
							width:90%;
						}
							.salon_info dt {
								width:30%;
								padding-left:5%;
								float:left;
								margin-top:10px;
								margin-left: 0px
							}
							.salon_info dd {
								width:60%;
								margin-left:5%;
								float:left;
								margin-top:10px;
							}
					.salon_naileye {
						margin-top: 0px;
						width: 90%;
						margin-left: 5%;
						margin-right: 5%;
					}
						.salon_naileye h3{
							width: 40%;
							margin-top: 30px;
							margin-left: 30%;
							margin-right: 30%;
						}
						.salon_naileye h3 img{
							width: 100%;
						}
						.salon_naileye_img{
							width: 100%;
						}
							.salon_naileye_img img{
								width: 100%;
							}
						.salon_naileye p{
						}
					.salon_gmap {
						width:100%;
					}
					.salon_gmap iframe{
						width:100%;
						height:280px;
					}
					.acf-map {
							width: 90%;
							height: 300px;
							margin: 20px 5%;
						}

					.salon_gmap_adress {
					}
						.saloninfo_reservationbtn {    
							display: block;
							margin-top: 20px;
							margin-right: 5%;
							margin-left: 5%;
							text-align: center;
							width: 90%;
						}
							.saloninfo_reservationbtn a {
								display: block;
								width:100%;
								padding: 14px 0px 14px 0px;
							}
				.salon_insta {
					width:100%;
					margin:80px auto 0px;
				}
				.salon_insta_content{
				}
			.salon_style {
				width:100%;
			}
			.salon_staff {
				width:100%;
			}
				.salon_staff_container {
					width:90%;
					margin:0px 5%;
				
				}
					.salon_staff_container div {
						margin-right:6%;
						margin-top:40px;
					}
						.salon_staff_container div:nth-child(2n) {
							margin-right:0px;
						}

						.salon_staffone{
							width:47%;
						}
							.salon_staffone img {
								width:100%;
								height:auto;
							}
								.salon_staffsection {
									font-size:1.2rem;
									margin-top:4px;
								}
								.salon_staffname {
									font-size:1.8rem;
									margin-top:4px;
								}
				.salon_sns {
					width:100%;
					margin:60px auto 0px;
					text-align:center;
				}
	/* salonlist */
	.salon_archive {
		width:90%;
		margin:0px 5% 50px;
	}
		.salon_archive_brand  {
		}
		.salon_archive_brand a {
			display:block;
			margin-top:10px;
		}
		.salon_archive_brand a:nth-of-type(odd) {
			margin-right:0px;
		}
			.salon_archive_one {
				width:100%;
				display:block;
			}			
				.salon_archive_salonimg {
					width:25vw;
					height:auto;
					display:inline-block;
					vertical-align:middle;
				}
					.salon_archive_salonimg img{
						width:100%;
						height: 25vw;
						
					}
					.salon_archive_info {
						width:55vw;
						display:inline-block;
						margin-left:5vw;
					}
						.salon_archive_name h4 {
							font-size:1.6rem;
							line-height:100%;
							margin-top:16px;
						}
						.salon_archive_name p {
							font-size:1.2rem;
							line-height:100%;
							margin-top:2px;
						}
						.salon_archive_tel {
							font-size:2.2rem;
							line-height:110%;
							margin-top:12px;
						}
						.salon_archive_adress {
							display:none;
						}
						
	/* recruit */					
	.recruit {
	}
		.recruit_homehader {
		}
		.recruit_homehader h2{
			width:90%;
			margin:0px 5%;
		}
			.recruit_homehader p{
				width:90%;
				margin:40px 5%;
			}
				.recruit_home_salonlogo {
					width:100%;
				}
					.recruit_home_salonlogo li{
						width:30%;
					}
			.recruit_sectionbanners {
			}
				.recruit_sectionbanners ul{
					font-size:0px;
				}
				.recruit_sectionbanners ul li{
					width:50%;
					margin-right:0px;
					line-height:0px;
					margin-bottom:0px;
					vertical-align:middle;
				}
				.recruit_sectionbanners ul li:last-child{
					margin-right:0px;
				}
				.recruit_sectionbanners ul li img{
					width:100%;
					height:auto;
				}
			.recruit_contentbanners {
			}
				.recruit_contentbanners ul{
					width:90%;
					margin:30px 5% 0px;
				}
				.recruit_contentbanners ul li{
					width:100%;
					display:block;
					margin-right:0px;
				}
				.recruit_contentbanners ul li:last-child{
					margin-right:0px;
				}
				.recruit_contentbanners ul li img{
					width:100%;
				}
	.recruit_contenthead {
		width:90%;
		margin:0px 5%;
	}
		.recruit_contenthead h2{
		}
		.recruit_contenthead p{
		}
		.recruit_sectioncontent {
			width:90%;
			margin:60px 5% 0px;
		}
			.recruit_sectioncontent h2{
			}
			.recruit_sectioncontent p{
			}
				.recruit_sectionimg {
					width:100%;
					height:auto;
					display:block;
				}
					.recruit_sectionimg img{
						width:100%;
					}
				.recruit_sectiontxt {
					display:block;
					margin-left:0px;
					width:100%;
				}
				.recruit_sectiontxt h3{
					text-align:justify;
					margin-top:-10px;
				}
				.recruit_sectiontxt p{
					font-size:1.6rem;
					line-height:200%;
					text-align:justify;
				}
	.recruit_requirment {
		width:90%;
		margin:60px 5%;
	}
		.recruit_requirment h3{
		}
			.recruit_requirment dl{
			}
				.recruit_requirment dl dt{
					display:block;
					padding-left:0px;
					width:100%;
					margin-bottom:10px;
					font-weight:bold;
					font-size:1.6rem;
				}
				.recruit_requirment dl dd{
					display:block;
					padding-left:0px;
					line-height:140%;
					width: 100%;
				}
	.recruit_compayinfo {
		width:90%;
		margin:60px 5%;
	}
		.recruit_compayinfo_message {
			width:100%;
		}
			.recruit_compayinfo_message_img {
				width:100%;
				display:block;
				vertical-align:top;
			}
			.recruit_compayinfo_message_img img{
				width:100%;
			}
			.recruit_compayinfo_message_txt {
				display:block;
				margin-left:0px;
				width:100%;
				vertical-align:top;
			}
				.recruit_compayinfo_message_txt h4{
					font-size:3.2rem;
				}
				.recruit_compayinfo_message_txt p{
					text-align:center;
				}
		.recruit_companyinfo_detail {
			margin-top:100px;
		}
		.recruit_compayinfo h3{
		}
			.recruit_compayinfo dl{
			}
				.recruit_compayinfo dl dt{
					display:block;
					padding-left:0px;
					width:100%;
					font-weight:bold;
					font-size:1.6rem;
				}
				.recruit_compayinfo dl dd{
					display:inline-block;
					padding-left:0px;
					width:100%;
				}
	.recruit_enrtyform {
		width:90%;
		margin:60px 5%;
	}
		.recruit_enrtyform h3{
		}
		.recruit_enrtyform p{
		}
		
	
		
					
	.privacy {
		width:90%;
		margin:40px 5% 0px;
	}
		.privacy h2{
		}
		.privacy p{
			margin-left:10%;
			margin-right:10%;
		}


/* contact */
.contact {
	width: 90%;
	margin: 40px 5%;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
		.contactform_form {
			width:100%;
			margin:0px auto;
		}
		.contactform_form table {
			width:100%;
		}
		.contactform_form table tr{
		}
		.contactform_form table th{
			height:auto;
			width:100%;
			display:block;
			text-align:left;
			padding-left:0px;
			padding-top:10px;
			font-size:1.6rem;
			padding-top:20px;
			vertical-align:middle;
			padding-bottom:0px;
			
		}
		.contactform_form table tr td{
			height:auto;
			width:100%;
			display:block;
			padding-top:20px;
			font-size: 2.0rem;
			vertical-align: middle;
			padding-bottom:20px;
			padding-right:0px;
		}
		.contactform_form p {
			font-size: 2.0rem;
			margin-top: 30px;
		}
		.contactform_form table tr {
			border-bottom: 1px solid #ccc;
			padding-bottom:10px;
		}
			.formTable input {
				outline: none;
				border: 1px solid #aaa;
				-webkit-transition: all .3s;
				transition: all .3s;
				width:100%;
				height: 50px;
				font-size:1.8rem;
				border-radius:3px;
			}
			.formTable textarea {
				outline: none;
				border: 1px solid #aaa;
				-webkit-transition: all .3s;
				transition: all .3s;
				width:100%;
				font-size:1.8rem;
				border-radius:3px;
			}
			.formTable select {
				width:100%;
				}
			input[type="text"]:focus,
			textarea:focus {
			  box-shadow: 0 0 7px #000000;
			  border: 1px solid #000000;
			}
			.form_zipcode input {
				width:80%;
			}
		.submit_button {
			background-color:#000000;
			border:none;
			color:#FFF;
			width:100%!important;
			font-size:2.8rem;
			padding:10px;
			margin-bottom:10px;
			cursor:pointer;
			-webkit-appearance: none;
			margin-top:10px;
		}
		#conmfirm_sbumit_btn {
			background-color:#000000;
			border:none;
			color:#FFF;
			width:200px;
			font-size:2.4rem;
			border-radius:9px;
			padding:10px;
			margin-bottom:10px;
			cursor:pointer;
			-webkit-appearance: none;
			margin-top:40px;
		}
		#conmfirm_back_btn {
			background-color:#000000;
			border:none;
			color:#FFF;
			width:200px;
			font-size:2.4rem;
			border-radius:9px;
			padding:10px;
			margin-bottom:10px;
			cursor:pointer;
			-webkit-appearance: none;
			margin-top:40px;
		}
		.contactform_form_thanks {
			margin-top:50px;
			margin-bottom:50px;
			text-align:center;
			font-size:2.0rem;
			line-height:180%;
		}
			.contactcomfirm table th{
				border-bottom: none;
			}
			.contactcomfirm table td{
				border-bottom: none;
			}
		/* date@icker */
		.appendDatepicker {
			width: 90%;
		}
		#ui-datepicker-div {
			width: 90%;
			left: 5%!important;
		}
		.ui-widget.ui-widget-content {
			width: 90%;
			font-size: 1.8rem;
		}
		input.form-control{
		  box-sizing: border-box;
		  width: 100%;
		  font-size: 16px;
		}
		
/* sp content */
.content_mainvisual {
	width: 100%;
	margin: 0px auto;
}
.content_mainvisual img{
	width: 100%;
	height: auto;
	}
	.spcontent {
		width: 90%;
		margin: 10px 5% 0px;
	}
		.spcontent h2{
			}
		.spcontent p{
			}
				.sp_scienceaqua_img{
					width: 100%;
				}
				.sp_scienceaqua_img img{
					width: 100%;
					height: auto;
					}
				.spcontent h3{
					}
			.salon_spbanner {
				width: 90%;
				margin: 40px 5%;
			}
			.salon_spbanner img{
				width: 100%;
				}
				
		.eyelashacademy p {
			width: 90%;
			margin: 20px auto;
			
		}
		h3.eyelashacademy_contact {
			width: 100%;
		}
		.eyelashacademy_content {
			width: 90%;
			margin: 0px auto;
		}
			.eyelashacademy_content_one {
				margin-top: 40px;
				}
			.eyelashacademy_content_one img {
				width: 100%;				
				}
		
		
/* footer */
footer {
}
	.footer_inner {
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
		
	.footer_salonlist {
	}
		.footer_salonlist h2 {
		}
		.footer_salonlist_brand h3 {
			font-size:1.8rem;
		}
		.footer_salonlist_brand  {
		}
		.footer_salonlist_brand a {
			width: 100%;
		}
		.footer_salonlist_brand a:nth-of-type(odd) {
			margin-right:0px;
		}
			.footer_salonlist_one {
				width:100%;
				display:block;
			}
				.footer_salonlist_salonimg {
					width: 25vw;
					height:auto;
					display:inline-block;
					vertical-align:middle;
				}
					.footer_salonlist_salonimg img{
						width:100%;
						height: 25vw;
					}

					.footer_salonlist_info {
						width:55vw;
						display:inline-block;
						margin-left:5vw;
					}
						.footer_salonlist_name h4 {
							font-size:1.6rem;
							line-height:100%;
							margin-top:16px;
						}
						.footer_salonlist_name p {
							font-size:1.2rem;
							line-height:100%;
							margin-top:2px;
						}
						.footer_salonlist_tel {
							font-size:2.0rem;
							line-height:110%;
							margin-top:12px;
						}
						.footer_salonlist_adress {
							display:none;
						}
						.footer_links {
						}
							.footer_links ul li {
								float: left;
								width: 40%;
								margin-bottom: 10px;
							}
							.footer_links ul li:before {
								content: "";
								background-image: url(../images/arr.svg);
								background-repeat: no-repeat;
								background-position: center left;
								padding-left: 12px;
								background-size: 12px 12px;
							}
								.footer_links ul li a{
									color: #FFF;
								}
					.footer_copyright{
					}


@media (min-width: 750px) {
		.footer_salonlist_brand a {
			width: 49%;
			margin-right: 0%
		}
		.footer_salonlist_brand a:nth-of-type(odd) {
			margin-right: 2%;
		}
			.footer_salonlist_one {
				width:100%;
				display:block;
			}
}