@charset "utf-8";
/*------------------------------------------------------------
##############################################################

* Description: 各ページごとの設定

 - top
 - product
 - company
 - event

##############################################################
------------------------------------------------------------*/


/*------------------------------------------------------------
##############################################################
top
##############################################################
------------------------------------------------------------*/


/* page_header
------------------------------ */
#top #contents .page_header {
	margin-bottom:1.5rem;
}

/* main_visual
------------------------------ */
#top #main_visual img {
	width:100%;
}
#top #main_visual .orbit-bullets li {
	background-color:#fff;
	height: 0.8rem;
	width: 0.8rem;
	border:2px solid #212121;
}
#top #main_visual .orbit-bullets li.active {
	background-color:#212121;
}
#top .orbit-container .orbit-prev {
	background:url(../../images/arrow_prev.png) left center no-repeat;
	border:none;
	left:0.5rem;
}
#top .orbit-container .orbit-next {
	background:url(../../images/arrow_next.png) right center no-repeat;
	border:none;
	right:0.5rem;
}
#top .orbit-container .orbit-prev:hover,
#top .orbit-container .orbit-next:hover {
	background-color:transparent;
}
#top .orbit-container .orbit-prev > span,
#top .orbit-container .orbit-next > span {
	background:none;
	border:none;
}


/* index_banner
------------------------------ */
#top #index_banner {
	padding:2rem 0;
	background-color:#f3f3f3;
}
#top #banner_block {
	padding:0 10px;
}
#top #banner_block li img {
	vertical-align:top;
}


/* btn
------------------------------ */
#top #contents .btn {
	padding-bottom:7rem;
}

/* small
------------------------------------------------------------*/
@media only screen and (max-width: 40em) {

	/* main_visual
	------------------------------ */
	#top #main_visual  {
		margin-bottom:1.2rem;
	}
	#top .orbit-next,
	#top .orbit-prev {
		display: block;
	}	
	#top .orbit-container .orbit-prev {
		background-size:14px 21px;
	}
	#top .orbit-container .orbit-next {
		background-size:14px 21px;
	}
	#top #main_visual ul img {
		display: none;
	}
	#top #main_visual ul.orbit-slides-container img {
		display: block;
	}
	

	/* banner
	------------------------------ */
	#top #banner_block li:last-child {
		padding-bottom:0;
	}
	
	/* btn
	------------------------------ */
	#top #contents .btn {
		padding-bottom:5rem;
	}
	
}

/* medium
------------------------------------------------------------*/
@media only screen and (min-width: 40.063em) {
		
	/* main_visual
	------------------------------ */
	#top #main_visual  {
		margin-bottom:1.8rem;
		background:url(../../images/bg_main_visual.jpg) center top no-repeat;
	}
	#top #main_visual_inner {
		padding:0 10px;
	}
	
	
	/* banner
	------------------------------ */
	#top #banner_block li {
		padding-bottom:0;
	}
	
	
}


/* for responsive
------------------------------ */
@media only screen and (min-width: 40.063em) and (max-width: 1000px) {
	#top #main_visual  {
		background:none;
	}
}


/*------------------------------------------------------------
##############################################################
product
##############################################################
------------------------------------------------------------*/

/* peripheral_service
------------------------------ */
#contents #article p {
	color:#424242;
}
#contents #article .peripheral_service_block {
	margin-bottom:2rem;
}
#contents #article .peripheral_service_block h4 {
	padding-bottom:0.5rem;
	margin-bottom:1.4rem;
	border-bottom:1px solid #e0e0e0;
	font-size:1.4rem;
	font-weight:bold;
}
#contents #article .peripheral_service_block h5 {
	margin-bottom:0.5rem;
	font-size:1.1rem;
	font-weight:bold;
	color:#757575;
}
#contents #article .peripheral_service_block ul {
	margin-bottom:2rem;
}
#contents #article .peripheral_service_block ul li {
	position:relative;
	padding-left:1.2rem;
	font-size:1.2rem;
}
#contents #article .peripheral_service_block ul li:before {
	content:"●";
	vertical-align:middle;
	color:#9e9e9e;
	position:absolute;
	left:0;
}



/*------------------------------------------------------------
##############################################################
company
##############################################################
------------------------------------------------------------*/

/* news_archive_list
------------------------------ */
#company.news #news_archive_list {
	padding:0.9rem 0.8rem 0.4rem;
	background-color:#f3f3f3;
	margin-bottom:2.4rem;
}
#company.news #news_archive_list dl dt,
#company.news #news_archive_list dl dd li {
	font-size:0.96rem;
}
#company.news #news_archive_list dl#yearly {
	padding-bottom:0.2rem;
	border-bottom:1px solid #e0e0e0;
}
#company.news #news_archive_list dl#category {
	padding-top:1rem;
	border-top:1px solid #fff;
}
#company.news #news_archive_list dd li {
	float:left;
	margin-right:1rem;
}
#company.news #news_archive_list dd li a {
	color:#757575;
}
#company.news #news_archive_list dd li.active a {
	color:#212121;
	font-weight:bold;
}


/* company.recruit
------------------------------ */
#company.recruit #recruit_top_block {
	margin-bottom:2rem;
}
#company.recruit #recruit_top_block h3 {
	font-size:1.8rem;
	margin-bottom:1rem;
	font-weight:bold;
}
#company.recruit #recruit_top_block p {
	margin-bottom:1rem;
}
#company.recruit #recruit_top_block #btn_block {
	margin-bottom:2rem;
}
/* company.recruit
------------------------------ */
#company.recruit #recruit_top_block #btn_block li:first-child {
	padding-left:0;
}
#company.recruit #recruit_top_block #btn_block li:last-child {
	padding-right:0;
}


/* small
------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
	
	
	/* company.recruit
	------------------------------ */
	#company.recruit #recruit_top_block #btn_block li:first-child {
		margin-bottom:1rem;
		padding-right:0;
	}
	#company.recruit #recruit_top_block #btn_block li:last-child {
		padding-left:0;
	}
	
}

/* medium
------------------------------------------------------------*/
@media only screen and (min-width: 40.063em) {
	
	/* news_archive_list
	------------------------------ */
	#company.news #news_archive_list dd {
		padding-left:3rem;
	}
	
	
}




/*------------------------------------------------------------
##############################################################
event
##############################################################
------------------------------------------------------------*/

/* event_list
------------------------------ */
#event .event_list.end {
	margin-bottom:2rem;
}
#event .event_list li a {
	display:block;
	background-color:#f5f5f5;
	border-bottom:1px solid #e0e0e0;
}
#event .event_list li a .status,
#event .event_list li a .place {
	float:left;
	padding:0.5rem 1rem;
	background-color:#212121;
	font-size:0.85rem;
	color:#fff;
}
#event .event_list li a .status.open {
	background-color:#cc0000;
}
#event .event_list li a .status.pre {
	background-color:#3296c8;
}
#event .event_list li a .status.close {
	background-color:#8F85C9;
}
#event .event_list li .event_list_block {
	padding-top:1rem;
	clear:both;
}
#event .event_list li .event_list_block p {
	padding-right:0;
	text-align:center;
}

#event .campaign_list.end {
	margin-bottom:2rem;
}
#event .campaign_list li a {
	display:block;
	padding-top:1rem;
	background-color:#f5f5f5;
	border-bottom:1px solid #e0e0e0;
}
#event .campaign_list li p {
	padding-right:0;
	text-align:center;
}


/* small
------------------------------------------------------------*/
@media only screen and (max-width: 40em) {
}

/* medium
------------------------------------------------------------*/
@media only screen and (min-width: 40.063em) {
	
	#event .event_list li a .status_small,
	#event .event_list li a .place_small {
		display:none;
	}
}