@charset "UTF-8";

/*===========================================
HEADER
===========================================*/
body.recruit {
	overflow-x:hidden;
}
.recruit #header{
	position:absolute;
	width:100%;
	height:100px;
}

.recruit #logo {
    position: absolute;
    top: 15%;
    z-index: 1;
    padding: 30px;
}

.recruit #nav {
    position:fixed;
    right: 2%;
    z-index: 1;
    top: 3%;
}



.recruit nav {

    right: 0;

    left: inherit;

	padding:0 0 30px 0;

    box-sizing: border-box;

}



.recruit #pagetop {

	position: fixed;

    bottom: 1%;

    right: 1%;

	padding:0;

	cursor:pointer;

	z-index:1;

}







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



FOOTER



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



.recruit #footer{

	background: #eee;

	overflow:hidden;

	padding: 0 0 30px 0;

}





.recruit #footer-txt{

	overflow: hidden;

	width: 100%;

	float: none;

	padding: 30px 0 30px 50px;

	box-sizing: border-box;

	color: #000;

	text-align: center;

}



.recruit #footer-txt li{

    display: inline-block;

    padding: 0 20px;

}



.recruit #footer-txt a{

    color: #000;

    text-decoration: none;

    display: inline-block;

    font-size: 100%;

    letter-spacing: 3px;

    font-family: 'Oswald', sans-serif;

    font-weight: bold;

}



.recruit #footer-txt a:hover {

	text-decoration:underline;

}



.recruit #footer-txt ul{

	float:left;

	margin-right:20px

}



.recruit #footer-txt li>a:before{content:"- "}



.recruit #footer-img{

    float: none;

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    border-top: 1px solid #ccc;

    text-align: center;

    padding: 10px;

    box-sizing: border-box;

    position: relative;

}



.recruit #footer-img h5 {

    text-align: center;

    padding: 0 0 50px 0;

    font-size: 140%;

    width: 90%;

    letter-spacing: 2px;

    border-top: 1px solid #ccc;

    margin: 30px auto 0;

    font-family: 'Roboto Condensed', sans-serif;

    letter-spacing: 10px;

}



.recruit #footer-img h5 span {

    position: absolute;

    top: 12%;

    left: 0;

    right: 0;

    background: #fff;

    width: 40%;

    margin: 0 auto;

}



.recruit #footer-img ul {

	text-align:center;

	margin:0 0 10px 0;

	width: 80%;

	margin: 20px auto 0;

}



.recruit #footer-img li {

    width: 23%;

    padding: 0 20px;

    box-sizing: border-box;

    vertical-align: bottom;

    display: inline-block;

    text-align: center;

    border-right: 1px solid #eee;

}



.recruit #copy{background:#000}



.recruit #copy>div{

    padding: 30px;

    text-align: center;

    color: #fff;

    letter-spacing: 2px;

    font-size: 90%;

}



/**/



/**/



.recruit h1::before{background:none}



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



SLIDE



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



.recruit section#slide {

	background:#fff;

	position:relative;

}



.recruit #top{

	background:#000;

	margin:0;

	overflow:hidden;

	padding:0;

	position:relative

}



.recruit #top p.strong {

    position: absolute;

    top: 0;

    left: 0;

    right: inherit;

    height: 50px;

    width: 60%;

    bottom: 0;

	margin:auto;

    color: #000;

    font-size: 2.2em;

    letter-spacing: 5px;

    text-align: left;

    background: none;

    padding: 0 50px;

}



.recruit .top-img{

	display:block;

	opacity:0;

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:scale(1.5);

	transform:scale(1.5);

	-webkit-transition:opacity 1s,-webkit-transform 1s;

	transition:opacity 1s,transform 1s

}



.recruit .top-img-view{

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1)

}



.recruit #strong{

	bottom:0;

	left:0;

	margin:auto;

	position:absolute;

	right:0;

	top:0

}



.recruit #scroll{

    position: absolute;

    bottom: 2%;

    text-align: center;

    left: 0;

    right: 0;

}



.recruit #scroll span {

    display: block;

    color: #000;

    font-size: 90%;

    width: 5%;

    margin: 0 auto 10px;

    letter-spacing: 1px;

}



.recruit #scroll img {

    border: 1px solid #000;

    border-radius: 20px;

	cursor:pointer;

}



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



VOICE



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



.recruit section#voice {

	position:relative;

}







.recruit slick-slide slick-cloned {

	height:auto;

}



.recruit section.recruit #voice{

}



.recruit .voice_slider {

	width:100%;

	overflow:hidden;

	margin:0;

}



.recruit #voiceBox1 {
    background: url(../imgs/recruit/voice_dr.jpg) no-repeat;
    height: 800px;
    position: relative;
	float:left;
}

.recruit #voiceBox2 {
    background: url(../imgs/recruit/voice_ds.jpg) no-repeat;
    height: 800px;
    position: relative;
	float:left;
}

.recruit #voiceBox3 {
    background: url(../imgs/recruit/voice_as.jpg) no-repeat;
    height: 800px;
    position: relative;
	float:left;
}

.recruit ul.voice_mg {
    width: 90%;
    margin: 100px auto 20px;
    position: absolute;
    left: 0;
    right: 0;
    top: inherit;
    bottom: 0;

    overflow: hidden;

    background: rgba(255,255,255,0.2);

}



.recruit ul.voice_mg li {

    width: 32%;

	overflow:hidden;

    float: left;

    margin: 10px 0 10px 10px;

	cursor:pointer;

}



.recruit ul.voice_mg li img {

	width:100%;

-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 ul.voice_mg 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);
}



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

.recruit ul.voice_mg li dl.sp_name {

	display:none;

}





.recruit ul.voice_mg li a {

	width:100%;

	overflow:hidden;

}



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

.recruit ul.voice_mg li a.more01 {
	height:auto;
	display:inline-block;
	background:url(../imgs/recruit/cre_dr.png) no-repeat center 80% #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background-size:80%;

}



.recruit ul.voice_mg 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;
	background-size:80%;
}



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


.recruit ul.voice_mg li a.more02 {
	height:auto;
	display:inline-block;
	background:url(../imgs/recruit/color_dr.png) no-repeat center 80% #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background-size:80%;
}



.recruit ul.voice_mg 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;
	background-size:80%;
}



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



.recruit ul.voice_mg li a.more03 {
	height:auto;
	display:inline-block;
	background:url(../imgs/recruit/hm_dr.png) no-repeat center 80% #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background-size:80%;
}

.recruit ul.voice_mg li a.more03:hover {
	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;
	background-size:80%;
}



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



.recruit ul.voice_mg li a.more04 {

	height:auto;

	display:inline-block;

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

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

	background-size:80%;

}



.recruit ul.voice_mg 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;

	background-size:80%;

}

/*Store Manager---------------------*/
.recruit ul.voice_mg li a.more05 {
	height:auto;
	display:inline-block;
	background:url(../imgs/recruit/hm_stm.png) no-repeat center 80% #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background-size:80%;

}



.recruit ul.voice_mg 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;
	background-size:80%;
}

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

.recruit ul.voice_mg li a.more06 {
	height:auto;
	display:inline-block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background: #fff;
}



.recruit ul.voice_mg li a.more06:hover {

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

	



}



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



.recruit ul.voice_mg li a.more07 {
	height:auto;
	display:inline-block;
	background:url(../imgs/recruit/hm_am.png) no-repeat center 80% #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	background-size:80%;
}



.recruit ul.voice_mg 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;
	background-size:80%;
}

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


.recruit #voice>h2{

	margin-bottom:30px;

	text-align:center

}



.recruit #voice-box{

	overflow:hidden;

    padding: 0;

    margin: auto;

    width: 80%;

    margin: 0 auto;

}



.recruit #voice-box>*{float:left}



.recruit #voice-img{width:45%}



.recruit #voice-txt{

    width: 60%;

    position: absolute;

    right: 10%;

    top: 8%;

}



.recruit #voice-txt strong {

    font-family: YuMincho, "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    font-size: 1.8em;

    font-weight: 400;

}



.recruit #voice-txt>p{

    font-size: 1em;

    line-height: 2em;

    letter-spacing: 2px;

    margin: 0 0 0 70px;

}



.recruit #voice-txt>*{

	display:block;

	margin:0 70px 20px 70px;

}



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



STAFF



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



.recruit #staff-back{

	background:#070707;

	padding-bottom:150px;

	overflow:hidden;

}



.recruit ul#tab_staff  {

	background:#fff;

	margin:0;

	overflow-x:hidden;

}



.recruit ul#tab_staff li{

	width:auto;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 130%;

    display: inline-block;

    padding:20px 30px;

    letter-spacing: 2px;

	cursor:pointer;

	text-align:center;

}



.recruit ul#tab_staff li:before {

}



.recruit ul#tab_staff li:after {

}



.recruit ul#tab_staff li.slick-slide.slick-active {

	background:#fff;

	color:#000;

}



.recruit ul#tab_staff li.slick-slide.slick-current.slick-active {

	background:#000;

	color:#fff;

}







.recruit .staff_content {

	clear:both;

	border-top:5px solid #000;

}



.recruit .staff_content ul {

    clear: both;

    margin: 20px auto 0;

    overflow: hidden;

    width: 80%;

}



.recruit .staff_content li {

	width:33.333%;

	float:left;

	opacity:1;

	overflow:hidden;

}



.recruit .staff_content li.director {

	display:none;

}



.recruit .staff_content li.assistant {

	display:none;

}





/********************************************/



.recruit .staff_content li a {

	position:relative;

	display:block;

}



.recruit .staff_content li a span {

	display:none;

    position: absolute;

    padding: 50px 50px 20px 50px;

    color: #fff;

    bottom: 3%;

    font-size: 90%;

    letter-spacing: 2px;

    line-height: 24px;

}



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



BRAND



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



.recruit #brand-back{

	background:#000;

	padding:0 0 100px 0;

}



.recruit #brand{

}



.recruit #brand>p{

    color: #fff;

    font-size: 90%;

    line-height: 2em;

    margin: 0px auto 50px;

    width: 80%;

    text-align: center;

    letter-spacing: 2px;

}



.recruit h2{
    position: relative;
    text-align: center;
    padding: 60px 0 30px 0;
    width: 600px;
    margin: auto;
}



.recruit #tab{
	width:80%;
	margin:0 auto;
	overflow:hidden;
}
.recruit #tab img.brand_left{
	display:block;
}

.recruit #tab img.brand_logo {
	width:80%;
	margin:10px auto 0;
	display:block;
	text-align:center;
}

.recruit #tab li {
    width: 48%;
    margin: 0 30px 30px 0;
    float: left;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    padding: 25px;
}

.recruit #tab li:nth-child(2n) {
   margin: 0 0 30px 0;
}

.recruit #tab .brand_right {
    float: right;
    width:65%;
}

.recruit #tab li a {
	text-decoration:none;
	color:#000;
	display:block;
	float:left;
	width:30%;
}

.recruit #tab li dl {
	padding:0;
	margin:20px 0 0 0;
}



.recruit #tab li dt {

    font-size: 130%;

    font-weight: bold;

    padding: 0 0 15px 0;

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

    letter-spacing: 1px;

}



.recruit #tab li dd {

    font-size: 90%;

    line-height: 1.8em;

}





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



ACTIVITY



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



.recruit #activity-back{

	background:#191919;

	padding:50px 0 0 0;

}



.recruit #activity h2{
	position:relative;
	text-align:center
}
.recruit #activity p {
    text-align: center;
    color: #fff;
    padding: 30px 0 40px 0;
    line-height: 2.5em;
    font-size: 0.9em;
    width: 51%;
    margin: 0 auto;
}

.recruit ul.activityBox {
    padding: 0 0 50px 0;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

.recruit ul.activityBox li{
    width: 31%;
    float: left;
    margin: 10px;
}

.recruit #inline-wrap,#inline-wrap02,#inline-wrap03,#inline-wrap04,#inline-wrap05,#inline-wrap06{

    background: #000;

    width: 70%;

    margin: 0 auto;

    padding: 30px;

    box-sizing: border-box;

	overflow:hidden;

	position:relative;

}



.recruit .image {
	width:50%;
	float:left;
}

.recruit #inline-wrap dl,#inline-wrap02 dl,#inline-wrap03 dl,#inline-wrap04 dl,#inline-wrap05 dl,#inline-wrap06 dl {
	float:right;
	width: 50%;
	color: #fff;
}



.recruit #inline-wrap dt,#inline-wrap02 dt,#inline-wrap03 dt,#inline-wrap04 dt,#inline-wrap05 dt,#inline-wrap06 dt {
	font-size: 1.5em;
	letter-spacing: 3px;
	border-left: 3px solid #fff;
	padding: 0 0 0 30px;
	margin: 20px 0 0 0;
}
.recruit #inline-wrap dd,#inline-wrap02 dd,#inline-wrap03 dd,#inline-wrap04 dd,#inline-wrap05 dd,#inline-wrap06 dd {
    margin: 30px 0 0 0;
    font-size: 90%;
    letter-spacing: 2px;
}



.recruit .popup-modal-dismiss img {

    position: absolute;

    right: 2%;

}







/*+++++++++++++++++++++++++++++++++++++*/

.recruit a#thumnail {

    display: block;

    float: left;

    overflow: hidden;

    width:100%;

}

 

.recruit a#thumnail img {

    height: auto;

    -webkit-transition:all 0.25s ease-in-out;

    transition:all 0.25s ease-in-out;

    width: 100%;

    vertical-align: bottom;

}

 

.recruit figure {

    margin: 0;

    overflow: hidden;

    position: relative;

    text-align: center;

}

 

.recruit figcaption {

    background:#000;

	opacity:0.8;

    color: #FFF;

    opacity: 0;

    font-size:130%;

    position: absolute;

    text-align: center;

    -webkit-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    padding: 40% 0;

}

 

.recruit a:hover>figure img {

        transform: scale(1.10,1.10);

        -webkit-transform:scale(1.10,1.10);

        -moz-transform:scale(1.10,1.10);

        -ms-transform:scale(1.10,1.10);

        -o-transform:scale(1.10,1.10);

}

 

.recruit a:hover>figure figcaption {

    opacity:0.8;

}



.recruit figure figcaption span {

	display:block;

	font-size:90%;

	padding:0 0 10px 0;

}





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



RECRUIT



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







/**/



.recruit #recruit{

	padding:0;

	background:url(../imgs/recruit/ttl_message.png) no-repeat;

	height:760px;

	position:relative;

}



.recruit #recruit>h2{text-align:center}



.recruit #recruit>strong{

	display:block;

	margin:80px 0;

	text-align:center

}



/**/



#recruit-box{

    margin: 0 auto;

    width: 80%;

    overflow: hidden;

}



.recruit #recruit-img{

	float:left;

	width: 30%;

}



.recruit #recruit-img>div{

	color:#000;



	font-size:24px;

	line-height:2em

}



.recruit #recruit-txt{

    position: absolute;

    width: 50%;

    padding: 100px 0 0 0;

    right: 10%;

    top: 8%;

}



.recruit #recruit-txt dt {

    font-size: 200%;

    width: 100%;

    line-height: 2em;

    font-weight: bolder;

    padding: 0 0 30px 45px;

    position: relative;

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

    letter-spacing: 2px;

	background:url(../imgs/recruit/h4-txt-1.png) no-repeat;

}



.recruit #recruit-txt dd {

    font-size: 90%;

    line-height: 2.5em;

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

}





.recruit #recruit-txt p{

	padding:0 0 5px 0;

}



.recruit #recruit-txt span {

    float: right;

    padding: 50px 0 0 0;

    font-size: 100%;

    font-weight: bold;

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

}







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



JOBINFO



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



.recruit section#job {

	background:#000;

}



.recruit #job>h2{text-align:center}



.recruit #job-box{
    margin:0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    padding: 30px;
    box-sizing: border-box;

}



.recruit #job-box li{
    width: 33%;
    position: relative;

}



.recruit #job-box li a {
	display:block;
	width:100%;
	height:100%;

}



.recruit .about_text {

	display:block;

    background: #fff;

    padding: 30px 10px;

    text-align: center;

    font-size: 0.85em;

    letter-spacing: 1px;

}





/**/



@media(max-width:1499px){

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



HEADER



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



.recruit #header{

	position:absolute;

	width:100%;

	height:100px;

}



.recruit #logo {

    position: absolute;

    top: 15%;

    z-index: 1;

    padding: 20px 30px;

}



.recruit #nav {

    position:fixed;

    right: 2%;

    z-index: 1;

    top: 3%;

}



.recruit nav {

    right: 0;

    left: inherit;

	padding:0 0 30px 0;

    box-sizing: border-box;

}



.recruit #pagetop {

	position: fixed;

    bottom: 1%;

    right: 1%;

	padding:0;

	cursor:pointer;

}





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



FOOTER



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



.recruit #footer{

	background: #eee;

	overflow:hidden;

	padding: 0 0 30px 0;

}



.recruit #footer-txt li{

    padding: 0 15px;

}



.recruit #footer-txt a{

    color: #000;

    text-decoration: none;

    display: inline-block;

    font-size: 100%;

    letter-spacing: 3px;

    font-family: 'Oswald', sans-serif;

    font-weight: bold;

}



.recruit #footer-txt a:hover {

	text-decoration:underline;

}



.recruit #footer-txt ul{

	float:left;

	margin-right:20px

}



.recruit #footer-txt li>a:before{content:"- "}



.recruit #footer-img{

    float: none;

    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    border-top: 1px solid #ccc;

    text-align: center;

    padding: 10px;

    box-sizing: border-box;

    position: relative;

}



.recruit #footer-img h5 {

    text-align: center;

    padding: 0 0 50px 0;

    font-size: 140%;

    width: 90%;

    letter-spacing: 2px;

    border-top: 1px solid #ccc;

    margin: 30px auto 0;

    font-family: 'Roboto Condensed', sans-serif;

    letter-spacing: 10px;

}



.recruit #footer-img h5 span {

    position: absolute;

    top: 12%;

    left: 0;

    right: 0;

    background: #fff;

    width: 40%;

    margin: 0 auto;

}



.recruit #footer-img ul {

	text-align:center;

	margin:0 0 10px 0;

	width: 80%;

	margin: 20px auto 0;

}



.recruit #footer-img li {

    width: 23%;

    padding: 0 20px;

    box-sizing: border-box;

    vertical-align: bottom;

    display: inline-block;

    text-align: center;

    border-right: 1px solid #eee;

}



.recruit #copy{background:#000}



.recruit #copy>div{

    padding: 30px;

    text-align: center;

    color: #fff;

    letter-spacing: 2px;

    font-size: 90%;

}



/**/



/**/



.recruit h1::before{background:none}



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



SLIDE



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





.recruit #top{

	background:#000;

	margin:0;

	overflow:hidden;

	padding:0;

	position:relative

}



.recruit .top-img{

	display:block;

	opacity:0;

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:scale(1.5);

	transform:scale(1.5);

	-webkit-transition:opacity 1s,-webkit-transform 1s;

	transition:opacity 1s,transform 1s

}



.recruit .top-img-view{

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1)

}



.recruit #top p.strong {

	font-size: 1.5em;

	padding:0 15px;

	letter-spacing: 3px;

}



.recruit #strong{

	width:80%;

}





.recruit #scroll span {

    display: block;

    color: #fff;

    font-size: 90%;

    width: 5%;

    margin: 0 auto 10px;

    letter-spacing: 1px;

}



.recruit #scroll img {

    border: 2px solid #fff;

    border-radius: 20px;

	cursor:pointer;

}



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



VOICE



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



.recruit section#voice {

	position:relative;

}



.recruit slick-slide slick-cloned {

	height:auto;

}



.recruit section.recruit #voice{

}



.recruit .voice_slider {

	width:100%;

	overflow:hidden;

	margin:0;

}



.recruit #voiceBox1 {

    height: auto;

    background-size: 100%;

    padding: 20% 0 0 0;

}



.recruit #voiceBox2 {

    height: auto;

    background-size: 100%;

    padding: 22% 0 0 0;

}



.recruit #voiceBox3 {

    height: auto;

    background-size: 100%;

    padding: 20% 0 0 0;

}



.recruit ul.voice_mg {

    width: 100%;

    margin: 0 auto 20px;

    position: absolute;

    left: 0;

    right: 0;

    top: inherit;

    bottom: -1%;

    overflow: hidden;

    background: #fff;

}



.recruit ul.voice_mg li {

    width: 32%;

	overflow:hidden;

    float: left;

    margin:10px 5px;

	cursor:pointer;

}



.recruit ul.voice_mg 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 ul.voice_mg 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);

}



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

.recruit ul.voice_mg li dl.sp_name {

	display:none;

}



.recruit ul.voice_mg li a {

	overflow:hidden;

}









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



.recruit ul.voice_mg li a.more01 {

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

	background-size:90%;

}



.recruit ul.voice_mg li a.more01:hover {

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

	background-size:90%;

}



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



.recruit ul.voice_mg li a.more02 {

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

	background-size:90%;

}



.recruit ul.voice_mg li a.more02:hover {

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

	background-size:90%;

}



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



.recruit ul.voice_mg li a.more03 {

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

	background-size:90%;

}



.recruit ul.voice_mg li a.more03:hover {

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

	background-size:90%;

}



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



.recruit ul.voice_mg li a.more04 {

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

	background-size:90%;

}



.recruit ul.voice_mg li a.more04:hover {

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

	background-size:90%;

}





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



.recruit ul.voice_mg li a.more05 {

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

	background-size:90%;

}



.recruit ul.voice_mg li a.more05:hover {

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

	background-size:90%;

}



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







.recruit #voice>h2{

	margin-bottom:30px;

	text-align:center

}



.recruit #voice-box{

	overflow:hidden;

    padding: 0;

    margin: auto;

    width: 80%;

    margin: 0 auto;

}



.recruit #voice-box>*{float:left}



.recruit #voice-img{width:45%}



.recruit #voice-txt{

	width: 65%;

    right: 5%;

    top: 5%;

}



.recruit #voice-txt strong {

	font-size:1.3em;

    margin: 20px 0 20px 70px;

}



.recruit #voice-txt>p{

	font-size: 80%;

    line-height: 2em;

}



.recruit #voice-txt>*{

	display:block;

	margin:20px 70px 20px 70px;

}



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



STAFF



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



.recruit #staff-back{

	background:#070707;

	padding-bottom:150px;

	overflow:hidden;

}



.recruit ul#tab_staff  {

	background:#fff;

	margin:0;

}



.recruit ul#tab_staff li{

	font-size: 110%;

    padding: 15px 30px;

}



.recruit ul#tab_staff li:before {

}



.recruit ul#tab_staff li:after {

}



.recruit ul#tab_staff li.slick-slide.slick-active {

	background:#fff;

	color:#000;

}



.recruit ul#tab_staff li.slick-slide.slick-current.slick-active {

	background:#000;

	color:#fff;

}







.recruit .staff_content {

	clear:both;

	border-top:5px solid #000;

}



.recruit .staff_content ul {

    clear: both;

    margin: 20px auto 0;

    overflow: hidden;

    width: 80%;

}



.recruit .staff_content li {

	width:33.333%;

	float:left;

	opacity:1;

	overflow:hidden;

}



.recruit .staff_content li.director {

	display:none;

}



.recruit .staff_content li.assistant {

	display:none;

}





/********************************************/



.recruit .staff_content li a {

	position:relative;

	display:block;

}



.recruit .staff_content li a span {

	display:none;

    position: absolute;

    padding: 50px 50px 20px 50px;

    color: #fff;

    bottom: 3%;

    font-size: 90%;

    letter-spacing: 2px;

    line-height: 24px;

}



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



BRAND



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



.recruit #brand-back{

	background:#000;

	padding:0 0 100px 0;

}



.recruit #brand{

}



.recruit #brand>p{

    font-size: 80%;

}



.recruit #brand>h2{

    position: relative;

    text-align: center;

    padding: 50px 0;

    width: 60%;

    margin: 0 auto;

}



.recruit #tab{

	width: 95%;

}





.recruit #tab img.brand_left{

	width:auto;

	margin:0 0 10px 0;

}



.recruit #tab li {

    width: 49%;

    margin: 0 15px 15px 0;

    padding: 20px;

}



.recruit #tab li:nth-child(2n) {

	margin:0;

}





.recruit #tab li p {

	width:50%;

	padding:15px 0 20px 0;

}



.recruit #tab li dl {

    padding: 0;

    margin: 0;

}



.recruit #tab li dt {

    font-size: 90%;

}



.recruit #tab li dd {

    font-size: 70%;

}





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



ACTIVITY



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



.recruit #activity h2{
	width: 50%;
	margin: 0 auto;
	padding: 0;
}



.recruit #activity p {

    width: 90%;

}



.recruit ul.activityBox {

    width: 95%;

}



.recruit ul.activityBox li{

    width: 31%;

    float: left;

    margin: 10px;

}





.recruit #inline-wrap,#inline-wrap02,#inline-wrap03,#inline-wrap04,#inline-wrap05,#inline-wrap06{

    width: 100%;

}



.recruit .image {

	width:40%;

	float:left;

}



.recruit #inline-wrap dl,#inline-wrap02 dl,#inline-wrap03 dl,#inline-wrap04 dl,#inline-wrap05 dl,#inline-wrap06 dl {

	width: 55%;

	float:left;

	margin:0 0 0 30px;

}



.recruit #inline-wrap dt,#inline-wrap02 dt,#inline-wrap03 dt,#inline-wrap04 dt,#inline-wrap05 dt,#inline-wrap06 dt {

    font-size: 150%;

    padding: 5px 0 0 20px;

    line-height: 1.5em;

}



.recruit #inline-wrap dd,#inline-wrap02 dd,#inline-wrap03 dd,#inline-wrap04 dd,#inline-wrap05 dd,#inline-wrap06 dd {

    margin: 30px 0 0 0;

    font-size: 90%;

    letter-spacing: 2px;

}



.recruit .popup-modal-dismiss img {

    position: absolute;

    right: 2%;

}







/*+++++++++++++++++++++++++++++++++++++*/

.recruit a#thumnail {

    display: block;

    float: left;

    overflow: hidden;

    width:100%;

}

 

.recruit a#thumnail img {

    height: auto;

    -webkit-transition:all 0.25s ease-in-out;

    transition:all 0.25s ease-in-out;

    width: 100%;

    vertical-align: bottom;

}

 

.recruit figure {

    margin: 0;

    overflow: hidden;

    position: relative;

    text-align: center;

}

 

.recruit figcaption {

    font-size: 110%;

    padding: 35% 0;

}

 

.recruit a:hover>figure img {

        transform: scale(1.10,1.10);

        -webkit-transform:scale(1.10,1.10);

        -moz-transform:scale(1.10,1.10);

        -ms-transform:scale(1.10,1.10);

        -o-transform:scale(1.10,1.10);

}

 

.recruit a:hover>figure figcaption {

    opacity:0.8;

}



.recruit figure figcaption span {

	padding:0;

}





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



RECRUIT



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







/**/



.recruit #recruit{

	padding:0;

	background: url(../imgs/recruit/ttl_message.png) no-repeat bottom;

	height: auto;

	position:relative;

	background-size: cover;

	padding: 50% 0 0 0;

}



.recruit #recruit>h2{text-align:center}



.recruit #recruit>strong{

	display:block;

	margin:80px 0;

	text-align:center

}



/**/



#recruit-box{

    margin: 0 auto;

    width: 80%;

    overflow: hidden;

}



.recruit #recruit-img{

	float:left;

	width: 30%;

}



.recruit #recruit-img>div{

	color:#000;



	font-size:24px;

	line-height:2em

}



.recruit #recruit-txt{

    position: absolute;

    width: 50%;

    padding: 100px 0 0 0;

    right: 10%;

    top: 0;

}



.recruit #recruit-txt dt {

    font-size: 116%;

    width: 100%;

    line-height: 2em;

    font-weight: bolder;

    padding: 0 0 30px 45px;

    letter-spacing: 2px;

    background:url(../imgs/recruit/h4-txt-1.png) no-repeat;

    background-size: 100%;

}



.recruit #recruit-txt dd {

    font-size: 80%;

    line-height: 1.5em;

}





.recruit #recruit-txt p{

	padding:0 0 5px 0;

}



.recruit #recruit-txt span {

    padding: 20px 0 0 0;

    font-size: 90%;

}







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



JOBINFO



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



.recruit section#job {

	background:#000;

}



.recruit #job>h2{text-align:center}



.recruit #job-box{

    padding: 5px;

}



.recruit #job-box li{

    float: left;

    width: 25%;

    height: auto;

    position: relative;

}





.recruit #job-box li img {

    position: inherit;

    margin: auto;

    vertical-align: bottom;

}





.recruit #job-box img+img{

	bottom:0;

	left:0;

	margin:auto;

	position:absolute;

	right:0;

	top:0

}

}



@media(max-width:1023px){
	
.br {
	display:none;
}	
/*===========================================
HEADER
===========================================*/
.recruit #header{
	display:none;
}


.recruit #nav {
    position:fixed;
    right: 2%;
    z-index: 1;
    top: 3%;
}



.recruit nav {

    right: 0;

    left: inherit;

	padding:0 0 30px 0;

    box-sizing: border-box;

}



.recruit #pagetop {

    position: fixed;

    bottom: 0;

    right: 2%;

    padding: 0;

    cursor: pointer;

}



/*===========================================
FOOTER
===========================================*/
.recruit #footer{
	background:#333;
	overflow:hidden;
	padding: 30px 0;
}
.recruit #footer-txt{
	width: 100%;
	float: none;
	padding: 0 10px 20px 10px;
}



.recruit #footer-txt li{

    width: 20%;

    padding: 0 0 20px 0;

}



.recruit #footer-txt a{

	color:#fff;

    font-size: 70%;

}



.recruit #footer-txt a:hover {

	text-decoration:underline;

}



.recruit #footer-txt ul{

	float:left;

	margin-right:20px

}



.recruit #footer-txt li>a:before{content:"- "}



.recruit #footer-img{
    float: none;
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}



.recruit #footer-img h5 {

    text-align: center;

    padding: 0 0 50px 0;

    font-size: 140%;

    width: 90%;

    letter-spacing: 2px;

    border-top: 1px solid #ccc;

    margin: 30px auto 0;

    font-family: 'Roboto Condensed', sans-serif;

    letter-spacing: 10px;

}



.recruit #footer-img h5 span {

    position: absolute;

    top: 12%;

    left: 0;

    right: 0;

    background: #fff;

    width: 40%;

    margin: 0 auto;

}



.recruit #footer-img ul {
	text-align:center;
	margin:0;
	width:100%;
}
.recruit #footer-img li {
    width: 49%;
    border-right: none;
}

.recruit #copy{background:#000}

.recruit #copy>div{

    padding: 30px;

    text-align: center;

    color: #fff;

    letter-spacing: 2px;

    font-size: 90%;

}



/**/



.recruit h1::before{background:none}



/*===========================================
SLIDE
===========================================*/
.recruit #top{
	background:#000;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative
}

.recruit #top-img{
	display:block;
	opacity:0;
	-webkit-transform-origin:center center;
	transform-origin:center center;
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,transform 1s
}


.recruit #op-img-view{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)

}



.recruit #top p.strong {

    font-size: 1.2em;

    padding: 0 10px;

}



.recruit #strong{

	bottom:0;

	left:0;

	margin:auto;

	position:absolute;

	right:0;

	top:0

}



.recruit #scroll span {

    width:auto;

}



.recruit #scroll img {

    border: 2px solid #fff;

    border-radius: 20px;

	cursor:pointer;

}



/*===========================================
VOICE
===========================================*/
.recruit slick-slide slick-cloned {
	height:auto;
}


.recruit section.recruit #voice{
}
.recruit .voice_slider {
	width:100%;
	overflow:hidden;
	margin:0;
}
.recruit #voiceBox1 {
    float: left;
    padding: 0;
    background-size: 100%;
}



.recruit #voiceBox2 {

    float: left;

    padding: 0;

    background-size: 100%;

}



.recruit #voiceBox3 {

    float: left;

    padding: 0;

    background-size: 100%;

}



.recruit ul.voice_mg {

    width: 100%;

    margin: 20px auto 0;

    position: relative;

    top: 0;

}



.recruit ul.voice_mg li {

	width: 47%;

	height: auto;

	margin: 5px;

}



.recruit ul.voice_mg li img {

	vertical-align: bottom;

    transition:none;

}



.recruit ul.voice_mg li img:hover {

    transition:none;

	transform:none;

}



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

.recruit ul.voice_mg li dl.sp_name {

	display:block;

	padding: 10px;

}



.recruit ul.voice_mg li dl.sp_name dt {

    font-size: 0.7em;

    letter-spacing: 2px;

}



.recruit ul.voice_mg li dl.sp_name dd {

    font-size: 100%;

}



.recruit ul.voice_mg li dl.sp_name span {

    font-size: 70%;

}



.recruit ul.voice_mg li a {

	color:inherit;

}



.recruit ul.voice_mg li a:hover {

	text-decoration:none;

}









/*dot*/

.recruit ul.voice_mg  ul.slick-dots {

	position:relative;

	bottom:0;

}



.recruit ul.voice_mg  ul.slick-dots li {

	width:auto;

	height:auto;

	display:inline-block;

	float:none;

}



.recruit ul.voice_mg  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 ul.voice_mg  ul.slick-dots li.slick-active button {

	background:#000;

}



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



.recruit ul.voice_mg li a.more01 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more01:hover {

	background:none;

    transition:none;

}



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



.recruit ul.voice_mg li a.more02 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more02:hover {

	background:none;

    transition:none;

}



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



.recruit ul.voice_mg li a.more03 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more03:hover {

	background:none;

    transition:none;

}



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



.recruit ul.voice_mg li a.more04 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more04:hover {

	background:none;

    transition:none;

}





/*Store Manager---------------------*/
.recruit ul.voice_mg li a.more05 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more05:hover {

	background:none;

    transition:none;

}



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







.recruit #voice>h2{

	margin-bottom:30px;

	text-align:center

}



.recruit #voice-box{

	overflow:hidden;

    padding: 0;

    margin: auto;

    width: 80%;

    margin: 0 auto;

}



.recruit #voice-box>*{float:left}



.recruit #voice-img{width:45%}



.recruit #voice-txt{

    width: 100%;

    position: relative;

    right: inherit;

    top: inherit;

    margin: 40% 0 0 0;

}







.recruit #voice-txt>p{

    font-size: 80%;

    line-height: 2em;

    margin: 0 auto;

    width: 90%;

}



.recruit #voice-txt>*{

	margin: 50px 0 15px 0;

}



.recruit #voice-txt strong {

    margin: 25px auto 5px;

    width: 90%;

}





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



STAFF



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



.recruit #staff-back{

	background:#070707;

	padding-bottom:150px;

	overflow:hidden;

}



.recruit ul#tab_staff  {

	background:#fff;

	margin:0;

	overflow:hidden;

}





.recruit ul#tab_staff li.slick-slide.slick-active {

	background:#fff;

	color:#000;

}



.recruit ul#tab_staff li.slick-slide.slick-current.slick-active {

	background:#000;

	color:#fff;

}







.recruit .staff_content {

	clear:both;

	border-top:5px solid #000;

}



.recruit .staff_content ul {

    clear: both;

    margin: 20px auto 0;

    overflow: hidden;

    width: 80%;

}



.recruit .staff_content li {

	width:33.333%;

	float:left;

	opacity:1;

	overflow:hidden;

}



.recruit .staff_content li.director {

	display:none;

}



.recruit .staff_content li.assistant {

	display:none;

}





/********************************************/



.recruit .staff_content li a {

	position:relative;

	display:block;

}



.recruit .staff_content li a span {

	display:none;

    position: absolute;

    padding: 50px 50px 20px 50px;

    color: #fff;

    bottom: 3%;

    font-size: 90%;

    letter-spacing: 2px;

    line-height: 24px;

}



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



BRAND



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



.recruit #brand-back{

	padding:0;

}



.recruit #brand{

}



.recruit #brand>p{

    font-size: 90%;

    margin: 0 10px 20px 10px;

    width: auto;

}



.recruit #brand>h2{

	padding:50px;

}



.recruit #tab{

	width:100%;

	padding: 0 10px;

	box-sizing: border-box;

}





.recruit #tab li {

    border-radius: 0;

	margin:0 10px 10px 0;

	overflow:hidden;

}



.recruit #tab li:nth-child(2n) {

	margin: 0 0 10px 0;

}





.recruit #tab li p {

	width:40%;

	padding: 15px 0 10px 0;

}



.recruit #tab li dl {

	padding:0;

}



.recruit #tab li dt {

    font-size: 90%;

}



.recruit #tab li dd {

    font-size: 70%;

}



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



ACTIVITY



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



.recruit #activity p {

	font-size: 80%;

    line-height: 1.8em;

    text-align: left;



}



.recruit ul.activityBox {

    padding: 0 0 50px 0;

    width: 100%;

}



.recruit ul.activityBox li{

	width: 50%;

    margin: 0;

}





.recruit #inline-wrap,#inline-wrap02,#inline-wrap03,#inline-wrap04,#inline-wrap05,#inline-wrap06{

    width: 100%;

    padding: 20px;

}



.recruit .image {

	width: 100%;

	float: none;

	margin: 60px 0 0 0;

}



.recruit #inline-wrap dl,#inline-wrap02 dl,#inline-wrap03 dl,#inline-wrap04 dl,#inline-wrap05 dl,#inline-wrap06 dl {

	float: none;

	width: 100%;

}



.recruit #inline-wrap dt,#inline-wrap02 dt,#inline-wrap03 dt,#inline-wrap04 dt,#inline-wrap05 dt,#inline-wrap06 dt {

	font-size: 120%;

	letter-spacing: 2px;

	border-left: 3px solid #fff;

	padding: 0 0 0 10px;

	margin: 20px 0 0 0;

}



.recruit #inline-wrap dd,#inline-wrap02 dd,#inline-wrap03 dd,#inline-wrap04 dd,#inline-wrap05 dd,#inline-wrap06 dd {

    margin: 30px 0 10px 0;

    font-size: 80%;

}



.recruit .popup-modal-dismiss img {

    position: absolute;

    right: 2%;

    top: 2%;

}







/*+++++++++++++++++++++++++++++++++++++*/

.recruit a#thumnail {

    display: block;

    float: left;

    overflow: hidden;

    width:100%;

}

 

.recruit a#thumnail img {

    height: auto;

    -webkit-transition:all 0.25s ease-in-out;

    transition:all 0.25s ease-in-out;

    width: 100%;

    vertical-align: bottom;

}

 

.recruit figure {

    margin: 0;

    overflow: hidden;

    position: relative;

    text-align: center;

}

 

.recruit figcaption {

    background:#000;

	opacity:0.8;

    color: #FFF;

    opacity: 0;

    font-size:130%;

    position: absolute;

    text-align: center;

    -webkit-transition: all 0.25s ease-in-out;

    transition: all 0.25s ease-in-out;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    padding: 40% 0;

}

 

.recruit a:hover>figure img {

        transform: scale(1.10,1.10);

        -webkit-transform:scale(1.10,1.10);

        -moz-transform:scale(1.10,1.10);

        -ms-transform:scale(1.10,1.10);

        -o-transform:scale(1.10,1.10);

}

 

.recruit a:hover>figure figcaption {

    opacity:0.8;

}



.recruit figure figcaption span {

	display:block;

	font-size:90%;

	padding:0 0 10px 0;

}





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



RECRUIT



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







/**/



.recruit #recruit{

    background: url(../imgs/recruit/ttl_message-sp.png) no-repeat center top;

    padding: 60% 0 0 0;

    background-size: 80%;

	height:auto;

}



.recruit #recruit>h2{text-align:center;width: 80%;margin: 0 auto;}



.recruit #recruit>strong{

	display:block;

	margin:80px 0;

	text-align:center

}



/**/



#recruit-box{

    margin: 0 auto;

    width: 100%;

    overflow: hidden;

}



.recruit #recruit-img{

	float:left;

	width: 30%;

}



.recruit #recruit-img>div{

	color:#000;



	font-size:24px;

	line-height:2em

}



.recruit #recruit-txt{

    position: relative;

    width: 100%;

    padding: 0;

    right: 0;

    top: 0;

}



.recruit #recruit-txt dt {

    font-size: 100%;

    width: 100%;

    line-height: 1.5em;

    font-weight: bolder;

    padding: 10px;

    position: relative;

    letter-spacing: 2px;

    background: #DAE2E6;

    box-sizing: border-box;

}



.recruit #recruit-txt dd {

    font-size: 80%;

    line-height: 2em;

    padding: 15px;

    box-sizing: border-box;

}





.recruit #recruit-txt p{

	padding:0 0 5px 0;

}



.recruit #recruit-txt span {

    float: right;

    padding: 0 30px 0 0;

    font-size: 90%;

}





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



JOBINFO



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





.recruit #job-box{

    margin: 50px 0 0 0;

    padding: 0;

}



.recruit #job-box li{

    width: 50%;

    height: 310px;

    margin: 0;

}



.recruit #job-box li a {

	display:block;

	width:100%;

	height:100%;

}



.recruit #job-box li img {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

}





}



@media(max-width:767px){



.recruit .about_text {

	display:none;

}



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



HEADER



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



.recruit #header{

	display:none;

}



.recruit #nav {

    position:fixed;

    right: 2%;

    z-index: 1;

    top: 3%;

}



.recruit nav {

    right: 0;

    left: inherit;

	padding:0 0 30px 0;

    box-sizing: border-box;

}



.recruit #pagetop {

    position: fixed;

    bottom: 0;

    right: 2%;

    padding: 0;

    cursor: pointer;

}



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



FOOTER



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





.recruit #footer{

	background:#333;

	overflow:hidden;

	padding: 30px 0;

}





.recruit #footer-txt{

	width: 100%;

	float: none;

	padding: 0 10px 20px 10px;

}



.recruit #footer-txt li{

    display: inline-block;

    width: 32%;

    padding:0 0 20px 0;

    text-align: center;

}



.recruit #footer-txt a{

	color:#fff;

    font-size: 70%;

}



.recruit #footer-txt a:hover {

	text-decoration:underline;

}



.recruit #footer-txt ul{

	float:left;

	margin-right:20px

}



.recruit #footer-txt li>a:before{content:"- "}



.recruit #footer-img{

    float: none;

    overflow: hidden;

    width: 100%;

    background: #fff;

    padding: 10px;

    box-sizing: border-box;

    position: relative;

}



.recruit #footer-img h5 {

    text-align: center;

    padding: 0 0 50px 0;

    font-size: 140%;

    width: 90%;

    letter-spacing: 2px;

    border-top: 1px solid #ccc;

    margin: 30px auto 0;

    font-family: 'Roboto Condensed', sans-serif;

    letter-spacing: 10px;

}



.recruit #footer-img h5 span {

    position: absolute;

    top: 12%;

    left: 0;

    right: 0;

    background: #fff;

    width: 40%;

    margin: 0 auto;

}



.recruit #footer-img ul {

	text-align:center;

	margin:0;

	width:100%;

}



.recruit #footer-img li {

    width: 49%;

    border-right: none;

}



.recruit #copy{background:#000}



.recruit #copy>div{

    padding: 30px;

    text-align: center;

    color: #fff;

    letter-spacing: 2px;

    font-size: 90%;

}



/**/



.recruit h1::before{background:none}



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



SLIDE



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



.recruit #top p.strong {

    padding: 0;

    left: 0;

    right: 0;

    color: #fff;

    height: 90px;

    width: 90%;

    font-size: 1.3em;

    text-align: center;



}



.recruit #top-img{

	display:block;

	opacity:0;

	-webkit-transform-origin:center center;

	transform-origin:center center;

	-webkit-transform:scale(1.5);

	transform:scale(1.5);

	-webkit-transition:opacity 1s,-webkit-transform 1s;

	transition:opacity 1s,transform 1s

}



.recruit #op-img-view{

	opacity:1;

	-webkit-transform:scale(1);

	transform:scale(1)

}



.recruit #strong{

	bottom:0;

	left:0;

	margin:auto;

	position:absolute;

	right:0;

	top:0

}



.recruit #scroll{

position: absolute;

    top: inherit;

    text-align: center;

    bottom: 3%;

    left: 0;

    right: 0;

}



.recruit #scroll span {

    width:auto;

}



.recruit #scroll img {

    border: 2px solid #fff;

    border-radius: 20px;

	cursor:pointer;

}



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



VOICE



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





.recruit slick-slide slick-cloned {

	height:auto;

}



.recruit section.recruit #voice{

}







.recruit ul.voice_mg {width: 90%;}



.recruit ul.voice_mg li {

    width: 47%;

    height: auto;

    margin: 5px;

	float:none;

	display:inline-block;

}



.recruit ul.voice_mg li img {

	vertical-align: bottom;

    transition:none;

	width:100%;

}



.recruit ul.voice_mg li img:hover {

    transition:none;

	transform:none;

}



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



.recruit ul.voice_mg li dl.sp_name dt {

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 90%;

    letter-spacing: 2px;

}



.recruit ul.voice_mg 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 ul.voice_mg 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;

}



.recruit ul.voice_mg li a {

	color:inherit;

}



.recruit ul.voice_mg li a:hover {

	text-decoration:none;

}





.recruit ul.voice_mg li a.more07:hover {

	background:none;

}







/*dot*/

.recruit ul.voice_mg  ul.slick-dots {

	position:relative;

	bottom:0;

}



.recruit ul.voice_mg  ul.slick-dots li {

	width:auto;

	height:auto;

	display:inline-block;

	float:none;

}



.recruit ul.voice_mg  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 ul.voice_mg  ul.slick-dots li.slick-active button {

	background:#000;

}



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




.recruit ul.voice_mg li a.more01 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more01:hover {

	background:none;

    transition:none;

}



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



.recruit ul.voice_mg li a.more02 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more02:hover {

	background:none;

    transition:none;

}



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



.recruit ul.voice_mg li a.more03 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more03:hover {

	background:none;

    transition:none;

}



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



.recruit ul.voice_mg li a.more04 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more04:hover {

	background:none;

    transition:none;

}





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



.recruit ul.voice_mg li a.more05 {

	width:100%;

	height:auto;

	display:inline-block;

	background:none;

    transition:none;

}



.recruit ul.voice_mg li a.more05:hover {

	background:none;

    transition:none;

}



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







.recruit #voice>h2{

	margin-bottom:30px;

	text-align:center

}



.recruit #voice-box{

	overflow:hidden;

    padding: 0;

    margin: auto;

    width: 80%;

    margin: 0 auto;

}



.recruit #voice-box>*{float:left}



.recruit #voice-img{width:45%}



.recruit #voice-txt{

    width: 100%;

    position: relative;

    right: inherit;

    top: inherit;

	margin:55% 0 0 0;

}



.recruit #voice-txt strong {font-size: 1.2em;width: 90%;margin: 30px auto 0;}



.recruit #voice-txt>p{font-size: 0.75em;line-height: 2;margin:10px auto 0;width: 90%;letter-spacing: 0;}



.recruit #voice-txt>*{

	margin: 50px 0 15px 0;

}



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



STAFF



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



.recruit #staff-back{

	background:#070707;

	padding-bottom:150px;

	overflow:hidden;

}



.recruit ul#tab_staff li{

	width:auto;

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 130%;

    display: inline-block;

    padding:20px 30px;

    letter-spacing: 2px;

	cursor:pointer;

	text-align:center;

}



.recruit ul#tab_staff li:before {

}



.recruit ul#tab_staff li:after {

}



.recruit ul#tab_staff li.slick-slide.slick-active {

	background:#fff;

	color:#000;

}





.recruit .staff_content {

	clear:both;

	border-top:5px solid #000;

}



.recruit .staff_content ul {

    clear: both;

    margin: 20px auto 0;

    overflow: hidden;

    width: 80%;

}



.recruit .staff_content li {

	width:33.333%;

	float:left;

	opacity:1;

	overflow:hidden;

}



.recruit .staff_content li.director {

	display:none;

}



.recruit .staff_content li.assistant {

	display:none;

}





/********************************************/



.recruit .staff_content li a {

	position:relative;

	display:block;

}



.recruit .staff_content li a span {

	display:none;

    position: absolute;

    padding: 50px 50px 20px 50px;

    color: #fff;

    bottom: 3%;

    font-size: 90%;

    letter-spacing: 2px;

    line-height: 24px;

}



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



BRAND



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





.recruit #brand>p{font-size: 80%;line-height: 1.5em;text-align: left;width: 90%;margin: 0 auto 20px;}



.recruit #brand>h2{

	width:90%;

	padding:30px 0 20px 0;

}



.recruit #tab{

	padding:0;

}






.recruit #tab img.brand_left{

    width: 100%;

	margin:0 0 10px 0;

}



.recruit #tab img.brand_logo {

	width:auto;

}



.recruit #tab li {

    padding: 10px;

    margin: 0;

    width: 100%;

}



.recruit #tab li:nth-child(2n) {

	margin:0;

}



.recruit #tab .brand_right {

    width: 65%;

    margin: 0;

}





.recruit #tab li a {

	text-decoration:none;

	color:#000;

}



.recruit #tab li p {

	width:50%;

	padding: 15px 0 10px 0;

}



.recruit #tab li dl {

	padding:0;

	margin:5px 0 0 0;

}



.recruit #tab li dt {

    font-size: 90%;

}



.recruit #tab li dd {

    font-size: 70%;

}



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



ACTIVITY



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





.recruit ul.activityBox {

    padding: 0 0 50px 0;

    width: 100%;

}





.recruit #inline-wrap,#inline-wrap02,#inline-wrap03,#inline-wrap04,#inline-wrap05,#inline-wrap06{

    width: 100%;

    padding: 20px;

}



.recruit .image {

	width: 100%;

	float: none;

	margin: 60px 0 0 0;

}



.recruit #inline-wrap dl,#inline-wrap02 dl,#inline-wrap03 dl,#inline-wrap04 dl,#inline-wrap05 dl,#inline-wrap06 dl {

	float: none;

	width: 100%;

	margin:0;

}



.recruit #inline-wrap dt,#inline-wrap02 dt,#inline-wrap03 dt,#inline-wrap04 dt,#inline-wrap05 dt,#inline-wrap06 dt {

	font-size: 120%;

	letter-spacing: 0;

	border-left: 3px solid #fff;

	padding: 0 0 0 10px;

	margin: 20px 0 0 0;

}



.recruit #inline-wrap dd,#inline-wrap02 dd,#inline-wrap03 dd,#inline-wrap04 dd,#inline-wrap05 dd,#inline-wrap06 dd {

    margin: 30px 0 10px 0;

    font-size: 80%;

}



.recruit .popup-modal-dismiss img {

    position: absolute;

    right: 2%;

    top: 2%;

}







/*+++++++++++++++++++++++++++++++++++++*/

.recruit a#thumnail {

    display: block;

    float: left;

    overflow: hidden;

    width:100%;

}

 

.recruit a#thumnail img {

    height: auto;

    -webkit-transition:all 0.25s ease-in-out;

    transition:all 0.25s ease-in-out;

    width: 100%;

    vertical-align: bottom;

}

 

.recruit figure {

    margin: 0;

    overflow: hidden;

    position: relative;

    text-align: center;

}

 

.recruit figcaption {

    font-size: 90%;

    letter-spacing: 2px;

}

 

.recruit a:hover>figure img {

        transform:none;

}

 

.recruit a:hover>figure figcaption {

    opacity:0.8;

}



.recruit figure figcaption span {

	display:none;

}





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



RECRUIT



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







/**/



.recruit #recruit{

    background: url(../imgs/recruit/ttl_message-sp.png) no-repeat;

    height: auto;

	padding:78% 0 0 0;

	background-size:100%;

}



.recruit #recruit>h2{text-align:center;width: 80%;margin: 0 auto;}



.recruit #recruit>strong{

	display:block;

	margin:80px 0;

	text-align:center

}



/**/



#recruit-box{

    margin: 0 auto;

    width: 100%;

    overflow: hidden;

}



.recruit #recruit-img{

	float:left;

	width: 30%;

}



.recruit #recruit-img>div{

	color:#000;



	font-size:24px;

	line-height:2em

}



.recruit #recruit-txt{

    position: relative;

    width: 100%;

    padding: 0;

    right: 0;

    top: 0;

}



.recruit #recruit-txt dt {

    font-size: 100%;

    width: 100%;

    line-height: 1.5em;

    font-weight: bolder;

    padding: 10px;

    position: relative;

    letter-spacing: 2px;

    background: #DAE2E6;

    box-sizing: border-box;

}



.recruit #recruit-txt dd {

    font-size: 80%;

    line-height: 2em;

    padding: 15px;

    box-sizing: border-box;

}





.recruit #recruit-txt p{

	padding:0 0 5px 0;

}



.recruit #recruit-txt span {

    float: right;

    padding: 0 30px 0 0;

    font-size: 90%;

}





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



JOBINFO



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



.recruit #job>h2{text-align:center}



.recruit #job-box{

	padding: 0;

    margin: 50px 0 0 0;

}



.recruit #job-box li{

    width: 50%;

    height: auto;

    margin: 0;

    box-sizing: border-box;

}



.recruit #job-box li a {

	display:block;

	width:100%;

	height:100%;

}



.recruit #job-box li img {

    position:inherit;

	vertical-align:bottom;

}







.recruit #job-box img+img{

	bottom:0;

	left:0;

	margin:auto;

	position:absolute;

	right:0;

	top:0

}



}