@charset "UTF-8";
/* sp(320px) */

/* 重なる(lay)box */
.lay,
.lay .txt,
.lay .ph {
	box-sizing: border-box;
}

.lay {
	position: relative;
}

.lay .txt {
	width: 100%;
	background-color: rgba(255,255,255,0.99);
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 25px;
	padding-bottom: 20px;
	min-height: auto;
	font-size: 15px;

	position: relative;
	left: auto;
	right: auto;
	top: auto;

	z-index: 1;
	border: 0px solid;
}

.lay .ph {
	width: auto;
	max-width: 627px;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	z-index: 0;
}

.lay.reverse .txt {
	left: auto;
	right: auto;
}
.lay.reverse .ph {
	left: auto;
	right: auto;
}

.lay .txt .eng {
	font-size: 34px;
	color: #ca373d;
	line-height: 1;
}
.lay .txt .jp {
	font-size: 16px;
}

/* 採用情報 + lay */
#pageRecruit #kojyo .lay .txt {
	background-color: rgba(246,246,246,0.98);
}


/* 写真を上にずらす */
.gap {
	background-color: #f6f6f6;
	margin-top: 30px;	
}
.gap .txt {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.gap .ph figure {
	margin-top: 0px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: 0;
	max-width: 570px;
}

/* 写真50% */
.box50 {
	background-color: #f6f6f6;
}
.box50 .ph {
	max-width: 510px;
	margin-left: auto;
	margin-right: auto;
}
.box50 .txt {
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 6%;
	padding-right: 6%;
}
.box50 .txt p:last-child {
	margin-bottom: 0;
}
.box50 .txt .name {
	margin-top: 15px;
	position: relative;
	padding-left: 2.0em;
}
.box50 .txt .name:before {
	content: '';
	border-top: 1px solid;
	width: 1.5em;
	position: absolute;
	left: 0;
	top: 50%;	

}



@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */
.lay .txt .eng {
	font-size: 40px;
}
.lay .txt .jp {
	font-size: 16px;
}

.gap .txt {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
}
.gap .ph figure {
	padding-bottom: 30px;
}

/* 写真50% */
.box50 .txt {
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 6%;
	padding-right: 6%;
}


/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */

/* 重なる(lay)box */
.lay,
.lay .txt,
.lay .ph {
	box-sizing: border-box;
}

.lay {
	position: relative;
}

.lay .txt {
	width: 45%;
	padding-left: 6%;
	padding-right: 6%;
	padding-top: 40px;
	padding-bottom: 20px;
	min-height: 470px;
	font-size: 15px;

	position: absolute;
	left: 0;
	right: auto;
	top: 0;

	z-index: 1;
	border: 0px solid;
}

.lay .ph {
	width: 61.569%;
	position: absolute;
	left: auto;
	right: 0;
	top: 50px;
	z-index: 0;
}

.lay.reverse .txt {
	left: auto;
	right: 0;
}
.lay.reverse .ph {
	left: 0;
	right: auto;
}

.lay .txt .eng {
	font-size: 40px;
}
.lay .txt .jp {
	font-size: 16px;
}

/* 採用情報 + lay */
#pageRecruit #kojyo .lay .txt {
	min-height: 400px !important;
}


/* 写真を上にずらす */
.gap {
	margin-top: 80px;	
}
.gap .txt {
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 3%;
	padding-right: 2%;
}
.gap .ph figure {
	margin-top: -24px;
	padding-bottom: 24px;
	margin-left: auto;
	margin-right: 0;
	max-width: 570px;
}

.gap .t-keep-right + .ph figure {
	margin-left: 0;
	margin-right: auto;
} 

/* 写真50% */
.box50 .txt {
	padding-top: 0;
	padding-bottom: 0px;
	padding-left: 6%;
	padding-right: 6%;
}





/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */

/* 写真を上にずらす */
.gap {
	margin-top: 100px;	
}
.gap .txt {
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 4%;
	padding-right: 2%;
}
.gap .ph figure {
	margin-top: -44px;
	padding-bottom: 44px;
	margin-left: auto;
	margin-right: 0;
	max-width: 570px;
}

.gap .t-keep-right + .ph figure {
	margin-left: 0;
	margin-right: auto;
}


/* end of media query(pc) */
}