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

   Name: recruit.css

   Description: Style Sheet for RECRUIT CONTENTS

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

body.recruit#work main > article.inner {
	padding:0 0 0;
}

body.recruit.detail main > article.inner {
	background:none !important;
	padding:0 0 0;
}


/* メイン画像 */
body.recruit main > article > header .inner {
	background:none;
}

body.recruit#company main > article > header .inner {
	background:url(../image/bg_main8.jpg) no-repeat center top;
	background-size:cover;
}

body.recruit#work main > article > header .inner,
body.index#interview main > article > header .inner {
	background:url(../image/bg_main9.jpg) no-repeat center top;
	background-size:cover;
}

body.recruit#environment main > article > header .inner {
	background:url(../image/bg_main10.jpg) no-repeat center top;
	background-size:cover;
}

body.recruit#graduate main > article > header .inner {
	background:url(../image/bg_main11.jpg) no-repeat center top;
	background-size:cover;
}

body.recruit#career main > article > header .inner {
	background:url(../image/bg_main12.jpg) no-repeat center top;
	background-size:cover;
}

body.recruit#partner main > article > header .inner {
	background:url(../image/bg_main13.jpg) no-repeat center top;
	background-size:cover;
}



body.recruit.detail main > article > header .inner {
	background:none !important;
}


body:not(#index).recruit main > article > header .inner h1 {
	top:60px;
}

body:not(#index).recruit main > article > header .inner h1 span {
	display:block;
}

body:not(#index).recruit main > article > header .inner h1 span.ctg_title {
	font-size:18px;
	line-height:1.2em;
	margin-bottom:12px;
}

body:not(#index).recruit main > article > header .inner h1 span.page_title {
	font-size:35px;
	line-height:1.2em;
}

@media screen and (max-width: 767px){
	
	body.recruit#work main > article.inner {
		padding:0 0 0;
	}
	
	body.recruit.detail main > article.inner {
		background:none !important;
		padding:0 0 0;
	}
	
	
	/* メイン画像 */
	body.recruit main > article > header .inner {
		background:none;
	}
	
	body.recruit#company main > article > header .inner {
		background:url(../image/bg_main8.jpg) no-repeat center top;
		background-size:cover;
		height:95px;
	}
	
	body.recruit#work main > article > header .inner {
		background:url(../image/bg_main9.jpg) no-repeat center top;
		background-size:cover;
		height:95px;
	}
	
	body.recruit#environment main > article > header .inner {
		background:url(../image/bg_main10.jpg) no-repeat center top;
		background-size:cover;
		height:95px;
	}
	
	body.recruit#graduate main > article > header .inner {
		background:url(../image/bg_main11.jpg) no-repeat center top;
		background-size:cover;
		height:95px;
	}
	
	body.recruit#career main > article > header .inner {
		background:url(../image/bg_main12.jpg) no-repeat center top;
		background-size:cover;
		height:95px;
	}
	
	body.recruit#partner main > article > header .inner {
		background:url(../image/bg_main13.jpg) no-repeat center top;
		background-size:cover;
		height:95px;
	}
	
	
	
	body.recruit.detail main > article > header .inner {
		background:none !important;
	}
	
	
	body:not(#index).recruit main > article > header .inner h1 {
		top:25px;
	}
	
	body:not(#index).recruit main > article > header .inner h1 span {
		display:block;
	}
	
	body:not(#index).recruit main > article > header .inner h1 span.ctg_title {
		font-size:13px;
		line-height:1.2em;
		margin-bottom:5px;
	}
	
	body:not(#index).recruit main > article > header .inner h1 span.page_title {
		font-size:20px;
		line-height:1.2em;
	}
	
}



/* COMMON
-------------------------------------------------- */

.icon-open-close {
	position:absolute;
	width:32px;
	height:32px;
	right:0;
	top:0;
}

.sec-job-workflow .icon-open-close {
	width:32px;
	height:32px;
	right:44px;
	top:42px;
}

.icon-open-close > span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #f39800;
	transition:all 0.3s;
}

.icon-open-close > span:nth-child(1) {
	display:block;
	left:0;
	top:16px;
}

.icon-open-close > span:nth-child(2) {
	display:block;
	-webkit-transform: translateY(16px) rotate(-90deg);
	transform: translateY(16px) rotate(-90deg);
}

.active .icon-open-close > span:nth-child(1) {
	opacity:0;
	-webkit-transform: translateY(0px) rotate(-90deg);
	transform: translateY(0px) rotate(-90deg);
}

.active .icon-open-close > span:nth-child(2) {
	-webkit-transform: translateY(16px) rotate(-180deg);
	transform: translateY(16px) rotate(-180deg);
}


/* faq */

.sec-recruit-faq .icon-open-close {
	position:absolute;
	width:24px;
	height:24px;
	right:0;
	top:0;
}

.sec-recruit-faq .icon-open-close {
	width:24px;
	height:24px;
	right:20px;
	top:20px;
}

.sec-recruit-faq .icon-open-close > span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #f39800;
	transition:all 0.3s;
}

.sec-recruit-faq .icon-open-close > span:nth-child(1) {
	display:block;
	left:0;
	top:12px;
}

.sec-recruit-faq .icon-open-close > span:nth-child(2) {
	display:block;
	-webkit-transform: translateY(12px) rotate(-90deg);
	transform: translateY(12px) rotate(-90deg);
}

.sec-recruit-faq .active .icon-open-close > span:nth-child(1) {
	opacity:0;
	-webkit-transform: translateY(0px) rotate(-90deg);
	transform: translateY(0px) rotate(-90deg);
}

.sec-recruit-faq .active .icon-open-close > span:nth-child(2) {
	-webkit-transform: translateY(12px) rotate(-180deg);
	transform: translateY(12px) rotate(-180deg);
}




@media screen and (max-width: 767px){
	
	.icon-open-close {
		position:absolute;
		width:16px;
		height:16px;
		right:0;
		top:0;
	}
	
	.sec-job-workflow .icon-open-close {
		width:16px;
		height:16px;
		right:15px;
		top:26px;
	}
	
	.icon-open-close > span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #f39800;
		transition:all 0.3s;
	}
	
	.icon-open-close > span:nth-child(1) {
		display:block;
		left:0;
		top:16px;
	}
	
	.icon-open-close > span:nth-child(2) {
		display:block;
		-webkit-transform: translateY(16px) rotate(-90deg);
		transform: translateY(16px) rotate(-90deg);
	}
	
	.active .icon-open-close > span:nth-child(1) {
		opacity:0;
		-webkit-transform: translateY(0px) rotate(-90deg);
		transform: translateY(0px) rotate(-90deg);
	}
	
	.active .icon-open-close > span:nth-child(2) {
		-webkit-transform: translateY(16px) rotate(-180deg);
		transform: translateY(16px) rotate(-180deg);
	}
	
	
	/* faq */
	
	.sec-recruit-faq .icon-open-close {
		position:absolute;
		width:16px;
		height:16px;
		right:0;
		top:0;
	}
	
	.sec-recruit-faq .icon-open-close {
		width:16px;
		height:16px;
		right:10px;
		top:12px;
	}
	
	.sec-recruit-faq .icon-open-close > span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #f39800;
		transition:all 0.3s;
	}
	
	.sec-recruit-faq .icon-open-close > span:nth-child(1) {
		display:block;
		left:0;
		top:12px;
	}
	
	.sec-recruit-faq .icon-open-close > span:nth-child(2) {
		display:block;
		-webkit-transform: translateY(12px) rotate(-90deg);
		transform: translateY(12px) rotate(-90deg);
	}
	
	.sec-recruit-faq .active .icon-open-close > span:nth-child(1) {
		opacity:0;
		-webkit-transform: translateY(0px) rotate(-90deg);
		transform: translateY(0px) rotate(-90deg);
	}
	
	.sec-recruit-faq .active .icon-open-close > span:nth-child(2) {
		-webkit-transform: translateY(12px) rotate(-180deg);
		transform: translateY(12px) rotate(-180deg);
	}
	
		
}


/* RECRUIT TOP
-------------------------------------------------- */

body#index.recruit main > article > header .inner {
	height:610px;
	position:relative;
	overflow:hidden;
}

body#index.recruit main > article > header .inner h1 {
	top:93px;
	left:-320px;
	z-index:98;
}

body#index.recruit .main-photo {
	width:100%;
	height:610px;
	position:relative;
}

body#index.recruit .main-photo > div {
	width:100%;
	height:610px;
	position:absolute;
	animation:slide-view 8000ms ease-out both;
}






@keyframes slide-view{
	0%{transform:scale(1) rotate(0.001deg)}
	100%{transform:scale(1.08) rotate(0deg)}
}

body#index.recruit .main-photo > div.main-photo01 {
	background:url(../image/main_a.jpg) no-repeat center top;
	background-size:100% auto;
	background-size:cover;
}

body#index.recruit .main-photo > div.main-photo02 {
	background:url(../image/main_b.jpg) no-repeat center top;
	background-size:100% auto;
	background-size:cover;
}

body#index.recruit .main-photo > div.main-photo03 {
	background:url(../image/main_c.jpg) no-repeat center top;
	background-size:100% auto;
	background-size:cover;
}

.sec-recruit-main {
	background:url(../image/bg_logo.png) no-repeat left 240% top -150px;
}

.sec-rec-message {
	padding:55px 0 60px;
}

.sec-rec-message h2 {
	font-size:40px;
	line-height:1.5em;
	color:#f39800;
	margin:0 0 30px;
}

.sec-rec-message p {
	font-size:18px;
	font-weight:bold;
	line-height:2.5em;
}

.sec-recruit-kasetu {
	width:100%;
	overflow:hidden;
    margin: 90px 0 -100px;
}

.kasetu-info {
	width:980px;
	margin:0 auto;
	padding:0px 0 128px 0;
	text-align:left;
	position:relative;
	min-height:540px;
}

.kasetu-info.photo-right {
	padding:0 0 110px;
	min-height:440px;
}

.kasetu-info .photo {
	position:absolute;
	top:60px;
	right:280px;
}

.kasetu-info.photo-right .photo {
	top:-125px;
	left:280px;
}

.kasetu-info .inner {
	background:#f39800;
	box-sizing:border-box;
	width:500px;
	margin:0 0 0 562px;
	padding:80px 80px 50px;
	position:relative;
	color:#FFFFFF;
	border-radius:6px;
}

.kasetu-info.photo-right .inner {
	margin:125px 0 0 -80px;
}

.kasetu-info h3 {
	position:relative;
	margin:0 0 15px;
}

.kasetu-info h3 span {
	display:block;
}

.kasetu-info h3 > span:nth-child(1) {
	color:#000000;
	font-size:156px;
	font-weight:bold;
	line-height:1em;
	position:absolute;
	top:-200px;
	right:-30px;
}

.kasetu-info h3 > span:nth-child(1):before {
	position: absolute;
	top: -8px;
	left: -3px;
	content: '';
	width: 17px;
	height: 2px;
	background: #000;
	-webkit-transform: translateY(16px) rotate(60deg);
	transform: translateY(16px) rotate(60deg);
}

.kasetu-info h3 > span:nth-child(1):after {
	position: absolute;
	top: -8px;
	right:-2px;
	content: '';
	width: 17px;
	height: 2px;
	background: #000;
	-webkit-transform: translateY(16px) rotate(-60deg);
	transform: translateY(16px) rotate(-60deg);
}

.kasetu-info.photo-right h3 > span:nth-child(1) {
	top:-200px;
	right:auto;
	left:0;
}

.kasetu-info h3 > span:nth-child(1) span {
	font-size:32px;
	font-weight:bold;
	line-height:1em;
	width:100%;
	text-align:center;
}

.kasetu-info h3 span:nth-child(2) {
	display:block;
	font-size:35px;
	line-height:1.5em;
}

.kasetu-info p {
	margin:0 0 20px;
}

.kasetu-info .button a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	border:3px #FFFFFF solid;
	text-align:center;
	width:234px;
	padding:10px 0;
	border-radius:27px;
}

.kasetu-info .button a:hover {
	color:#f39800;
	border:3px #FFFFFF solid;
	background-color:#FFFFFF;
}

.recruit-category {
	background:url(../image/bg_target.jpg) no-repeat center center;
	background-size:100% auto;
	background-size:cover;
}

.recruit-category ul {
	list-style:none;
	width:980px;
	padding:65px 0;
	margin:auto;
}

.recruit-category li {
	width:308px;
	float:left;
}

.recruit-category li + li {
	margin-left:28px;
}

.recruit-category li a {
	display:block;
	box-sizing:border-box;
	width:308px;
	height:140px;
	padding:55px 5px 35px;
	font-size:22px;
	font-weight:bold;
	line-height:1em;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#f39800;
	border:3px #f39800 solid;
	border-radius:6px;
}

.recruit-category li a:hover {
	color:#f39800;
	background-color:#FFF;
}

.recruit-category-navi {
	padding:70px 0 70px;
	clear:both;
	/*background-color:#FFF;*/
}

.recruit-category-navi.has_bgcolor_gray {
	background-color: #f4f4f4;
}

.recruit-category-navi h2 {
	font-size:35px;
	line-height:1em;
	margin:0 0 50px;
}

.recruit-category-navi h2 strong {
	color:#f39800;
}

.recruit-category-navi ul {
	width:980px;
	margin:auto;
	list-style:none;
}

.recruit-category-navi li {
	width:308px;
	float:left;
}

.recruit-category-navi li + li {
	margin-left:28px;
}

.recruit-category-navi li a {
	display:block;
	box-sizing:border-box;
	width:308px;
	font-size:18px;
	font-weight:bold;
	line-height:1em;
	text-decoration:none;
	color:#000000;
}

.recruit-category-navi li a span:nth-child(2) {
	display:block;
	padding:20px 0 0;
}



.target_link {
	width:100%;
	margin:0px 0px 40px 0px;
}

.target_link ul {
	list-style:none;
	padding:0 60px;
}

.target_link ul li {
	width:33.33%;
	float:left;
	display:block;
	margin:0;
	padding:0;
	font-size:18px;
}

.target_link li a {
	display:block;
	margin:0 15px;
	font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
    color: #000000;
}

.target_link li a img {
	width:100%;
	height:auto;
}

.target_link li a span {
    display: block;
    padding: 20px 0 0;
}






@media screen and (max-width: 767px){
	
	body#index.recruit main > article > header .inner {
		height:280px;
		position:relative;
		overflow:hidden;
	}
	
	body#index.recruit main > article > header .inner h1 {
		top:90px;
		left:10px;
		right:60px;
		z-index:98;
	}
	
	body#index.recruit main > article > header .inner h1 img {
		width:100%;
		height:auto;
	}
	
	body#index.recruit .main-photo {
		width:100%;
		height:280px;
		position:relative;
	}
	
	body#index.recruit .main-photo > div {
		width:100%;
		height:280px;
		position:absolute;
	}
	
	body#index.recruit .main-photo > div.main-photo01 {
		background:url(../image/main_a.jpg) no-repeat center top;
		background-size:100% auto;
		background-size:cover;
	}
	
	body#index.recruit .main-photo > div.main-photo02 {
		background:url(../image/main_b.jpg) no-repeat center top;
		background-size:100% auto;
		background-size:cover;
	}
	
	body#index.recruit .main-photo > div.main-photo03 {
		background:url(../image/main_c.jpg) no-repeat center top;
		background-size:100% auto;
		background-size:cover;
	}
	
	.sec-recruit-main {
	}
	
	.sec-rec-message {
		padding:30px 0 30px;
		background:url(../image/bg_logo.png) no-repeat left 170% bottom;
	}
	
	.sec-rec-message h2 {
		font-size:25px;
		line-height:1.5em;
		color:#f39800;
		margin:0 0 15px;
	}
	
	.sec-rec-message p {
		font-size:14px;
		font-weight:normal;
		line-height:1.8em;
		text-align:left;
		margin:0 25px;
	}
	
	.sec-recruit-kasetu {
		width:100%;
		overflow:hidden;
        margin: 50px 0 -100px;
	}
	
	.kasetu-info {
		box-sizing:border-box;
		width:100%;
		margin:0 auto 33px;
		padding:0 20px;
		text-align:left;
		position:relative;
		min-height:inherit;
	}
	
	.kasetu-info.photo-right {
		padding:0 20px;
		min-height:inherit;
	}
	
	.kasetu-info .photo {
		position:inherit;
		top:auto;
		right:auto;
		margin:0 -20px;
	}
	
	.kasetu-info .photo img {
		width:100%;
		height:auto;
	}
	
	.kasetu-info.photo-right .photo {
		top:auto;
		left:auto;
		margin:0 -20px;
	}
	
	.kasetu-info .inner {
		background:#f39800;
		box-sizing:border-box;
		width:100%;
		margin:-25px 0 0;
		padding:35px 25px 30px;
		position:relative;
		color:#FFFFFF;
		border-radius:0;
	}
	
	.kasetu-info.photo-right .inner {
		margin:-25px 0 0;
	}
	
	.kasetu-info h3 {
		position:relative;
		margin:0 0 10px;
	}
	
	.kasetu-info h3 span {
		display:block;
	}
	
	.kasetu-info h3 > span:nth-child(1) {
		color:#000000;
		font-size:60px;
		font-weight:bold;
		line-height:1em;
		position:absolute;
		top:-80px;
		right:0;
	}
	
	.kasetu-info.photo-right h3 > span:nth-child(1) {
		top:-80px;
		right:0;
		left:auto;
	}
	
	.kasetu-info h3 > span:nth-child(1) span {
		font-size:13px;
		font-weight:bold;
		line-height:1em;
		width:100%;
		text-align:center;
	}
	
	.kasetu-info h3 span:nth-child(2) {
		display:block;
		font-size:18px;
		line-height:1.5em;
	}
	
	.kasetu-info p {
		margin:0 0 20px;
	}
	
	.kasetu-info .button a {
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		display:block;
		border:3px #FFFFFF solid;
		text-align:center;
		width:auto;
		padding:10px 0;
		border-radius:27px;
	}
	
	.kasetu-info .button a:hover {
		color:#f39800;
		border:3px #FFFFFF solid;
		background-color:#FFFFFF;
	}
	
	.recruit-category {
		background:url(../image/bg_target.jpg) no-repeat center center;
		background-size:100% auto;
		background-size:cover;
	}
	
	.recruit-category ul {
		list-style:none;
		width:auto;
		padding:25px 12px;
		margin:auto;
	}
	
	.recruit-category li {
		width:33.3%;
		float:left;
	}
	
	.recruit-category li + li {
		margin-left:0;
	}
	
	.recruit-category li a {
		display:block;
		box-sizing:border-box;
		width:auto;
		height:70px;
		margin:0 8px;
		padding:25px 5px 30px;
		font-size:12px;
		font-weight:bold;
		line-height:1em;
		color:#FFFFFF;
		text-decoration:none;
		background-color:#f39800;
		border:3px #f39800 solid;
		border-radius:6px;
	}

	.recruit-category li:nth-child(3) a {
		padding:13px 5px 30px;
	}
	
	.recruit-category li a:hover {
		color:#f39800;
		background-color:#FFF;
	}
	
	.recruit-category-navi {
		padding:35px 20px 10px;
		clear:both;
	}
	
	.recruit-category-navi h2 {
		font-size:20px;
		line-height:1em;
		margin:0 0 20px;
	}
	
	.recruit-category-navi h2 strong {
		color:#f39800;
	}
	
	.recruit-category-navi ul {
		width:auto;
		margin:auto;
		list-style:none;
	}
	
	.recruit-category-navi li {
		width:auto;
		float:none;
		clear:both;
		margin:0 0 5px;
	}
	
	.recruit-category-navi li + li {
		margin-left:0;
	}
	
	.recruit-category-navi li a {
		display:block;
		box-sizing:border-box;
		width:auto;
		font-size:15px;
		font-weight:bold;
		line-height:1em;
		text-decoration:none;
		color:#000000;
		border:1px #cccccc solid;
		border-radius:6px;
	}
	
	.recruit-category-navi li a span:nth-child(1) {
		display:none;
	}
	
	.recruit-category-navi li a span:nth-child(2) {
		display:block;
		padding:20px 10px 20px;
	}
	
	.recruit-category-navi.has_bgcolor_gray {
		background-color:transparent;
	}
	
	
	
	.target_link {
		width:auto;
		margin:0 0 0px;
	}
	
	.target_link ul {
		list-style:none;
		padding:0 30px 20px;
	}
	
	.target_link ul li {
		width:100%;
		float:none;
		display:block;
		margin:0 0 20px;
		padding:0;
	}
	
	.target_link li a {
		display:block;
		margin:0;
	}
	
	.target_link li a img {
		width:100%;
		height:auto;
		margin:0 0 10px;
	}
	
	.target_link li a span {
		display: block;
		padding: 0 0 0;
	}
		
	
}


/* ABOUTUS
-------------------------------------------------- */

.sec-about-us {
	width:980px;
	margin:0 auto;
	position:relative;
	padding:160px 0 120px;
	text-align:left;
	overflow:visible;
}

@media screen and (max-width: 1024px){
	
	.sec-about-us {
		overflow:hidden;
	}
	
}

.sec-about-us .photo {
	position:absolute;
	width:820px;
}

.sec-about-us.photo_left .photo {
	right:50%;
	top:0;
	margin-right:-250px;
}

.sec-about-us .inner {
	position:relative;
	z-index:10;
	background-color:#FFFFFF;
	border-radius:6px;
}

.sec-about-us.photo_left .inner {
	margin:0 0 0 560px;
	padding:0 0 0 60px;
}

.sec-about-us.photo_right .photo {
	left:50%;
	top:0;
	margin-left:-250px;
}

.sec-about-us.photo_right .inner {
	margin:0 560px 0 0;
	padding:0 60px 0 0;
}

.sec-about-us .inner h2 {
	position:relative;
	padding:0 0 25px;
}

.sec-about-us .inner h2 span:nth-child(1) {
	display:block;
	position:absolute;
	z-index:1;
	top:-70px;
	right:0;
	font-size:130px;
	line-height:1em;
	color:#000;
	text-align:right;
}

.sec-about-us.photo_right .inner h2 span:nth-child(1) {
	right:auto;
	left:0;
}

.sec-about-us .inner h2 span:nth-child(2) {
	display:block;
	position:relative;
	z-index:2;
	font-size:25px;
	line-height:1.6em;
	color:#f39800;
	padding:75px 0 0;
}


@media screen and (max-width: 767px){
	
	.sec-about-us {
		width:auto;
		margin:0 auto;
		position:relative;
		padding:0 0 40px;
		text-align:left;
	}
	
	.sec-about-us .photo {
		position:inherit;
		width:auto;
	}

	.sec-about-us .photo img {
		width:100%;
		height:auto;
	}
	
	.sec-about-us.photo_left .photo {
		right:0;
		top:0;
		margin-right:0;
	}
	
	.sec-about-us .inner {
		position:relative;
		z-index:10;
		background-color:#FFFFFF;
		border-radius:6px;
	}
	
	.sec-about-us.photo_left .inner {
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
	.sec-about-us.photo_right .photo {
		left:auto;
		right:0;
		top:0;
		margin-left:0;
	}
	
	.sec-about-us.photo_right .inner {
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
	.sec-about-us .inner h2 {
		position:relative;
		padding:0 0 10px;
	}
	
	.sec-about-us .inner h2 span:nth-child(1) {
		display:block;
		position:absolute;
		z-index:1;
		top:-30px;
		right:0;
		font-size:60px;
		line-height:1em;
		color:#000;
		text-align:right;
	}
	
	.sec-about-us.photo_right .inner h2 span:nth-child(1) {
		right:0;
		left:auto;
	}
	
	.sec-about-us .inner h2 span:nth-child(2) {
		display:block;
		position:relative;
		z-index:2;
		font-size:18px;
		line-height:1.6em;
		color:#f39800;
		padding:30px 0 0;
	}
	
}




/* DATA
-------------------------------------------------- */

.lst-number-data {
	list-style:none;
	margin-top:30px;
	padding-bottom:50px;
}

.lst-number-data li {
	width:490px;
	float:left;
	border:1px #CCCCCC;
	border-top-style:solid;
	padding:40px 0;
}

.lst-number-data li.wide {
	width:100%;
	float:left;
}

.lst-number-data li:not(.wide):nth-child(2n) dl {
	box-sizing:border-box;
	border:1px #CCCCCC;
	border-left-style:solid;
}

.lst-number-data dt {
	font-size:32px;
	font-weight:bold;
	line-height:1.4em;
	text-align:center;
	padding:5px 0 40px;
}

.lst-number-data dd {
	padding: 0 0 10px;
}

.lst-number-data {
}


@media screen and (max-width: 767px){
	
	.lst-number-data {
		list-style:none;
		margin-top:15px;
		padding-bottom:25px;
	}
	
	.lst-number-data li {
		width:auto;
		float:none;
		clear:both;
		border:1px #CCCCCC;
		border-top-style:solid;
		padding:20px 0;
	}
	
	.lst-number-data li.wide {
		width:100%;
		float:left;
	}
	
	.lst-number-data li:not(.wide):nth-child(2n) dl {
		box-sizing:border-box;
		border:none;
	}
	
	.lst-number-data dt {
		font-size:24px;
		font-weight:bold;
		line-height:1.4em;
		text-align:center;
		padding:5px 0 20px;
	}
	
	.lst-number-data dd {
		padding: 0 0 10px;
	}
	.lst-number-data dd img {
		width:100%;
		height:auto;
	}
	
	.lst-number-data {
	}
	
}




/* HISTORY
-------------------------------------------------- */

.history main > article.inner {
	padding:0;
}

.history .main_inner_wide {
	background:url(../image/bg.gif);
	padding:60px 0 0;
}

.history-inner {
	width:980px;
	margin: auto;
	text-align:left;
}

.history-inner > section {
	position:relative;
	padding:0 0 60px;
	background:url(../image/line.gif) no-repeat left 90px top 80px;
}

.history-inner > section.sec-history-start {
	padding:0 0 100px;
}

.history-inner > section > h2 {
	font-size:30px;
	position:absolute;
	left:0;
	top:0;
}

.history-inner > section > h2 strong {
	font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
	font-size:80px;
	line-height:1em;
}

.history-inner > section > p {
	font-size:30px;
	font-weight:bold;
	line-height:1.4em;
	margin:0 0 0 270px;
	padding:34px 0 0;
}

.history-inner > section ul {
	clear:both;
	list-style:none;
	width:auto;
	padding:0 0 40px 270px;
}

.history-inner > section ul li {
	width:210px;
	height:210px;
	padding:15px 0;
	margin:0 40px 40px 0;
	float:left;
	background-color:#FFF;
	position:relative;
}

.history-inner > section ul li:nth-child(3n) {
	margin:0 0 40px 0;
}

.history-inner > section ul li span {
	display:block;
}





.history-inner > section ul li span:nth-child(1) {
	padding:0 15px
}

.history-inner > section ul li span:nth-child(2) {
	padding:16px 5px 0;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	line-height:1.6em;
}


@media screen and (max-width: 767px){
	
	.history .main_inner_wide {
		background:url(../image/bg.gif);
		padding:30px 0 0;
	}
	
	.history-inner {
		width:auto;
		margin: auto;
		padding:0 20px;
	}
	
	.history-inner > section {
		position:relative;
		padding:0 0 30px;
		background:none;
	}
	
	.history-inner > section.sec-history-start {
		padding:0 0 40px;
	}
	
	.history-inner > section > h2 {
		font-size:18px;
		position:inherit;
		margin:0 0 20px;
	}
	
	.history-inner > section > h2 strong {
		font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
		font-size:36px;
		line-height:1em;
	}
	
	.history-inner > section > p {
		font-size:15px;
		font-weight:bold;
		line-height:1.4em;
		margin:0 0 0 0;
		padding:0 0 0;
	}
	
	.history-inner > section ul {
		clear:both;
		list-style:none;
		width:auto;
		padding:0 0 20px 0;
	}
	
	.history-inner > section ul li {
		width:48%;
		height:auto;
		padding:10px 0;
		margin:0 4% 15px 0;
		float:left;
		background-color:#FFF;
		position:relative;
	}
	
	.history-inner > section ul li:nth-child(3n) {
		margin:0 4% 15px 0;
	}
	
	.history-inner > section ul li:nth-child(2n) {
		margin:0 0 15px 0;
	}
	
	.history-inner > section ul li span {
		display:block;
	}
	

	
	.history-inner > section ul li span:nth-child(1) {
		padding:0 10px
	}
	.history-inner > section ul li span:nth-child(1) img {
		width:100%;
		height:auto;
	}
	
	.history-inner > section ul li span:nth-child(2) {
		padding:10px 5px 0;
		height:50px;
		text-align:center;
		font-size:11px;
		font-weight:bold;
		line-height:1.5em;
	}
	
		
}


/* ADVANTAGE
-------------------------------------------------- */

.sec-env-advantage {
	width:980px;
	margin:0 auto;
	position:relative;
	padding:30px 0 70px;
	text-align:left;
	overflow:visible;
}

@media screen and (max-width: 1024px){
	
	.sec-env-advantage {
		overflow:hidden;
	}
	
}

.sec-env-advantage .photo {
	position:absolute;
	width:600px;
}

.sec-env-advantage.photo_left .photo {
	right:50%;
	top:30px;
	margin-right:-30px;
}

.sec-env-advantage.photo_left .inner {
	padding:0 0 0 590px;
}

.sec-env-advantage.photo_right .photo {
	left:50%;
	top:30px;
	margin-left:-30px;
}

.sec-env-advantage.photo_right .inner {
	padding:0 590px 0 0;
}

.sec-env-advantage .inner h2 {
	position:relative;
	padding:0 0 30px;
}

.sec-env-advantage:nth-child(4) .inner h2,
.sec-env-advantage:nth-child(5) .inner h2 {
	padding:0 0 60px;
}

.sec-env-advantage .inner h2 span:nth-child(1) {
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	font-size:250px;
	line-height:1em;
	color:#ebebeb;
	text-align:right;
}

.sec-env-advantage .inner h2 span:nth-child(2) {
	display:block;
	position:relative;
	z-index:2;
	font-size:35px;
	line-height:1.5em;
	color:#f39800;
	padding:90px 0 0;
}



@media screen and (max-width: 767px){
	
	.sec-env-advantage {
		width:auto;
		margin:0 auto;
		position:relative;
		padding:0 0 30px;
		text-align:left;
	}
	
	.sec-env-advantage .photo {
		position:inherit;
		width:auto;
	}
	.sec-env-advantage .photo img {
		width:100%;
		height:auto;
	}
	
	.sec-env-advantage.photo_left .photo {
		right:auto;
		top:0;
		margin-right:0;
	}
	
	.sec-env-advantage.photo_left .inner {
		padding:0 20px;
	}
	
	.sec-env-advantage.photo_right .photo {
		left:auto;
		top:0;
		margin-left:0;
	}
	
	.sec-env-advantage.photo_right .inner {
		padding:0 20px;
	}
	
	.sec-env-advantage .inner h2 {
		position:relative;
		padding:0 0 20px;
	}
	
	.sec-env-advantage:nth-child(4) .inner h2,
	.sec-env-advantage:nth-child(5) .inner h2 {
		padding:0 0 45px;
	}
	
	.sec-env-advantage .inner h2 span:nth-child(1) {
		display:block;
		position:absolute;
		z-index:1;
		top:10px;
		right:0;
		font-size:120px;
		line-height:1em;
		color:#ebebeb;
		text-align:right;
	}
	
	.sec-env-advantage .inner h2 span:nth-child(2) {
		display:block;
		position:relative;
		z-index:2;
		font-size:18px;
		line-height:1.5em;
		color:#f39800;
		padding:30px 0 0;
	}
	
		
}





/* OFFICE
-------------------------------------------------- */

.sec-office-gallery {
	overflow:hidden;
	padding:0 0 50px;
}

.sec-office-gallery > div {
	margin:0 0 10px;
}

.sec-office-gallery > div.half-left {
	float:left;
}

.sec-office-gallery > div.half-right {
	margin:0 0 10px 506px;
}

.sec-office-gallery > div h3 {
	font-size:20px;
	line-height:1.5em;
	margin:0 0 10px;
}

.sec-office-gallery ul {
	list-style:none;
	margin:0 -16px;
	font-size:0px;
}

.sec-office-gallery ul li {
	display:inline-block;
	font-size:15px;
	margin:0 16px 32px;
}



@media screen and (max-width: 767px){
	
	.sec-office-gallery {
		overflow:hidden;
		padding:0 0 10px;
	}
	
	.sec-office-gallery > div {
		margin:0 0 20px;
	}
	
	.sec-office-gallery > div.half-left {
		float:none;
	}
	
	.sec-office-gallery > div.half-right {
		margin:0 0 20px 0;
	}
	
	.sec-office-gallery > div h3 {
		font-size:18px;
		line-height:1.5em;
		margin:0 0 6px;
	}
	
	.sec-office-gallery ul {
		list-style:none;
		margin:0;
		font-size:0px;
	}
	
	.sec-office-gallery ul li {
		display:inline-block;
		font-size:15px;
		margin:0 0 10px;
	}
	
	.sec-office-gallery ul li img {
		width:100%;
		height:auto;
	}
	
	
}





/* WELFARE
-------------------------------------------------- */

.sec-walfare-info {
	padding:0 0 80px;
}

.sec-walfare-info p.catch {
	padding:0 150px 60px;
}

.welfare-detail {
	border:1px #CCCCCC;
	border-style:solid none;
	margin-top:-1px;
	padding:40px 0;
	min-height:260px;
}



.welfare-detail .photo {
	width:390px;
	float:right;
}

.welfare-detail .inner {
	width:490px;
	margin:0 0 0 30px;
}

.welfare-detail h3 {
	font-size:30px;
	line-height:1.5em;
	color:#f39800;
	margin:0 0 15px;
}


@media screen and (max-width: 767px){
	
	.sec-walfare-info {
		padding:0 0 30px;
	}
	
	.sec-walfare-info p.catch {
		padding:0 0 30px;
	}
	
	.welfare-detail {
		border:none;
		margin-top:0;
		padding:0 0 40px;
		min-height:inherit;
	}
	
	.welfare-detail .photo {
		width:auto;
		float:none;
		clear:both;
	}

	.welfare-detail .photo img {
		width:100%;
		height:auto;
	}
	
	.welfare-detail .inner {
		width:auto;
		margin:20px 0 0 0;
	}
	
	.welfare-detail h3 {
		font-size:17px;
		line-height:1.5em;
		color:#f39800;
		margin:0 0 10px;
	}
	
}


/* JOB > WORKFLOW
-------------------------------------------------- */
.workflow main > article > div.main_inner_wide {
	padding:60px 0 70px;
}

.recruit.flow .main_inner_wide {
	padding:60px 0 0px;
}

.sec-job-workflow {
	width:980px;
	margin:auto;
	text-align:left;
	padding:0 0 30px;
}

.sec-job-workflow .inner {
	background-color:#FFFFFF;
}

.sec-job-workflow h2 {
	font-size:30px;
	line-height:1.4em;
	padding:40px 50px 35px;
	position:relative;
}

.flow .sec-job-workflow h2:hover {
	cursor:pointer;
}

.sec-job-workflow h2 span.txt-en {
	font-size:33px;
	color:#f39800;
	padding-right:15px;
}

.sec-job-workflow ul {
	list-style:none;
	padding:0 50px 40px;
	/*
	display:none;
	*/
}

#work.flow .sec-job-workflow ul {
	display:none;
}

.sec-job-workflow ul li {
	clear:both;
	border:1px #CCCCCC;
	border-top-style:solid;
	padding:20px 10px 20px 20px;
	position:relative;
}

.sec-job-workflow ul li:after {
	position: absolute;
    bottom: -10px;
    left: 0;
	right:0;
    content: '';
    width: 0;
    height: 0;
	margin:auto;
	border-top: 10px solid #999999;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

.sec-job-workflow ul li:last-child:after {
	display:none;
}

.sec-job-workflow dl {
}

.sec-job-workflow dt {
	position:relative;
	width:270px;
	clear:both;
	float:left;
	font-weight:bold;
}

.sec-job-workflow dt span {
	display:block;
}

.sec-job-workflow dt span.am,
.sec-job-workflow dt span.pm,
.sec-job-workflow dt span.other,
.sec-job-workflow dt span.step {
	color:#FFFFFF;
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	border-radius:25px;
	text-align:center;
	line-height:3.4em;
}

.sec-job-workflow dt span.am {
	background-color:#ffc71d;
}

.sec-job-workflow dt span.pm {
	background-color:#f39800;
}

.sec-job-workflow dt span.step {
	background-color:#f39800;
	font-size:13px;
	line-height:4em;
}

.sec-job-workflow dt span.other {
	background-color:#de5900;
	font-size:13px;
	line-height:4em;
}

.sec-job-workflow dt span.action {
	padding:10px 0 0 66px;
}

.sec-job-workflow dd {
	min-height:2.5em;
	padding:10px 0 5px 290px;
}

@media screen and (max-width: 767px){
	
	.recruit.flow .main_inner_wide {
		padding:20px 0 20px;
	}
	
	.sec-job-workflow {
		width:auto;
		margin:auto;
		text-align:left;
		padding:0 0 10px;
		margin: 0 20px;
	}
	
	#partner.workflow .sec-job-workflow {
		margin: 0 20px 10px;
	}
	
	.sec-job-workflow .inner {
		background-color:#FFFFFF;
	}
	
	.sec-job-workflow h2 {
		font-size:18px;
		line-height:1.4em;
		padding:20px 30px 15px 20px;
		position:relative;
	}
	
	.sec-job-workflow h2 span {
		display:block;
	}
	
	.sec-job-workflow h2 span.txt-en {
		font-size:15px;
		color:#f39800;
		padding-right:15px;
	}
	
	.sec-job-workflow ul {
		list-style:none;
		padding:0 20px 20px;
	}
	
	.sec-job-workflow ul li {
		clear:both;
		border:1px #CCCCCC;
		border-top-style:solid;
		padding:10px 0 ;
		position:relative;
	}
	
	.sec-job-workflow ul li:after {
		position: absolute;
		bottom: -10px;
		left: 0;
		right:0;
		content: '';
		width: 0;
		height: 0;
		margin:auto;
		border-top: 10px solid #999999;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
	}
	
	.sec-job-workflow ul li:last-child:after {
		display:none;
	}
	
	.sec-job-workflow dl {
	}
	
	.sec-job-workflow dt {
		position:relative;
		width:auto;
		clear:both;
		float:none;
		font-weight:bold;
	}
	
	.sec-job-workflow dt span {
		display:block;
	}
	
	.sec-job-workflow dt span.am,
	.sec-job-workflow dt span.pm,
	.sec-job-workflow dt span.other,
	.sec-job-workflow dt span.step {
		color:#FFFFFF;
		position:absolute;
		left:0;
		top:0;
		width:40px;
		height:40px;
		border-radius:20px;
		text-align:center;
		line-height:3.0em;
	}
	
	.sec-job-workflow dt span.am {
		background-color:#ffc71d;
	}
	
	.sec-job-workflow dt span.pm {
		background-color:#f39800;
	}
	
	.sec-job-workflow dt span.step {
		background-color:#f39800;
		font-size:11px;
		line-height:3.8em;
	}
	
	.sec-job-workflow dt span.other {
		background-color:#de5900;
		font-size:11px;
		line-height:3.8em;
	}
	
	.sec-job-workflow dt span.action {
		padding:10px 0 0 50px;
	}
	
	.sec-job-workflow dd {
		min-height:0.1em;
		padding:15px 0 5px 0;
		font-size:13px;
		line-height:1.7em;
	}
	
	#partner.workflow main > article > div.main_inner_wide {
		padding:20px 0 20px;
	}
	
}




/* JOB
-------------------------------------------------- */

body.recruit.job .main_inner_wide {
	padding:130px 0 0;
}

.sec-recruit-job {
	width:980px;
	margin:0 auto;
	padding:0 0 125px;
	text-align:left;
	position:relative;
}


.sec-recruit-job .photo {
	position:absolute;
	width:490px;
	right:0;
	top:-60px;
}

.sec-recruit-job .inner {
	box-sizing:border-box;
	background-color:#FFFFFF;
	margin:0 87px 0 0;
	padding:70px;
}

.sec-recruit-job h2 span.sub_title {
	display:block;
	font-size:15px;
	line-height:1em;
	margin-bottom:15px;
}

.sec-recruit-job h2 span.main_title {
	display:block;
	font-size:35px;
	line-height:1em;
	margin-bottom:25px;
}

.sec-recruit-job p.catch {
	color:#f39800;
	font-size:25px;
	font-weight:bold;
	line-height:1.5em;
	min-height:132px;
}

.job-last {
	padding:0 0 0;
}

.flowlink {
	margin:30px 0 0 0;
	
}

.flowlink a {
	font-size:16px;
	font-weight:bold;
	color:#000000;
	line-height:1.5em;
}

.flowlink img {
	vertical-align:middle;
}






@media screen and (max-width: 767px){
	
	body.recruit.job .main_inner_wide {
		padding:30px 0 0;
	}
	
	.sec-recruit-job {
		width:auto;
		margin:0 auto;
		padding:0 20px 30px;
		text-align:left;
		position:relative;
	}
	
	.sec-recruit-job .photo {
		position:inherit;
		width:auto;
		right:0;
		top:0;
	}
	
	.sec-recruit-job .photo img {
		width:100%;
		height:auto;
	}
	
	.sec-recruit-job .inner {
		box-sizing:border-box;
		background-color:#FFFFFF;
		margin:0 0 0 0;
		padding:20px;
	}
	
	.sec-recruit-job h2 span.sub_title {
		display:block;
		font-size:13px;
		line-height:1em;
		margin-bottom:5px;
	}
	
	.sec-recruit-job h2 span.main_title {
		display:block;
		font-size:18px;
		line-height:1em;
		margin-bottom:15px;
	}

	.sec-recruit-job p {
		font-size:13px;
	}

	.sec-recruit-job p.catch {
		color:#f39800;
		font-size:15px;
		font-weight:bold;
		line-height:1.5em;
		min-height:inherit;
		margin-bottom:10px;
	}
	
	.flowlink {
		margin:15px 0 0 0;
		
	}
	
	.flowlink a {
		font-size:15px;
		font-weight:bold;
		color:#000000;
		line-height:1.5em;
	}
	
	.flowlink img {
		vertical-align:middle;
	}
	
	
}





/* INTERVIEW INDEX
-------------------------------------------------- */

.sec_interview_list {
	width:980px;
	margin:0 auto;
	padding:50px 0 0;
}

.sec_interview_list h2 {
	font-size:50px;
	line-height:1.4em;
	margin:0 0 40px;
}

.sec_interview_list ul {
	padding:0 0 0px;
}

.sec_interview_list li {
	width:308px;
	float:left;
	margin:0 28px 0px 0;
	list-style:none;
	position:relative;
}

.sec_interview_list li:nth-child(3n) {
	margin:0 0 70px;
}

.sec_interview_list li > span {
	position:absolute;
	width:70px;
	top:0;
	right:0;
	font-size:14px;
	color:#FFFFFF;
	z-index:10;
}

.sec_interview_list li.career > span {
	background-color:#f39800;
}
.sec_interview_list li.graduate > span {
	background-color:#2cb3a9;
}

.sec_interview_list li a {
	display:block;
	border-radius:4px;
	color:#000000;
	text-decoration:none;
}

.sec_interview_list dl {
	box-sizing:border-box;
	height:150px;
	padding:23px 20px 10px;
	font-size:14px;
	line-height:1.5em;
	background-color:#FFFFFF;
	margin:-30px 20px 0;
	position:relative;
	z-index:1;
}

.sec_interview_list dt {
	margin:0 0 5px;
}

.sec_interview_list dd.name {
	color:#f39800;
	font-size:21px;
	line-height:1.5em;
	font-weight:bold;
	margin:0 0 10px;
}

.sec_interview_list li.graduate dd.name {
	color:#2cb3a9;
}


@media screen and (max-width: 767px){
	.sec_interview_list {
		width:auto;
		margin:0 auto;
		padding:25px 0 0;
	}
	
	.sec_interview_list ul {
		padding:0 0 0;
	}
	
	.sec_interview_list h2 {
		font-size:30px;
		line-height:1.4em;
		margin:0 0 20px;
	}
	
	.sec_interview_list li {
		width:auto;
		float:none;
		margin:0 20px 40px;
		list-style:none;
		position:relative;
	}
	
	.sec_interview_list li:nth-child(3n) {
		margin:0 20px 30px;
	}
	
	.sec_interview_list li > span {
		position:absolute;
		width:70px;
		top:0;
		right:0;
		font-size:14px;
		color:#FFFFFF;
		z-index:10;
	}
	
	.sec_interview_list li.career > span {
		background-color:#f39800;
	}
	.sec_interview_list li.graduate > span {
		background-color:#2cb3a9;
	}
	
	.sec_interview_list li a {
		display:block;
		border-radius:4px;
		color:#000000;
		text-decoration:none;
	}

	.sec_interview_list li a img {
		width:100%;
		height:auto;
	}
	
	.sec_interview_list dl {
		box-sizing:border-box;
		height:auto;
		padding:15px 10px 15px;
		font-size:14px;
		line-height:1.5em;
		background-color:#FFFFFF;
		margin:-30px 20px 0;
		position:relative;
		z-index:1;
	}
	
	.sec_interview_list dt {
		margin:0 0 5px;
	}
	
	.sec_interview_list dd.name {
		color:#f39800;
		font-size:16px;
		line-height:1.5em;
		font-weight:bold;
		margin:0 0 5px;
	}
	
	.sec_interview_list li.graduate dd.name {
		color:#2cb3a9;
	}
	
}



/* INTERVIEW DETAIL
-------------------------------------------------- */

body#interview:not(.index) main > .inner {
	overflow:hidden;
}

body#interview:not(.index) main > article > header .inner {
	width:auto;
	min-width:980px;
	height:893px;
	height:auto;
	position:relative;
	overflow:hidden;
}

body#interview:not(.index) main > article > header .inner .pct_interview_main {
	position:relative;
	height:640px;
	overflow:hidden;
}

body#interview:not(.index) main > article > header .inner .pct_interview_main img {
	position:absolute;
	left:50%;
	margin:auto;
	margin-left:-650px;
}

@media screen and (min-width: 1300px){
	
	body#interview:not(.index) main > article > header .inner .pct_interview_main img {
		width:100%;
		left:0;
		right:0;
		margin:auto;
	}
	
}

body#interview:not(.index) main > article > header .inner .page_heading {
	position:absolute;
	width:980px;
	height:610px;
	margin:auto;
	left:0;
	right:0;
	top:0;
	text-align:left;
}

body#interview:not(.index) main > article > header .inner .page_heading h1 {
	top:100px;
}

body#interview:not(.index) main > article > header .inner .page_heading h1 span.ctg_page {
	font-size:70px;
	font-weight:bold;
	line-height:1.15em;
	color:#000000;
	margin:0 0 15px;
}

body#interview:not(.index) main > article > header .inner .page_heading h1 span.ctg_joined {
	font-size:24px;
	line-height:1.15em;
	font-weight:bold;
}

.ctg_graduate .page_heading h1 span.ctg_joined {
	color:#2cb3a9;
}

.ctg_career .page_heading h1 span.ctg_joined {
	color:#f39800;
}

main > article > header .inner .interview_profile {
	width:980px;
	height:310px;
	height:auto;
	margin:-56px auto 50px;
	position:relative;
	z-index:2;
	background-color:#FFF;
}

main > article > header .inner .interview_profile .txt_catch {
	display:block !important;
	position:relative;
	top:auto !important;
	color:#f39800;
	font-size:35px;
	line-height:1.7em;
	box-sizing:border-box;
	padding:50px 20px 20px;
}

main > article.ctg_graduate > header .inner .interview_profile .txt_catch {
	color:#2cb3a9;
}

main > article > header .inner .interview_profile dt {
	font-size:30px;
	line-height:1.5em;
	font-weight:bold;
}

.sec-interview-block01 {
	width:980px;
	height:auto;
	min-height:660px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

.sec-interview-block01 .photo {
	position:absolute;
	right:560px;
}

.sec-interview-block01 section {
	margin:0 0 0 490px;
}

.sec-interview-block02 {
	width:100%;
	height:440px;
	position:relative;
	overflow:hidden;
	margin:0 0 100px;
}

.sec-interview-block02 img {
	position:absolute;
	left:50%;
	margin:auto;
	margin-left:-650px;
}

@media screen and (min-width: 1300px){
	
	.sec-interview-block02 img {
		width:100%;
		height:auto;
		left:0;
		right:0;
		margin:auto;
	}
	
}

.sec-interview-contents {
	padding:0 0 40px;
}

.sec-interview-contents h2 {
	margin:0 0 10px;
}

.sec-interview-contents h2 span:nth-child(1) {
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 5px;
}

.sec-interview-contents h2 span:nth-child(2) {
	display:block;
	color:#f39800;
	font-size:25px;
	font-weight:bold;
	line-height:1.5em;
}

.ctg_graduate .sec-interview-contents h2 span:nth-child(2) {
	color:#2cb3a9;
}

.sec-interview-block03 {
	width:980px;
	height:auto;
	min-height:660px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

.sec-interview-block03 .photo {
	position:absolute;
	left:560px;
}

.sec-interview-block03 section {
	margin:0 490px 0 0;
}

.sec-interview-vision {
	margin:0 0 50px;
}

.sec-interview-vision .inner {
	width:980px;
	margin:0 auto;
	box-sizing:border-box;
	border:6px #f39800 solid;
	padding:35px 80px 45px;
}

.ctg_graduate .sec-interview-vision .inner {
	border-color:#2cb3a9;
}

.sec-interview-vision h2 {
	margin:0 0 15px;
}

.sec-interview-vision h2 span:nth-child(1) {
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	margin:0 0 5px;
}

.sec-interview-vision h2 span:nth-child(2) {
	display:block;
	color:#f39800;
	font:25px;
	line-height:1.5em;
}

.ctg_graduate .sec-interview-vision h2 span:nth-child(2) {
	color:#2cb3a9;
}

.sec-interview-vision p {
	text-align:left;
}

.btn-return-interview {
	margin:0 0 60px;
}

.btn-return-interview a {
	display:block;
	width:260px;
	margin:0 auto;
	padding:10px;
	background-color:#f39800;
	border:3px #f39800 solid;
	border-radius:26px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.ctg_graduate .btn-return-interview a {
	background-color:#2cb3a9;
	border-color:#2cb3a9;
}

.btn-return-interview a:hover {
	color:#f39800;
	text-decoration:none;
	background-color:#FFFFFF;
}

.ctg_graduate .btn-return-interview a:hover {
	color:#2cb3a9;
}



@media screen and (max-width: 767px){
	
	body#interview:not(.index) main > .inner {
		overflow:hidden;
	}
	
	body#interview:not(.index) main > article > header .inner {
		width:auto;
		min-width:inherit;
		height:auto;
		position:relative;
		overflow:hidden;
	}
	
	body#interview:not(.index) main > article > header .inner .pct_interview_main {
		position:inherit;
		height:157px;
		overflow:auto;
	}
	
	body#interview:not(.index) main > article > header .inner .pct_interview_main img {
		position:absolute;
		left:0;
		right:0;
		width:100%;
		height:auto;
		margin:auto;
		margin-left:0;
		
	}
	
	body#interview:not(.index) main > article > header .inner .page_heading {
		position:absolute;
		width:auto;
		height:auto;
		margin:auto;
		left:0;
		right:0;
		top:0;
		text-align:left;
	}
	
	body#interview:not(.index) main > article > header .inner .page_heading h1 {
		top:25px;
		left:25px;
	}
	
	body#interview:not(.index) main > article > header .inner .page_heading h1 span.ctg_page {
		font-size:21px;
		font-weight:bold;
		line-height:1.15em;
		color:#000000;
		margin:0 0 15px;
	}
	
	body#interview:not(.index) main > article > header .inner .page_heading h1 span.ctg_joined {
		font-size:13px;
		line-height:1.15em;
		font-weight:bold;
	}
	
	.ctg_graduate .page_heading h1 span.ctg_joined {
		color:#2cb3a9;
	}
	
	.ctg_career .page_heading h1 span.ctg_joined {
		color:#f39800;
	}
	
	main > article > header .inner .interview_profile {
		width:auto;
		height:auto;
		margin:0 auto 20px;
		position:relative;
		z-index:2;
		background-color:#FFF;
	}
	
	main > article > header .inner .interview_profile .txt_catch {
		display:block !important;
		position:relative;
		top:auto !important;
		color:#f39800;
		font-size:15px;
		line-height:1.7em;
		box-sizing:border-box;
		padding:25px 0 10px;
	}
	
	main > article.ctg_graduate > header .inner .interview_profile .txt_catch {
		color:#2cb3a9;
	}
	
	main > article > header .inner .interview_profile dt {
		font-size:15px;
		line-height:1.5em;
		font-weight:bold;
	}
	main > article > header .inner .interview_profile dd {
		font-size:11px;
	}
	
	.sec-interview-block01 {
		width:auto;
		height:auto;
		min-height:inherit;
		margin:0 auto;
		text-align:left;
		position:relative;
	}
	
	.sec-interview-block01 .photo {
		position:inherit;
		right:auto;
		padding:0 20px;
	}

	.sec-interview-block01 .photo img {
		width:100%;
		height:auto;
	}
	
	.sec-interview-block01 section {
		margin:20px 20px;
	}
	
	.sec-interview-block02 {
		width:100%;
		height:160px;
		position:relative;
		overflow:hidden;
		margin:0 0 25px;
	}
	
	.sec-interview-block02 img {
		position:absolute;
		left:50%;
		margin:auto;
		margin-left:-236px;
		width:auto;
		height:160px;
	}
	
	.sec-interview-contents {
		padding:0 0 10px;
	}
	
	.sec-interview-contents h2 {
		margin:0 0 10px;
	}
	
	.sec-interview-contents h2 span:nth-child(1) {
		display:block;
		font-size:15px;
		font-weight:bold;
		line-height:1.5em;
		margin:0 0 5px;
	}
	
	.sec-interview-contents h2 span:nth-child(2) {
		display:block;
		color:#f39800;
		font-size:15px;
		font-weight:bold;
		line-height:1.5em;
	}
	
	.ctg_graduate .sec-interview-contents h2 span:nth-child(2) {
		color:#2cb3a9;
	}
	
	.sec-interview-block03 {
		width:auto;
		height:auto;
		min-height:inherit;
		margin:0 auto;
		text-align:left;
		position:relative;
	}
	
	.sec-interview-block03 .photo {
		position:inherit;
		left:auto;
		padding:0 20px;
	}
	
	.sec-interview-block03 .photo img {
		width:100%;
		height:auto;
	}
	
	.sec-interview-block03 section {
		margin:20px 20px;
	}
	
	.sec-interview-vision {
		margin:0 0 30px;
	}
	
	.sec-interview-vision .inner {
		width:auto;
		margin:0 20px;
		box-sizing:border-box;
		border:3px #f39800 solid;
		padding:20px 20px 25px;
	}
	
	.ctg_graduate .sec-interview-vision .inner {
		border-color:#2cb3a9;
	}
	
	.sec-interview-vision h2 {
		margin:0 0 15px;
	}
	
	.sec-interview-vision h2 span:nth-child(1) {
		display:block;
		font-size:15px;
		font-weight:bold;
		line-height:1.5em;
		margin:0 0 5px;
	}
	
	.sec-interview-vision h2 span:nth-child(2) {
		display:block;
		color:#f39800;
		font-size:18px;
		line-height:1.5em;
	}
	
	.ctg_graduate .sec-interview-vision h2 span:nth-child(2) {
		color:#2cb3a9;
	}
	
	.sec-interview-vision p {
		text-align:left;
	}
	
	.btn-return-interview {
		margin:0 0 60px;
	}
	
	.btn-return-interview a {
		display:block;
		width:260px;
		margin:0 auto;
		padding:10px;
		background-color:#f39800;
		border:3px #f39800 solid;
		border-radius:26px;
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
	}
	
	.ctg_graduate .btn-return-interview a {
		background-color:#2cb3a9;
		border-color:#2cb3a9;
	}
	
	.btn-return-interview a:hover {
		color:#f39800;
		text-decoration:none;
		background-color:#FFFFFF;
	}
	
	.ctg_graduate .btn-return-interview a:hover {
		color:#2cb3a9;
	}
	
}


/* PERSONALITY
-------------------------------------------------- */

.personality .main_inner_wide {
	background:url(../image/bg_main14.jpg) no-repeat center top;
	background-size:100% auto;
	padding:100px 0 300px;
}

.sec-kasetu {
	width:700px;
	margin:auto;
	text-align:left;
}

.sec-kasetu h2 {
	margin: 0 0 50px;
}

.sec-kasetu .txt_lead {
	text-align:center;
}

.sec-kasetu p.txt_lead {
	margin: 0 0 85px;
}

.sec-kasetu ul {
	list-style:none;
	margin:0 0 23px;
}

.sec-kasetu ul li {
	margin:0 0 39px;
}


@media screen and (max-width: 767px){
	
	.personality .main_inner_wide {
		background:url(../image/bg_main_sp.jpg) no-repeat center top;
		background-size:100% auto;
		background-size:cover;
		padding:45px 0 180px;
	}
	
	.sec-kasetu {
		width:auto;
		margin:auto;
		text-align:left;
	}
	
	.sec-kasetu h2 {
		margin: 0 0 20px;
	}
	
	.sec-kasetu h2 img {
		width:220px;
		height:auto;
	}
	
	.sec-kasetu .txt_lead {
		text-align:center;
	}
	
	.sec-kasetu p.txt_lead img {
		width:280px;
		height:auto;
	}
	
	.sec-kasetu p.txt_lead {
		margin: 0 0 45px;
	}
	
	.sec-kasetu ul {
		list-style:none;
		margin:0 0 28px 20px;
	}
	
	.sec-kasetu ul li {
		margin:0 0 22px;
	}

	.sec-kasetu ul li:nth-child(1) img { width:128px; height:auto; }
	.sec-kasetu ul li:nth-child(2) img { width:128px; height:auto; }
	.sec-kasetu ul li:nth-child(3) img { width:154px; height:auto; }
	.sec-kasetu ul li:nth-child(4) img { width:129px; height:auto; }
	.sec-kasetu ul li:nth-child(5) img { width:166px; height:auto; }
	
	p.txt_kasetu {
		margin:0 0 23px 20px;
	}
	p.txt_kasetu img {
		width:240px;
		height:auto;
	}
	
	.recruit.personality .btn_common02 {
		clear:both;
		text-align:center;
		height:auto;
		padding:0 0 10px;
	}	

}



/* TRAINING
-------------------------------------------------- */

.about-training {
	background-color:#FFFFFF;
	padding:10px 0 40px;
}

.about-training h2 {
	font-size:35px;
	line-height:1.5em;
	margin:0 0 30px;
}

.about-training p {
	width:680px;
	margin:auto;
	text-align:left;
}

.sec-career-step {
	width:980px;
	margin:0 auto;
	text-align:left;
	padding:60px 0 80px;
}

.sec-career-step h3 {
	text-align:center;
	font-size:30px;
	line-height:1.5em;
	margin:0 0 50px;
}

.sec-step-chart {
	background-color:#FFF;
	margin:0 auto 40px;
	padding:68px 70px 20px;
	position:relative;
}

.sec-step-chart h4 {
	position:absolute;
	left:68px;
	top:68px;
}

.sec-step-chart .chart {
	overflow:hidden;
	margin:0 0 60px;
}

.sec-step-chart .chart dl {
	clear:both;
	float:right;
	font-weight:bold;
	box-sizing:border-box;
	padding:20px 16px;
	margin: 0 0 10px;
	box-shadow:5px 3px 0px 2px #e5e5e5;
}

.sec-step-chart .chart dl:nth-child(1) { background-color:#fd8019; width:360px; }
.sec-step-chart .chart dl:nth-child(2) { background-color:#fd8c1f; width:460px; }
.sec-step-chart .chart dl:nth-child(3) { background-color:#fe9d27; width:560px; }
.sec-step-chart .chart dl:nth-child(4) { background-color:#feb030; width:660px; }
.sec-step-chart .chart dl:nth-child(5) { background-color:#ffc138; width:760px; }

.sec-step-chart .chart dt,
.sec-step-chart .chart dd {
	display:inline-block;
}

.sec-step-chart .chart dt {
	background-color:#FFF;
	color:#000000;
	border-radius:15px;
	width:120px;
	padding:0;
	text-align:center;
	margin:0 10px 0 0;
}

.sec-step-chart .txt-explain {
	overflow:hidden;
	margin:0 -20px 0;
}

.sec-step-chart .txt-explain dl {
	width:270px;
	float:left;
	margin:0 35px 35px 0;
}

.sec-step-chart .txt-explain dl:nth-child(3n) {
	margin:0 0 35px 0;
}

.sec-step-chart .txt-explain dt {
	font-size:25px;
	font-weight:bold;
	line-height:1.4em;
	text-align:center;
	color:#f39800;
	border:1px #f39800;
	border-bottom-style:solid;
	margin:0 0 20px;
	padding:0 0 10px;
}

.sec-step-chart .txt-explain dd {
}

.sec-step-sheet {
	background-color:#FFF;
	padding:60px 460px 40px 50px;
	position:relative;
	min-height:190px;
}

.sec-step-sheet .photo {
	position:absolute;
	right:40px;
	top:40px;
}

.sec-step-sheet h4 {
	font-size:25px;
	line-height:1.5em;
	margin:0 0 10px;	
}

.sec-training {
	padding:70px 0 40px;
}

.sec-training h3 {
	font-size:30px;
	line-height:1.5em;
	margin:0 0 40px;
	text-align:center;
}

.sec-training > div {
	position:relative;
	border:1px #CCCCCC;
	border-style:solid none;
	padding:60px 460px 40px 30px;
	min-height:245px;
}

.sec-training > div + div {
	border-style:none none solid none;
}

.sec-training h4 {
	color:#f39800;
	font-size:30px;
	line-height:1.5em;
	margin:0 0 10px;
}

.sec-training .photo {
	position:absolute;
	right:0;
	top:40px;
}





@media screen and (max-width: 767px){
	
	.about-training {
		background-color:#FFFFFF;
		padding:10px 20px 40px;
	}
	
	.about-training h2 {
		font-size:20px;
		line-height:1.5em;
		margin:0 0 30px;
	}
	
	.about-training p {
		width:auto;
		margin:auto;
		text-align:left;
	}
	
	.sec-career-step {
		width:auto;
		margin:0 auto;
		text-align:left;
		padding:30px 20px 30px;
	}
	
	.sec-career-step h3 {
		text-align:center;
		font-size:18px;
		line-height:1.5em;
		margin:0 0 20px;
	}
	
	.sec-step-chart {
		background-color:#FFF;
		margin:0 auto 40px;
		padding:20px 10px 20px;
		position:relative;
	}
	
	.sec-step-chart h4 {
		position:inherit;
		left:auto;
		top:auto;
		padding:10px 50px;
	}
	
	.sec-step-chart h4 img {
		width:100%;
		height:auto;
	}
	
	.sec-step-chart .chart {
		overflow:hidden;
		margin:0 0 30px;
		padding:10px 0 0;
	}
	
	.sec-step-chart .chart dl {
		clear:both;
		float:none;
		font-weight:bold;
		box-sizing:border-box;
		padding:20px 16px;
		margin: 0 0 10px;
		box-shadow:5px 3px 0px 2px #e5e5e5;
		text-align:center;
	}
	
	.sec-step-chart .chart dl:nth-child(1) { background-color:#fd8019; width:auto; }
	.sec-step-chart .chart dl:nth-child(2) { background-color:#fd8c1f; width:auto; }
	.sec-step-chart .chart dl:nth-child(3) { background-color:#fe9d27; width:auto; }
	.sec-step-chart .chart dl:nth-child(4) { background-color:#feb030; width:auto; }
	.sec-step-chart .chart dl:nth-child(5) { background-color:#ffc138; width:auto; }
	
	.sec-step-chart .chart dt,
	.sec-step-chart .chart dd {
		display:block;
	}
	
	.sec-step-chart .chart dt {
		background-color:#FFF;
		color:#000000;
		border-radius:15px;
		width:120px;
		padding:0;
		text-align:center;
		margin:0 auto 10px;
	}
	
	.sec-step-chart .txt-explain {
		overflow:hidden;
		margin:0 0 0;
	}
	
	.sec-step-chart .txt-explain dl {
		width:auto;
		float:none;
		margin:0 10px 20px;
	}
	
	.sec-step-chart .txt-explain dl:nth-child(3n) {
		margin:0 10px 20px;
	}
	
	.sec-step-chart .txt-explain dt {
		font-size:18px;
		font-weight:bold;
		line-height:1.4em;
		text-align:center;
		color:#f39800;
		border:1px #f39800;
		border-bottom-style:solid;
		margin:0 0 10px;
		padding:0 0 10px;
	}
	
	.sec-step-chart .txt-explain dd {
	}
	
	.sec-step-sheet {
		background-color:#FFF;
		padding:30px 20px 20px;
		position:relative;
		min-height:190px;
	}
	
	.sec-step-sheet .photo {
		position:inherit;
		right:auto;
		top:auto;
	}

	.sec-step-sheet .photo img {
		width:100%;
		height:auto;
	}
	
	.sec-step-sheet h4 {
		font-size:18px;
		line-height:1.5em;
		margin:0 0 10px;	
	}
	
	.sec-step-sheet p {
		margin:0 0 10px;	
	}
	
	.sec-training {
		padding:30px 0 0;
	}
	
	.sec-training h3 {
		font-size:20px;
		line-height:1.5em;
		margin:0 0 20px;
		text-align:center;
	}
	
	.sec-training > div {
		position:relative;
		border:1px #CCCCCC;
		border-style:solid none;
		padding:20px 10px 30px;
		min-height:inherit;
	}
	
	.sec-training > div + div {
		border-style:none none solid none;
	}
	
	.sec-training h4 {
		color:#f39800;
		font-size:18px;
		line-height:1.5em;
		margin:0 0 10px;
	}
	.sec-training p {
		margin: 0 0 10px;
	}
	
	.sec-training .photo {
		position:inherit;
		right:auto;
		top:auto;
	}
	
	.sec-training .photo img {
		width:100%;
		height:auto;
	}
	
}



/* FAQ
-------------------------------------------------- */

.sec-recruit-faq {
	padding:10px 0 60px;
}

.sec-recruit-faq h2 {
	font-size:25px;
	line-height:1.5em;
	padding:0 0 20px;
	border:1px #CCCCCC;
	border-bottom-style:solid;
}

.sec-recruit-faq dl {
	border:1px #CCCCCC;
	border-bottom-style:solid;
	padding:0 0 20px;
}

.sec-recruit-faq dt {
	position:relative;
	padding:20px 70px 0 63px;
}

.sec-recruit-faq dt .icon.qst {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	font-weight:bold;
	position:absolute;
	left:30px;
}

.sec-recruit-faq dt:hover {
	cursor:pointer;
}

.sec-recruit-faq dd {
	position:relative;
	color:#f39800;
	padding:10px 70px 0 63px;
	display:none;
	/*
	*/
}

.sec-recruit-faq dd .icon.ans {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	font-weight:bold;
	position:absolute;
	left:30px;
}

.training .btn_common02 {
	padding: 30px 0 20px;
}



@media screen and (max-width: 767px){
	
	.sec-recruit-faq {
		padding:0 0 30px;
	}
	
	.sec-recruit-faq h2 {
		font-size:25px;
		line-height:1.5em;
		padding:0 0 20px;
		border:1px #CCCCCC;
		border-bottom-style:solid;
	}
	
	.sec-recruit-faq dl {
		border:1px #CCCCCC;
		border-bottom-style:solid;
		padding:0 0 15px;
	}
	
	.sec-recruit-faq dt {
		position:relative;
		padding:15px 50px 0 32px;
	}
	
	.sec-recruit-faq dt .icon.qst {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:20px;
		font-weight:bold;
		position:absolute;
		left:7px;
	}
	
	.sec-recruit-faq dt:hover {
		cursor:pointer;
	}
	
	.sec-recruit-faq dd {
		position:relative;
		color:#f39800;
		padding:10px 0 0 32px;
		display:none;
		/*
		*/
	}
	
	.sec-recruit-faq dd .icon.ans {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:20px;
		font-weight:bold;
		position:absolute;
		left:7px;
	}
	
	.training .btn_common02 {
		padding: 30px 0 20px;
	}
	
}


/* CAREER > APPEAL
-------------------------------------------------- */

.appeal .sec-env-advantage .inner h2 {
	position:relative;
	padding:0 0 50px;
}

.appeal .sec-env-advantage .inner h2 span:nth-child(2) {
	height:3em;
}

.appeal .btn_common02 {
	padding: 20px 0 50px;
}




@media screen and (max-width: 767px){

}


/* PARTNER > INFORMATION
-------------------------------------------------- */

.sec-partner-info {
	margin:0 0 60px;
}

.sec-partner-info .txt_lead {
	text-align:center;
	font-size:35px;
	font-weight:bold;
	line-height:1.7em;
	padding:10px 0 35px;
	margin:0;
}

.sec-partner-info .txt_lead strong {
	color:#f39800;
}

.sec-partner-info .photo {
	margin:0 0 50px;
}

.sec-partner-info > p {
	margin:0 0 40px;
}

.sec-partner-info .hosoku p {
	text-indent:-1em;
	margin-left:1em;
}

.sec-partner-modelcase {
	margin: 0 0 60px;
}

.sec-partner-modelcase h2 {
	font-size:25px;
	line-height:1.4em;
	margin: 0 0 15px;
}


@media screen and (max-width: 767px){
	
	#partner.information main > article > div.main_inner {
		padding:0 0 10px;
	}	
	
	.sec-partner-info {
		margin:0 0 40px;
	}
	
	.sec-partner-info .txt_lead {
		text-align:center;
		font-size:18px;
		font-weight:bold;
		line-height:1.7em;
		padding:10px 0 20px;
		margin:0;
	}
	
	.sec-partner-info .txt_lead strong {
		color:#f39800;
	}
	
	.sec-partner-info .photo {
		margin:0 0 20px;
	}
	
	.sec-partner-info .photo img {
		width:100%;
		height:auto;
	}
		
	.sec-partner-info > p {
		margin:0 0 20px;
	}
	
	.sec-partner-info .hosoku p {
		text-indent:-1em;
		margin-left:1em;
	}
	
	.sec-partner-modelcase {
		margin:0 0 30px;
	}
	
	.sec-partner-modelcase h2 {
		font-size:18px;
		line-height:1.4em;
		margin: 0 0 10px;
	}
	
	.sec-partner-modelcase .photo img {
		width:100%;
		height:auto;
	}
	
	
}



/* PARTNER > WORKFLOW
-------------------------------------------------- */

.workflow main > article.inner {
	padding:0 0 0;
}

@media screen and (max-width: 767px){

}




/* PARTNER > ONEDAY
-------------------------------------------------- */

.list-oneday {
	list-style:none;
	overflow:visible;
}

@media screen and (max-width: 1024px){
	
	.list-oneday {
		overflow:hidden;
	}
	
}

.list-oneday li {
	padding:0 0 50px;
}

.list-oneday li > p {
	text-align:center;
	padding:60px 0 0;
	font-size:18px;
}

.list-oneday dl {
	position:relative;
}

.list-oneday dt {
	position:absolute;
	z-index:10;
	left:40px;
	top:80px;
}

.list-oneday li:nth-child(2n) dt {
	left:700px;
}

.list-oneday dt p {
	font-size:30px;
	font-weight:bold;
	line-height:1em;
	margin:0 0 12px;
}

.list-oneday dt span {
	display:inline-block;
	color:#FFFFFF;
	background-color:#000000;
	padding:10px 20px;
}

.list-oneday dt span.time {
	font-family: 'Roboto Condensed', sans-serif;
}

.list-oneday dd {
	position:relative;
	z-index:1;
	margin:0 0 30px;
}

.list-oneday dd span {
	display:block;
}

.list-oneday dd span.photo {
	position:relative;
	z-index:5;
	text-align:center;
}

.list-oneday dd span.number {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:300px;
	font-weight:bold;
	line-height:1em;
	color:#f2f2f2;
	position:absolute;
	z-index:3;
	right:-100px;
	bottom:0;
}

.list-oneday dd span.trans {
	position:absolute;
	opacity:0.2;
	z-index:4;
	left:90px;
	top:30px;
}

.list-oneday li:nth-child(2n) dd span.number {
	right:auto;
	left:-100px;
}

.list-oneday li:nth-child(2n) dd span.trans {
	right:90px;
	left:auto;
}



@media screen and (max-width: 767px){
	
	#partner.oneday main > article > div.main_inner {
		padding:0 0 10px;
	}
		
	.list-oneday {
		list-style:none;
	}
	
	.list-oneday li {
		padding:0 0 25px;
	}
	
	.list-oneday li > p {
		text-align:center;
		padding:25px 0 0;
		font-size:15px;
	}
	
	.list-oneday dl {
		position:relative;
	}
	
	.list-oneday dt {
		position:absolute;
		z-index:10;
		left:10px;
		top:auto;
		bottom:10px;
	}
	
	.list-oneday li:nth-child(2n) dt {
		left:10px;
		top:auto;
		bottom:10px;
	}
	
	.list-oneday dt p {
		font-size:18px;
		font-weight:bold;
		line-height:1em;
		margin:0 0 5px;
	}
	
	.list-oneday dt span {
		display:inline-block;
		color:#FFFFFF;
		background-color:#000000;
		padding:5px 10px;
	}
	
	.list-oneday dt span.time {
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	.list-oneday dd {
		position:relative;
		z-index:1;
		margin:0 0 0;
	}
	
	.list-oneday dd span {
		display:block;
	}
	
	.list-oneday dd span.photo {
		position:relative;
		z-index:5;
		text-align:center;
	}
	
	.list-oneday dd span.photo img {
		width:100%;
		height:auto;
	}
	
	.list-oneday dd span.number {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:60px;
		font-weight:bold;
		line-height:1em;
		color:#000;
		position:absolute;
		z-index:11;
		right:5px;
		bottom:auto;
		top:10px;
		opacity:0.5;
	}
	
	.list-oneday dd span.trans {
		display:none;
	}
	
	.list-oneday li:nth-child(2n) dd span.number {
		right:auto;
		left:auto;
		right:10px;
	}
	
	.list-oneday li:nth-child(2n) dd span.trans {
		right:90px;
		left:auto;
	}
	

}



/* GRADUATE RECRUITMENT
-------------------------------------------------- */