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

/*TOPページ以外のハンバーガーメニュー*/
@media (max-width: 960px){
    .menu {
        background-color: #F37021;
    }
    .menu li {
        border-top: 1px solid #fff;
    }
    .menu a{
        color: #fff;
    }
}


.recruit{
    width: 100%;
    height: auto;
}

.recruit-1{
    max-width: 1200px;
    width: 90%;
    padding: 120px 0;
    margin: 0 auto;
}

.recruit-title h1{
    color: #F37021;
    text-align: center;
    font-size: 38px;
}

.recruit-content{
    width: 60%;
	max-width:600px;
    margin:50px auto 0 auto;
}
.recruit-content span{
    display:inline-block;
}
.recruit-content p{
	text-align:center;
    font-size: 20px;
	margin:10px auto;
}
/*ヘアカラー専門店で資格を活かして働きませんか？*/
.r-content-p2 p{
	margin:10px auto;
	color:#F37021;
	font-size:25px;
	font-weight:bold;
}
.r-content-p2 {
	width:85%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:30px auto 0 auto;
}
/*スラッシュ&バックスラッシュ*/
.r-content-p2::before,
.r-content-p2::after {
	content: '';
	width: 2px;
	height: 45px;
	background-color: #F37021;
}
.r-content-p2::before {
	margin-right: 20px;
	margin-bottom:-20px;
	transform: rotate(-32deg)
}
.r-content-p2::after {
	margin-left: 20px;
	margin-bottom:-20px;
	transform: rotate(32deg)
}
/*お近くの勤務地を探す*/
.recruit-btn{
	margin:20px auto 0 auto;
}
.recruit-btn a{
	display:block;
	width:100%;
	margin:auto;
	background-color:#F37021;
	padding:20px 0;
	text-align:center;
	color:#fff;
	font-size:20px;
	border:solid 2px #F37021;
	border-radius:50px;
}
.recruit-btn a:hover{
	background-color:#fff;
	color:#F37021;
}
@media (max-width: 960px){
.recruit-title h1{
        font-size: 32px;
}
.recruit-content{
    width: 70%;
}
.r-content-p2 p{
	font-size:20px;
}
	.r-content-p2 {
	width:90%;
	max-width:400px
}
	.recruit-btn{
	margin:15px auto 0 auto;
}
}

@media (max-width: 640px){
.recruit-1{
        padding: 90px 0;
    }
.recruit-content{
        width: 85%;
    }
.r-content-p2 p{
	font-size:17px;
}
.r-content-p2::before {
	margin-right: 15px;
	transform: rotate(-25deg)
}
.r-content-p2::after {
	margin-left: 15px;
	transform: rotate(25deg)
}
.recruit-btn a{
	padding:10px 0;
	font-size:18px;
}
}
@media(max-width:480px){
   .r-content-p2 {
	width:100%;
}
	.r-content-p2 p{
	font-size:15px;
}
}
@media (max-width: 390px){
    .recruit-title h1{
        font-size: 25px;
}
}