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

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 * RECRUITページレイアウトCSS
 * 
 * updata : 2019/2/5
 *
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */
/*--------------------------------------------------------------------------------
　RECRUIT COMMON STYLE
--------------------------------------------------------------------------------*/
.button_link {
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.button_link div {
}
.button_link a {
	margin: 0 5px;
	padding: 5px 20px;
	/*background: #d92170;*/
	background: #444;
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-family: 'Playfair Display', serif;
	display: block;
	border-radius: 6px;
}
@media screen and (max-width:640px) { 
.button_link a {
	margin: 0 5px;
	padding: 5px 10px;
	font-size: 12px;
}
}
@media screen and (max-width:959px) { 
.button_link a {
	margin: 0 5px;
	padding: 5px 10px;
	font-size: 12px;
}
}


/* coverImg slide02 */
#coverImg.slide02 {
	height: 812px;
}

#coverImg.slide02 li {
	height: 812px;
}

#coverImg.slide02 div.catchWrap {
	top: 45%;
	left: 0;
	margin: -7em 0 0;
	white-space: nowrap;
}

#coverImg.slide02 div.catchWrap .inner {
	box-sizing: border-box;
	text-align: left;
}

#coverImg.slide02 div.catchWrap .profile {
	font-size: 1.2em;
}

#coverImg.slide02 div.catchWrap .profile .namae {
	margin: 6px 0;
}

#coverImg.slide02 div.catchWrap .profile .namae span {
	padding: 0 0.5em 0 0;
	font-size: 1.87em;
}

#coverImg.slide02.rgt div.catchWrap {
	margin: 0;
}
#coverImg.slide02.btm div.catchWrap {
	top: auto;
	bottom: 10%;
}
#coverImg.slide02.rgt div.catchWrap .inner {
	padding: 0 0 0 50%;
}
#coverImg.slide02.btm2 div.catchWrap {
	top: auto;
	bottom: 17%;
	margin: 0;
}
#coverImg div.catchWrap.manager p.catchTxt {
	margin: 30px 0;
	font-size: 24px;
	letter-spacing: 0;
}
#coverImg.bg_pink {
	background: #d92170;
}

.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}

@media screen and (max-width:640px) {
	#coverImg div.catchWrap.manager {
		width: 100%;
		bottom: 0;
		}
	#coverImg.slide02.mv01.lgt div.catchWrap.manager .inner {
		max-width: 100%;
		padding: 20px 0;
		background: #d92170;
		text-align: center;
		float: none;
	}
	#coverImg.slide02.mv01.lgt div.catchWrap.manager .inner h2 {
	}
        #coverImg.slide02.rgt div.catchWrap .inner {
	padding: 0 !important;
}
}


@media screen and (min-width:641px) and (max-width:959px) {
	#coverImg div.catchWrap.manager h2 {
		font-size: 18px;
	}
	#coverImg div.catchWrap.manager p.catchTxt.f_mincho {
	margin: 30px 0;
	font-size: 20px;
	letter-spacing: 0;
	}
}

/* end - coverImg slide02 */


/* txtFrame */
section > .txtFrame .inner {
	overflow: hidden;
	margin: 2.3% auto 6%;
	max-width: 720px;
}
/* end - txtFrame */


.recluitTtl{
    margin: 8% auto 5%;
    text-align: center;

	
}
.recluitTtl strong{
    font-size:1.7rem;
    font-family: 'Archivo', sans-serif;
    font-weight: bold;
    text-align: center;
	border-left: 4px solid #333;
	border-right: 4px solid #333;
	padding: 0 30px;
	
}
.recluitTtl span{
	display: block;
    font-size: 1.0rem;
    margin: 1.5% auto 7%;	
}
/* salon Section */

.salonSection ul{
    margin: 6% auto 5%;
}
.salonSection li.box{
	width: 30%;
	float: left;
	margin: 0 1.5%;
}
.salonSection li.box img{
	width: 40%;
	margin: 17% auto;
}
.salonSection li.box01{
	background:url(../recruit/img/stylist/img-shop01.jpg) no-repeat center center;
	background-size: 100%;
}
.salonSection li.box02{
	background:url(../recruit/img/stylist/img-shop02.jpg) no-repeat center center;
	background-size: 100%;
}
.salonSection li.box03{
	background:url(../recruit/img/stylist/img-shop03.jpg) no-repeat center center;
	background-size: 100%;
}
/* work Section */
.workSection ul{
    margin: 6% auto 5%;
}
.workSection li{
	width: 25%;
	float: left;
}
.workSection .catch_l + p {
    margin: 3% auto 5%;
    max-width: 730px;
    text-align: left;
}
/* feature Section */
.featureSection .boxArea{
    margin: 6% auto 5%;
}
.featureSection .boxArea .box{
	width: 46%;
	float: left;
	margin: 2%;
	background: #fff;
}
.featureSection .boxArea .box .img{
	z-index: 0;
}
.featureSection .boxArea .box .txt{
	padding: 0 8% 7% 8%;
}
.featureSection .boxArea .box .txt span{
	background: #000;
	color: #fff;
	display: block;
	font-size: 1.2rem;
	margin: -20px auto 0 auto;
	padding: 3px 10px;
	text-align: center;
	width: 38%;
	z-index: 1;
} 
.featureSection .boxArea .box .txt h4{
	font-size: 1.5rem;
	margin: 5% auto;
}

/* interview Section */
.interviewSection .innerWrap {
    display: table;
    overflow: hidden;
    width: 100%;
}
.interviewSection .textArea {
    box-sizing: border-box;
    width: 41.28%;
    display: table-cell;
    color: #fff;
    text-align: center;
    vertical-align: middle;
	padding: 10% 0;
}
.interviewSection .textArea .ttlArea{
    display: inline-block;
    text-align: left;
    width: 80%;
}
.interviewSection .innerWrap .imgArea {
    background: url(../recruit/img/stylist/img-interview01.jpg) no-repeat 0 0;
    background-size: cover;
}

.interviewSection .innerWrap .imgArea {
    display: table-cell;
    width: 58.72%;
}
.interviewSection .textArea .lead {
    letter-spacing: -0.1em;
    margin: 8% auto;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.5;
}
.interviewSection .textArea .more a{
	border-bottom: 2px solid #999999;
	color: #999999;
	display: block;
	width: 25%;
	margin-top: 8%;

}



/* interview Section */
.interviewSection .box {
	margin: 0 auto 5%;
	background: #fff;
}

.interviewSection .box:first-of-type {
	margin: 6% auto 5%;
}

.interviewSection .box:last-of-type {
	margin: 0 auto 9%;
}

.interviewSection .box .td {
	width: 50%;
}

.interviewSection .box .txt {
	padding: 2% 6%;
	vertical-align: middle;
}

.interviewSection .box .txt .head {
	margin: 0 0 10%;
	padding: 0 0 5%;
	border-bottom: 1px solid #000;
	font-weight: bold;
	font-size: 1.7em;
	line-height: 1.5;
}

.interviewSection .box .img {
	position: relative;
	width: 40%;
}

.interviewSection .box .img:before {
	content: "";
	display: block;
	/*padding: 101.7% 0 0;*/
	padding: 100% 0 0;
	height: 0;
}
.interviewSection .box .img .profile {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 5% 8%;
	background: rgba(0,0,0,.4);
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}

.interviewSection .box .img .profile .namae {
	margin: 6px 0;
}

.interviewSection .box .img .profile .namae span {
	padding: 0 0.5em 0 0;
	font-size: 1.87em;
}

/* OWNER */
.pg_owner .interviewSection .box.interview01 .img {
	background: url(../recruit/img/owner_interview01.jpg) no-repeat center 0;
	background-size: cover;
}

.pg_owner .interviewSection .box.interview02 .img {
	background: url(../recruit/img/owner_interview02.png) no-repeat center 0;
	background-size: cover;
}
.pg_owner .interviewSection .box.interview03 .img {
	background: url(../recruit/img/owner_interview03.jpg) no-repeat center 0;
	background-size: cover;
}

/* EYELIST */
.pg_eyelist .interviewSection .box.interview01 .img {
	background: url(../recruit/img/eyelist/eyelist_interview01.png) no-repeat center 0;
	background-size: cover;
}

.pg_eyelist .interviewSection .box.interview02 .img {
	background: url(../recruit/img/eyelist/eyelist_interview02.png) no-repeat center 0;
	background-size: cover;
}
.pg_eyelist .interviewSection .box.interview03 .img {
	background: url(../recruit/img/eyelist/eyelist_interview03.jpg) no-repeat center 0;
	background-size: cover;
}
.pg_eyelist .interviewSection .box.interview04 .img {
	background: url(../recruit/img/eyelist/eyelist_interview04.jpg) no-repeat center 0;
	background-size: cover;
}
.pg_eyelist .interviewSection .box.interview05 .img {
	background: url(../recruit/img/eyelist/eyelist_interview05.jpg) no-repeat center 0;
	background-size: cover;
}
.pg_eyelist .interviewSection .box.interview06 .img {
	background: url(../recruit/img/eyelist/eyelist_interview06.jpg) no-repeat center 0;
	background-size: cover;
}


/* NAILIST */
.pg_nailist .interviewSection .box.interview01 .img {
	background: url(../recruit/img/nailist_interview01.jpg) no-repeat center 0;
	background-size: cover;
}

.pg_nailist .interviewSection .box.interview02 .img {
	background: url(../recruit/img/nailist_interview02.jpg) no-repeat center 0;
	background-size: cover;
}
.pg_nailist .interviewSection .box.interview03 .img {
	background: url(../recruit/img/nailist_interview03.png) no-repeat center 0;
	background-size: cover;
}

/* RECEPTION */
.pg_reception .interviewSection .box.interview01 .img {
	background: url(../recruit/img/reception_interview01.png) no-repeat center 0;
	background-size: cover;
}

.pg_reception .interviewSection .box.interview02 .img {
	background: url(../recruit/img/reception_interview02.png) no-repeat center 0;
	background-size: cover;
}
.pg_reception .interviewSection .box.interview03 .img {
	background: url(../recruit/img/reception_interview03.png) no-repeat center 0;
	background-size: cover;
}


/* STYLIST */
.pg_stylist .interviewSection .box.interview01 .img {
	background: url(../recruit/img/stylist/stylist_interview01.png) no-repeat center 0;
	background-size: cover;
}

.pg_stylist .interviewSection .box.interview02 .img {
	background: url(../recruit/img/stylist/stylist_interview02.png) no-repeat center 0;
	background-size: cover;
}
.pg_stylist .interviewSection .box.interview03 .img {
	background: url(../recruit/img/stylist/stylist_interview03.png) no-repeat center 0;
	background-size: cover;
}
.pg_stylist .interviewSection .box.interview04 .img {
	background: url(../recruit/img/stylist/stylist_interview04.png) no-repeat center 0;
	background-size: cover;
}

.pg_stylist .interviewSection .box.interview05 .img {
	background: url(../recruit/img/stylist/stylist_interview05.jpg) no-repeat center 0;
	background-size: cover;
}

.bg_white .bg {
	margin: 20px auto;
	padding: 30px;
	text-align: center;
}
.bg_white .bg strong {
	margin-bottom: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 18px;
	display: block;
}
.bg_white .bg .btn02 {
	width: 400px;
	padding: 30px;
	font-size: 18px;
	background: #d72771;
}
.bg_white i.fa-chevron-down {
	display: block;
	font-size: 40px;
	text-align: center;
	color: #ddd;
}
.bg_white h4 {
	width: 200px;
	margin: 20px 0;
	padding: 10px;
	background: #000;
	color: #fff;
	text-align: center;
}
.bg_white .bg .box {
	background: #fff;
}
.inner .btn01 {
	line-height: 1.3em;
}
@media screen and (max-width:640px) {
.bg_white .bg {
	margin: 10px auto;
	text-align: left;
}
.bg_white .bg .btn02 {
	width: 100%;
	padding: 20px;
}
.inner .btn01 span {
	font-size: 12px;
}
}


/* end - interview Section */

/* recruitInfo Section */
.recruitInfoSection h3 {
	margin: 0 0 3%;
	padding: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size: 1.5em;
	text-align: center;
}

.recruitInfoSection .table {
	display: table;
	width: 100%;
}

.recruitInfoSection .table .tr {
	display: table-row;
}

.recruitInfoSection .table .th,
.recruitInfoSection .table .td {
	display: table-cell;
	padding: 15px;
	border-bottom: 1px dotted #b4b4b4;
}

.recruitInfoSection .table .tr:last-child .th,
.recruitInfoSection .table .tr:last-child .td {
	border-bottom: 0;
}

.recruitInfoSection .table .th {
	width: 15%;
}

.recruitInfoSection .table .td {
}

/* end - recruitInfo Section */


/* support, style .pointFrame */
.pointFrame {
	margin: 5% -30px;
	width: initial !important;
	border-spacing: 30px 0;
}

.pointFrame .box {
	position: relative;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.12);
}

.pointFrame .box .txt {
	margin: 0 auto;
	padding: 15px 5% 10%;
	max-width: 282px;
	line-height: 1.7;
}

.pointFrame .box .title {
	position: relative;
	margin: 0 auto 20px;
	padding: 0 0 13px;
	font-size: 1.15em;
	border-bottom: 3px solid #d92170;
	line-height: 1.3;
	text-align: center;
}

.pointFrame .box .title .condensed {
	letter-spacing: -0.25em;
	padding: 0 0.18em 0 0;
}

.pointFrame .box .title:before {
	content: "";
	display: block;
	margin: 5px auto 7px;
	width: 64px;
	height: 20px;
	background: url(../recruit/img/ico_point.png) no-repeat center 0;
}

.pointFrame .box:nth-of-type(2) .title:before {
	background-position: 0 -20px;
}

.pointFrame .box:nth-of-type(3) .title:before {
	background-position: 0 -40px;
}

.pointFrame .box .title > span {
	display: block;
	margin: 6px auto 0;
	font-size: 1.4em;
}

.pointFrame .box .txt p {
	font-size: 0.9em;
}

/*--------------------------------------------------------------------------------
　INDEX PAGE STYLE
--------------------------------------------------------------------------------*/
/********************** .introSection **********************/
.pg_index .introSection .catch_l {
	margin: 10% auto 0;
}

.pg_index .introSection .catch_l + p {
	margin: 1.5% auto 4%;
}

.pg_index .introSection .categoryList {
	margin-left: -1.1%;
	margin-right: -1.1%;
	width: 102.2%;
}

.pg_index .introSection .categoryList .td {
	position: relative;
	padding: 7% 1.1%;
	vertical-align: middle;
}

.pg_index .introSection .categoryList .td:before {
	content: "";
	display: block;
	height: 0;
	padding: 90% 0 0;
	background-color: #d92170;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	top: 0;
	left: 50%;
	margin: -45% 0 0 -45%;
	margin: 0 0 0 -45%;
	width: 90%;
}

.pg_index .introSection .categoryList .td p {
	position: relative;
	line-height: 1.24;
	color: #fff;
	z-index: 1;
}

.pg_index .introSection .categoryList .td p span {
	display: block;
	margin: 0 0 8px;
	font-size: 2.1em;
	font-size: 2.3vw;
	font-weight: bold;
}

@media screen and (min-width: 1400px) {
	.pg_index .introSection .categoryList .td p span {
		font-size: 2.1em;
	}
}

/********************** .workStyle **********************/
.pg_index .workStyleSection .categoryList {
	margin: 0 auto;
	max-width: 990px;
}

.pg_index .workStyleSection .categoryList li {
	margin: 0 1.5% 3%;
	border: 1px solid #000;
	background: #000;
}

.pg_index .workStyleSection .categoryList li img {
	display: block;
	margin: 13% auto;
}

.pg_index .workStyleSection .categoryList li p {
	padding: 15px 0;
	font-size: 1.2em;
	font-weight: bold;
	background: #fff;
	text-align: center;
}

.pg_index .workStyleSection .categoryList li p:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -2px;
	margin: 0 10px 0 0;
	width: 25px;
	height: 20px;
	background: url(../recruit/img/ico_check.png) no-repeat 0 0;
	vertical-align: middle;
}


/********************** .synergySection, .ownerSection **********************/
.pg_index .synergySection .innerWrap,
.pg_index .ownerSection .innerWrap {
	display: table;
	overflow: hidden;
	width: 100%;
}

.pg_index .synergySection .textArea,
.pg_index .ownerSection .textArea {
	box-sizing: border-box;
	width: 41.28%;
	display: table-cell;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.pg_index .synergySection .textArea .ttlArea,
.pg_index .ownerSection .textArea .ttlArea {
	display: inline-block;
	text-align: left;
	width: 80%;
}

.pg_index .synergySection .textArea .head,
.pg_index .ownerSection .textArea .head {
	font-size: 1.4rem;
	font-weight: normal;
}

.pg_index .synergySection .textArea .lead,
.pg_index .ownerSection .textArea .lead {
	margin: 8% auto;
	font-size: 2.2rem;/*1.6*/
	font-weight: normal;
	line-height: 1.5;
}

.pg_index .synergySection .textArea .lead {
	letter-spacing: -0.1em;
}

.pg_index .synergySection .textArea .more a,
.pg_index .ownerSection .textArea .more a {
	border-bottom: 2px solid #999999;
	color: #999999;
	display: block;
	width: 25%;
	margin-top: 8%;
}

.pg_index .synergySection .innerWrap .imgArea,
.pg_index .ownerSection .innerWrap .imgArea {
	display: table-cell;
	width: 58.72%;
}

.pg_index .synergySection .innerWrap .imgArea:before,
.pg_index .ownerSection .innerWrap .imgArea:before {
	content: "";
	display: block;
	height: 0;
	padding: 71.89% 0 0;
}

.pg_index .synergySection .innerWrap .imgArea {
	background: url(../recruit/img/index_synergy.jpg) no-repeat 0 0;
	background-size: cover;
}

.pg_index .ownerSection .innerWrap .imgArea {
	background: url(../recruit/img/index_owner.png) no-repeat 0 0;
	background-size: cover;
}

/********************** .interviewLinktSection **********************/
.pg_index .interviewLinkSection {
	padding: 4% 0;
}

.pg_index .interviewLinkSection .categoryList li p {
	padding: 35% 0 28%;
	border: 1px solid #dbdbdb;
}

.pg_index .interviewLinkSection .categoryList li p span {
	display: block;
	margin: 0 0 8px;
	font-size: 2.3vw;
	font-weight: bold;
}

@media screen and (min-width: 1400px) {
	.pg_index .interviewLinkSection .categoryList li p span {
		font-size: 2em;
	}
}

.pg_index .interviewLinkSection .categoryList li a {
	display: inline-block;
	margin: 10% auto 0;
	padding: 0 10px 3px;
	width: auto;
	font-size: 0.9em;
	font-weight: bold;
	color: #6d6d6d;
	border-bottom: 2px solid #6d6d6d;
}


/********************** .careerDesignSection **********************/
.pg_index .careerDesignSection .careerDesignFrame .box-inner {
	display: block;
	position: relative;
}

.pg_index .careerDesignSection .careerDesignFrame .box-inner:before {
	content: "";
	display: block;
	height: 0;
	padding: 100% 0 0;
}

.pg_index .careerDesignSection .careerDesignFrame .txt {
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	margin: 24% auto 0;
	padding: 0 10%;
	width: 100%;
}

.pg_index .careerDesignSection .careerDesignFrame h4 {
	margin: 0 0 12%;
	padding: 0 0 6%;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.pg_index .careerDesignSection .careerDesignFrame h4 span {
	display: block;
	margin: 0 0 5px;
	font-size: 2.3vw;
	font-weight: bold;
}

@media screen and (min-width: 1400px) {
	.pg_index .careerDesignSection .careerDesignFrame h4 span {
		font-size: 2.4em;
	}
}

/*--------------------------------------------------------------------------------
　OWNER PAGE STYLE
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
　STYLE PAGE STYLE
--------------------------------------------------------------------------------*/
/********************** .introSection **********************/
.pg_style .introSection img.historyTable {
	margin: 8% auto;
	max-width: 100%;
}

/********************** .styleSection **********************/
.pg_style .styleSection {
	position: relative;
}

.pg_style .styleSection .styleFrame:before {
	content: "";
	display: block;
	/*padding: 52% 0 0;*/
	padding: 42% 0 0;
	height: 0;
}

.pg_style .styleSection .styleWrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.pg_style .styleSection .styleWrap .inner {
	/*margin: 12% auto 0;*/
	margin: 8% auto 0;
}

.pg_style .styleSection .styleWrap .txtBox {
	box-sizing: border-box;
	/*max-width: 460px;*/
	max-width: 560px;
}

.pg_style .styleSection.style02 .styleWrap .txtBox {
	color: #fff;
	float: right;
}
.pg_style .styleSection.style03 .styleWrap .txtBox {
	color: #fff;
}

.pg_style .styleSection .styleWrap h3 {
	overflow: hidden;
	position: relative;
	margin: 0 0 35px;
	padding: 0 0 0 67px;
	width: 284px;
	height: 57px;
	line-height: 60px;
	font-size: 1.86em;
	color: #fff;
	background: url(../recruit/img/style_poing_bg.png) no-repeat 0 0;
}

.pg_style .styleSection.style03 .styleWrap h3 {
	padding: 0 0 0 57px;
	width: 396px;
	background: url(../recruit/img/style_poing_bg_l.png) no-repeat 0 0;
}

.pg_style .styleSection.style03 .styleWrap h3 .condensed {
	letter-spacing: -0.12em;
}

.pg_style .styleSection .styleWrap h3:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 10px;
	overflow: hidden;
	margin: -20px 0 0 0;
	width: 42px;
	height: 40px;
	background: url(../recruit/img/style_ico_number.png) no-repeat 0 0;
}

.pg_style .styleSection.style02 .styleWrap h3:before {
	background-position: 0 -40px;
}

.pg_style .styleSection.style03 .styleWrap h3:before {
	background-position: 0 -80px;
}

.pg_style .styleSection .styleWrap .lead {
	margin: 0 0 20px;
	font-size: 2.26em;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: -0.07em;
}
.pg_style .styleSection .styleWrap .lead.ls {
	letter-spacing: 0;
}

.pg_style .styleSection .styleWrap .lead span {
	display: block;
	font-size: 0.83em;
}

.pg_style .styleSection.style01 .styleFrame {
	background: url(../recruit/img/style01_mv.jpg) no-repeat center 0;
	background-size: cover;
}

.pg_style .styleSection.style02 .styleFrame {
	background: url(../recruit/img/style02_mv.jpg) no-repeat center 0;
	background-size: cover;
}

.pg_style .styleSection.style03 .styleFrame {
	background: url(../recruit/img/style03_mv.jpg) no-repeat center bottom;
	background-size: cover;
}

.pg_style .styleSection .pointFrame {
	margin-bottom: 8%;
}

.pg_style .styleSection .pointFrame .box {
	box-shadow: none;
}

.pg_style .styleSection .pointFrame .box .title {
	font-size: 1.5em;
}

.pg_style .styleSection .pointFrame .box .title > span {
	display: inline;
	font-size: 1em;
}

.pg_style .styleSection .pointFrame .box .title .condensed {
	padding: 0;
}

.pg_style .styleSection.style01 .pointFrame .box:nth-of-type(3) .title .condensed {
	letter-spacing: -0.17em;
}

.pg_style .styleSection.style02 .pointFrame .box:nth-of-type(1) .title .condensed {
	letter-spacing: -0.07em;
}

/*--------------------------------------------------------------------------------
　SKILL PAGE STYLE
--------------------------------------------------------------------------------*/
.pg_skill .introSection {
	border-bottom: 1px solid #e2e2e2;

}

.pg_skill .introSection .historyFrame {
	margin: 0 auto 9%;
	max-width: 886px;
}

.pg_skill .introSection .historyFrame .box {
	position: relative;
	clear: both;
	margin: 0 auto 30px;
}

.pg_skill .introSection .historyFrame h4 {
	position: relative;
	margin: 0 auto;
	width: 240px;
	color: #fff;
	font-size: 0.84em;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
}

.pg_skill .introSection .historyFrame .box:nth-child(1) h4 {
	color: #000;
}

.pg_skill .introSection .historyFrame .box h4:before {
	content: "";
	display: block;
	padding: 100% 0 0;
	height: 0;
	border-radius: 100%;
}

.pg_skill .introSection .historyFrame h4 > span {
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 37% 0 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.pg_skill .introSection .historyFrame .box:nth-child(3) h4 > span,
.pg_skill .introSection .historyFrame .box:nth-child(4) h4 > span {
	padding: 40% 0 0;
}

.pg_skill .introSection .historyFrame h4 .f_mincho {
	display: block;
	margin: 0 0 5px;
	font-size: 2.4em;
	font-weight: bold;
}

.pg_skill .introSection .historyFrame .box:nth-of-type(1) h4:before {
	background-color:#d5d5d5;
}

.pg_skill .introSection .historyFrame .box:nth-of-type(2) h4:before {
	background-color:#a4a4a4;
}

.pg_skill .introSection .historyFrame .box:nth-of-type(3) h4:before {
	background-color:#aeaeae;
}

.pg_skill .introSection .historyFrame .box:nth-of-type(4) h4:before {
	background-color:#d33c7d;
}

.pg_skill .introSection .historyFrame .box .txt {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 40px 0 0;
	max-width: 280px;
}

.pg_skill .introSection .historyFrame .box:nth-child(odd) .txt {
	padding: 0 0 0 40px;
	left: auto;
	right: 0;
}

.pg_skill .introSection .historyFrame .box .txt .head {
	margin: -15% 0 15px;
	font-size: 1.22em;
	font-weight: bold;
}

.pg_skill .introSection .historyFrame .box .txt .detail {
	line-height: 1.7;
	font-size: 0.9em;
}


.pg_skill .introSection .historyFrame .box h4:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -45px;
	width: 45px;
	height: 1px;
	background: #d8d8d8;
}

.pg_skill .introSection .historyFrame .box:nth-child(odd) h4:after {
	content: "";
	position: absolute;
	top: 50%;
	left: auto;
	right: -45px;
	width: 45px;
	height: 1px;
	background: #d8d8d8;
}

.pg_skill .introSection .historyFrame .box .txt:before {
	content: "";
	display: block;
	position: absolute;
	top: -14px;
	right: -4px;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	border: 2px solid #a7c9e4;
	box-shadow: inset 0 0 0 2px #fff;
	background: #8aacc7;
}

.pg_skill .introSection .historyFrame .box:nth-child(odd) .txt:before {
	right: auto;
	left: -4px;
}

/********************** .jobSection **********************/
.pg_skill .jobSection {
	padding: 0 0 5%;
}

.pg_skill .jobSection img.jobTable {
	max-width: 100%;
}

/********************** .brandSection **********************/
.pg_skill .brandSection {
	padding: 0 0 5%;

}

.pg_skill .brandSection .brandList {
	margin: 6% auto;
}

.pg_skill .brandSection .brandList .box {
}

.pg_skill .brandSection .brandList .box-inner {
	position: relative;
	background: #fff;
}

.pg_skill .brandSection .brandList .box-inner h4 {
	box-sizing: border-box;
	font-weight: normal;
	padding: 4% 0;
	line-height: 1.2;
}

.pg_skill .brandSection .brandList .box h4 span {
	display: block;
	font-size: 1.8em;
	font-weight: bold;
}

.pg_skill .brandSection .brandList .box-inner .img {
	padding: 10% 0;
}

.pg_skill .brandSection .brandList .box-inner .img img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.pg_skill .brandSection .brandList .box .txt {
	margin: 5.5% 5% 0;
	color: #fff;
	font-size: 0.92em;
	line-height: 1.7;
	text-align: left;
}

/********************** .curriculmSection **********************/
.pg_skill .curriculmSection .ttl.type2 + .sub {
	margin: 1.5% auto 4.5%;
}

.pg_skill .curriculmSection .head {
	margin: 4.5% auto 3% !important;
	padding: 20px 10px;
	font-size: 1.8em;
}

.pg_skill .curriculmSection .tableWrap {
	overflow: auto;
}

.pg_skill .curriculmSection .tableWrap .bx {
	overflow: hidden;
	width: 1164px;
}

.pg_skill .curriculmSection .tableWrap table {
	font-size: 11px;
	line-height: 1.4;
	margin: 0 -9px 0 -25px;
	background-image: linear-gradient(to right, #c5c5c5 0.05em, transparent 0.05em);
	background-size: 7.692% 100%;
	position: relative;
}

.pg_skill .curriculmSection .tableWrap table tbody tr {
	border-top: 1px solid #969696;
}

.pg_skill .curriculmSection .tableWrap table th,
.pg_skill .curriculmSection .tableWrap table td {
	padding: 10px 3px;
	width: 7.692%;
	background: url(../recruit/img/bg_table.png) repeat 0 0;
}

.pg_skill .curriculmSection .tableWrap table .font_xl {
	font-size: 32px;
}

.pg_skill .curriculmSection .tableWrap table .font_l {
	font-size: 18px;
}

.pg_skill .curriculmSection .tableWrap table .font_s {
	font-size: 11px;
}

.pg_skill .curriculmSection .tableWrap table .font_xs {
	font-size: 10px;
}

.pg_skill .curriculmSection .tableWrap table th {
	font-weight: normal;
	line-height: 1;
}

.pg_skill .curriculmSection .tableWrap table th span.font_xs {
	display: block;
}

.pg_skill .curriculmSection .tableWrap table thead th {
	font-size: 32px;
}

.pg_skill .curriculmSection .tableWrap table thead th {
	font-size: 32px;
}

.pg_skill .curriculmSection .tableWrap table th:first-child {
	padding: 10px 3px 10px 25px;
	box-shadow: inset 0 0 0 2px #fff;
	border-right: 1px dotted #c5c5c5;
}

.pg_skill .curriculmSection .tableWrap table thead th:last-child,
.pg_skill .curriculmSection .tableWrap table td:last-child  {
	border-right: 2px solid white;
}

.pg_skill .curriculmSection .tableWrap table tbody th {
	background: #e1d8c6;
	box-shadow: inset -2px 0 0 2px #fff;
	vertical-align: middle;
}

.pg_skill .curriculmSection .tableWrap table tbody th span.font_xs {
	color: #8d7b5e;
}

.pg_skill .curriculmSection .tableWrap table .box,
.pg_skill .curriculmSection .tableWrap table .box2,
.pg_skill .curriculmSection .tableWrap table .box3,
.pg_skill .curriculmSection .tableWrap table .box4 {
	display: block;
	margin: 0 0 10px;
	padding: 3px 1px;
	letter-spacing: -0.5px;
	line-height: 1.2;
	text-align: center;
}

.pg_skill .curriculmSection .tableWrap table .box {
	background: #575857;
	color: #fff;
}

.pg_skill .curriculmSection .tableWrap table .box2 {
	background: #dbdad4;
}

.pg_skill .curriculmSection .tableWrap table .box3 {
	margin: 0 auto;
}

.pg_skill .curriculmSection .tableWrap table .box3 span {
	display: block;
	margin: 0 auto;
	padding: 2px;
	max-width: 210px;
	background: #fff;
	border: 1px solid #575857;
	border-radius: 12px;
	text-align: center;
}
.pg_skill .curriculmSection .tableWrap table .box4 {
	background: #f0eba1;
}

.pg_skill .curriculmSection .tableWrap table .box3:after {
	content: "";
	display: block;
	margin: 2px auto 0;
	width: 86px;
	height: 8px;
	background: url(../recruit/img/bg_box3.png) no-repeat center 0;
}
/*--------------------------------------------------------------------------------
　SUPPORT PAGE STYLE
--------------------------------------------------------------------------------*/
/********************** .introSection **********************/
.pg_support .introSection .meritList {
	margin: 4% auto 7%;
	width: 102.2%;
	max-width: 894px;
}

.pg_support .introSection .meritList .td {
	position: relative;
	padding: 0 1.1%;
	vertical-align: top;
}

.pg_support .introSection .meritList .td .head:before {
	content: "";
	display: block;
	height: 0;
	padding: 100% 0 0;
	background-color: #d92170;
	border-radius: 100%;
}

.pg_support .introSection .meritList .td p {
	position: relative;
	z-index: 1;
}

.pg_support .introSection .meritList .td .head {
	line-height: 1.4;
	font-size: 2.3vw;
	color: #fff;
	position:relative;
}

.pg_support .introSection .meritList .td .head span {
	display: block;
	position: absolute;
	margin: 39% auto;
	top:0;
	width: 100%;
	text-align: center;
}

@media screen and (min-width: 1400px) {
	.pg_support .introSection .meritList .td .head {
		font-size: 2.1em;
	}
}

.pg_support .introSection .meritList .td .txt {
	padding: 5% 10% 0;
	line-height: 1.4;
	text-align: left;
}


/********************** .supportSection **********************/
.pg_support .supportSection {
	padding: 0 0 3.5%;
}

.pg_support .supportSection .styleFrame .ttl {
	margin: 8% auto 0.5%;
}

.pg_support .supportSection .styleFrame .ttl + .sub {
	margin: 0 auto;
}

.pg_support .supportSection .styleFrame .mv {
	margin: 3.5% auto;
}

.pg_support .supportSection .styleFrame .mv .txtWrap {
	margin: 0 auto;
	padding: 4% 0;
	max-width: 620px;
}

.pg_support .supportSection .styleFrame .mv .txtWrap .lead {
	margin: 0 auto 3.5%;
	font-size: 1.5em;
	line-height: 1.6;
}

.pg_support .supportSection .styleFrame .mv .txtWrap .lead span {
	display: block;
	font-size: 1.5em;
}

.pg_support .supportSection.support02 .pointFrame .box:nth-child(2) .title > span {
	letter-spacing: -0.08em;
}

.pg_support .supportSection.bg .pointFrame .box {
	box-shadow: none;
}


@media screen and (max-width:959px) {
	/*--------------------------------------------------------------------------------
	　RECRUIT COMMON STYLE
	--------------------------------------------------------------------------------*/
	/* coverImg slide02 */
	#coverImg.slide02 {
		height: auto;
	}

	#coverImg.slide02 li {
		height: 100%;
	}

	#coverImg.slide02 ul:before {
		padding: 58% 0 0;
	}

	#coverImg.slide02 div.catchWrap {
		margin: 0 0;
		top: 22%;
		white-space: normal;
	}

	#coverImg.slide02.mv01.rgt div.catchWrap .inner {
		display: inline-block;
		float: right;
		padding: 0 15px 0 0;
		max-width: 54%;
	}

	#coverImg.slide02 div.catchWrap .profile {
		font-size: 0.6em;
		line-height:1.2;
		font-weight: normal;
	}

	#coverImg.slide02 div.catchWrap .profile .namae {
		margin: 3px 0;
	}

	#coverImg.slide02 div.catchWrap .profile .namae span {
		padding: 0 0.5em 0 0;
		font-size: 1.4em;
		font-weight: bold;
	}

	#coverImg.slide02.btm div.catchWrap {
		top: auto;
		bottom: 8%;
	}

	#coverImg.slide02.btm2 div.catchWrap {
		top: auto;
		bottom: 10%;
	}

	.pointFrame {
		border-spacing: 20px 0;
	}

	.pointFrame .box .title {
		font-size: 1.16em;
	}

	.pg_style .styleSection .pointFrame .box .title > span {
		display: inline;
		font-size: 0.9em;
	}

	/* interview Section */
	.interviewSection .box .txt {
		padding: 5% 5%;
	}

	.interviewSection .box .txt .head {
		margin: 0 0 10%;
		font-size: 1.4em;
	}

	.interviewSection .box .img:before {
		display: none;
	}

	.interviewSection .box .img .profile {
		padding: 5% 6% 3%;
		font-size: 0.9em;
	}

	.interviewSection .box .img .profile p {
		margin: 3px 0 0;
		line-height: 1.2;
	}

	.interviewSection .box .img .profile .namae {
	}

	.interviewSection .box .img .profile .namae span {
		font-size: 1.6em;
	}
	/* end - interview Section */

	/*--------------------------------------------------------------------------------
	　INDEX PAGE STYLE
	--------------------------------------------------------------------------------*/
	.pg_index .workStyleSection .categoryList li p {
		font-size: 2vw;
	}

	.pg_index .workStyleSection .categoryList li p:before {
		margin: 0 3px 0 0;
	}

	/********************** .careerDesignSection **********************/
	.pg_index .careerDesignSection .careerDesignFrame .txt {
		margin: 12% auto 0;
	}

	.pg_index .careerDesignSection .careerDesignFrame h4 {
		font-size: 0.8em;
		line-height:1;
	}

	.pg_index .careerDesignSection .careerDesignFrame h4 span {
		font-size: 2.5vw;
	}

	.pg_index .careerDesignSection .careerDesignFrame p {
		font-size: 0.9em;
		line-height: 1.5;
	}

	/********************** .synergySection, .ownerSection **********************/
	.pg_index .synergySection .textArea .ttlArea,
	.pg_index .ownerSection .textArea .ttlArea {
		display: block;
		padding: 7%;
	}

	.pg_index .synergySection .textArea .head,
	.pg_index .ownerSection .textArea .head {
		font-size: 1.5rem;
	}

	.pg_index .synergySection .textArea .lead,
	.pg_index .ownerSection .textArea .lead {
		font-size: 2.5vw;
	}

	.pg_index .synergySection .textArea .lead + p,
	.pg_index .ownerSection .textArea .lead + p {
		font-size: 1.4rem;
		line-height: 1.6;
	}

	/********************** .interviewLinktSection **********************/
	.pg_index .interviewLinkSection .categoryList li p {
		line-height:1.2;
	}


	/*--------------------------------------------------------------------------------
	　STYLE PAGE STYLE
	--------------------------------------------------------------------------------*/
	/********************** .styleSection **********************/
	.pg_style .styleSection.style01 .styleFrame,
	.pg_style .styleSection.style03 .styleFrame {
		padding: 0 0 5%;
		background-size: 125% auto;
		background-position: 0 center;
	}

	.pg_style .styleSection.style02 .styleFrame {
		padding: 0 0 5%;
		background-size: 125% auto;
		background-position: right center;
	}


	.pg_style .styleSection .styleWrap .inner {
		margin: 6% auto 0;
	}

	.pg_style .styleSection .styleWrap h3 {
		margin: 0 0 25px;
		padding: 0 0 0 40px;
		width: 152px;
		height: 36px;
		line-height: 36px;
		font-size: 1.2em;
		background-size: contain;
	}

	.pg_style .styleSection.style03 .styleWrap h3 {
		padding: 0 0 0 36px;
		width: 220px;
		background-size: contain;
	}

	.pg_style .styleSection .styleWrap h3:before {
		left: 10px;
		margin: -11px 0 0 0;
		width: 22px;
		height: 20px;
		background-size: 22px auto;
	}

	.pg_style .styleSection.style02 .styleWrap h3:before {
		background-position: 0 -20px;
	}

	.pg_style .styleSection.style03 .styleWrap h3:before {
		background-position: 0 -40px;
	}

	.pg_style .styleSection .styleWrap .lead {
		margin: 0 0 10px;
		font-size: 4vw;
		line-height: 1.4;
	}

	.pg_style .styleSection .styleWrap .lead span {
		display: block;
		font-size: 3vw;
	}

	.pg_style .styleSection .styleWrap .txtBox {
		max-width: 60%;
	}

	.pg_style .styleSection .styleWrap .txt {
		line-height: 1.7;
		font-size: 0.8;
	}

	/*--------------------------------------------------------------------------------
	　SKILL PAGE STYLE
	--------------------------------------------------------------------------------*/
	/********************** .introSection **********************/
	.pg_skill .introSection .historyFrame {
		margin: 0 auto 12%;
	}

	.pg_skill .introSection .historyFrame .box {
		margin: 0 auto 30px;
	}

	.pg_skill .introSection .historyFrame h4 {
		width: 30%;
		font-size: 2vw;
	}

	.pg_skill .introSection .historyFrame h4 .f_mincho {
		font-size: 2em;
	}

	.pg_skill .introSection .historyFrame .box .txt {
		width: 34%;
	}

	.pg_skill .introSection .historyFrame .box .txt .head {
		margin: -10% 0 10px;
		font-size: 1em;
		line-height: 1.4;
	}

	.pg_skill .introSection .historyFrame .box .txt .detail {
		line-height: 1.6;
		font-size: 0.8em;
	}

	.pg_skill .introSection .historyFrame .box h4:after {
		left: -15%;
		width: 15%;
	}

	.pg_skill .introSection .historyFrame .box:nth-child(odd) h4:after {
		right: -15%;
		width: 15%;
	}

	.pg_skill .introSection .historyFrame .box .txt:before {
		top: -9px;
		right: 9px;
		width: 18px;
		height: 18px;
		border: 1px solid #a7c9e4;
		box-shadow: inset 0 0 0 1px #fff;
	}

	.pg_skill .introSection .historyFrame .box:nth-child(odd) .txt:before {
		left: 9px;
	}

	/********************** .brandSection **********************/
	.pg_skill .brandSection .brandList .box-inner h4 {
		font-size: 0.8em;
	}

	.pg_skill .brandSection .brandList .box h4 span {
		font-size: 1.86em;
	}

	.pg_skill .brandSection .brandList .box-inner .img {
		padding: 10%;
	}

	.pg_skill .brandSection .brandList .box-inner .img img {
	}

	.pg_skill .brandSection .brandList .box .txt {
		margin: 5.5% 2% 0;
	}
}


@media screen and (max-width:640px) {
	/*--------------------------------------------------------------------------------
	　RECRUIT COMMON STYLE
	--------------------------------------------------------------------------------*/
	/* coverImg slide02 */
	#coverImg.slide02 div.catchWrap {
	}

	#coverImg.slide01 div h2,
	#coverImg.slide02 div.catchWrap h2 {
		font-size: 4vw;
	}

	#coverImg.slide01 div h2 .category,
	#coverImg.slide02 div.catchWrap h2 .category {
		margin: 0 0 2%;
	}

	#coverImg.slide02.mv01.rgt div.catchWrap .inner {
		display: inline-block;
		float: right;
		padding: 0 15px 0 0;
		max-width: 54%;
	}

	#coverImg.slide02.btm div.catchWrap {
		top: auto;
		bottom: 8%;
	}

	#coverImg.slide02.btm2 div.catchWrap {
		top: auto;
		bottom: 8%;
	}

	/* interview Section */
	.interviewSection .box .txt {
		padding: 25px;
	}

	.interviewSection .box .img .profile {
		padding: 4% 4% 2%;
	}
	/* end - interview Section */


	/* recruitInfo Section */
	.recruitInfoSection .table {
		display: block;
	}

	.recruitInfoSection .table .tr {
		display: block;
	}

	.recruitInfoSection .table .th,
	.recruitInfoSection .table .td {
		display: block;
		padding: 15px 10px;
		width: auto;
	}

	.recruitInfoSection .table .th {
		padding: 10px 10px;
		width: auto;
		font-weight: bold;
	}

	.recruitInfoSection .table .tr:last-child .th {
		border-bottom: 1px dotted #b4b4b4;
	}
	/* end - recruitInfo Section */


	.pointFrame {
		border-spacing: 0;
		margin: 0 auto;
	}

	.pointFrame .box {
		margin: 0 auto 30px!important;
	}


	/*--------------------------------------------------------------------------------
	　INDEX PAGE STYLE
	--------------------------------------------------------------------------------*/
	/********************** .introSection **********************/
	.pg_index .introSection .categoryList .td:before {
		margin: 0 0 0 -47%;
		padding: 94% 0 0;
		width: 94%;
	}

	.pg_index .introSection .categoryList .td p {
		font-size: 10px;
	}

	.pg_index .introSection .categoryList .td p span {
		display: block;
		margin: 0 0 2px;
		font-size: 2.8vw;
		font-weight: bold;
                line-height: 1;
	}


        .pg_index .introSection .categoryList .td {
	position: relative;
	padding: 7% 0;
	vertical-align: middle;
}


        
.pg_index .workStyleSection {
          margin-top: 30px;
}
	/********************** .workStyle **********************/
	.pg_index .workStyleSection .categoryList {
		max-width: 240px;/*300*/
                
	}

	.pg_index .workStyleSection .categoryList li p {
		font-size: 1.2em;
	}

	/********************** .interviewLinktSection **********************/
	.pg_index .interviewLinkSection .categoryList li p {
		font-size: 0.9em;
	}

	.pg_index .interviewLinkSection .categoryList li p span {
		font-size: 1.3em;
	}

	/********************** .careerDesignSection **********************/
	.pg_index .careerDesignSection .careerDesignFrame .box {
		margin: 0 !important;
	}

	.pg_index .careerDesignSection .careerDesignFrame .box-inner {
		display: block;
		position: relative;
	}

	.pg_index .careerDesignSection .careerDesignFrame .box-inner:before {
		display: none;
	}

	.pg_index .careerDesignSection .careerDesignFrame .txt {
		position: relative;
		margin: 0 auto 0;
		padding: 7%;
	}

	.pg_index .careerDesignSection .careerDesignFrame h4 {
		margin: 0 0 8%;
		padding: 0 0 4%;
		font-size: 0.8em;
		line-height: 1.3;
	}

	.pg_index .careerDesignSection .careerDesignFrame h4 span {
		margin: 0;
		font-size: 1.3em;
	}

	.pg_index .careerDesignSection .careerDesignFrame p {
		font-size: 0.8em;
		line-height: 1.5;
	}

	.pg_index .careerDesignSection .careerDesignFrame a {
		display: table;
		width: 100%;
	}

	.pg_index .careerDesignSection .careerDesignFrame .box-inner,
	.pg_index .careerDesignSection .careerDesignFrame .img {
		width: 50%;
		display:table-cell !important;
		vertical-align: top;
	}


	/********************** .synergySection, .ownerSection **********************/
	.pg_index .synergySection .innerWrap,
	.pg_index .ownerSection .innerWrap {
		display: block;
	}

	.pg_index .synergySection .textArea,
	.pg_index .ownerSection .textArea {
		box-sizing: border-box;
		display: block;
		width: auto;
	}

	.pg_index .synergySection .textArea .ttlArea,
	.pg_index .ownerSection .textArea .ttlArea {
		display: block;
		margin: 0 auto;
		padding: 30px 20px;
		width: auto;
	}

	.pg_index .synergySection .textArea .head,
	.pg_index .ownerSection .textArea .head {
		font-size: 1.3rem;
	}

	.pg_index .synergySection .textArea .lead,
	.pg_index .ownerSection .textArea .lead {
		margin: 4% auto;
		font-size: 2rem;
	}

	.pg_index .synergySection .innerWrap .imgArea,
	.pg_index .ownerSection .innerWrap .imgArea {
		display: block;
		width: auto;
		background: none;
	}
	.pg_index .synergySection .innerWrap .imgArea:before,
	.pg_index .ownerSection .innerWrap .imgArea:before {
		display: none;
	}


	/*--------------------------------------------------------------------------------
	　STYLE PAGE STYLE
	--------------------------------------------------------------------------------*/
	/********************** .styleSection **********************/
	.pg_style .styleSection.style01 .styleFrame,
	.pg_style .styleSection.style02 .styleFrame,
	.pg_style .styleSection.style03 .styleFrame {
		background-size: contain !important;
		background-position: center 0;
		padding: 0;
	}

	.pg_style .styleSection .styleWrap .inner {
		margin: 5% auto 10%;
	}

	.pg_style .styleSection .styleWrap {
		margin: 30px auto 0;
		position: relative;
	}

	.pg_style .styleSection .styleWrap .txtBox {
		max-width: 100%;
	}

	.pg_style .styleSection.style02 .styleWrap .txtBox,
	.pg_style .styleSection.style03 .styleWrap .txtBox {
		color: #000;
	}

	.pg_style .styleSection.style02 .styleWrap .txtBox {
		float: none;
	}

	.pg_style .styleSection .styleWrap h3 {
		margin: 0 0 20px;
		padding: 0 0 0 33px;
		width: 126px;
		height: 30px;
		line-height: 30px;
		font-size: 1em;
	}

	.pg_style .styleSection.style03 .styleWrap h3 {
		padding: 0 0 0 30px;
		width: 244px;
	}

	.pg_style .styleSection .styleWrap h3:before {
		left: 6px;
		margin: -11px 0 0 0;
		width: 22px;
		height: 20px;
		background-size: 22px auto;
	}

	.pg_style .styleSection.style02 .styleWrap h3:before {
		background-position: 0 -20px;
	}

	.pg_style .styleSection.style03 .styleWrap h3:before {
		background-position: 0 -40px;
	}

	.pg_style .styleSection .styleWrap .lead {
		font-size: 28px;
	}

	.pg_style .styleSection .styleWrap .lead span {
		font-size: 22px;
	}

	.pg_style .styleSection .styleWrap .txt {
		font-size: 1em;
	}


	/*--------------------------------------------------------------------------------
	　SKILL PAGE STYLE
	--------------------------------------------------------------------------------*/
	/********************** .introSection **********************/
	.pg_skill .introSection .historyFrame h4 {
		min-width: 150px;
		font-size: 0.7em;
	}

	.pg_skill .introSection .historyFrame h4 .f_mincho {
		font-size: 21px;
	}

	.pg_skill .introSection .historyFrame .box .txt,
	.pg_skill .introSection .historyFrame .box:nth-child(odd) .txt {
		position:relative;
		margin: 15px auto 0;
		padding: 0 0 0 30px;
		width: auto;
		max-width: 100%;
	}

	.pg_skill .introSection .historyFrame .box .txt .head {
		margin: 0 0 10px;
		font-size: 1.1em;
	}

	.pg_skill .introSection .historyFrame .box .txt .detail {
		font-size: 1em;
	}

	.pg_skill .introSection .historyFrame .box h4:after,
	.pg_skill .introSection .historyFrame .box:nth-child(odd) h4:after {
		display: none;
	}

	.pg_skill .introSection .historyFrame .box .txt:before,
	.pg_skill .introSection .historyFrame .box:nth-child(odd) .txt:before {
		top: 0;
		right: auto;
		left: 0;
	}


	/********************** .brandSection **********************/
	.pg_skill .brandSection .brandList .box {
		margin: 0 auto 40px !important;
		max-width: 300px;
	}

	/*--------------------------------------------------------------------------------
	　SUPPORT PAGE STYLE
	--------------------------------------------------------------------------------*/
	.pg_support .catch_l.font_l {
		margin-left: -5px;
		margin-right: -5px;
		width: auto;
	}

	.pg_support .introSection .meritList {
		margin: 30px auto;
	}

	.pg_support .introSection .meritList .td .head {
		margin: 0 auto;
		max-width: 180px;
		font-size: 1.2em;
	}

	.pg_support .introSection .meritList .td .txt {
		padding: 5% 5% 30px;
	}

	.pg_support .supportSection .styleFrame .mv {
		margin: 3.5% auto 30px;
	}

	.pg_support .supportSection .styleFrame .mv .txtWrap {
		padding: 5%;
	}

	.pg_support .supportSection .styleFrame .mv .txtWrap .lead {
		margin: 0 auto 3.5%;
		font-size: 3.8vw;
		line-height: 1.6;
	}
}



/*--------------------------------------------------------------------------------
　JOB PAGE STYLE
--------------------------------------------------------------------------------*/
.recruit_job .salon ul {
	text-align: center;
}
.recruit_job .salon li {
	width: 30%;
	margin: 0 1.5%;
	display: inline-block;
	position: relative;
}
.recruit_job .salon li:nth-child(4),
.recruit_job .salon li:nth-child(5),
.recruit_job .salon li:nth-child(6) {
	margin-top: 30px;
}
.recruit_job  .salon li img.pic {
	width: 100%;
}
.recruit_job .salon li span {
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}
.recruit_job .salon li span img {
	width: 100%;
}
#content.lowerPage .recruit_job .introFeame {
	padding: 60px 0;
}
#content.lowerPage .recruit_job .introFeame p.txt {
	width: 70%;
	margin: 30px auto;
	text-align: left;
}
#content.lowerPage .recruit_job .introFeame p.sub {
	margin: 60px auto;
	font-size: 24px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #000;
	text-align: center;
	line-height: 2.0em;
}

.recruit_job .feature li {
	width: 45%;
	margin: 0 2% 30px 2%;
	padding: 0 0 30px 0;
	display: inline-block;
	background: #fff;
}
.recruit_job  .feature li img.pic {
	width: 100%;
}
.recruit_job .feature li div {
	width: 40%;
	margin: 0 auto;
	padding: 10px 0;
	background: #000;
	font-size: 24px;
	font-family: 'Playfair Display', serif;
	color: #fff;
	text-align: center;
	display: block;
}
.recruit_job .feature li h4 {
	width: 80%;
	margin: 30px auto 10px auto;
	font-size: 18px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.recruit_job .feature li p {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
/********************** .ownerSection **********************/
.recruit_job .ownerSection .innerWrap {
	display: table;
	overflow: hidden;
	width: 100%;
}

.recruit_job .ownerSection .textArea {
	box-sizing: border-box;
	width: 41.28%;
	display: table-cell;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.recruit_job .ownerSection .textArea .ttlArea {
	display: inline-block;
	text-align: left;
	width: 80%;
}
.recruit_job .ownerSection .textArea .head {
	margin: 0 0 20px 0;
	font-size: 1.4rem;
	font-weight: normal;
}

.recruit_job .ownerSection .textArea .lead {
	margin: 8% auto;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.5;
}

.recruit_job .ownerSection .textArea .more a {
	border-bottom: 2px solid #999999;
	color: #999999;
	display: block;
	width: 25%;
	margin-top: 8%;
}

.recruit_job .innerWrap .imgArea {
	display: table-cell;
	width: 58.72%;
}

.recruit_job .ownerSection .innerWrap .imgArea:before {
	content: "";
	display: block;
	height: 0;
	/*padding: 71.89% 0 0;*/
	padding: 55.89% 0 0 0;
}
.recruit_job .ownerSection.eyelist .innerWrap .imgArea:before,
.recruit_job .ownerSection.nailist .innerWrap .imgArea:before {
	padding: 71.89% 0 0;
}
.recruit_job .ownerSection.stylist .innerWrap .imgArea {
	background: url(../recruit/img/stylist/img-interview01.jpg) no-repeat 0 0;
	background-size: contain;
}
.recruit_job .ownerSection.eyelist .innerWrap .imgArea {
	background: url(../recruit/img/eyelist/img-interview01.jpg) no-repeat 0 bottom;
	background-size: cover;
}
.recruit_job .ownerSection.nailist .innerWrap .imgArea {
	background: url(../recruit/img/nailist/img-interview02.jpg) no-repeat 0 bottom;
	background-size: cover;
}

@media screen and (max-width:640px) {
	
/*--------------------------------------------------------------------------------
　JOB PAGE STYLE
--------------------------------------------------------------------------------*/
.recruit_job .salon li {
	width: 100%;
	margin: 0 0 20px 0;
}
.recruit_job .salon li:last-child {
	margin-bottom: 0;
}
.recruit_job  .salon li img.pic {
	width: 100%;
}
.recruit_job .salon li span img {
	width: 100%;
}
#content.lowerPage .recruit_job .introFeame {
	padding: 40px 0;
}
#content.lowerPage .recruit_job .introFeame p.txt {
	width: 100%;
	margin: 30px auto;
	font-size: 14px;
}
#content.lowerPage .recruit_job .introFeame p.sub {
	margin: 30px auto;
	font-size: 20px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #000;
	text-align: center;
	line-height: 1.5em;
}

.recruit_job .feature li {
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0 0 30px 0;
	display: inline-block;
	background: #fff;
}
.recruit_job  .feature li img.pic {
	width: 100%;
}
.recruit_job .feature li div {
	width: 40%;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 20px;
}
.recruit_job .feature li h4 {
	width: 80%;
	margin: 30px auto 10px auto;
	font-size: 18px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.recruit_job .feature li p {
	font-size: 14px;
}
/********************** .ownerSection **********************/
.recruit_job .ownerSection .innerWrap {
	display: table;
	overflow: hidden;
	width: 100%;
}

.recruit_job .ownerSection .textArea {
	display: block;
	width: 100%;
}
.recruit_job .ownerSection .textArea .head {
	margin: 30px 0 10px 0;
	font-size: 1.2rem;
}

.recruit_job .ownerSection .textArea .lead {
	margin: 8% auto;
}
.recruit_job .innerWrap .imgArea {
	display: block;
	width: 100%;
}

.recruit_job .ownerSection .innerWrap .imgArea:before,
.recruit_job .ownerSection.eyelist .innerWrap .imgArea:before,
.recruit_job .ownerSection.nailist .innerWrap .imgArea:before  {
	content: "";
	display: block;
	height: 0;
	padding: 20px 0;
}

.recruit_job .ownerSection.stylist .innerWrap .imgArea,
.recruit_job .ownerSection.eyelist .innerWrap .imgArea,
.recruit_job .ownerSection.nailist .innerWrap .imgArea  {
	background: none;
}

.pcOnly {
	display: none;
}
.spOnly {
	display: block;
}

}