@charset "utf-8";
.pc {display: block !important;}
.sp {display: none !important;}
/*===========================================
MAIN TTL
===========================================*/
.recruit .br {
	display: block;
}
.recruit .s_mainttl_voice {
    background: url(../imgs/recruit/mainttl_voice.png) no-repeat;
    height: 230px;
    width: 100%;
    padding: 100px 0 0 0;
}
.recruit .s_mainttl_voice img{
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    padding: 60px 0;
}

.recruit .s_voiceBox {
	height:800px;
	position:relative;
}

/*toworu*/
.recruit #toworu_bx {
    background: url(../imgs/recruit/voice/ttl_toworu.jpg) no-repeat;
	background-size:100%;
}
/*oba*/
.recruit #oba_bx {
    background: url(../imgs/recruit/voice/ttl_oba.jpg) no-repeat;
	background-size:100%;
}
/*tanaka*/
.recruit #tanaka_bx {
    background: url(../imgs/recruit/voice/ttl_tanaka.jpg) no-repeat;
	background-size:100%;
}
/*ooido*/
.recruit #ooido_bx {
    background: url(../imgs/recruit/voice/ttl_ooido.jpg) no-repeat;
	background-size:100%;
}

/*kuwabara*/
.recruit #kuwabara_bx {
    background: url(../imgs/recruit/voice/ttl_kuwabara.jpg) no-repeat;
	background-size:100%;
}



/*isaji*/
.recruit #isaji_bx {
    background: url(../imgs/recruit/voice/ttl_isaji.jpg) no-repeat;
	background-size:100%;
}

/*mawatari*/
.recruit #mawatari_bx {
    background: url(../imgs/recruit/voice/ttl_mawatari.jpg) no-repeat;
	background-size:100%;
}
/*nakamura*/
.recruit #nakamura_bx {
    background: url(../imgs/recruit/voice/ttl_nakamura.jpg) no-repeat;
	background-size:100%;
}


/*gomi*/
.recruit #gomi_bx {
    background: url(../imgs/recruit/voice/ttl_gomi.jpg) no-repeat;
	background-size:100%;
}

/*yoshida*/
.recruit #yoshida_bx {
    background: url(../imgs/recruit/voice/ttl_yoshida.jpg) no-repeat;
	background-size:100%;
}


/*ikeda*/
.recruit #ikeda_bx {
    background: url(../imgs/recruit/voice/ttl_ikeda.jpg) no-repeat;
	background-size:100%;
}
/*matsuba*/
.recruit #matsuba_bx {
    background: url(../imgs/recruit/voice/ttl_matsuba.jpg) no-repeat;
	background-size:100%;
}
/*ando*/
.recruit #ando_bx {
    background: url(../imgs/recruit/voice/ttl_ando.jpg) no-repeat;
	background-size:100%;
}
/*kimura*/
.recruit #kimura_bx {
    background: url(../imgs/recruit/voice/ttl_kimura.jpg) no-repeat;
	background-size:100%;
}



.recruit .s_voiceBox .voice_name {

    position: absolute;

    top:8%;

    right: 8%;

    width: 50%;

}



.recruit .s_voiceBox .voice_name .copy {

    font-size: 1.3em;

    width: auto;

    line-height: 1.8em;

	font-weight: bolder;

	padding: 0 0 30px 0;

	opacity:0;

	position:relative;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



.recruit .s_voiceBox .voice_name .content {

    width: auto;

    margin: 0;

    padding: 10px 0 0 0;

    color: #000;

    line-height: 2em;

    font-size: 100%;

    text-align: left;

    opacity: 0;

    position: relative;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    letter-spacing: 3px;

}



.recruit .s_voiceBox .voice_name p {

    font-size: 120%;

    letter-spacing: 1px;

    font-weight: bold;

    opacity: 0;

    position: relative;

}



.recruit .s_voiceBox .voice_name dl {

	width: 100%;

	padding: 10px 0 30px 0;

	opacity:0;

	position:relative;

}



.recruit .s_voiceBox .voice_name dt {

	display: inline-block;

	font-size: 200%;

	letter-spacing: 2px;

	padding: 0 30px 0 0;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight:bolder;

}



.recruit .s_voiceBox .voice_name dd {
	display: inline-block;
	font-size: 130%;
	letter-spacing: 3px;
	font-family: 'Josefin Sans', sans-serif;
	position: relative;
}

.recruit section#others_voice {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}



.recruit #carousel {

    width: 100%;

    margin:20px auto 50px;

    position: relative;

    left: 0;

    right: 0;

    overflow: hidden;

    box-sizing: border-box;

}



.recruit #carousel li {

width: 32%;

    overflow: hidden;

    float: left;

    margin: 10px;

    cursor: pointer;

}



.recruit #carousel li img {

-moz-transition: -moz-transform 0.5s linear;

    -webkit-transition: -webkit-transform 0.5s linear;

    -o-transition: -o-transform 0.5s linear;

    -ms-transition: -ms-transform 0.5s linear;

    transition: transform 0.5s linear;

	vertical-align:bottom;

}



.recruit #carousel li img:hover {

-webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.recruit #carousel li dl.sp_name {

	display:none;

}



/*Creative Director---------------------*/



.recruit #carousel li a.more01 {

	width:100%;

	height:auto;

	display:inline-block;

	background-size:100%;

	background:url(../imgs/recruit/cre_dr.png) no-repeat center 80%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.recruit #carousel li a.more01:hover {

	background:url(../imgs/recruit/cre_dr.png) no-repeat center 90% #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



/*Creative Color Director---------------------*/



.recruit #carousel li a.more02 {

	width:100%;

	height:auto;

	display:inline-block;

	background-size:100%;

	background:url(../imgs/recruit/color_dr.png) no-repeat center 80%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.recruit #carousel li a.more02:hover {

	background:url(../imgs/recruit/color_dr.png) no-repeat center 90% #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



/*Creative HM Director---------------------*/



.recruit #carousel li a.more03 {

	width:100%;

	height:auto;

	background-size:100%;

	display:inline-block;

	background:url(../imgs/recruit/hm_dr.png) no-repeat center 80%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.recruit #carousel li a.more03:hover {

	background-size:100%;

	background:url(../imgs/recruit/hm_dr.png) no-repeat center 90% #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



/*Creative HM Director---------------------*/



.recruit #carousel li a.more04 {

	width:100%;

	height:auto;

	display:inline-block;

	background-size:100%;

	background:url(../imgs/recruit/hm_stmd.png) no-repeat center 80%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.recruit #carousel li a.more04:hover {

	background:url(../imgs/recruit/hm_stmd.png) no-repeat center 90% #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



/*Creative HM Director---------------------*/



.recruit #carousel li a.more05 {

	width:100%;

	height:auto;

	display:inline-block;

	background-size:100%;

	background:url(../imgs/recruit/hm_stm.png) no-repeat center 80%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.recruit #carousel li a.more05:hover {

	background:url(../imgs/recruit/hm_stm.png) no-repeat center 90% #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



/*Area Designer---------------------*/



.recruit #carousel li a.more07 {

	width:100%;

	height:auto;

	display:inline-block;

	background-size:100%;

	background:url(../imgs/recruit/hm_am.png) no-repeat center 80%;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.recruit #carousel li a.more07:hover {

	background:url(../imgs/recruit/hm_am.png) no-repeat center 90% #000;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



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





/*dot*/

.recruit #carousel ul.slick-dots {

	position:relative;

	bottom:0;

}



.recruit #carousel ul.slick-dots li {

	width:auto;

	height:auto;

	display:inline-block;

	float:none;

}



.recruit #carousel ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #999;
    border-radius: 15px;
}



.recruit #carousel ul.slick-dots li.slick-active button {

	background:#000;

}

.recruit .s_voiceBox .sns {
	position: absolute;
	top: -6%;
	right: -30%;
}
.recruit .s_voiceBox .sns a{
	
}
.recruit .s_voiceBox .sns a img{
	width: 30px;
	height: 30px;
}


@media (max-width:1499px){

/*===========================================



MAIN TTL



===========================================*/



.recruit .s_mainttl_voice {

    height: 150px;

}

.recruit .s_mainttl_voice img{

    padding: 40px 0;

    width: 400px;

}





.recruit .s_voiceBox {

	height:500px;

}



.recruit .s_voiceBox .voice_name {

	top:12%;

}



/*kuwabara*/

.recruit #kuwabara_bx {
    background: url(../imgs/recruit/voice/ttl_kuwabara.jpg) no-repeat;
	background-size:100%;
}

/*isaji*/
.recruit #isaji_bx {
    background: url(../imgs/recruit/voice/ttl_isaji.jpg) no-repeat;
	background-size:100%;
}

/*mawatari*/
.recruit #mawatari_bx {
    background: url(../imgs/recruit/voice/ttl_mawatari.jpg) no-repeat;
	background-size:100%;
}

.recruit .s_voiceBox .voice_name {
    top: 10%;
    width: 60%;
    right: 1%;
}

.recruit .s_voiceBox .voice_name .copy {
	width: 100%;
	padding: 0 0 10px 0;
	opacity:0;
}

.recruit .s_voiceBox .voice_name .content {
    width: 100%;
    font-size: 0.8em;
    line-height: 1.8em;
}



.recruit .s_voiceBox .voice_name p {

    font-size: 1em;

	padding:0;

}

.recruit .s_voiceBox .voice_name dl {
	padding: 10px 0 15px 0;
}

.recruit .s_voiceBox .voice_name dt {
	font-size:1.3em;
	padding: 0 10px 0 0;
}
.recruit .s_voiceBox .voice_name dd {
    font-size: 1em;
    letter-spacing: 1px;
}
.recruit section#others_voice {
    width: 100%;
    padding: 0 0 60px 0;
	margin:30px auto 60px;
}

.recruit #carousel {
	margin:20px auto 0;
}

.recruit #carousel li {
    width: 31%;
}
	

}



@media (max-width:1280px){



	

.recruit .s_voiceBox .voice_name .content {

    font-size: 0.75em;

}

}

	



@media (max-width:1023px){

/*===========================================



MAIN TTL



===========================================*/



	.recruit .br {

		display: none;

	}	

	

.recruit .s_mainttl_voice {

    padding: 10% 0 0 0;

    background-size: auto;

    height: 120px;

}

.recruit .s_mainttl_voice img{

    padding: 30px 0 0 0;

    width: 350px;

}





.recruit .s_voiceBox {
	height: auto;
	padding:  0;	
}



/*kuwabara*/
.recruit #kuwabara_bx {
    background: url(../imgs/recruit/voice/ttl_kuwabara_sp.jpg) no-repeat;
	background-size:100%;
}
	
	

/*isaji*/
.recruit #isaji_bx {
    background: url(../imgs/recruit/voice/ttl_isaji_sp.jpg) no-repeat;
	background-size:100%;
}

/*mawatari*/
.recruit #mawatari_bx {
    background: url(../imgs/recruit/voice/ttl_mawatari_sp.jpg) no-repeat;
	background-size:100%;
}
/*tanaka*/
.recruit #tanaka_bx {
    background: url(../imgs/recruit/voice/ttl_tanaka_sp.jpg) no-repeat;
	background-size:100%;
}	

/*oba*/
.recruit #oba_bx {
    background: url(../imgs/recruit/voice/ttl_oba_sp.jpg) no-repeat;
	background-size:100%;
}
	

/*toworu*/
.recruit #toworu_bx {
    background: url(../imgs/recruit/voice/ttl_toworu_sp.jpg) no-repeat;
	background-size:100%;
}

/*nakamura*/
.recruit #nakamura_bx {
    background: url(../imgs/recruit/voice/ttl_nakamura_sp.jpg) no-repeat;
	background-size:100%;	
}
/*ooido*/
.recruit #ooido_bx {
    background: url(../imgs/recruit/voice/ttl_ooido_sp.jpg) no-repeat;
	background-size:100%;
	}



/*gomi*/
.recruit #gomi_bx {
    background: url(../imgs/recruit/voice/ttl_gomi-sp.jpg) no-repeat;
	background-size:100%;	
}
	
/*yoshida*/
.recruit #yoshida_bx {
    background: url(../imgs/recruit/voice/ttl_yoshida_sp.jpg) no-repeat;
	background-size:100%;	
}	

/*ikeda*/
.recruit #ikeda_bx {
    background: url(../imgs/recruit/voice/ttl_ikeda-sp.jpg) no-repeat;
	background-size:100%;	
}


/*matsuba*/
.recruit #matsuba_bx {
    background: url(../imgs/recruit/voice/ttl_matsuba-sp.jpg) no-repeat;
	background-size:100%;	
}
	
/*ando*/
.recruit #ando_bx {
    background: url(../imgs/recruit/voice/ttl_ando-sp.jpg) no-repeat;
	background-size:100%;	
}	

/*kimura*/
.recruit #kimura_bx {
    background: url(../imgs/recruit/voice/ttl_kimura-sp.jpg) no-repeat;
	background-size:100%;	
}		


.recruit .s_voiceBox .voice_name {
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
    overflow: hidden;
    padding: 0;
}



.recruit .s_voiceBox .voice_name .copy {
	width: 100%;
	padding: 15px 10px 5px 10px;
	box-sizing: border-box;
	opacity:0;
	position:relative;
}



.recruit .s_voiceBox .voice_name .content {

    width: 100%;

    padding:10px 10px 0 10px;

    box-sizing: border-box;

    font-size: 90%;

}



.recruit .s_voiceBox .voice_name p {

    font-size: 110%;

    position: relative;

    padding: 10px 10px 0 10px;

    background: #DAE2E6;

}



.recruit .s_voiceBox .voice_name dl {

	padding: 5px 10px;

	opacity:0;

	position:relative;

	background: #DAE2E6;

}



.recruit .s_voiceBox .voice_name dt {

    font-size: 150%;

    padding: 0 10px 0 0;

}



.recruit .s_voiceBox .voice_name dd {

	font-size: 120%;

	letter-spacing:1px;

}



.recruit section#others_voice {

    width: auto;

    padding: 50px 10px;

	margin:0;

}



.recruit section#others_voice .ttl_othervoice {

	width:auto;

	margin:0 auto;

}



.recruit #carousel {

    margin: 20px auto 0;

    box-sizing: border-box;

    padding: 5px;

}



.recruit #carousel li {

    width: 48%;

    margin: 5px;

}





}



@media (max-width:767px){

.pc {display: none !important;}
.sp {display: block !important;}

/*===========================================
MAIN TTL
===========================================*/
.recruit .s_mainttl_voice {padding: 85px 0 0;height:auto;}

.recruit .s_mainttl_voice img{width: 80%;padding: 10px 0;position: relative;margin: auto;text-align: center;display: block;}





.recruit .s_voiceBox {

	height: auto;

}











.recruit .s_voiceBox .voice_name {

    position: relative;

    top: inherit;

    right: inherit;

    width: 100%;

    overflow: hidden;

    padding: 0;

}



.recruit .s_voiceBox .voice_name .copy {width: 90%;padding: 30px 0 0;box-sizing: border-box;opacity:0;font-size: 1em;position:relative;margin: auto;letter-spacing: 1px;line-height: 2;}



.recruit .s_voiceBox .voice_name .content {width: 90%;padding: 20px 0 0;box-sizing: border-box;font-size: 85%;margin: auto;}



.recruit .s_voiceBox .voice_name p {font-size: 90%;padding: 10px 10px 0 15px;}
	.recruit .s_voiceBox .sns {
		top: 3%;
	}
.recruit .s_voiceBox .sns a img {
	width: 20px;
	height: 20px;
}


.recruit .s_voiceBox .voice_name dl {
	padding: 5px 15px 15px;
	box-sizing: border-box;
	position:relative;
	background: #DAE2E6;
}



.recruit .s_voiceBox .voice_name dt {

    font-size: 120%;

    padding: 0 10px 0 0;

}



.recruit .s_voiceBox .voice_name dd {

	font-size: 100%;

	letter-spacing:1px;

}



.recruit section#others_voice {

    padding:50px 0;

}



.recruit section#others_voice .ttl_othervoice {

	width:70%;

	margin:0 auto;

}



.recruit #carousel {margin:0 auto 0;box-sizing: border-box;width: 90%;padding: 0;}



.recruit #carousel li {

	width:46%;

    margin: 5px;

    display: inline-block;

    float: none;

}



.recruit #carousel li a {text-decoration: none;color: unset;}



.recruit #carousel li img {

    transition:none;

	transform:none;

	width:100%;

}



.recruit #carousel li img:hover {

    transition:none;

	transform:none;

}



/*SP用スタイリスト名*/

.recruit #carousel li dl.sp_name {

	display:block;

	padding:10px 10px 0 10px;

}



.recruit #carousel li dl.sp_name dt {/* font-family: 'Oswald', sans-serif; */font-size: 0.8em;letter-spacing: 2px;font-weight: bold;position: relative;text-decoration: none;}



.recruit #carousel li dl.sp_name dd {

    display: inline-block;

    font-size: 120%;

    letter-spacing: 2px;

    padding: 0;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    font-weight: bolder;

}



.recruit #carousel li dl.sp_name span {

    display: inline-block;

    font-size: 80%;

    letter-spacing: 1px;

    font-family: 'Josefin Sans', sans-serif;

    padding: 0 0 0 10px;

}



/*Creative Director---------------------*/



.recruit #carousel li a.more01 {

	width:100%;

	height:auto;

	background:none;

    transition:none;

}



.recruit #carousel li a.more01:hover {

	background:none;

    transition:none;

}



/*Creative Color Director---------------------*/



.recruit #carousel li a.more02 {

	width:100%;

	height:auto;

	background:none;

    transition:none;

}



.recruit #carousel li a.more02:hover {

	background:none;

    transition:none;

}



/*Creative HM Director---------------------*/



.recruit #carousel li a.more03 {

	width:100%;

	height:auto;

	background:none;

    transition:none;

}



.recruit #carousel li a.more03:hover {

	background:none;

    transition:none;

}



/*Store Manager & Designer -----------------*/



.recruit #carousel li a.more04 {

	width:100%;

	height:auto;

	background:none;

    transition:none;

}



.recruit #carousel li a.more04:hover {

	background:none;

    transition:none;

}



/*Area Manager -----------------*/



.recruit #carousel li a.more07 {

	width:100%;

	height:auto;

	background:none;

    transition:none;

}



.recruit #carousel li a.more07:hover {

	background:none;

    transition:none;

}



/*Store Manager --------------------------*/



.recruit #carousel li a.more05 {

	width:100%;

	height:auto;

	background:none;

    transition:none;

}



.recruit #carousel li a.more05:hover {

	background:none;

    transition:none;

}



}