@charset "euc-jp";

/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
Date: 2014-07-01
Copyright (C) WORK¤·¤¬. All Rights Reserved.
------------------------------------------------------------------------------*/


.compInfo {
	position: relative;
}
.compInfo .tit01 span {
	margin-right: 120px;
    word-wrap: break-word;
}
.compInfo .clipBtn{
	position: absolute;
	top: 3px;
	right: 0;
}


/* ----------------------------------------

- toggle Style

---------------------------------------- */

.srchMenu01 h3 {
	width: 650px;
	margin-bottom: 10px;
	font-size: 107.7%;
	font-weight: 700;
	letter-spacing: 0.1em;
	background: url(../img/common/bg_srch01_02.png) 0 100% no-repeat;
	box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.1);
}
.srchMenu01 h3 span {
	display: block;
	padding: 10px 20px 8px;
	line-height: 1.4;
	background: url(../img/common/bg_srch01_01off.png) 0 0 no-repeat;
}
.srchMenu01 h3:hover {
}
.srchMenu01 h3.active span {
	background: url(../img/common/bg_srch01_01on.png) 0 0 no-repeat;
}
.srchMenu01 h3.active:hover {
}
.srchMenu01 .listBox01  {
	margin-bottom: 10px;
	padding: 10px 15px;
	background-color: #ebfbff;
	border: 1px solid #ccdde1;
}
.srchMenu02 .listBox01  {
	margin-bottom: 10px;
	padding: 0 0 10px;
}
#Form2 .srchMenu02 .listBox02  {
	margin-bottom: 10px;
	padding: 0 0 10px;
}
.srchMenu01 .listBox01 input[type="text"] {
	width: 300px;
    margin-top: 1px;
    overflow: hidden;
    padding: 2px 6px 0;
    height: 36px;
    line-height: 32px;
    margin-bottom: 10px;
    zoom: 1;
    border: solid 1px #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
.srchMenu01 .listBox01 li,
.srchMenu02 .listBox01 li {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 1em;
}
.srchMenu01 .listBox01 li span{
	display: inline-block;
    margin-left: 0.5em;
	line-height: 56px;
}
.srchMenu01 .listBox01 ul.listCol2 li,
.srchMenu02 .listBox01 ul.listCol2 li {
	width: 50%;
	box-sizing: border-box;
	float: left;
	margin-right: 0;
}
.srchMenu01 .listBox01 ul.listCol2 li.w100per,
.srchMenu02 .listBox01 ul.listCol2 li.w100per,
.listBox01 ul.listCol2_list li.w100per {
	width: 100% !important;
}
.srchMenu01 .listBox01 ul.listCol3 li,
.srchMenu02 .listBox01 ul.listCol3 li {
	width: 202px;
	margin-right: 0;
}
.srchMenu02 .listBox01 ul.listCol3 li {
	width: 209px;
}
.srchMenu01 .listBox01 ul.listCol4 li,
.srchMenu02 .listBox01 ul.listCol4 li {
	width: 150px;
	margin-right: 0;
}
.srchMenu02 .listBox01 ul.listCol4 li {
	width: 155px;
	margin-right: 0;
}
.srchMenu01 .listBox01 ul.listCol4 li.colWide,
.srchMenu02 .listBox01 ul.listCol4 li.colWide {
	width: 300px;
}
.srchMenu01 .listBox01 ul.listMgr20 li {
	margin-right: 20px;
}
.srchMenu01 .listBox01 li input,
.srchMenu02 .listBox01 li input {
	vertical-align: middle;
	margin-top: -6px;
}
.srchMenu01 .listBox01 li label,
.srchMenu02 .listBox01 li label {
	display: inline-block;
	vertical-align: middle;
	line-height: 25px;
	cursor : pointer;
}
.srchMenu01 .listBox01 dl,
.srchMenu02 .listBox01 dl {
	float: left;
}
.srchMenu01 .listBox01 dt,
.srchMenu02 .listBox01 dt {
	font-weight: 700;
	color: #094b65;
}
.srchMenu02 .listBox01 dd {
	margin-bottom: 10px;
}
#srchBtn01 {
	padding: 6px 0 17px;
}
@media screen and (max-width:767px) {
.srchMenu01 .listBox01 input[type="text"] {
		width: 78%;
	}
	#Form2 .srchMenu01 .listBox01 ul.listCol2 li, .srchMenu02 .listBox01 ul.listCol2 li{
		width: 100%;
	}
	#Form2 .srchMenu02 .listBox01 ul.listCol4 li {
	    width: 50%;
	    float: left;
	}
	#Form2 .srchMenu02 .listBox02 li input[type="text"] {
	    width: 40%;
	}
}

/* tabNav */

ul#policyTabNav {
	width: 690px;
	position: relative;
	height: 39px;
	background: url(../img/common/bg_policytab_01.png) 0 100% no-repeat;
	    padding-bottom: 3px;
}

ul#policyTabNav li {
	position: absolute;
	width: 344px;
}

ul#policyTabNav li#policyTab01 {
	top: 0;
	left: 0;
}
ul#policyTabNav li#policyTab02 {
	top: 0;
	right: 0;
}

ul#policyTabNav li a {
	display: block;
	height: 39px;
	overflow: hidden;
	    border: 1px solid #ccc;
	border-bottom: none;
	text-align: center;
	color: inherit;
	font-weight: 700;
	font-size: 18px;
	    line-height: 39px;
	border-radius: 5px 5px 0 0;
		background-image: -moz-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
	text-decoration: none;

}

ul#policyTabNav li a:hover,
ul#policyTabNav li a.active {


		background-image: -moz-linear-gradient( 90deg, #53d0f1 0%, #00c0f3  100%);
	background-image: -webkit-linear-gradient( 90deg, #53d0f1 0%, #00c0f3  100%);
	background-image: -ms-linear-gradient( 90deg, #53d0f1 0%, #00c0f3  100%);
	color: #fff;
}

.policyContents {
	display: none;
	padding: 16px 25px 20px;
}
.boxline {
	border: solid 1px #ccc;
}

#policyContent01 {
	background: url(../img/common/bg_policycont_01.png) 0 100% no-repeat;
}
#policyContent02 {
	background: url(../img/common/bg_policycont_02.png) 0 100% no-repeat;
}

@media screen and (max-width:767px) {
	ul#policyTabNav {
		width: 100%;
	}
	ul#policyTabNav li {
		width: 50%;
	}
}

/* ----------------------------------------

- detail

---------------------------------------- */

.tbl01 .innote {
	display:block;
}
.tbl01 .innote02 {
	display:block;
	font-size:11px;
}
.colW11 {
	width:11%;
}
.tbSrch .thCl01 th {
	background-color: #ddf5fb;
}
.tbSrch .bdrL th.bdrNone {
	border-left: none;
}
.tbSrch .bdrL th {
	border-left:1px solid #ccc;
	padding: 7px;
}
.tbSrch th.bdrL {
	border-left:1px solid #ccc;
}
.tbSrch .recruit01 td {
	text-align:center;
	vertical-align:middle;
}
.tbSrch02 {
	border-top:1px solid #ccc;
	webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tdalnC td {
	text-align:center;
	padding: 0.6em 5px 0.5em;
}
.link03 {
	padding-left: 9px;
	background: url(/files/img/common/ico_arw_07.png) no-repeat 0 7px;
}
.link03 a {
	color:#f48095;
}
.btnSec li.kyujin {
	display: inline-block;
    float: none;
    height: auto;
}
.btnSec li.kyujin a {
	display: inline-block;
    height: 51px;
    min-width: 338px;
}

/* ----------------------------------------

- job

---------------------------------------- */
.tit03_03 {
	margin-bottom: 0;
    line-height: 1.2;
    background-color: #f5f5f5;
    border: solid 1px #ccc;
    border-top: none;
}
.tit03_03 span {
    padding-left: 25px;
    display: block;
    padding: 12px 15px 9px 15px;
    font-size: 153.9%;
    font-weight: 700;
    letter-spacing: 0.1em;
    background: url(/files/img/common/bg_tit02_01.png) 0 0 no-repeat;
}
.tbl02 {
	margin: 20px auto;
	width: 100%;
}
.tbl02.tbl02_w50 tr {
    width: 50%;
    float: left;
}
.tbl02.tbl02_w50 th{
	width: 15%;
}
.tbl02.tbl02_w50 td{
	width: 35%;
	letter-spacing: 0.01em;
}
.tbl02.tbl02_w50 colgroup{
	display: none;
}

@media screen and (max-width:767px) {
	#topicPath ol {
		width: auto;
		padding: 0 15px;
	}
	#content {
		width: auto;
		padding: 20px 15px;
	}
	#main {
		width: auto;
		float: none;
	}
	#sub {
		width: auto;
		float: none;
	}
	.section01 {
		margin-bottom: 20px;
	}
	.tit01 {
		background: none;
		border-left-width: 5px!important;
	}
	.tit01 span {
		display: block;
		margin-left: 5px;
		font-size: 153.9%;
		font-weight: 700;
		letter-spacing: 0.1em;
	}
	.tit02 {
		border-color: rgb(204, 204, 204);
		background-image: -moz-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
		border: 1px solid #ccc;
		border-top: none;
		box-sizing: border-box;
		border-radius: 3px;
		margin-bottom: 15px;
	}
	.tit02 span {
		display: block;
		width: auto;
		padding: 7px 10px 5px;
		font-size: 123.1%;
		letter-spacing: 0.1em;
		background: none;
		border-top-width: 3px!important;
	}
	.tit02 a {
		display: block;
		width: auto;
		padding: 7px 10px 5px;
		font-size: 123.1%;
		letter-spacing: 0.1em;
		background: none;
		border-top-width: 3px!important;
	}
	.tbl02.tbl02_w50 tr {
	    width: 100%;
	    float: none;
	}


}



/*--------/migrate/search/ -------------------------*/

.titSrch01 {
	border-color: rgb(204, 204, 204);
	background-image: -moz-linear-gradient( 90deg, #b3eeff 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, #b3eeff 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, #b3eeff 0%, rgb(255,255,255) 100%);
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
	box-sizing: border-box;
	border-radius: 3px;
	 }
.tit03_01{
	line-height: inherit;
}
.tit03_01 span,.tit03_02 span {
    display: block;
    padding: 11px 48px 9px 15px;
    font-size: 153.9%;
    font-weight: 700;
    letter-spacing: 0.1em;
    border-top: 4px solid #00c0f3;
    border-radius: 3px;
    color: inherit;
    background: none;
}

.fav-btn {
	cursor: pointer;
	position: absolute;
	top: 52%;
	right: 12px;
	z-index: 5;
	transform: translateY(-50%);
	border: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/common/fav_star_light.svg) no-repeat center / contain;
}
.fav-btn.is-fav {
	background: url(../img/common/fav_star_fill.svg) no-repeat center / contain;
}

.search-btn-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}
.search-btn-flex .clipBtn img {
	height: 36px;
    width: auto;
}

.topSearchHead_search {
	padding: 20px 25px;
	border: 1px solid #ccc;
	border-top: 4px solid #00c0f3;
	margin-bottom: 20px;
	border-radius: 0 0 5px 5px;
}
.topSearchHead_search #Form3 {
	display: flex;
	gap: 8px;
}
.topSearchHead_search #Form3 input[type=text]  {
	margin-top: 1px;
    overflow: hidden;
    padding: 2px 6px 0;
	min-width: 300px;
    height: 33px;
    line-height: 33px;
    zoom: 1;
    border: solid 1px #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
.topSearchHead_search #Form3 input[type=image]  {
	height: 35px;
}

@media screen and (max-width:767px){
	.fav-btn {
		right: 10px;
		width: 24px;
		height: 24px;
	}
	.search-btn-flex {
		flex-direction: column;
		gap: 24px;
	}
	.srchMenu01 h3{
		width: 250px;
		margin: 0 auto 10px;
		background: url(../img/common/bg_srch01_02-sp.png) 0 100% no-repeat;
	}
	.srchMenu01 h3 span {
	    display: block;
	    padding: 10px 20px 8px;
	    line-height: 1.4;
	    background: url(../img/common/bg_srch01_01off-sp.png) 0 0 no-repeat;
	}
	.srchMenu01 h3.active span {
	    background: url(../img/common/bg_srch01_01on-sp.png) 0 0 no-repeat;
	}
	/*.titSrch01 {
	    background: url(../../img/common/bg_tit_srch_02-sp.png) 0 100% no-repeat;
	}*/
	.titSrch01 span {
	    display: block;
	    width: auto;
	    padding: 7px 30px 5px;
	    font-size: 123.1%;
	    letter-spacing: 0.1em;
	    background: none;
	    border-top-width: 3px!important;
	    border-top: 4px solid #00c0f3;
    	border-radius: 3px;
    	color: inherit;
    	position: relative;

	}

	 .titSrch01 span:before {
	 	content: "";
	 	background-image: url(../img/common/bg_tit_srch_01-ico.png);
	 	position: absolute;
	 	top:10%;
	 	left: 1%;
	 	width: 26px;
	 	height: 26px;
	 }
	 .tit03_01,.tit03_02 {
		border-color: rgb(204, 204, 204);
		background-image: -moz-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
		background-image: -webkit-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
		background-image: -ms-linear-gradient( 90deg, #f4f4f4 0%, rgb(255,255,255) 100%);
		border: 1px solid #ccc;
		border-top: none;
		box-sizing: border-box;
		border-radius: 3px;
	}
	.tit03_01 span,.tit03_02 span {
		display: block;
		width: auto;
		padding: 7px 24px 5px 10px;
		font-size: 123.1%;
		letter-spacing: 0.1em;
		background: none;
		border-top-width: 3px!important;
	}
}
.come_list{
	padding-left: 15px;
    position: relative;
}
.come_list span{
    position: absolute;
	top: 0;
	left: 0;
}
#Form2 .w40per{
	width: 40%;
}
#Form2 .boxSec02.fr_word input[type="text"] {
    width: 600px;
    margin-top: 1px;
    overflow: hidden;
    padding: 2px 6px 0;
    height: 36px;
    line-height: 32px;
    margin-bottom: 10px;
    zoom: 1;
    border: solid 1px #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}
#Form2 .listBox02 input[type="text"],
#Form1 .listBox02 input[type="text"] {
    margin-top: 1px;
    overflow: hidden;
    padding: 2px 6px 0;
    height: 26px;
    line-height: 32px;
    margin-bottom: 10px;
    zoom: 1;
    border: solid 1px #cecece;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

@media screen and (max-width: 767px){
#Form2 .boxSec02.fr_word input[type="text"] {
    width: 95%;
}
}


#jquery-overlay{
	z-index: 100 !important;
}
/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */

ul.listCol2:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */

ul.listCol2 {
	*zoom: 1;
}