/* Material iconsを利用する */
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 1rem;	/* 推奨サイズ */
	display: inline;
	width: 1em;
	height: 1em;
	line-height: 1;
	text-transform: none;
	vertical-align:middle;

	/* WebKitブラウザサポート */
	-webkit-font-smoothing: antialiased;
	/* Chrome、Safariサポート */
	text-rendering: optimizeLegibility;
 
	/* Firefoxサポート */
	-moz-osx-font-smoothing: grayscale;
 
	/* IEサポート */
	font-feature-settings: 'liga';

}





.keyColor{
	color:#0073cb;
}


.center{
	text-align:center;
}
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.alignL {text-align:left; !important line-height:1.1em;}
.alignC {text-align:center; !important line-height:1.1em;}
.alignR {text-align:right; !important line-height:1.1em;}


.downArrow{
	margin:0.5em;
	margin-top:0;
	text-align:center;
}
.downArrow:before{
	content: "⬇";
	font-size:1.5rem;
	text-align:center;
}
.button{
	color:#fff;
	background-color:#0073cb;
	padding:0.2em;
	border-radius:2em;
	border:0;
	text-align:center;
	line-height:1;
	font-weight:bold;

}
.button .material-icons{
	color:#fff;
}
/* =========================================================
	clearfix
========================================================== */

.clearFix {
	overflow: hidden;
}

* html .clearFix {
	zoom: 1;
}
/* =========================================================
	links
========================================================== */
a {
	transition: 0.6s;
}
a:link {
	color:#0073cb;
	text-decoration:underline;
}
a:visited {
	color:#0073cb;
	text-decoration:none;
}
a:hover {
	color:#AA0000;
	opacity:0.8;
}





/* =========================================================
	contents
========================================================== */
.contentsWrapper:nth-child(odd){
	background-color: rgba(230,230,230,0.5);
}

.contents .contentTitle{
	font-family: 'Anton', sans-serif;
	color:#333;
	text-align:center;
	margin:0;
	padding:0;
}
.contentTitle b{
	color:#0073cb;
}
.contents .contentTitleJP{
	color:#666;
	text-align:center;
	margin:0;
}

/* =========================================================
	scroll pageTop
========================================================== */
#page-top {
	position:fixed;
	width:100%;
	background:#0073cb;
	text-align:center;
	z-index:999;
}
#page-top a {
	display:block;
	width:100%;
	box-sizing:border-box;
}
#page-top a:hover {
	text-decoration:none;
	color:#FFF;
	background:#82C1EA;
}

/* =========================================================
	footer
========================================================== */
footer{
	background-color:#333;
}
footer a{
	color:#fff!important;
}

/*--------------------------------------
	■TOP
	-------------------------------------*/
#heroTop{
	background-image:url("../asset/images/top/herobg001.png");
	background-position:center top;
}
#heroTopUpper{
	background-image:url("../asset/images/top/herobg002.png");
	background-position:center center;
	background-repeat:no-repeat;

}
#heroMission{

}
#heroMissionUpper{
	background-image:url("../asset/images/top/mission.png");
	background-position:center bottom;
}


/*--------------------------------------
	■Our Businesses
	-------------------------------------*/
#ourBusinesses h4{
	font-weight:bold;
	margin-bottom:0.5rem;
	width:100%;
	text-align:center;
}
#ourBusinesses .flexTargetInner{
	border-radius:0.5rem;
	border:#CCC 1px solid;
	background-color:#fff;
	overflow:hidden;
}
#ourBusinesses .detail{
	line-height:1rem;
	font-size:1rem;
	margin:0;
	padding:0;
	margin-top:2rem;
	text-align:right;
}
#ourBusinesses .detail a{
	color:#0073cb;
}
#ourBusinesses .innnerText{
	padding:1em;
	position:relative;
	background-color:#fff;
	height:calc(100% - 200px);
}
#ourBusinesses .businessSmall .innnerText{
	height:calc(100% - 2px);
}

#ourBusinesses .innnerText .buttonSpace{
	width:100%;
	height:5rem;
	background-color:#fff;
}


#ourBusinesses .imageTitle{
	height:200px;
	background-position:center top;
	background-size:100%;
	background-repeat:no-repeat;
}
#obChuto .imageTitle{
	background-image:url("../asset/images/top/chuto.png");
}
#obHaken .imageTitle{
	background-image:url("../asset/images/top/hoken.png");
}
#obMr .imageTitle{
	background-image:url("../asset/images/top/mr2.png");
}
#obYakkyoku .imageTitle{
	background-image:url("../asset/images/top/yakkyoku.png");
}
#ourBusinesses button,
#ypsHead button,
#ypsBottom button{
	color:#fff;
	background-color:#0073cb;
	font-size:1.4rem;
	height:2.4rem;
	border-radius:2rem;
	border:0;
	text-align:center;
	line-height:1;
	font-weight:bold;
}
#ourBusinesses button .material-icons{
	color:#fff;
}

#ourBusinesses button.detail{
	width:calc(100% - 2rem);
	display:block;
	text-align:center;
	padding:0.3rem 0;
	line-height:1rem;
	height:1.6rem;
	margin-top:1rem;
	margin-bottom:2rem;
	position:absolute;
	bottom:0;
}

/*--------------------------------------
	■bunners
	-------------------------------------*/
#bunners ul li{
	float:left;
}
#bunners ul li img{
	border:1px #CCC solid;
	width:100%;
}

/*--------------------------------------
	■中途
	-------------------------------------*/

#heroSecond{
	background-image:url("../asset/images/career/herobg01.png");
	background-position:center top;
	background-repeat:no-repeat;
}
#heroSecondUpper{
	background-image:url("../asset/images/career/herobg02.png");
	background-position:center bottom;
	background-repeat:no-repeat;
}


/*--------------------------------------
	■中途求人
	-------------------------------------*/
.jobListings{
	border:#ccc 1px solid;
	overflow:hidden;
	margin:0;
	padding:1rem;
	background-color:rgba(255,255,255,0.5);
}
.jobListings .lead,
.jobPoint .lead{
	font-size:1.2rem;
	line-height:1.2em;
	text-align:left;
}
.jobListings table{
	width:100%;
	border-top:#aaa 1px solid;
	border-left:#aaa 1px solid;
}
.jobListings table th,
.jobListings table td{
	border-bottom:#aaa 1px solid;
	border-right:#aaa 1px solid;
	padding:0.2rem 1rem;
}
.jobListings table th{
	background-color:#FFD7DF;
	font-weight:normal;
	white-space:nowrap;
	vertical-align:middle;
}
.jobPoint .icons li,
.jobListings .icons li{
	float:left;
	font-size:0.8rem;
	background-color:#E95280;
	padding:0.1rem 0.5rem;
	color:#fff;
	margin:0.5rem 0.1rem;;
	border-radius:0.5rem;
}
.jobPoint .icons li:after,
.jobListings .icons li:after{
	content:"";
	clear:both;
}
.jobListings button{
	clear:both;
	width:50%;
	margin:1rem 25%;
}

.jobPoint{
	width:80%;
	margin:2rem 10%;
}
.jobInfomation button{
	margin-top:4rem;
	margin-bottom:4rem;
}
.jobPoint h4{
	clear:both;
	color:#E95280;
	text-align:center;
	font-size:1.4rem;
	padding-bottom:2rem;
	margin:4rem 0 2rem;
	border-bottom:1px #ccc solid;
}
.jobPoint h4 .material-icons{
	color:#E95280;
	font-size:2rem;
}
/*--------------------------------------
	■FAQ
	-------------------------------------*/
#faq section{
	padding:2em 0;
	border-bottom:#CCC 1px solid;
}

#faq .q{
	padding:0;
	border:0;
	color:#0073cb;
	padding-left:2em;

}

#faq .q:before{
	margin-left:-2em;
	content: "Q.";
	float:left;
	display:block;
}


#faq .a{
	padding:0;
	border:0;
	margin-top:1em;
	padding-left:2em;
}

#faq .a:before{
	margin-left:-2em;
	content: "A.";
	float:left;
	display:block;
}

/*--------------------------------------
	■quickFormTitle
	-------------------------------------*/
	
#quickFormBase{
	width:470px;
	height:470px;
	position:absolute;
	right:0;
	/*background-color:#444;*/
	background-image:url("../asset/images/career/quickFormBase.png");
	background-size:cover;
	overflow:hidden;
}
#quickFormBase .linkButton{
	display:block;
	font-size:0;
	width:100%;
	/*background-color:#f00;*/
	height:42%;
}
#quickFormBase .lineButton{
	display:block;
	width:180px;
	height:53px;
	border-radius:6px;
	margin-top:0%;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../asset/images/career/line.png");
	background-size:cover;
	font-size:0;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
}
	
	
#quickForm{
	overflow-x:hidden;

}
#quickForm a{
	color:#fff;
}
#quickFormTitle{
	width:90%;
	margin-left:5%;
	background-color:rgba(255,255,255,0.1);
	color:#fff;
	margin-top;1rem;
	padding:0.2rem;
	font-size:1.6rem;
	text-align:center;
	font-weight:bold;
	border-radius:3rem;
	margin-top:0.5rem;
}
#quickFormHead{
	width:90%;
	margin-left:5%;
	margin-top:0.5rem;
}
#quickFormContainer{
	width:100%;
	background-color:#444;
	height:200px;
	position:absolute;
	top:6rem;

}

#quickFormContents{
	width:1000%;
	position:absolute;
}
.quickFormContentsPos0{
	left:0;
	transition: 0.5s left;
}
.quickFormContentsPos1{
	left:-100%;
	transition: 0.5s left;
}
.quickFormContentsPos2{
	left:-200%;
	transition: 0.5s left;
}
.quickFormContentsPos3{
	left:-300%;
	transition: 0.5s left;
}
.quickFormContentsPos4{
	left:-400%;
	transition: 0.5s left;
}
.quickFormContentsPos5{
	left:-500%;
	transition: 0.5s left;
}
.quickFormContentsPos6{
	left:-600%;
	transition: 0.5s left;
}
.quickFormContentsPos7{
	left:-700%;
	transition: 0.5s left;
}
.quickFormContentsPos8{
	left:-700%;
	transition: 0.5s left;
}
.quickFormContentsPos9{
	left:-700%;
	transition: 0.5s left;
}
.quickFormSection{
	width:10%;
	float:left;
	background-color:#444;
	padding-bottom:2rem;

}

#quickFormContents button{
	width:40%;
	margin-left:30%;
	background-color:#CCC;
	padding:0.4rem 0.8rem;
	border-radius:3rem;
	color:#fff;
	border:1px #fff solid;
	font-weight:bold;
}
#quickFormContents button.avarable{
	background-color:#0073cb;
}


#quickFormContents .material-icons{
	color:#fff;
}

.quickFormQuestion{
	clear:both;
	width:94%;
	margin:0.2rem 3%;
	padding-bottom:1rem;
	overflow:hidden;
}
.qTitle{
	width:100%;
	margin:0.5rem 0%;
	clear:both;
	color:#fff;
	/*
	background-color:rgba(255,255,255,0.1);
	background-color:#0073cb;
	padding:0 1rem;
	border-left:#FFF 0px solid;
	border-bottom:#fff 1px solid;
	*/
	border-top:#999 2px solid;
	border-bottom:#777 1px solid;
	padding: 0.2rem 1em;
}
.note{
	color:#ccc;
	font-size:0.8rem;
}
#quicFormLoading{
	display:block;
	margin-left:calc(50% - 20px);
	margin-top:5rem;
}
#quicFormLoadingMsg{
	width:100%;
	text-align:center;
	padding-top:2rem;
	color:#999;
}
.quickFormCheck li{
	background-color:#fff;
	float:left;
	padding:0.2rem 0.8rem;
	border-radius:3rem;
	letter-spacing:-0.1rem;
	font-size:90%;
	cursor:pointer;
}
.quickFormCheck li.agree{
	width:50%;
	margin-left:25%;
	text-align:center;
}
.quickFormCheck li:before{
	content:"crop_din ";
	font-family: 'Material Icons';
	text-rendering: optimizeLegibility;
	font-feature-settings: 'liga';
	color:#00cb73;
}

.quickFormCheck li.checked{
	color:#fff;
	background-color:#00cb73;
}
.quickFormCheck li.checked:before{
	content:"check ";
	color:#fff;
}
.prefForm{
	width:31%;
	margin:0.2rem 1%;
}
.quickFormQuestion select{
	padding:0.2rem 0.8rem;
	border-radius:0.5rem;
	border:0;
}


.quickFormQuestion input[type=text]{
	margin-top:0.4rem;
	width:100%;
	margin-left:0%;
	border-radius:0.5rem;
	border:1px #ccc solid;
	height:1.4rem;
	padding:0 1rem;
}
.quickFormQuestion input[type=text]:after{
	content:"";
	display:block;
	clear:both;
}
.quickFormQuestion input[type=text].half{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	float:left;
}
.backForward{
	margin-top:2rem;
	margin-bottom:2rem;
	width:80%;
	margin-left:10%;
	overflow:hidden;
}
#quickFormContents .backForward button{
	width:48%;
}
#quickFormContents .backForward button.back{
	margin:0;
	float:left;
}
#quickFormContents .backForward button.next{
	margin:0;
	float:right;
}
.select3Wrapper select{
	width:31%;
	margin:1%;
	float:left;
}
.select3Wrapper select:after{
	content:"";
	display:block;
	clear:both;
}

#qfCompleteMessage{
	margin-top:2rem;
	padding:2rem;
	text-align:center;
	color:#fff;
}
#quickFormContents  button.retry{
	width:50%;
	margin-left:0;
}



/*--------------------------------------
	■派遣
	-------------------------------------*/

/*@@@@@@@@@@@@@@@
	KeyColor
	@@@@@@@@@@@@@@*/

#staffing .contentTitle b{
	color:#0096c0;
}
#staffing #page-top {
	background:#0096c0;
}
#staffing #faq .q{
	color:#0096c0;
}
#staffing a:link {
	color:#0096c0;
}
#staffing a:visited {
	color:#0096c0;
}
#staffing #newsRelease,
#staffing .contents .contentLine{
	border-color:#0096c0;
}
/*	@@@@@@@@@@@@@@*/
#staffing #heroSecond{
	background-image:url("../asset/images/staffing/herobg01.png");
	background-position:center center;
}
#staffing #heroSecondUpper{
	background-image:url("../asset/images/staffing/herobg02.png");
}

#registrationFlow .flexTargetInner{
	width:100%;
	background-color:rgba(255,255,255,0.9);
}
#registrationFlow .flowContent{
	border-radius:0.5rem;
	overflow:hidden;
	border:#DDD 1px solid;
}
#registrationFlow .imageTitle{
	width:100%;
	background-size:cover;
}
#registrationFlow .innnerText{
	width:100%;
	padding:1rem;
}
#flow01 .imageTitle{
	background-image:url("../asset/images/staffing/fotolia_191442867.jpg");
	background-position:center center;
}
#flow02 .imageTitle{
	background-image:url("../asset/images/staffing/fotolia_135632290.jpg");
}
#flow03 .imageTitle{
	background-image:url("../asset/images/staffing/flow03.jpg");
}
#flow04 .imageTitle{
	background-image:url("../asset/images/staffing/fotolia_195075564.jpg");
}







/*--------------------------------------
	■YPS
	-------------------------------------*/

#ypsHead .lead{
	color:#444;
	font-size:1.2rem;
}

#ypsHead .lead strong{
	color:#0073cb;
}
.ypsContents ul {
	list-style: none;
	padding:0;
	margin:0;
}
.ypsContents li { 
	padding-left: 1em; 
	text-indent: -.7em;
}
.ypsContents li:before {
	content: "●";
}
.ypsContents h3{
	text-align:center;
	font-weight:bold;
}
.ypsContents .text{
	background-repeat:no-repeat;
}
#yps01{
	background-color:rgba(0,175,204,0.1);
}
#yps01 h3,
#yps01 li:before{
	color:#00afcc;
}
#yps01 .text{
	background-image:url("../asset/images/yps/icon01.svg");
}

#yps02{
	background-color:rgba(0,69,103,0.05);
}
#yps02 h3,
#yps02 li:before{
	color:#004567;
}
#yps02 .text{
	background-image:url("../asset/images/yps/icon02.svg");
}


#yps03{
	background-color:rgba(230,0,45,0.05);
}
#yps03 h3,
#yps03 li:before{
	color:#e6002d;
}
#yps03 .text{
	background-image:url("../asset/images/yps/icon03.svg");
}


#yps04{
	background-color:rgba(243,152,0,0.1);
}
#yps04 h3,
#yps04 li:before{
	color:#f39800;
}
#yps04 .text{
	background-image:url("../asset/images/yps/icon04.svg");
}

#yps05{
	background-color:rgba(118,163,45,0.1);
}
#yps05 h3,
#yps05 li:before{
	color:#76a32d;
}
#yps05 .text{
	background-image:url("../asset/images/yps/icon05.svg");
}


/*--------------------------------------
	■contact
	-------------------------------------*/
.formMessage{
	background-color:#FEE;
	margin-bottom:1rem;
	padding:1rem;
}

/*--------------------------------------
	■topics
	-------------------------------------*/
.topicsWrapper{
	border-top:1px #CCC solid;
	padding-top:2rem;
}
.topicsWrapper .title{
	text-align:center;
	font-size:140%;
	color:#333;
	font-weight:700;
}
.topicsWrapper .date{
	text-align:center;
	font-size:90%;
	color:#666;
}
.topicsWrapper ul{
	padding:1rem;
	list-style: square;
	padding-left:3rem;
}

/*-- 231101 ---*/
.imageflex{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.imageflex >div{
	padding:1em;
}
.imageflex .text{

}


.imageflexLeft{
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	align-items:center;
}
.imageflexLeft >div{
	padding:1em;
}
.imageflexLeft .text{

}
.lineQR{
	width:10em;
	height:auto;
}
.seminars231201{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:top;
	margin-top:3em;
}
.seminars231201 >div{
	width:48%;
}
.seminars231201 li{
	padding-bottom:1em;
}