@charset "utf-8";

/*=========================================*/
/* DTSを知る */
/*=========================================*/


/* DTSとは */

.about_index{
	max-width:1200px;
	margin:0px auto 60px auto;	
	}
	
table.about_index_btn{
	width:100%;
	margin:0px auto 80px auto;	
	}

table.about_index_btn a{
	text-decoration:none;
	font-weight:lighter;
	
}

table.about_index_btn tr{
	width:100%;
	}
	
table.about_index_btn th{
	width:500px;
	margin:0px auto 10px auto;
	padding:25px 0px 25px 0px;
	list-style:none;
	text-decoration:none;
	border:thin solid #b72856;
	display:table-cell;
	vertical-align:middle;
	}

th.index_pageon{
	background:#b72856;
	color:#ffffff;	
	}


.content_bgimg{
	position:inherit;
	width:100%;
	padding:100px 0px 100px 0px;
	background:url(/recruit/career/index/company/images/about_bg.jpg) no-repeat center 25% / 100% auto;
	clear: both;
	}

.about_text_area{
	max-width:1200px;
	margin:0px auto 0px auto;
	padding:50px 80px 50px 80px;
	background-color:rgba(183,40,86,0.9);
	}


p.about_text{
	text-align:left;
	color:#ffffff;
	font-size:110%;
	line-height:160%;
	}

p.about_title{
	width:500px;
	margin:0px auto 0px auto;
	padding:0px 0px 5px 0px;
	border-bottom: solid 6px #af1144;
	font-size: 200%;
	text-align:center;
	letter-spacing: 0.05em;
}

p.about_title span{
	color: #af1144;
	font-size:203%;
	font-weight:700;
	font-style:oblique; 
	letter-spacing: 0.05em;
}

.content_gray{
	margin-bottom:30px;
	padding:60px 0px 60px 0px;
	background:#ededed;
	}
		
.keyword_area{
	display:flex;
	}

.about_keyword_left{
	float:left;
	width:48.5%;
	margin:30px 0px 40px 0px;
	background-color:#ffd89a;
	}
		
.about_keyword_right{
	float:right;
	width:48.5%;
	margin:30px 0px 50px 0px;
	background-color:#ffd89a;
	}
	
.about_keyword_detail{
	margin:0px 15px 15px -15px;
	padding:30px;
	background-color:#5c6888;
	}
	
p.keyword_number{
	float:left;
	text-align:left;
	color:#ffd89a;
	font-size:300%;
	font-weight:700;
	font-style:oblique; 
	}
	
p.keyword_title{
	margin:20px 50px 0px 0px;
	color:#ffffff;
	text-align:center;
	letter-spacing:0.05em;
	font-size:150%;
	font-weight:bold;
	}
	
p.keyword_text{
	padding:30px 30px 30px 30px;
	text-align:left;
	color:#ffffff;
	letter-spacing:0.05em;
	line-height:200%;
	clear:both;
	}

.about_blk{
	margin:10px auto 10px auto;
	padding:50px 40px;
	background-color:#ffffff;
	border:3px solid #272727;
	clear:both;	
	}
	
.sler_title_left{
	float:left;
	padding-top:20px;
	width:30%;
	}
	
p.sler_text_l{
	margin:20px 0px 20px 0px;
	font-size: 200%;
	text-align:center;
	letter-spacing: 0.05em;
}

p.sler_text_l span{
	margin:0px 5px 0px 5px;
	color: #af1144;
	font-size:203%;
	font-weight:700;
	font-style:oblique; 
}

p.sler_text_m{
	text-align:center;
	letter-spacing: 0.05em;
	line-height:130%;
}
	
	
.sler_title_right{
	float:right;
	margin:0px 0px 50px 0px;
	width:70%;
	}

.sler_title_right img{
	margin:0px 20px 0px 20px;
	}
	
.sler_text_area{
	clear:both;
	}
	
.about_gry{
	margin:10px auto 10px auto;
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
	border:3px solid #ededed;
	text-align:left;
	clear:both;
	}
	
p.sler_text_left,p.sler_text_left2,p.sler_text_left3{
	float:left;
	width:25%;
	letter-spacing:-1px;
	vertical-align:middle;
	}
	
p.sler_text_left{
	margin-top:1%;
	color:#ce7286;
	}
	
p.sler_text_left2{
	margin-top:2%;
	color:#2d8bad;
	}
	
p.sler_text_left3{
	margin-top:2%;
	color:#829834;
	}
	
p.sler_text_right{
	float:right;
	width:75%;
	vertical-align: middle;
	line-height:130%;
	}
	
.about_cler{
	clear:both;
	}
	
.about_sp{
	display:none;
	}	
	
.psystem_pro_frame .psystem_pro_figure a{
	pointer-events:none;
	}


@media screen and (max-width: 1200px){
	
table.about_index_btn{
	width:100%;
	margin:0px auto 50px auto;	
	}
	
.about_pc{
	display:none;
	}
	
.sler_title_left{
	float:none;
	padding:0px 0px 20px 0px;
	width:100%;
	}
		
.sler_title_right{
	float:none;
	margin:0px 0px 50px 0px;
	width:100%;
	}
	
.sler_title_right img{
	width:30%;
	max-width:194px;
	margin:0px 5px 0px 5px;
	}	
		
p.sler_text_left,p.sler_text_left2,p.sler_text_left3{
	float:none;
	width:100%;
	margin-top:0px;
	margin-bottom:10px;
	letter-spacing:1px;
	}	
	
p.sler_text_right{
	float:none;
	width:100%;
	line-height:130%;
	}
}


@media screen and (max-width: 960px){
	
table.about_index_btn{
	width:95%;
	margin:0px auto 30px auto;
	font-size:95%;
	}
	
.content_bgimg{
	position:inherit;
	width:100%;
	padding:50px 0px;
	background:url(/recruit/career/index/company/images/about_bg.jpg) no-repeat center auto;
	background-size:cover;
	clear: both;
	}

.about_text_area{
	margin:0px auto;
	padding:30px 40px 30px 40px;
	}

p.about_title{
	margin:50px auto 0px auto;
}

.about_keyword_left{
	float:note;
	width:100%;
	margin:10px 0px 40px 0px;
	background-color:#ffd89a;
	}
		
.about_keyword_right{
	float:note;
	width:100%;
	margin:10px 0px 50px 0px;
	background-color:#ffd89a;
	}
	
.about_keyword_detail{
	margin:0px 15px 15px -15px;
	padding:30px 30px 30px 30px;
	background-color:#5c6888;
	}
	
.psystem_pro_frame img{
	width:100%;
	}
	

}

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


table.about_index_btn th{
	padding:20px 0px 20px 0px;
	}


.about_pc{
	display:none;
	}
	
.about_index{
	margin:0px auto 10px auto;	
	}

	
li.page_on{
	margin-top:3px;
	}
	
	
.content_bgimg{
	position:inherit;
	width:100%;
	padding:30px 0px 30px 0px;
	background:url(/recruit/career/index/company/images/about_bg.jpg) no-repeat center auto;
	background-size:cover;
	clear: both;
	}


p.about_title{
	width:100%;
	margin:50px auto 0px auto;
	padding:0px 0px 5px 0px;
	border-bottom: solid 6px #af1144;
	font-size:140%;
	text-align:center;
	letter-spacing: 0.05em;
}

p.about_title span{
	color: #af1144;
	font-size:143%;
	font-weight:700;
	font-style:oblique; 
	letter-spacing: 0.05em;
}

.about_text_area{
	margin:0px auto;
	padding:30px 15px 30px 15px;
	}
	
.about_keyword_left{
	float:note;
	width:110%;
	margin:10px 0px 40px -4%;
	background-color:#ffd89a;
	}
		
.about_keyword_right{
	float:right;
	width:110%;
	margin:10px -6% 50px 0px;
	background-color:#ffd89a;
	}
	
.about_keyword_detail{
	margin:0px 10px 10px 0px;
	padding:5px 5px 10px 15px;
	background-color:#5c6888;
	}
	
p.keyword_number{
	float:none;
	margin:20px 0px 0px 0px;
	text-align:center;
	color:#ffd89a;
	font-size:200%;
	font-weight:700;
	font-style:oblique; 
	}
	
p.keyword_title{
	margin:15px 0px 15px 0px;
	text-align:center;
	letter-spacing:0.05em;
	font-size:140%;
	font-weight:bold;
	}
	
p.keyword_text{
	padding:10px 5px 30px 10px;
	letter-spacing:0.05em;
	line-height:160%;
	clear:both;
	}
	
.about_sp{
	display:block;
	}	
	
.about_blk{
	margin:10px auto 10px auto;
	padding:30px 20px;
	clear:both;	
	}	
	
p.sler_text_l{
	margin:10px 0px 20px 0px;
	font-size:140%;
	text-align:center;
	letter-spacing: 0.05em;
}

p.sler_text_l span{
	margin:0px 5px 0px 5px;
	color: #af1144;
	font-size:143%;
	font-weight:700; 
}

.sler_title_right{
	margin:0px 0px 30px 0px;
	}
	
.about_gry{
	margin:10px auto 10px auto;
	padding:20px 15px 20px 15px;
	clear:both;
	}
p.sler_text_left,p.sler_text_left2,p.sler_text_left3{
	font-size:95%;
	}	
p.sler_text_right{
	font-size:90%;
	line-height:130%;
	}	


.psystem_pro_frame img{
	width:100%;
	}

.psystem_pro_frame .psystem_pro_figure{
	margin: 0 auto 8px auto;
	max-width: 100%;
}

.psystem_pro_frame .psystem_pro_figure a{
	pointer-events:auto;
	}

.psystem_pro_frame .psystem_pro_figure a::after{
	display: block;
	font-size: 90%;
	content: "クリックで拡大表示";
}

}



/* 事業領域 */

.about_red{	
	margin:50px auto 30px auto;
	padding:50px 40px;
	border:8px solid #b72856;
	clear:both;	
	}
	
.about_red img{
	width:100%;
	max-width:334px;
	margin:10px auto 10px auto;	

}

p.business_sler{	
	color:#b72856;
	font-size:200%;
	text-align:center;
	letter-spacing: 0.05em;
	}

p.business_sler span{
	font-family: franklin-gothic-urw, source-han-sans-cjk-ja, arial, sans-serif;
	font-feature-settings: "palt";
	font-size: 160%;
	font-weight: 700;
	font-style: normal;
	}


ul.about_client{
	display: inline-block;
	margin:0px auto 0px auto;
}

ul.about_client li{
	float:left;
	margin:0px auto 0px auto;
	list-style:none;
	}

.about_client_etc_pc{
	display:block;	
	}
	
.about_client_etc_sp{
	display:none;	
	}
	
p.about_title2{
	margin:5px auto 12px auto;
	text-align:center;
	letter-spacing: 0.05em;
}

p.about_title2 span{
	padding:0px 0px 5px 0px;
	border-bottom: solid 6px #af1144;
	font-size: 200%;
}

ul.about_red_maruwaku{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 60px auto 50px auto;
	font-size:160%;
	}

ul.about_red_maruwaku li{
	position: relative;
	width: 31%;
	width: -webkit-calc((100% - 80px) / 3);
	width: -moz-calc((100% - 80px) / 3);
	width: calc((100% - 80px) / 3);
	height:180px;
	margin:10px 10px 10px 10px;
	border:solid 3px #af1144;
	border-radius: 10px; 
    -webkit-border-radius: 10px;   
    -moz-border-radius: 10px;
	list-style:none;
	line-height:150%;
}

ul.about_red_maruwaku li::before{
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 33%;
	height: 6px;
	background-color: #af1144;
	content: "";
}


ul.about_red_maruwaku li span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
	
p.about_jigyou{
	display: inline-block;
	text-align:left;
	font-size:230%;
	line-height:160%;
	}
	
p.about_jigyou span{
	border-bottom:solid 6px #ffdb11;
}

p.about_jigyou2{
	display: inline-block;
	text-align:left;
	font-size:200%;
	line-height:160%;
	}

p.about_jigyou_text{
	display: inline-block;
	margin:40px auto 30px auto;
	text-align:left;
	line-height:140%;
	}



ul.about_jigyou_detail{
	margin:40px auto 50px auto;
	 display: -ms-flexbox;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	}
	
ul.about_jigyou_detail li{
	float:left;
	width:520px;
	margin:10px 10px 10px 10px;
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
	border:solid 3px #a9244f;
	list-style:none;
	}

p.jigyo_list_title{
	margin-bottom:20px;
	padding:25px 0px 25px 0px;
	color:#ffffff;
	font-size:160%;
	background-color:#a9244f;
	}

p.jigyo_list_text{
	margin-bottom:20px;
	padding:0px 2px 0px 2px;
	text-align:left;
	font-size:90%;
	line-height:160%;
	}


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

.about_red{	
	margin:40px auto 30px auto;
	padding:50px 40px;
	border:8px solid #b72856;
	clear:both;	
	}
	
ul.about_red_maruwaku{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 60px auto 50px auto;
	font-size:160%;
	}

ul.about_red_maruwaku li{
	position: relative;
	width: 31%;
	width: -webkit-calc((100% - 54px) / 2);
	width: -moz-calc((100% - 54px) / 2);
	width: calc((100% - 54px) / 2);
	height: 150px;
	margin: 10px 10px 10px 10px;
	border: solid 3px #af1144;
	border-radius: 10px; 
		-webkit-border-radius: 10px;   
		-moz-border-radius: 10px;
	list-style:none;
	line-height:150%;
}

ul.about_red_maruwaku li::before{
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 33%;
	height: 6px;
	background-color: #af1144;
	content: "";
}


ul.about_red_maruwaku li span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
	
ul.about_jigyou_detail{
	margin:40px auto 50px auto;
	 display: -ms-flexbox;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	}
	
ul.about_jigyou_detail li{
	float:left;
	width:43%;
	margin:10px 8px 10px 8px;
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
	border:solid 3px #a9244f;
	list-style:none;
	}

ul.about_client{
	width:100%;
	margin:0px auto 0px auto;
	}

ul.about_client li{
	float:left;
	width:20%;
	margin:0px auto 0px auto;
	list-style:none;
	}

.about_client_etc_pc{
	display:block;
	
	}

}

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

.about_red{	
	margin:30px auto 30px auto;
	padding:50px 40px;
	border:8px solid #b72856;
	clear:both;	
	}
	
ul.about_red_maruwaku{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content: flex-start;
	margin: 60px auto 50px auto;
	font-size:150%;
	}

ul.about_red_maruwaku li{
	position: relative;
	width: 90%;
	height: 120px;
	margin: 10px auto 10px auto;
	border: solid 3px #af1144;
	border-radius: 10px; 
		-webkit-border-radius: 10px;   
		-moz-border-radius: 10px;
	list-style:none;
	line-height:150%;
}

ul.about_red_maruwaku li::before{
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 33%;
	height: 6px;
	background-color: #af1144;
	content: "";
}


ul.about_red_maruwaku li span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

p.about_jigyou{
	display: inline-block;
	text-align:left;
	font-size:180%;
	line-height:160%;
	}
	
p.about_jigyou2{
	display: inline-block;
	text-align:left;
	font-size:180%;
	line-height:160%;
	}
	
ul.about_jigyou_detail{
	margin:40px auto 50px auto;
	 display: -ms-flexbox;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-flex-wrap: wrap;
	 flex-wrap: wrap;
	}
	
ul.about_jigyou_detail li{
	float:none;
	width:90%;
	margin:10px 2% 10px 2%;
	padding:20px 20px 20px 20px;
	background-color:#ffffff;
	border:solid 3px #a9244f;
	list-style:none;
	}
	
ul.about_client{
	width:100%;
	margin:0px auto 0px 5%;
	}
	
ul.about_client img{
	width:100%;
	max-width:250px;
	margin:0px auto 0px auto;
	}

ul.about_client li{
	float:left;
	width:30%;
	margin:0px auto 0px auto;
	list-style:none;
	}

.about_client_etc_pc{
	display:none;
	}
	
.about_client_etc_sp{
	display:block;
	
	}
	
}


@media screen and (max-width: 640px){
	
ul.about_client{
	width:100%;
	margin:0px auto 0px auto;
	}
	
ul.about_client li{
	float:left;
	width:50%;
	margin:0px auto 0px auto;
	}
}

/* DTSグループWAY */

@media screen and (min-width: 1201px), print{

.company_groupway_head{
	margin: 72px 0 0 0;
	font-size: 180%;
}

.company_groupway_head strong{
	font-size: 130%;
	font-weight: 700;
	color: #b72856;
}

.company_groupway_greeting{
	width: 85%;
	margin: 60px auto 0 auto;
}

.company_groupway_greeting::after{
	content: "";
	display: block;
	clear: both;
}

.company_groupway_greeting .groupway_greeting_portrait{
	float: right;
	width: 212px;
	padding: 0 0 0 36px;
}

.company_groupway_greeting .groupway_greeting_content{
	float: left;
	width: 75%;
	width: -webkit-calc(100% - 248px);
	width: -moz-calc(100% - 248px);
	width: calc(100% - 248px);
}

.company_groupway_greeting .groupway_greeting_content .greeting_content_text{
	text-align: left;
	font-size: 100%;
	line-height: 190%;
}

.company_groupway_greeting .groupway_greeting_content .greeting_content_president{
	text-align: right;
	font-size: 100%;
	line-height: 190%;
}

.company_groupway_element{
	width: 85%;
	margin: 40px auto 0 auto;
	padding: 42px 0 64px 0;
	border: solid 3px #000000;
	background-color: #ffffff;
}

.groupway_element_head{
	margin: 0 auto 30px auto;
	font-size: 190%;
}

.groupway_element_head .element_head_title{
	display: inline-block;
	margin: 0 auto 0 auto;
	border-bottom: solid 4px #ffdb11;
}

.groupway_element_head .element_head_title span{
	position: relative;
	bottom: -8px;
}

.groupway_philosophy_head{
	position: relative;
	width: 75%;
	height: 70px;
	margin: 0 auto 50px auto;
	background-color: #b72856;
}

.groupway_philosophy_head p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 125%;
	font-weight: 700;
	color: #ffffff;
}

.groupway_philosophy_head .tech{
	display: inline-block;
	margin: 0 32px 0 0;
	vertical-align: middle;
	font-size: 130%;
}

.groupway_philosophy_list{
	list-style: none;
	width: 75%;
	margin: 0 auto 0 auto;
}

.groupway_philosophy_list::after{
	content: "";
	display: block;
	clear: both;
}

.groupway_philosophy_list li{
	float: left;
	width: 50%;
	margin: 24px 0 0 0;
	font-size: 125%;
}

.groupway_philosophy_list li p{
	padding: 0 24px 0 24px;
	text-align: left;
}

.groupway_philosophy_list li p .tech{
	font-weight: 700;
	color: #b72856;
}

.groupway_vision_head{
	max-width: 640px;
	margin: 0 auto 0 auto;
}

.groupway_vision_list{
	list-style: none;
	width: 75%;
	margin: 0 auto 0 auto;
}

.groupway_vision_list li{
	margin: 16px 0 0 0;
	padding: 16px 40px 16px 40px;
	border: solid 3px #b72856;
}

.groupway_vision_list li p{
	text-align: left;
	font-size: 125%;
	line-height: 190%;
}

.groupway_belief_pc{
	display: block;
}

.groupway_belief_sp{
	display: none;
}

.groupway_code_head{
	position: relative;
	width: 75%;
	height: 70px;
	margin: 0 auto 36px auto;
	border-radius: 35px;
	background-color: #b72856;
}

.groupway_code_head span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 125%;
	font-weight: 700;
	color: #ffffff;
}

.groupway_code_list{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
	text-align: left;
}

.groupway_code_list li{
	margin: 8px 0 0 0;
}

.groupway_code_list li p{
	margin: 0 0 0 34px;
	text-indent: -34px;
	font-size: 115%;
	line-height: 190%;
}

.groupway_code_list li p .code_number{
	margin: 0 12px 0 0;
	vertical-align: middle;
	font-size: 130%;
	color: #b72856;
}

p.sler_text_title{
	margin:20px auto 20px auto;
	font-size:130%;
	line-height:120%;
	}


}

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

.company_groupway_head{
	margin: 72px 0 0 0;
	font-size: 160%;
}

.company_groupway_head strong{
	font-size: 130%;
	font-weight: 700;
	color: #b72856;
}



.company_groupway_greeting{
	width: 100%;
	margin: 16px auto 0 auto;
}

.company_groupway_greeting::after{
	content: "";
	display: block;
	clear: both;
}

.company_groupway_greeting .groupway_greeting_portrait{
	float: none;
	display: inline-block;
	width: auto;
	max-width: 212px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

.company_groupway_greeting .groupway_greeting_content{
	float: none;
	width: 90%;
	margin: 16px auto 0 auto;
}

.company_groupway_greeting .groupway_greeting_content .greeting_content_text{
	text-align:left;
	font-size: 95%;
	line-height: 190%;
}

.company_groupway_greeting .groupway_greeting_content .greeting_content_president{
	text-align: right;
	font-size: 95%;
	line-height: 190%;
}

.company_groupway_element{
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 42px 0 64px 0;
	border: solid 3px #000000;
	background-color: #ffffff;
}

.groupway_element_head{
	margin: 0 auto 30px auto;
	font-size: 160%;
}

.groupway_element_head .element_head_title{
	display: inline-block;
	margin: 0 auto 0 auto;
	border-bottom: solid 4px #ffdb11;
}

.groupway_element_head .element_head_title span{
	position: relative;
	bottom: -8px;
}

.groupway_philosophy_head{
	position: static;
	width: 90%;
	height: auto;
	margin: 0 auto 50px auto;
	padding: 8px 0 8px 0;
	background-color: #b72856;
}

.groupway_philosophy_head p{
	position: static;
	transform: none;
	text-align: center;
	font-size: 100%;
	font-weight: 500;
	color: #ffffff;
	line-height: 120%;
}

.groupway_philosophy_head .tech{
	display: inline-block;
	margin: 0 0 0 0;
	vertical-align: middle;
	font-size: 130%;
	font-weight: 700;
	line-height: 150%;
}

.groupway_philosophy_list{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.groupway_philosophy_list::after{
	content: none;
}

.groupway_philosophy_list li{
	float: none;
	width: 100%;
	margin: 24px 0 0 0;
	font-size: 120%;
}

.groupway_philosophy_list li p{
	padding: 0 0 0 0;
	text-align: left;
	line-height: 120%;
}

.groupway_philosophy_list li p .tech{
	font-weight: 700;
	color: #b72856;
}

.groupway_vision_head{
	max-width: 640px;
	margin: 0 auto 0 auto;
}

.groupway_vision_list{
	list-style: none;
	width: 90%;
	margin: 0 auto 0 auto;
}

.groupway_vision_list li{
	margin: 16px 0 0 0;
	padding: 16px 40px 16px 40px;
	border: solid 3px #b72856;
}

.groupway_vision_list li p{
	text-align: left;
	font-size: 120%;
	line-height: 190%;
}

.groupway_belief_pc{
	display: block;
}

.groupway_belief_sp{
	display: none;
}

.groupway_code_head{
	position: relative;
	width: 75%;
	height: 70px;
	margin: 0 auto 24px auto;
	border-radius: 35px;
	background-color: #b72856;
}

.groupway_code_head span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 120%;
	font-weight: 700;
	color: #ffffff;
}

.groupway_code_list{
	list-style: none;
	display: inline-block;
	width: 90%;
	margin: 0 auto 0 auto;
	text-align: left;
}

.groupway_code_list li{
	margin: 8px 0 0 0;
}

.groupway_code_list li p{
	margin: 0 0 0 34px;
	text-indent: -34px;
	font-size: 110%;
	line-height: 190%;
}

.groupway_code_list li p .code_number{
	margin: 0 12px 0 0;
	vertical-align: middle;
	font-size: 130%;
	color: #b72856;
}

.content.content_about_groupway{
	margin:30px 0 0 0;
}

p.sler_text_title{
	margin:20px auto 10px auto;
	font-size:110%;
	line-height:100%;
	}

}

@media screen and (max-width: 640px){
	
.company_groupway_head{
	margin: 48px 0 0 0;
	font-size: 140%;
	line-height: 150%;
}

.company_groupway_head strong{
	font-size: 130%;
	font-weight: 700;
	color: #b72856;
}

.company_groupway_greeting{
	width: 100%;
	margin: 16px auto 0 auto;
}

.company_groupway_greeting::after{
	content: "";
	display: block;
	clear: both;
}

.company_groupway_greeting .groupway_greeting_portrait{
	float: none;
	display: inline-block;
	width: auto;
	max-width: 212px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

.company_groupway_greeting .groupway_greeting_content{
	float: none;
	width: 100%;
	margin: 8px 0 0 0;
}

.company_groupway_greeting .groupway_greeting_content .greeting_content_text{
	text-align: left;
	font-size: 90%;
	line-height: 190%;
}

.company_groupway_greeting .groupway_greeting_content .greeting_content_president{
	text-align: right;
	font-size: 90%;
	line-height: 190%;
}

.company_groupway_element{
	width: 100%;
	margin: 24px auto 0 auto;
	padding: 24px 0 32px 0;
	border: solid 3px #000000;
	background-color: #ffffff;
}

.groupway_element_head{
	margin: 0 auto 30px auto;
	font-size: 160%;
}

.groupway_element_head .element_head_title{
	display: inline-block;
	margin: 0 auto 0 auto;
	border-bottom: solid 4px #ffdb11;
}

.groupway_element_head .element_head_title span{
	position: relative;
	bottom: -8px;
}

.groupway_philosophy_head{
	position: static;
	width: 90%;
	height: auto;
	margin: 0 auto 50px auto;
	padding: 8px 0 8px 0;
	background-color: #b72856;
}

.groupway_philosophy_head p{
	position: static;
	transform: none;
	text-align: center;
	font-size: 100%;
	font-weight: 500;
	color: #ffffff;
	line-height: 120%;
}

.groupway_philosophy_head .tech{
	display: inline-block;
	margin: 0 0 0 0;
	vertical-align: middle;
	font-size: 130%;
	font-weight: 700;
	line-height: 150%;
}

.groupway_philosophy_list{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.groupway_philosophy_list::after{
	content: none;
}

.groupway_philosophy_list li{
	float: none;
	width: 100%;
	margin: 24px 0 0 0;
	font-size: 120%;
}

.groupway_philosophy_list li p{
	padding: 0 0 0 0;
	text-align: left;
	line-height: 120%;
}

.groupway_philosophy_list li p .tech{
	font-weight: 700;
	color: #b72856;
}

.groupway_vision_head{
	max-width: 640px;
	margin: 0 auto 0 auto;
}

.groupway_vision_list{
	list-style: none;
	width: 90%;
	margin: 0 auto 0 auto;
}

.groupway_vision_list li{
	margin: 16px 0 0 0;
	padding: 16px 20px 16px 20px;
	border: solid 3px #b72856;
}

.groupway_vision_list li p{
	text-align: left;
	font-size: 100%;
	line-height: 190%;
}

.groupway_belief_pc{
	display: none;
}

.groupway_belief_sp{
	display: block;
}

.groupway_belief_sp .belief_head{
	font-size: 120%;
	color: #b72856;
	line-height: 150%;
}

.groupway_belief_sp ul{
	width: 90%;
	margin: 16px auto 0 auto;
	list-style: none;
}

.groupway_belief_sp ul li{
	width: 100%;
	margin: 12px 0 0 0;
	border-radius: 33px
}

.groupway_belief_sp ul li.belief01{
	background-color: #ccd99d;
}

.groupway_belief_sp ul li.belief02{
	background-color: #ffd89a;
}

.groupway_belief_sp ul li.belief03{
	background-color: #f8bbd2;
}

.groupway_belief_sp ul li.belief04{
	background-color: #e992a5;
}

.groupway_belief_sp ul li.belief05{
	background-color: #9acee1;
}

.groupway_belief_sp ul li p{
	width: 100%;
	padding: 8px 0 8px 0;
	text-align: center;
	font-size: 105%;
	font-weight: 700;
	color: #000000;
	line-height: 150%;
}

.groupway_belief_sp ul li p .belief_object{
	font-size: 90%;
}

.groupway_code_head{
	position: relative;
	width: 90%;
	height: auto;
	margin: 0 auto 24px auto;
	padding: 8px 0 8px 0;
	border-radius: 35px;
	background-color: #b72856;
}

.groupway_code_head span{
	position: static;
	text-align: center;
	font-size: 120%;
	font-weight: 700;
	color: #ffffff;
	line-height: 120%;
}

.groupway_code_list{
	list-style: none;
	display: block;
	width: 90%;
	margin: 0 auto 0 auto;
	text-align: left;
}

.groupway_code_list li{
	margin: 16px 0 0 0;
}

.groupway_code_list li p{
	margin: 0 0 0 8px;
	text-indent: 0;
	font-size: 100%;
	line-height: 150%;
}

.groupway_code_list li p .code_number{
	margin:0px 10px 8px 0px;
	vertical-align: middle;
	text-align: left;
	font-size: 140%;
	color: #b72856;
}

p.sler_text_title{
	text-align:left;
	}

}


/*=========================================*/
/* インタビュー バックアップ*/
/*=========================================*/

@media screen and (min-width: 1201px), print{

.contentInterviewIndex ul{
	list-style: none;
	display: inline-block;
	margin: 0 -16px 0 -16px;
}

.contentInterviewIndex ul::after{
	content: "";
	display: block;
	clear: both;
}

.contentInterviewIndex ul li{
	float: left;
	width: 373px;
	width: -webkit-calc((100% - 96px) / 3);
	width: -moz-calc((100% - 96px) / 3);
	width: calc((100% - 96px) / 3);
	margin: 0 16px 64px 16px;
	text-align: center;
}

.contentInterviewIndex ul li.interviewIndex01 a:link .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex01 a:visited .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex01 a:hover .interviewIndexPortrait,
.contentInterviewIndex ul li.interviewIndex01 a:active .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_01.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex02 a:link .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex02 a:visited .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex02 a:hover .interviewIndexPortrait,
.contentInterviewIndex ul li.interviewIndex02 a:active .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_02.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex03 a:link .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex03 a:visited .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex03 a:hover .interviewIndexPortrait,
.contentInterviewIndex ul li.interviewIndex03 a:active .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_03.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex04 a:link .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex04 a:visited .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex04 a:hover .interviewIndexPortrait,
.contentInterviewIndex ul li.interviewIndex04 a:active .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_04.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex05 a:link .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex05 a:visited .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li.interviewIndex05 a:hover .interviewIndexPortrait,
.contentInterviewIndex ul li.interviewIndex05 a:active .interviewIndexPortrait{
	display: block;
	position: relative;
	background: url(/recruit/career/index/images/interview_portrait_05.jpg) no-repeat center center / auto 100%;
}

.contentInterviewIndex ul li a:link .interviewIndexPortrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.contentInterviewIndex ul li a:visited .interviewIndexPortrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: transparent;
	content: "";
}

.contentInterviewIndex ul li a:hover .interviewIndexPortrait::before,
.contentInterviewIndex ul li a:active .interviewIndexPortrait::before{
	display: block;
	padding: 108% 0 0 0;
	background: rgba(255,255,255,.5);
	content: "";
}

.contentInterviewIndex ul li.interviewIndex01 a .interviewIndexPortrait .interviewIndexOccupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(156,206,225,.8);
}

.contentInterviewIndex ul li.interviewIndex02 a .interviewIndexPortrait .interviewIndexOccupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(220,233,171,.8);
}

.contentInterviewIndex ul li.interviewIndex03 a .interviewIndexPortrait .interviewIndexOccupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(255,228,154,.8);
}

.contentInterviewIndex ul li.interviewIndex04 a .interviewIndexPortrait .interviewIndexOccupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(248,187,210,.8);
}

.contentInterviewIndex ul li.interviewIndex05 a .interviewIndexPortrait .interviewIndexOccupation{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 56px;
	background: rgba(233,164,146,.8);
}

.contentInterviewIndex ul li a .interviewIndexPortrait .interviewIndexOccupation p{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 175%;
	font-weight: 700;
	color: #272727;
	line-height: 120%;
}

.contentInterviewProfile01{
	width: 100%;
	margin: 24px 0 40px 0;
	padding: 50px 0 72px 0;
	background-color: #d7ebf3;
}

.contentInterviewProfile01 .contentArea{
	position: relative;
	text-align: left;
}

.contentArea_sler{
	margin:50px auto 30px auto;
	padding-top:70px;
	clear:both;
	}
.contentInterviewProfile01 .interviewProfilePortrait{
	position: absolute;
	top: 0;
	right: 60px;
}



.contentabout:nth-of-type(odd){
	width: 100%;
	padding: 50px 0 60px 0;
	background-color: #ffffff;
}

.contentabout:nth-of-type(even){
	width: 100%;
	padding: 50px 0 60px 0;
	background-color: #f8f8f8;
}

.contentabout .interviewDetailText{
	text-align: left;
	font-size: 110%;
	line-height: 175%;
}

.contentInterviewPager .interviewPager{
	margin: 0 auto 0 auto;
}

.contentInterviewPager .interviewPager ul{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.contentInterviewPager .interviewPager ul::after{
	content: "";
	display: block;
	clear: both;
}

.contentInterviewPager .interviewPager ul li{
	float: left;
	position: relative;
	margin: 0 16px 0 0;
	background-color: #ffffff;
}

.contentInterviewPager .interviewPager ul li.next{
	float: left;
	position: relative;
	margin: 0 0 0 0;
	background-color: #ffffff;
}

.contentInterviewPager .interviewPager ul li.current{
	float: left;
	position: relative;
	margin: 0 16px 0 0;
	background-color: #000000;
}

.contentInterviewPager .interviewPager ul li a:link{
	display: block;
	width: 36px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li a:visited{
	display: block;
	width: 36px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li a:hover,
.contentInterviewPager .interviewPager ul li a:active{
	display: block;
	width: 36px;
	height: 36px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.prev a:link{
	display: block;
	width: 100px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.prev a:visited{
	display: block;
	width: 100px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.prev a:hover,
.contentInterviewPager .interviewPager ul li.prev a:active{
	display: block;
	width: 100px;
	height: 36px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.next a:link{
	display: block;
	width: 100px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.next a:visited{
	display: block;
	width: 100px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.next a:hover,
.contentInterviewPager .interviewPager ul li.next a:active{
	display: block;
	width: 100px;
	height: 36px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.toIndex a:link{
	display: block;
	width: 168px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.toIndex a:visited{
	display: block;
	width: 168px;
	height: 36px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.toIndex a:hover,
.contentInterviewPager .interviewPager ul li.toIndex a:active{
	display: block;
	width: 168px;
	height: 36px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.current a{
	display: block;
	width: 36px;
	height: 36px;
	border: solid 1px #000000;
	color: #ffffff;
	pointer-events: none;
}

.contentInterviewPager .interviewPager ul li a span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 95%;
}

}

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

.contentInterviewPager .interviewPager{
	list-style: none;
	display: inline-block;
	margin: 0 auto 32px auto;
}

.contentInterviewPager .interviewPager ul{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.contentInterviewPager .interviewPager ul::after{
	content: "";
	display: block;
	clear: both;
}

.contentInterviewPager .interviewPager ul li{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #ffffff;
}

.contentInterviewPager .interviewPager ul li.next{
	float: left;
	position: relative;
	margin: 0 0 0 0;
	background-color: #ffffff;
}

.contentInterviewPager .interviewPager ul li.current{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #000000;
}

.contentInterviewPager .interviewPager ul li a:link{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li a:visited{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li a:hover,
.contentInterviewPager .interviewPager ul li a:active{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.prev a:link{
	display: block;
	width: 96px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.prev a:visited{
	display: block;
	width: 96px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.prev a:hover,
.contentInterviewPager .interviewPager ul li.prev a:active{
	display: block;
	width: 96px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.next a:link{
	display: block;
	width: 96px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.next a:visited{
	display: block;
	width: 96px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.next a:hover,
.contentInterviewPager .interviewPager ul li.next a:active{
	display: block;
	width: 96px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.toIndex a:link{
	display: block;
	width: 160px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.toIndex a:visited{
	display: block;
	width: 160px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.toIndex a:hover,
.contentInterviewPager .interviewPager ul li.toIndex a:active{
	display: block;
	width: 160px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.current a{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #000000;
	color: #ffffff;
	pointer-events: none;
}

.contentInterviewPager .interviewPager ul li a span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 90%;
}

.contentArea_sler{
	margin:50px auto 30px auto;
	clear:both;
	}

}

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

.contentInterviewPager .interviewPager{
	list-style: none;
	display: inline-block;
	margin: 0 auto 32px auto;
}

.contentInterviewPager .interviewPager ul{
	list-style: none;
	display: inline-block;
	margin: 0 auto 0 auto;
}

.contentInterviewPager .interviewPager ul::after{
	content: "";
	display: block;
	clear: both;
}

.contentInterviewPager .interviewPager ul li{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #ffffff;
}

.contentInterviewPager .interviewPager ul li.next{
	float: left;
	position: relative;
	margin: 0 0 0 0;
	background-color: #ffffff;
}

.contentInterviewPager .interviewPager ul li.current{
	float: left;
	position: relative;
	margin: 0 14px 0 0;
	background-color: #000000;
}

.contentInterviewPager .interviewPager ul li a:link{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li a:visited{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li a:hover,
.contentInterviewPager .interviewPager ul li a:active{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.prev a:link{
	display: block;
	width: 46px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.prev a:visited{
	display: block;
	width: 46px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.prev a:hover,
.contentInterviewPager .interviewPager ul li.prev a:active{
	display: block;
	width: 46px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.next a:link{
	display: block;
	width: 46px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.next a:visited{
	display: block;
	width: 46px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.next a:hover,
.contentInterviewPager .interviewPager ul li.next a:active{
	display: block;
	width: 46px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.toIndex a:link{
	display: block;
	width: 120px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.toIndex a:visited{
	display: block;
	width: 120px;
	height: 32px;
	border: solid 1px #999999;
	color: #000000;
}

.contentInterviewPager .interviewPager ul li.toIndex a:hover,
.contentInterviewPager .interviewPager ul li.toIndex a:active{
	display: block;
	width: 120px;
	height: 32px;
	border: solid 1px #af1144;
	color: #af1144;
}

.contentInterviewPager .interviewPager ul li.current a{
	display: block;
	width: 32px;
	height: 32px;
	border: solid 1px #000000;
	color: #ffffff;
	pointer-events: none;
}

.contentInterviewPager .interviewPager ul li a span{
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-size: 90%;
}

}

/*-- subpage head --*/

@media screen and (min-width: 1201px), print{

#subpageHead{
	background: url(/recruit/career/index/interview/images/subpage_bg_interview.jpg) no-repeat center 25% / 100% auto;
}

#subpageHead .subHeadTitle{
	color: #ffffff;
}

}

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

#subpageHead{
	background: url(/recruit/career/index/interview/images/subpage_bg_interview.jpg) no-repeat center 25% / 100% auto;
}

#subpageHead .subHeadTitle{
	color: #ffffff;
}

}

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

#subpageHead{
	background: url(/recruit/career/index/interview/images/subpage_bg_interview.jpg) no-repeat center 25% / 100% auto;
}

#subpageHead .subHeadTitle{
	color: #ffffff;
}

}

/*-- contents --*/

@media screen and (min-width: 1201px), print{

#contents{
	padding: 36px 0 72px 0;
}

}

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

#contents{
	padding: 36px 0 64px 0;
}

}

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

#contents{
	padding: 32px 0 48px 0;
}

}