@charset "utf-8";
/* CSS Document */
@import url('https://cf1874.claudeassets.com/20240612141339cs_/https://fonts.googleapis.com/css2?family=Coda+Caption:wght@800&family=Play:wght@400;700&display=swap');
/*------------------------

背景

------------------------*/
*{
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%; 
	overflow: -moz-scrollbars-vertical;
}
br.block{
	display:block!important;
}
body {
	background-color: #fff;
	word-wrap: break-word;
	font-family: 'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif!important;
    font-size: 1.4rem;
	color:#000;
    font-weight: 400;
    line-height: 1.61;
    letter-spacing: .1em;
}

.circle ul li span.el-01{
	margin-left:1.5em!important;
}
.circle ul li span.el-02{
	margin-left:1em!important;
}
.recruit-content table td span.dsn-sp{
	display:none!important;
}
/* 游ゴシック ------------------------*/
/*body {
    font-family: YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
*/

/* Noto Sans Japanese(源ノ角ゴシック) ------------------------*/
/*3行目に設置→　@import url('https://8bd4fc.claudeassets.com/20240612141339cs_/http://fonts.googleapis.com/earlyaccess/notosansjapanese.css');*/
/*body {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}*/

/* ヒラギノ明朝 ------------------------*/
.mincho {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
}

/* メイリオ ------------------------*/
/*body {
    font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Lucida Sans Unicode', 'ＭＳ Ｐゴシック', Arial, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
} */


@media only screen and (max-width: 767px) {
.recruit-content table td span.dsn-sp{
		display:block!important;
	}
body {
	font-size: 1.6rem;
}
}
body{
	position: relative;
}
.wrap {
	width: 94%;
	max-width: 1200px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}
.wrapper {
	width: 80%;
	max-width: 1200px;
	height: auto;
	min-height: 100%;
	margin: auto;
	padding: 0;
}
ul{
	display:block;
	list-style:none;
	margin:0;
	}
.sp-only{
		display: none;
	}
	
/*------------------------

ヘッダー

------------------------*/

header{
}
header.group h2{
	font-size:12px;
	font-weight: 600;
	text-align: right;
	margin: 10px 0;
}
.float-left h1{
	margin-top: 15px;
}
.g-nav{
	width: 94%;
	float:right!important;
	justify-content:space-between;
}
nav ul li a{
	text-decoration: none;
	font-family: 'Coda Caption', sans-serif;
	font-weight:400;
	font-size: 12px;
	color: #000;
}
.sub-menu{
	text-align: right;
	margin-bottom: 30px;
}
.sub-menu img{
	margin-left:10px;
}
.globalMenuSp{
	display: none;
}
@media only screen and (max-width: 1260px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 767px) {

	.wrapper{
		text-align:left!important;
	}
header.group h2{
	font-size: 12px;
	text-align: center;
	}
.float-left{
	clear: both;
}
.float-right{
	display: none;
	}
.g-nav{
	display: none;
	}	
.globalMenuSp{
	display:block;
}
	.sub-menu{
		display: none;
	}
/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 10000;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition     : all 0.3s ease-in-out;
  transition        : all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay     : 0.6s;
  transition-delay        : 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
}
.hamburger.active span:nth-child(2){
  width: 0px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1){
  -webkit-transform: translateY(4px);
  -ms-transform    : translateY(4px);
  -o-transform     : translateY(4px);
  transform        : translateY(4px);
}

.hamburger.active span:nth-child(3){
  -webkit-transform: translateY(-16px) rotate(90deg);
  -ms-transform: translateY(-16px) rotate(90deg);
  -o-transform : translateY(-16px) rotate(90deg);
  transform    : translateY(-16px) rotate(90deg);
}


nav.globalMenuSp {
  position: fixed;
  z-index : 9999;
  top  : 0;
  left : 0;
  color: #000;
  text-align: center;
  transform: translateX(100%);
  transition: all .9s;
  width: 100%;
}

nav.globalMenuSp ul {
  background: #ccc;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #fff;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  padding: 1em 0;
  text-decoration :none;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}
nav.globalMenuSp ul li	ul li.res-icon{
		width:100px!important;
		margin-right:30px;
	}
}


/*------------------------

メイン

------------------------*/
.main{
	position: absolute!important;
    top: 2.8%!important;
    z-index: -10!important;
}
.main::after{
	position: static;
}
.slider{
	width: 100%;
	position: relative;
}
.slider img{
	width: 100%;
}
.main-slider{
	padding-top: 52%;
}
.main-slider .slick-dots{
	display: none!important;
}



/*------------------------

TOP-中面

------------------------*/
main{
	
}

/*--追加分--*/

.flex-end{
	justify-content: flex-end;
}
/*--梅田店用▽--*/
.mr85{
	margin-right: 105px;
}
/*--梅田店用△end--*/
/*.mr85{
	margin-right:55px;
}*/
.m05{
	margin: .5em 0;
}
nav.globalMenuSp ul li ul li{
	border-bottom: none;
}
.event_content{
	position: relative;
}
.event_content .event-text{
	position: absolute;
	top:13%;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
}
.event_content .event-text h2,
.event_content .event-text h3{
	color: #fff;
	text-align: center;
	margin-bottom: 1.5rem;
}
.event_content .event-text h2{
	font-size: 32px;
}
.event_content .event-text h3{
	line-height: 1.5;
	font-weight: bold;
	font-size: 16px;
}
.event_content .event-text p{
	padding-bottom: 2rem;
	line-height: 1.7;
	width: 85%;
	margin: 0 auto;
	font-size:14px;
}
.event_content .event-text a{
	text-align: center;
	display: block;
}
.event_content img.best{
	width: 100%;
}
.salon-vr{
	margin-bottom: 5rem
}
.salon-vr h2{
	font-family: 'Coda Caption', sans-serif;
	border-bottom: 7px solid #000;
	line-height: 1.5;
	text-indent: 1em;
	width: 50%;
	margin-bottom: 3rem;
}
.vr{
  position: relative;
  width: 50%;
  padding-top: 28.25%;
	margin: 0 auto;
}
.vr iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.ss{
	display: none!important;
}
.recruit-icatch .ss{
	display:none!important;
}

@media only screen and (max-width: 330px) {
	.event_content img.best{
		display: none;
	}
	.ss{
		display: block!important;
		width: 100%!important;
	}
	.recruit-icatch .sp{
		display:none!important;
	}
	.recruit-icatch .ss{
		display:block!important;
	}
	.recruit-info h2{
		font-size:18px!important;
	}
}

@media only screen and (max-width: 767px) {
	.event_content .event-text{
		position: absolute;
		top:8%;
	}
	.event_content .event-text h2{
	font-size: 24px;
}
	.event_content .event-text p{
		width: 94%;
		font-size: 14px;
		padding-bottom: 1rem;
		line-height: 1.8;
	}
	.event_content .event-text h2,
	.event_content .event-text h3{
	margin-bottom: 1rem;
}
	/*-----*/
#bottom_bnr {
  z-index: 9001;
  position: fixed;
  bottom: 0;
  width: 100%
}

#bottom_bnr label {
	display: block;
 	z-index: 9002;
	position: fixed;
 	bottom: 24px;
	right: 1%;
	width:30%;
	height: 25px;
	background: rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
	text-align: center;
	cursor: pointer;
	transition: .3s;
	color: #fff;
	line-height: 2;
	font-size: 12px;
	font-weight: bold;
}

#bottom_bnr label:hover {
  background: rgba(0, 0, 0, .8);
  transition: 0s;
}


#bottom_bnr label::after,
#bottom_bnr label::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 24px;
  margin-top: -12px;
  margin-left: -1px;
  content: '';
  transition: .5s;
}

#bottom_bnr label::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#bottom_bnr div {
  background: rgba(0, 0, 0, .1);
}

#bottom_bnr div a {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#bottom_bnr div a img {
  vertical-align: bottom;
	margin-left:5px!important;
}

#toggle {
  display: none
}

#toggle:not(:checked)~div {
	-webkit-transform: translateY(150px);
	transform: translateY(150px);
	transition: .5s;
}

#toggle:checked~div {
  transition: .5s;
}
.recruit-content table tr td br{
	display: block!important;
	}
	
.vr{
  position: relative;
  width: 90%;
  padding-top:48.5%;
	margin: 0 auto;
}
	.salon-vr h2{
		width: 70%!important;
	}
	.salon-vr ul{
		font-size: 14px;
	}
}

/*--追加分end--*/

/*------------info---------------*/
.info{
	background-color: #EEEEEF;
	padding: 3rem 0;
	margin-bottom: 10rem;
	width: 100%;
}
.info h3{
	font-weight: bold;
	background-color: #000;
	color: #fff;
	display: inline;
	padding: 10px;
	margin-bottom: 3rem;
}
.info ul{
	margin-top: 2rem;
}
.info .day{
	width:150px;
}
.day{
	width: 12%;
}
.info-title{
	width: 88%;
}
/*------------about------------*/
.about{	
	margin-bottom: 10rem;
}
.about h2{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3rem;
}
.about h3{
	font-size: 30px;
	font-weight:700;
	text-align: center;
}
.about-content01{
	position: relative;
}
.about-content01 h3{
	position: absolute;
	top: 20%;
	left: 20%;
	right: 20%;
}
.about-content01 .left,
.about-content01 .right,
.about-content02 .left,
.about-content02 .right{
	width: 50%;
	color: #fff;
	font-size: 18px;
}

.about-content01 .left{
	background-color: #000;
	line-height: 1.6;
	padding:10rem 50px 0 50px;
}
.about-content02 .left{
	background-color:#B4B4B5;
	line-height: 1.6;
	padding:5rem 50px 0 50px;
}
.about-content02 .row{
	display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.about-content02 h3,
.about-content03 h3{
	text-align: left!important;
	margin-bottom: 3rem;
}
.about-content03 .left,
.about-content03 .right{
	width: 50%;
	font-size: 18px;
}
.about-content03 .left{
	background-color:#EEEEEF;
	line-height: 1.6;
	padding:5rem 50px 0 50px;
	
}

/*------------SALON---------------*/
.salon{
	margin-bottom: 10rem;
}
.salon h2{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3rem;
}
.salon img{
	width:100%;
}
.shops{
	position: relative;
	font-family: 'Coda Caption', sans-serif;

}
.shinsaibashi{
	position: absolute;
	top:5%;
	padding-left: 2%;
	color: #fff;
	border-bottom: 7px solid #000;
	display: block;
	line-height: 2;
	width: 55%;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.umeda{
	position: absolute;
	bottom: 5%;
	right: 0;
	padding-right: 2%;
	padding-left: 2%;
	line-height: 2;
	color: #fff;
	border-bottom: 7px solid #000;
	display: block;
	width: 55%;
	text-align: right;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.shop-info{
	background-color: #EEEEEF;
	padding: 3rem 0;
}
.shop-info table{
	width: 70%;
	margin: 0 auto;
	line-height: 2;
	font-size: 18px;
}
/*------------goods-------------*/
.goods h2{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
.goods article{
	text-align: center;
	display: block;
	border-bottom: 1px dotted #000;
	width: 80%;
	margin: 0 auto;
	padding:5rem 0;
}
.goods .wrap article:last-child{
	border-bottom:none!important;
}
.bbn{
	border-bottom:none;
}
.goods img{
	width: 60%;
}
img.btn-size{
	width:40%!important;
}
.goods h3{
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 4rem;
	line-height: 2;
}
.goods p{
	line-height: 1.5;
	margin-bottom: 1rem
}
.f12{
	font-size: 12px;
	text-align: left;
	width: 42%;
	margin: 0 auto;
}

@media only screen and (max-width: 1260px) {
}

@media only screen and (max-width: 1023px) {
	.event_content .event-text p{
	line-height: 1.5;
	width: 85%;
}
}

@media only screen and (max-width: 767px) {
	.sp-only{
		display: block;
	}
	.main{
	position:static!important;
    top: 0%!important;
    z-index: -10!important;
}
	.main-slider{
	padding-top: 0%;
}
	.info{
		margin-bottom: 3rem!important;
	}
	.info ul li.flex{
		display: block;
	}
	

.info .day{
		width: 100%;
	display: block!important;
	}
	.day,
	.info-title{
	width: 100%;
	display: block!important;
}
	/*--------------salon-----------------*/
	.about {
		margin-bottom: 3rem!important;
	}
	.about p{
		font-size:14px!important;
	}

	.about-content01 .left,
	.about-content01 .right,
	.about-content02 .left,
	.about-content02 .right,
	.about-content03 .left,
	.about-content03 .right{
		width: 100%!important;
	}
	.about-content01 h3.mincho{
		color: #fff;
	}
	.about-content01 h3{
	position: absolute;
	top: 15%!important;
	left: 5%!important;
	right: 5%!important;
	font-size: 22px!important;
		line-height: 1.5;
}
	.about-content01 .left{
	padding:7rem 20px 30px 20px!important;
	font-size: 16px!important;
}
	.about-content02 .left{
	padding:1rem 20px 30px 20px!important;
	font-size: 16px!important;
}
	.about-content02 .right img{
	width: 100%!important;
}
	
	.about-content02 .row{
		display:block!important;
		
	}
	.about-content02 h3{
	margin-bottom: 1rem!important;
	font-size: 22px!important;
	}
	.about-content03 .left{
	padding:1rem 20px 30px 20px!important;
	font-size: 16px!important;	
	}
	.about-content03 h3{
	font-size: 22px!important;
	margin-bottom: 1rem!important;
	}
	/*---------salon----------*/
	.salon{
		margin-bottom: 3rem!important;
	}
	.shinsaibashi,
	.umeda{
		line-height: 1.5;
		border-bottom: 3px solid #000!important;
		font-size: 14px;
	}
	.shop-info table{
		width: 94%!important;
		font-size: 14px!important;
		
	}
	.sp-mb01{
		margin-bottom:1rem;
	}
	.goods img{
		width: 100%!important;
	}
	.goods h3{
		font-size: 20px!important;
		margin-bottom: 2rem!important;
	}
	.f12{
		width: 100%!important;
	}
	
	.max-w40{
		width: 100%!important;
		max-width: 100%;
	}
	.max-w30{
		width: 100%!important;
		max-width: 100%;
	}
	.goods article{
		padding: 2rem!important;
	}
}

/*---------------------------------

staff

------------------------------------*/
.shop-i-catch{
	margin-bottom: 4rem;
	margin-top: 2rem;
}
.shop-i-catch h2{
	font-family: 'Coda Caption', sans-serif;
	line-height: 1.5;
	text-indent: 1em;
	border-bottom: 7px solid #000;
}
.shop-i-catch img{
	width: 100%;
}
.staff{
	display: inline-block;
	margin-left: 6%;
	margin-bottom: 5rem;
	width:25%;
}
.staff ul li{
	margin-top: .7rem;
	text-align: center;
}
.w80{
	margin: 0 auto;
}
.instagram img{
	width: 70%;
	margin: .5rem 0;
}
.name{
	font-size: 20px;
	font-weight: 500;
}
.assistant,
.ceo{
	margin-bottom: 10rem;
}
.assistant-catch{
	margin-bottom: 4rem;
}
.assistant-catch h2{
	font-family: 'Coda Caption', sans-serif;
	line-height: 1.5;
	text-indent: 1em;
	border-bottom: 7px solid #000;
}
.ceo-profile ul li{
	margin-top: .7rem;
	text-align: center;	
}
.greeting{
	font-size: 14px;
	line-height: 1.5;
	margin-top: 28%;
}

@media only screen and (max-width: 1260px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 767px) {
	.staff{
		width: 100%;
		max-width: 100%;
		margin-left: 0!important;
	}
	.assistant,
	.ceo{
		margin-bottom: 3rem!important;
}
	.greeting{
		margin-top: 3rem!important;
		font-size:15px;
	}
	
	

}
/*---------------------------------

staff

------------------------------------*/
.i-catch{
	margin-bottom: 4rem;
	margin-top: 2rem;
}
.i-catch h2{
	font-family: 'Coda Caption', sans-serif;
	line-height: 1.5;
	text-indent: 1em;
}
.i-catch img{
	width: 100%;
}
/*---------------------------------

price

------------------------------------*/
#PRICE-LIST{
	border-bottom: 7px solid #000;
	width: 53.8%;
}
.sub-list{
	font-size: 11px;
	font-weight: bold;
}
.price-content{
	margin-bottom: 7rem;
}
.price-left{
	width: 48%;
	margin-right: 2%;
}
.price-right{
	width: 48%;
}
.plice-menu{
	margin-top:2rem;
}
.plice-menu-top h3,
.plice-menu h3{
	font-family: 'Coda Caption', sans-serif;
	color: #fff;
	background-color: #000;
	width: 185px;
	padding:.5em 0 .5em .6em;
	margin-bottom: 1rem;
}
.plice-menu-top ul,
.plice-menu ul{
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
}
.plice-menu-top ul li ul,
.plice-menu ul li ul{
	margin-left: 0;
	font-size: 11px;
	color: #888888;
	line-height: 1.7;
}
.plice-menu-top .flex,
.plice-menu .flex{
	margin-bottom: .2rem;
}


.line {
    background: radial-gradient(#000 10%, transparent 30%) center/ 5px 5px;
    background: -ms-radial-gradient(#000 10%, transparent 30%) center/ 5px 5px;
    content: '';
    display: flex;
    flex: 1 1 auto;
    height: 7px;
    margin: 7px 10px;
}
hr {
    padding:0.5;
    border: 0;
    outline: 0;
}
.plice {
    text-align: right;
}

.cut-menu,
.plice{
	font-weight: bold;
	line-height:1.5;
}
.sub-cut{
	font-size: 10px;
	float: right;
}
.sub-cut::after{
	clear: both!important;
}

.circle{
	background-color: #9E9E9F;
	width: 290px;
	height: 290px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	color: #fff;
	padding-top: 17%;
	font-size: 12px;
	font-weight: bold;
	margin: 15% auto;
	line-height: 1.5;
	padding-left: 5%;
}
.circle h4{
	color: #fff;
	margin-bottom: 1rem;
	margin-left:3rem!important;
}

.circle-center{
	margin: 0 auto;
	width: 100%;
}
.circle-center ul{
	margin-left: 8%;
}


@media only screen and (max-width: 1260px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 767px) {
	sup.sub-list{
		display:block;
		margin-top:1rem;
	}
.price-left{
	width: 100%!important;
	max-width: 100%!important;
	display: block;
}
.price-right{
	width: 100%!important;
	max-width: 100%!important;
	display: block;
	margin-top:2rem;
}
.price-content .flex{
	display: block;	
	}
.plice-menu-top .flex,
.plice-menu .flex{
	display: flex!important;
	margin-bottom: .5rem;
	}
	.plice-menu-top ul li ul, .plice-menu ul li ul {
		line-height:1.5;
	}
	.sub-cut{
		line-height:1.5;
	}

	.circle{
		padding-top: 30%;
		padding-left:5.5%;
	}
}


/*------------------------------------

salon

-------------------------------------*/
.salon-shinsaibash h2,
.salon-umeda h2{
	font-family: 'Coda Caption', sans-serif;
	text-indent: .5em;
	border-bottom: 7px solid #000;
	width: 50%;
	margin:2rem 0 3rem;
}
.salon-slider{
	margin: 0 auto;
	text-align: center;
}
.salon-slider img{
	width: 50%;
	margin: 0 auto;
}
.salon-slider .slick-dots {
    display:block!important;
}
.salon-info{
	font-size: 14px
}
.shop-name{
	font-weight: bold;
	margin-bottom: 1em;
}
.shop-name img{
	margin-right: .5em
}
.salon-info ul li{
	margin-bottom: 1em;
	line-height:1.5;
}
.salon-info{
	margin-bottom: 10rem;
}
.salon-shinsaibash a,
.salon-umeda a{
	margin-top: 2rem;
}

@media only screen and (max-width: 1260px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 767px) {
	.salon-shinsaibash h2,
	.salon-umeda h2{
		width: 70%!important;
	}
	.salon-slider img{
	width: 80%!important;
}
	.salon-info ul li table{
	width:100%!important;	
}
	.salon-info ul li table td.w10{
		width:100%!important;
	}
}
/*------------------------

recruit

------------------------*/
.recruit-icatch{
	position: relative;
	width: 100%;
	margin-top:2rem;
}
.recruit-info{
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 55%;
	background-color:rgba(0,0,0,0.50);
	padding: 2rem 0;
	color: #fff;
	text-align: center;
}

.recruit-icatch img{
	width: 100%;
}

.recruit-info h2,
.recruit-info h3{
	color: #fff;
	width: 100%;
}
.recruit-info h2{
	font-size: 36.5px;
	border-bottom: 5px solid;
	line-height: 1.5;
	text-align:center;
	font-weight: bold;
	z-index: 11;
}
.recruit-info h3{
	font-size: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	display: block;
	line-height: 1.5;
	text-align:center; 
	margin: 1rem auto;
}

.recruit-info p,
.recruit-info ul{
	display: inline-block;
	font-size: 14px!important;
	text-align: left;
	line-height:1.5;
}

.recruit-info p{
	line-height: 1.5;
	margin: 1rem auto;
	padding:0 1rem;
	width: 90%;
}
.recruit-info ul{
	width: 87%;
	text-align: left;
}
.youtube{
	width: 70%;
	margin: 0 auto;
}
.youtube h2{
	font-family: 'Coda Caption', sans-serif;
	text-align: center;
	margin: 5rem 0 3rem;

}
.youtube p{
	margin-bottom: 5rem;
}
.movie {
  position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
	width: 100%;
}
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	padding-bottom: 1rem;

}
.recruit p.text-center{
	line-height: 1.5;
}

.recruit-title{
	background-color: #EEEEEF;
	text-align: center;
	line-height: 2;
	padding: 1rem 0;
	margin: 4rem 0 2rem;
}
.recruit-title h2{
	font-family: 'Coda Caption', sans-serif;
}
.recruit-title h3{
	font-weight: bold;
}
.recruit-content table{
	margin: 0 auto;
	width: 80%;
}
.recruit-content table tr{
	padding-bottom: 2rem!important;
	margin-bottom: 2rem!important;
}
.recruit-content table th{
	vertical-align: top;
	font-weight: bold;
	width: 25%;
}
.recruit-content table td{
	padding-bottom: 2rem;
	line-height: 1.5;
}
.fas .fa-angle-double-down{
	color: #000!important;
	display: block;
}
i{
	display: block!important;
	text-align: center;
}

.line_at{
	margin: 2rem 0;
}
.cent{
	margin: 0 auto;
	display: block;
}

@media only screen and (max-width: 1260px) {

}

@media only screen and (max-width: 1023px) {
	.recruit-info{
		width: 75%;
	}
}

@media only screen and (max-width: 767px) {
	.movie{
		padding-bottom:60%;
	}
	.recruit-icatch{
		position: relative;
	}
	.recruit-info{
		background: none;
		width: 100%;
	}
	.recruit-info h2{
		font-size: 20px;
		top:17%;
	}
	.recruit-info h3{
		font-size: 16px;
		margin-bottom:0;
	}
	.recruit-info ul{
		margin-left: 5%;
	}
	.recruit-form table,
	.recruit-form table tbody,
	.recruit-form table tr,
	.recruit-form table th,
	.recruit-form table td{
		width: 100%!important;
		max-width: 100%;
		display: block!important;
	}
	.form{
		width: 100%!important;
		display: block!important;
	}
	.form tr{
		width: 100%;
		max-width: 100%;
		display: block;
	}
	table.form th,
	table.form td{
		width: 100%!important;
		max-width: 100%;
		display: block!important;
	}
	.recruit-form table.form th{
		border-right:none!important; 
	}
	.recruit-form table.form th{
		text-align-last:left;
	}
	.recruit-content table th{
	vertical-align: top;
	font-weight: bold;
	width: 100%;
	line-height: 1.5;
}
	.youtube{
		width:90%!important;
	}
}
/*------------------------

フッター

------------------------*/
footer{
	border-top: 1px dotted #000!important;
}
.footer-nav{
	font-family: 'Coda Caption', sans-serif;
	font-size: 12px;
}
.footer-nav ul{
	justify-content: space-around
}
.footer-nav li{
	line-height: 1.5;
}
.footer-nav a{
	text-decoration: none;
	color: #000;
}
.sub-nav{
	margin-left: 0;
	letter-spacing: normal;
	font-size: 10px;
}
.sub-nav a{
	color: #9E9E9F;
	font-weight: 400!important;
}
.sns{
	display: flex;
	justify-content: flex-end;
	margin-right: 5%;
	margin-top: 16%;
}
.sns li{
	margin-right: 5px;
	
}
address{
	color:#fff;
	background-color: #000;
	padding: 5px 0!important;
	text-align: center;
	margin-top: 1rem!important;
	font-size: 12px!important;
}
.copy{
	
}

@media only screen and (max-width: 1260px) {
}

@media only screen and (max-width: 1023px) {
}

@media only screen and (max-width: 767px) {
	footer{
		width: 100%;
		max-width: 100%;
	}
	footer .float-left,
	footer .float-right{
		float: none;
	}
	footer .float-left img{
		width: 70%;
	}
	footer .float-right{
		display: block;
		margin: 0 auto;
		width: 94%;
		font-size: 6px!important;
	}
	.pc-only{
		display: none;
	}
	.sns{
		margin: 3rem auto;
	}
}


/*------------------------

ページトップへ戻る

------------------------*/

#page-top {
	position: fixed;
	z-index: 99999;
	right: 20px;
	bottom: 20px;
}

#page-top a {
	width: 40px;
	height: 40px;
	padding: 9px 0 0;
	display: block;
	cursor: pointer;
	color: #000;
	font-size: 1.3rem;
	text-align: center;
}

#page-top a:hover {
	background: #ccc;
	text-decoration: none;
}

@media screen and (max-width:980px) {

#page-top {
	right: 10px;
	bottom: 10px;
}
}

/*------------------------

下へ

------------------------*/


/* アニメーション設定 */
.arrowWrap {
	margin-top:-7%;
	margin-bottom: 7%;
}

.arrow1 {
  width: 15px;
  margin: 0 auto;
  -webkit-animation: arrow1 2s linear 0s infinite normal;
  animation: arrow1 2s linear 0s infinite normal;
}

.arrow2 {
  width: 15px;
  margin: 0 auto;
  -webkit-animation: arrow2 2s linear 0s infinite;
  animation: arrow2 2s linear 0s infinite;
}

.arrow1 span,
.arrow2 span {
  position: relative;
  display: block;
  left: 50%;
}

.arrow1 span {
  margin-top: -10px;
}

.arrow1 span:before,
.arrow2 span:before {
  content: '';
  width: 15px;
  height: 15px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-sizing: border-box;
}

@keyframes arrow1 {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  20% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  40% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  80% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes arrow2 {
  0% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  20% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  40% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 20px, 0);
    transform: translate3d(-50%, 20px, 0);
  }

  80% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
  }
}


/*------------------------

ボタン

------------------------*/
a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

/*------------------------

テーブル

------------------------*/

table td {
	word-break: break-all;
}

@media (max-width: 767px) {

th,
 td {
	width: 100%;
	display: block;
}

th {
	width: 100%;
	display: block;
	background-color: #eee;
}

table .width-90,
 table .width-80,
 table .width-75,
 table .width-70,
 table .width-66,
 table .width-65,
 table .width-60,
 table .width-50,
 table .width-40,
 table .width-35,
 table .width-33,
 table .width-30,
 table .width-25,
 table .width-20,
 table .width-10 {
	width: 100%;
}
}

/*------------------------

フォーム

------------------------*/

input[type='text'],
input[type='password'],
input[type='email'],
input[type='url'],
input[type='phone'],
input[type='tel'],
input[type='number'],
input[type='datetime'],
input[type='date'],
input[type='month'],
input[type='color'],
input[type='time'],
input[type='search'],
input[type='datetime-local'] {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: .7em 0.5em;
}

label,
select {
	cursor: pointer;
}

input[type='submit'],
input[type='reset'],
input[type='button'] {
	font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Lucida Grande', 'Lucida Sans Unicode', 'ＭＳ Ｐゴシック', Arial, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-appearance: button;
}

.form {
	width: 60%;
	text-align: center;
	display: block;
	margin: 3rem auto;
	background-color: #fff;
}

.form .label {
	float: right;
}
table.form th{
	border-right: 2px solid #000!important;
	vertical-align: middle;
	text-align-last: justify;       /* Chrome・Firefox用 */
	text-justify: inter-ideograph;  /* IE・Edge用 */
	width:30%;
}
table.form td{
	line-height: 1.5;
}
@media only screen and (max-width: 767px) {

.form {
	margin-bottom: 1.65em;
	width: 100%;
	display: block;
}
}


.form th,
.form td {
	padding: 1em;
	text-align: left;
}

.form th.red {
	background-color: #ffe1e4;
	color: #000;
}

.form td.red {
	background-color: #fff4f5;
}

@media (max-width: 767px) {

.form th,
.form td {
	width: 100%;
	margin-top: -1px;
	display: block;
}

.form td input[type='text'] {
	width: 100%;
}
.form td input[type='text'].width-20 {
	width: 80%;
}
}


.btn-area {
	margin: 0 auto;
	text-align: center;
}

@media only screen and (max-width: 767px) {
.btn-area .btn {
	width: 100%;
	margin:0 auto 1em;
	display: block;
}
}


/*------------
radio
------------*/

[type='radio']:checked,
[type='radio']:not(:checked) {
	visibility: hidden;
}

[type='radio']:checked + label,
[type='radio']:not(:checked) + label {
	padding-left: 28px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: #666;
	line-height: 20px;
}

[type='radio']:checked + label:before,
[type='radio']:not(:checked) + label:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ddd;
	border-radius: 100%;
	background: #fff;
	content: '';
}

[type='radio']:checked + label:after,
[type='radio']:not(:checked) + label:after {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 4px;
	left: 4px;
	border-radius: 100%;
	background: #005eae;
	content: '';
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}

[type='radio']:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type='radio']:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*------------------------

リスト

------------------------*/

.list-flat {
	margin-bottom: 0;
}

.list-flat li {
	margin-bottom: 1em;
}

.list-flat li:last-child {
	margin-bottom: 0;
}

.list-left li {
	margin-right: 1em;
	float: left;
}

.list-left li:last-child {
	margin-right: 0;
}

.link {
	margin: 0;
}

.link li {
	list-style: none;
	line-height: 1.35;
}

.link li a {
	margin-left: 1em;
	display: block;
	text-decoration: none;
	text-indent: -1em;
}

.link li a:before {
	margin-right: .5em;
	content: '\f0da';
	color: #e60013;
	font: normal normal normal 14px/1 FontAwesome;
}

@media only screen and (max-width: 767px) {

.link li {
	margin-bottom: 1.65em;
	float: none;
}

.link li a {
	display: block;
}
}

.list-center {
	display: inline-block;
	zoom: 1;
}

.list-before li {
	padding-left: 1em;
	display: block;
}

.list-before li:before {
	width: 1em;
	margin-left: -1em;
	padding: .5em 0;
	display: block;
	float: left;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-before li.second:before {
	width: 1em;
	margin-left: 0;
	padding: .5em 0;
	display: block;
	float: left;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
	text-align: center;
}

.list-after li {
	padding-right: 15px;
	position: relative;
}

.list-after li:after {
	margin-top: -12px;
	position: absolute;
	top: 50%;
	right: 10px;
	content: '';
	color: #007f2d;
	font-family: 'FontAwesome';
}

.list-centered {
	text-align: center;
}

.list-centered ul {
	display: inline-block;
	zoom: 1;
}

/*------------------------

画像

------------------------*/

a:hover img {
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
}

img.left {
	margin-right: 1em;
}

img.right {
	margin-left: 1em;
}

/*------------------------

レイアウト

------------------------*/

.v-bottom {
	position: absolute !important;
	right: 0;
	bottom: 0;
}

.v-center {
	width: 100%;
	display: table;
}

.v-center p,
.v-center > div,
.v-center img {
	padding: 0 .5em;
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (max-width: 1024px) {

.v-center img {
	min-width: 150px;
	margin: 0;
	padding: 0 10px;
}
}

@media only screen and (max-width: 767px) {

.v-center p,
 .v-center div {
	width: 100%;
	margin: 0 0 1.6em;
	padding: 0;
	display: block;
	text-align: left;
}

.v-center img {
	margin: 0 0 1.6em;
	padding: 0;
	display: block;
}
}

img {
	vertical-align: bottom;
}

.img-centered img {
	margin: 0 auto;
	display: block;
}

.btn-centered {
	text-align: center;
}

/*------------------------

Typography

------------------------*/

i {
	margin: 0 .5em;
	color: #005eae;
}

em,
i {
	font-style: normal;
}

.red {
	color: #c3000f;
}
.white{
	color: #fff;
}

.f14{
	font-size: 14px;
}
.f20{
	font-size: 20px;
}
/*------------------------

余白

------------------------*/

.mt-05{
	margin-top:-5px;
	}
	
.mt05 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt70 {
	margin-top: 70px;
}

.mt100 {
	margin-top: 100px;
}

.mt_20 {
	margin-top: -20px;
}

.mtb05 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mb05 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml05 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}
.ml15{
	margin-left:15px;
}
.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.mr05 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}


.pt40 {
	padding-top: 40px;
}

/*------------------------

表示・非表示

------------------------*/

br.sp_only {
	display: none;
}

.pc{
	display: block !important; 
}
.sp{
	display: none !important;
}
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc{
		display: none !important;
	}
    .sp{
		display: block !important;
	}
	span.inline{
		display:inline-block!important;
	}
}

@media only screen and (max-width: 960px) {

br {
	display: none;
}

br.both {
	display: block;
}

br.sp_only {
	display: block;
}
}

.hidden {
	display: none;
	visibility: hidden;
}

.visible-phone {
	display: none !important;
}

.visible-tablet {
	display: none !important;
}

.hidden-desktop {
	display: none !important;
}

.visible-desktop {
	display: inline-block !important;
}

@media (min-width: 768px) and (max-width: 979px) {

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-tablet {
	display: inherit !important;
}

.hidden-tablet {
	display: none !important;
}
}

@media (max-width: 767px) {

.hidden-desktop {
	display: inherit !important;
}

.visible-desktop {
	display: none !important;
}

.visible-phone {
	display: inherit !important;
}

.hidden-phone {
	display: none !important;
}
}

/*------------------------

clearfix

------------------------*/

.clearfix:before,
.clearfix:after {
	height: 0;
	display: block;
	overflow: hidden;
	content: '.';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
} /* IE < 8 */

/*
     FILE ARCHIVED ON 14:32:22 Dec 31, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:18:06 Jul 10, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.571
  exclusion.robots: 0.075
  exclusion.robots.policy: 0.064
  esindex: 0.009
  cdx.remote: 13.535
  LoadShardBlock: 3492.396 (3)
  PetaboxLoader3.resolve: 248.794 (4)
  PetaboxLoader3.datanode: 3282.098 (5)
  load_resource: 227.0
  loaddict: 161.112
*/