@charset "utf-8";


/*---------------------------------------------
	Career Support Style
---------------------------------------------*/

#content ul li {
	padding: 0;
	background: none;
}

#careersupport_block {
	margin: 10px 70px 40px;
}


/* スライドショー 
/*----------------------------*/
.slideBox {
	float: left;
	margin: 0;
}
.slider {
	width: 624px;
}
.bxslider {
	width: 618px;
	height: 343px;
	padding: 2px;
	border: 1px solid #ccc;
	overflow:hidden;
}

.bx-wrapper {
	width: 618px;
	height: 343px;
	padding: 0;
}

.bxslider ul {
	margin: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  border: 2px solid #fff;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto,
.flex-control-nav {
  width: 100%;
  position: absolute;
  right: 20px;  
  bottom: 12px;
  text-align: right;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.flex-control-paging li a {
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.flex-control-paging li a:hover {
  background: rgba(255, 255, 255, 0.9);
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}

.bg-gray{
	background: #eee;
    padding-top: 10px;
    padding-bottom: 1px;
    margin-bottom: 20px;
}

/* カレンダー
/*----------------------------*/
#calendar {
	position: relative;
	width: 300px;
	float: right;
}
#calendar .calendarhead {
	margin-bottom: 12px;
	font-weight: normal;
}
#calendar .prev {
	position: absolute;
	left: 0;
}
#calendar .next {
	position: absolute;
	right: 0;
}
#calendar table {
	width: 100%;
	height: 314px;
	margin: 0;
	margin-bottom: 10px;
}
#calendar tr th,
#calendar tr td {
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
	width: 2.5em;
}
#calendar tr th {
	padding: 15px 0;
	background: #f0f0f0;
	border-color: #d6d6d6;
}
.widget-content {
	clear: right;
	float: right;
	width: 300px;
}
#content .widget-content ul {
	margin: 0 0 0 1em;
}
#content .widget-content ul li {
	display: inline-block;
	width: 9em;
	padding-left: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#content .widget-content li.seminar {
	background: url(../images/common/icon_seminar.png) no-repeat 0 50%;
}
#content .widget-content li.event {
	background: url(../images/common/icon_event.png) no-repeat 0 50%;
}
#content .widget-content li.counseling {
	background: url(../images/common/icon_counseling.png) no-repeat 0 50%;
}
#content .widget-content li.other {
	background: url(../images/common/icon_other.png) no-repeat 0 50%;
}
#content .widget-content #calendar li.seminar,
#content .widget-content #calendar li.event,
#content .widget-content #calendar li.counseling,
#content .widget-content #calendar li.other {
	background: none;
}
#calendar td ul.entry_cal {
	margin: 0 0 0 1px;
	padding:0;
}
#calendar td ul.entry_cal li {
	display: inline-block;
	width: 1em;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#calendar td p{margin:0;}


/*---------------------------------------------
	Career Support Style
---------------------------------------------*/

#content ul li {
	padding: 0;
	background: none;
}

#careersupport_block {
	margin: 10px 70px 40px;
}


/* スライドショー 
/*----------------------------*/
.slideBox {
	float: left;
	margin: 0;
}
.slider {
	width: 624px;
}
.bxslider {
	width: 618px;
	height: 343px;
	padding: 2px;
	border: 1px solid #ccc;
	overflow:hidden;
}

.bx-wrapper {
	width: 618px;
	height: 343px;
	padding: 0;
}

.bxslider ul {
	margin: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  border: 2px solid #fff;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto,
.flex-control-nav {
  width: 100%;
  position: absolute;
  right: 20px;  
  bottom: 12px;
  text-align: right;
}
.bx-wrapper .bx-pager.bx-default-pager a,
.flex-control-paging li a {
  width: 16px;
  height: 16px;
  display: block;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.flex-control-paging li a:hover {
  background: rgba(255, 255, 255, 0.9);
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}

/* カレンダー
/*----------------------------*/
#calendar {
	position: relative;
	width: 300px;
	float: right;
}
#calendar .calendarhead {
	margin-bottom: 12px;
	font-weight: normal;
}
#calendar .prev {
	position: absolute;
	left: 0;
}
#calendar .next {
	position: absolute;
	right: 0;
}
#calendar table {
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
}
#calendar tr th,
#calendar tr td {
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
	width: 2.5em;
}
#calendar tr th {
	padding: 15px 0;
	background: #f0f0f0;
	border-color: #d6d6d6;
}
#calendar ul {
	margin: 0 0 0 1em;
}
#calendar ul li {
	display: inline-block;
	width: 9em;
	padding-left: 14px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#calendar li.seminar {
	background: url(../images/common/icon_seminar.png) no-repeat 0 50%;
}
#calendar li.event {
	background: url(../images/common/icon_event.png) no-repeat 0 50%;
}
#calendar li.counseling {
	background: url(../images/common/icon_counseling.png) no-repeat 0 50%;
}
#calendar li.other {
	background: url(../images/common/icon_other.png) no-repeat 0 50%;
}
#calendar td ul.entry_cal {
	margin: 0 0 0 1px !important;
	padding:0;
}
#calendar td ul.entry_cal li {
	display: inline-block;
	background:none;
	width: 1em;
	padding: 0;
}
#calendar td ul.entry_cal li.seminar a,
#calendar td a.seminar {
	color:#D90000;
}
#calendar td ul.entry_cal li.event a,
#calendar td a.event {
	color:#1951EC;
}
#calendar td ul.entry_cal li.counseling a,
#calendar td a.counseling {
	color:#FDB000;
}
#calendar td ul.entry_cal li.other a,
#calendar td a.other {
	color:#0AB020;
}
#calendar td a.seminar,
#calendar td a.event,
#calendar td a.counseling,
#calendar td a.other {
	display: inline-block;
}
#calendar td a.seminar + a.seminar,
#calendar td a.event + a.event,
#calendar td a.counseling + a.counseling,
#calendar td a.other + a.other {
	display: none;
}
#calendar td a.seminar + * + a.seminar,
#calendar td a.event + * + a.event,
#calendar td a.counseling + * + a.counseling,
#calendar td a.other + * + a.other {
	display: none;
}
#calendar td p{margin:0;}
#calendar td span {display:block;}

@media only screen and (max-width:768px){
#careersupport_block {
	margin: 10px 30px 40px;
}
.slideBox {
	float: none;
	margin: 0 auto;
}
/* カレンダー
/*----------------------------*/
#calendar {
	position: relative;
	width: 100%;
	float: right;
}
#calendar .calendarhead {
	margin-bottom: 12px;
	font-weight: normal;
}
#calendar .prev {
	position: absolute;
	left: 0;
}
#calendar .next {
	position: absolute;
	right: 0;
}
#calendar table {
	width: 80%;
	height: 314px;
	margin: 20px auto;
	margin-bottom: 10px;
}
}
@media only screen and (max-width:600px){
.slider {
	width: 100%;
}
.bxslider {
	width: 100%;
	height: auto;
}

.bx-wrapper {
	width: 100%;
	height: auto;
}
}

/*---------------------------------------------
     企業の方へ フォーム
---------------------------------------------*/

table.formTbl {
	width:98%
}

table.formTbl th{
	width:32%
}

table.formTbl span.TextSS {
	font-size: 80%;
	line-height: 160%;
}

table.formTbl a {
	margin:0 5px 0 2px;
}


table.formTbl span.textRed {
	color: #b30000;
}

table.formTbl input.txt_tel1,
table.formTbl input.txt_tel2,
table.formTbl input.txt_tel3 {
	width: 72px;
	ime-mode: disabled;
	margin: 1px;
	padding: 1px;
	border: 1px solid #949494;
}

table.formTbl input.txt_email {
	width: 90%;
	ime-mode: disabled;
	margin: 1px;
	padding: 1px;
	border: 1px solid #949494;
}

#chk_taisyo1,
#chk_taisyo2,
#chk_taisyo3{
	margin-right:2px;
}

table.formTbl textarea.TextOther {
	width: 95%;
	height: 160px;
	ime-mode: active;
	line-height: 120%;
	border: 1px solid #949494;
	resize: none;
}

div#entry_form_button{
	margin: 20px;
	text-align: center;
}

/* スライドショー 2025追加
/*----------------------------*/

@media (min-width: 1024px) {
	.career-slide-container{
		width: 75%;
		margin: auto;
	}

	.slick-list {
		overflow: visible !important;
	}

	.slick-dots{
		position: absolute;
		left: 8vw;
	}
}

.career-slide{
	margin-top: 50px!important;
	margin-bottom: 100px!important;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	max-width: 1920px;
}

/*
@media (min-width: 1024px) {
	.career-slide{
		width: 90%;
	}
}
*/

.career-slide .slick-slide{
	margin: 0!important;
}

/*dotsを数字に変更*/
.career-slide .slick-dots{
	list-style: none;
}

.career-slide .slick-dots li{
	height: 0;
}

.career-slide .slick-dots li button {
	color: #777;
	font-size: 1.25rem;
  }
  .career-slide .slick-dots li button::before {
	content: none;
  }
  .career-slide .slick-dots li.slick-active button {
	color: #165E83;
	border-bottom:solid 1px;
  }

  .career-slide .slick-dots{
	text-align: right;
	right: 5vw;
	bottom: -40px;
  }


/* 中央以外のスライド */
.slide-item {
	overflow: hidden;
}

.slide-item img {
	height: auto;
	opacity: .6;
	transform: scale(0.9);
	transition: opacity .5s, transform .5s;
	width: 100%;
  }

/* 中央のスライド */
.career-slide .slick-center img {
	opacity: 1;
	transform: scale(1);
	transition: transform .6s ease;
}

.career-slide .slick-center:hover {
	opacity: 0.7;
}

.career-slide .slick-center:hover img{
	transform: scale(1.1)
}