@charset "UTF-8";

#slider_wrap:after {
	content: "";
	display: block;
	clear: both;
}

/* --------------------------------------------  
	 pc
--------------------------------------------  */

@media screen and (min-width: 641px), print {
	
	#slider_area {
		display: block;
		width: 100%;
		height: 600px;
		position: relative;
	}

	#slider-main-section {
		width: 100%;
		height: 600px;
		overflow: hidden;
	}
	
	#sliders-main-img {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.slick-list {
		z-index: 1;
	}

	/*Dots areaの位置調整*/

	#slider-main-section .slick-slider {
		margin-bottom: 50px;
		position: relative;
		z-index: 10;
	}
		
	#slider-main-section .slick-slider .slick-dots {
		width: 100%;
		height: 20px;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 90px;
		margin: 0 auto;
		box-sizing: border-box;
		z-index: 99;
	}
	
	#slider-main-section .slick-dots li {
		margin: 0 0 0 29px;
	}
	
	#slider-main-section .slick-dots li:first-child {
		margin-left: 0;
	}
		
	/*点の画像・サイズ*/

	#slider-main-section .slick-dots li button::before {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 0;
		text-indent: -9999px;
		border: 3px solid #f58232;
		border-radius: 10px;
		background: #fff;
		box-sizing: border-box;
		cursor: pointer;
		opacity: 1;
	}
	
	/*activeに変化するための指示*/

	#slider-main-section .slick-dots li.slick-active button::before {
		background: #f58232;
	}


	#sliders-main-imgnav {
		display: none;
	}
	
	.slider {
		display: block;
		width: 100%;
		height: 600px;
		overflow: hidden;
	}
	
	.slick-list {
		opacity: 0;
	}
	
	
	.slider01 {
		background: url(../images/slider_main/slider_img01.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.slider02 {
		background: url(../images/slider_main/slider_img02.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.slider03 {
		background: url(../images/slider_main/slider_img03.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
/**/
	
	#slider_area li img {
		display: block;
		width: 100%;
	}
	
	#slider_area .recruit_title {
		display: block;
		width: 310px;
		height: 170px;
		text-indent: -9999px;
		background: url(../images/recruit_title.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		z-index: 99;
	}
	
	#news_area {
		width: 100%;
		color: #ffffff;
		background: ;
		position: absolute;
		bottom: 0;
		z-index: 99;
	}
	
	#news_area #news_title,
	#news_contents {
		display: block;
		height: 60px;
		margin: 0;
		padding-top: 17px;
		box-sizing: border-box;
	}
	
	#news_area #news_title_wrap {
		background: rgba(0,140,214,0.7);
	}

	#news_area #news_title {	
		overflow: hidden;
	}
	
	#news_area #news_title {
		min-width: 145px;
		text-align: right;
	}
	
	#news_contents_wrap {
		height: 60px;
		background: rgba(0,167,227,0.7);
		box-sizing: border-box;
	}
	
	#news_contents ul {
		margin: 0;
		font-size: 16px;
		position: relative;
	}
	
	#news_contents ul:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#news_contents ul li {
		width: 100%;
		display: none;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	
	#news_contents li span {
		width: 100px;
		margin-right: 15px;
		margin-left: 18px;
	}
	
	#news_title,
	#news_contents li span {
		letter-spacing: 2px;
	}
	
	#entry_about li {
		position: relative;
	}
	
	.link_block_border {
		display: block;
		width: 100%;
		height: 100%;
		border: 3px solid rgba(255,255,255,0.9);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 80;
		box-sizing: border-box;
	}
	
	#entry_about li:hover img {
		opacity: 0.70;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	
	#entry_about_wrap {
		padding: 34px 0;
	}
	
	#entry_about {
		width: 1008px;
		margin: 0 auto;
	}
	
	#entry_about:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#entry_about li {
		float: left;
		margin-left: 12px;
		background: #fff;
		border: 1px solid #dddddd;
	}
	
	#entry_about li:hover {
		border: 1px solid #008cd6;
	}
	
	#entry_about li .link_block:hover {
		border: 0;
	}
	
	#entry_about li:first-child {
		margin-left: 0px;
	}

	#entry_about li img {
		display: block;
		margin: 0;
		padding: 0;
		font-size: 0;
		letter-spacing: 0;
	}

	#entry_about li .entry_about_contents {
		padding: 16px 10px 36px 22px;
		position: relative;
	}
	
}


/* --------------------------------------------  
	 sp
--------------------------------------------  */

@media screen and (max-width: 640px){
	#slider_area {
		display: block;
		width: 100%;
		position: relative;
	}

	#slider-main-section {
		width: 100%;
		overflow: hidden;
	}
	
	#sliders-main-img {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
	.slick-list {
		z-index: 1;
	}

	/*Dots areaの位置調整*/

	#slider-main-section .slick-slider {
		position: relative;
		z-index: 10;
	}
		
	#slider_area .recruit_title {
		display: block;
		width: 192px;
		height: 105px;
		text-indent: -9999px;
		line-height: 0;
		background: url(../images/recruit_title.png) no-repeat;
		background-size: contain;
		position: absolute;
		top: 39px;
		right: 0;
		left: 0;
		margin: auto;
		z-index: 40 !important;
	}
		
		
	#slider-main-section .slick-slider .slick-dots {
		width: 100%;
		height: 20px;
		position: absolute;
		right: 0;
		left: 0;
		bottom: 11px;
		margin: 0 auto;
		box-sizing: border-box;
		z-index: 1000 !important;
	}
	
	#slider-main-section .slick-dots li {
		margin: 0 0 0 22px;
		z-index: 1000 !important;
	}
	
	#slider-main-section .slick-dots li:first-child {
		margin-left: 0;
	}
		
	/*点の画像・サイズ*/

	#slider-main-section .slick-dots li button {
		z-index: 1000 !important;
	}

	#slider-main-section .slick-dots li button::before {
		display: block;
		width: 15px;
		height: 15px;
		line-height: 0;
		text-indent: -9999px;
		border: 3px solid rgba(245,130,50,0.9);
		border-radius: 10px;
		background: #fff;
		box-sizing: border-box;
		cursor: pointer;
		opacity: 1;
		z-index: 1000 !important;
	}
	
	/*activeに変化するための指示*/

	#slider-main-section .slick-dots li.slick-active button::before {
		background: #f58232;
	}


	#sliders-main-imgnav {
		display: none;
	}
	
	.slider {
		display: block;
		width: 100%;
		height: 200px;
		overflow: hidden;
	}
	
	.slick-list {
		opacity: 0;
	}
	
	
	.slider01 {
		background: url(../images/slider_main/slider_sp_img01.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.slider02 {
		background: url(../images/slider_main/slider_sp_img02.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
	.slider03 {
		background: url(../images/slider_main/slider_sp_img03.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
	
/**/


	
	#news_area {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	#news_area:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#news_title_wrap {
		width: 100%;
		padding: 9px 0 7px;
		margin-bottom: 11px;
		color: #fff;
		text-align: center;
		letter-spacing: 2px;
		background: #008cd6;
		box-sizing: border-box;
	}
	
	#news_title_wrap:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#news_contents_wrap {
		display: block;
		width: 100%;
		padding: 11px 10px 10px;
		color: #fff;
		background: #00a7e3;
		box-sizing: border-box;
	}

	#news_contents_wrap:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#news_contents {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	#news_contents ul:after {
		content: "";
		display: block;
		clear: both;
	}

	#news_contents ul li {
		width: 100%;
		padding: 0 10px;
		font-size: 14px;
		line-height: 21px;
		display: none;
		box-sizing: border-box;
	}
	
	#news_contents ul li span {
		display: block;
		letter-spacing: 2px;
	}
	
	#entry_about {
		width: 100%;
		box-sizing: border-box;
	}
	
	#entry_about:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#entry_about li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		position: relative;
		box-sizing: border-box;
	}
	
	#entry_about li:first-child {
		border-top: 1px solid #ddd;
	}
	
	#entry_about li:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#entry_about li .entry_img_area {
		float: left;
		width: 95px;
		height: 83px;
		padding: 10px;
		line-height: 0;
	}
	
	#entry_about li .entry_img_area img {
		width: 95px;
		height: 83px;
	}
	
	#entry_about li .entry_img_area:after {
		content: "";
		display: block;
		clear: both;
	}
	
	#entry_about li .entry_about_contents .content_name {
		height: 103px;
		padding-top: 41px;
		padding-right: 31px;
		padding-left: 105px;
		font-size: 16px;
		vertical-align: middle;
		text-align: center;
		box-sizing: border-box;
	}
	
	.link_block_border {
		display: block;
		width: 100%;
		height: 100%;
		border: 10px solid rgba(255,255,255,0.9);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 80;
		box-sizing: border-box;
	}
	
	
}