@charset "UTF-8";
/* CSS Document */

/*PC*/
@media only screen and (min-width: 769px) {

/* main_img
------------------------- */
.slick-box01 {
	width:100%;
	margin:0 auto 60px !important;
	position:relative;
}

.slick-box01 img {
	width:100%;
	height:auto;
}

.brand_img {
	border: 2px solid #dddddd;
}


/* topics
------------------------- */
.idx_topics {
	width:1200px;
	margin:0 auto 20px;
	padding:0;
	list-style-type:none;
}

.idx_topics li {
	width:268px;
	border:1px solid #c7c7c7;
	margin-right:40px;
	margin-bottom:40px;
	float:left;
}

.idx_topics li:nth-child(4n+4) {
	margin-right:0;
}

.idx_topics li img {
	width:100%;
	height:auto;
	margin:0 auto;
}

.idx_topics li h3 {
	font-size:16px;
	line-height:22px;
	margin:0 auto 10px;
	padding:2%;
}

.idx_topics li p {
	font-size:12px;
	line-height:20px;
	padding:2%;
}

.idx_topics li a {
	color:#000000;
}

.topics_img_border {
	border-bottom: 1px solid #c7c7c7;
}

.topics_reg_sign {
	font-size: 1.5em;
	vertical-align: text-top;
}


/* product
------------------------- */
.idx_bg {
	background:#f9f9f9;
	padding:30px 0;
	margin:60px auto 60px;
}


.idx_product {
	width:1200px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.idx_product li {
	background:#dde6f0;
	width:358px;
	margin-right:18px;
	margin-bottom:18px;
	float:left;
	padding:15px;
}

.idx_product li:nth-child(3n+3) {
	margin-right:0;
}

.idx_product li img {
	width:100%;
	height:auto;
	margin:0 auto 10px;
}

.idx_product li h3 {
	width:56%;
	text-align:center;
	margin:0 auto;
}

.idx_product li p {
	font-size:12px;
	line-height:20px;
	padding:1% 2% 2%;
}


.idx_recruit_box {
	border:2px solid #FFFFFF;
	background:#dde6f0;
	width:46%;
	padding:1%;
	margin:0 auto;
}

.idx_recruit_box h3 {
	font-size:18px;
	text-align:center;
	color:#333;
	margin:0 auto 10px;
}

.idx_btn_list {
	width:100%;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.idx_btn_list li {
	width:48%;
	margin-right:4%;
	margin-bottom:0;
	float:left;
}

.idx_btn_list li:nth-child(2n+2) {
	margin-right:0;
}


/* group
------------------------- */
.slick-box {
	width:100%;
}

.slick-box div {
	margin:0 0 10px;
}

.slick-box p {
	text-align:center;
	font-size:1em;
	font-weight:bold;
}


/* news
------------------------- */
.idx_bg02 {
	background:#f9f9f9;
	padding:30px 0;
	margin:60px auto 0;
}

.idx_news_list {
	width:800px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.idx_news_list li {
	font-size:14px;
	padding:1% 0;
	border-bottom:1px dotted #666666;
}


/* recruit
------------------------- */
.idx_bg03 {
	background:#333333;
	padding:30px 0;
	margin:60px auto 0;
}


.slick-box02 {
	margin:0 auto !important;
	position:relative;
}

.slick-box02 img {
	width: auto;
	height:100%;
}

.recruit_box{
 position: relative;
}

.recruit_box .active{
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  transition: 0.5s; 
}

.recruit_box:hover .active{
  -webkit-opacity: 1;
　-moz-opacity: 1;
　-o-opacity: 1;
　filter: alpha(opacity=100);	/* IE lt 8 */
　-ms-filter: alpha(opacity=100); /* IE 8 */
  opacity: 1;

}

.recruit_box img{
	height: 100%;
	}


/* footer
------------------------- */
footer {
	padding:0 !important;
}




}






/*sp*/
@media only screen and (max-width: 768px) {

/* main_img
------------------------- */
.slick-box01 {
	width:100%;
	margin:0 auto 30px;
	position:relative;
}

.slick-box01 img {
	width:100%;
	height:auto;
}

.brand_img {
	border: 2px solid #dddddd;
}



/* topics
------------------------- */
.idx_topics {
	width:100%;
	margin:0 auto 20px;
	padding:0;
	list-style-type:none;
}

.idx_topics li {
	width:47.5%;
	border:1px solid #c7c7c7;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
}

.idx_topics li:nth-child(2n+2) {
	margin-right:0;
}

.idx_topics li img {
	width:100%;
	height:auto;
	margin:0 auto;
}

.idx_topics li h3 {
	font-size:14px;
	line-height:20px;
	margin:0 auto 10px;
	padding:2%;
}

.idx_topics li p {
	font-size:10px;
	line-height:18px;
	padding:2%;
}

.idx_topics li a {
	color:#000000;
}

.topics_img_line {
	border-bottom: 1px solid #c7c7c7;
}




/* product
------------------------- */
.idx_bg {
	background:#f9f9f9;
	padding:20px 0;
	margin:30px auto 30px;
}


.idx_product {
	width:100%;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.idx_product li {
	background:#dde6f0;
	width:45%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	padding:2%;
}

.idx_product li:nth-child(2n+2) {
	margin-right:0;
}

.idx_product li img {
	width:100%;
	height:auto;
	margin:0 auto 10px;
}

.idx_product li h3 {
	width:100%;
	text-align:center;
	margin:0 auto;
}

.idx_product li p {
	font-size:10px;
	line-height:18px;
	padding:1% 2% 2%;
}

.idx_recruit_box {
	background:#dde6f0;
	width:96%;
	padding:1%;
	margin:0 auto;
}

.idx_recruit_box h3 {
	font-size:14px;
	text-align:center;
	color:#333;
	margin:0 auto 10px;
}

.idx_btn_list {
	width:90%;
	margin:0 auto 20px;
	padding:0;
	list-style-type:none;
}

.idx_btn_list li {
	width:100%;
	margin-right:0%;
	margin-bottom:3%;
	float:none;
}

.idx_btn_list li:nth-child(2n+2) {
	margin-right:0;
}



/* group
------------------------- */
.slick-box {
	width:90%;
}

.slick-box div {
	margin:0 0 10px;
}

.slick-box p {
	text-align:center;
	font-size:0.8em;
	line-height:1em;
	font-weight:bold;
}


/* news
------------------------- */
.idx_bg02 {
	background:#f9f9f9;
	padding:20px 0;
	margin:30px auto 0;
}

.idx_news_list {
	width:90%;
	margin:0 auto;
	padding:0;
	list-style-type:none;
}

.idx_news_list li {
	font-size:12px;
	padding:1% 0;
	border-bottom:1px dotted #666666;
}

/* recruit
------------------------- */
.idx_bg03 {
	background:#333333;
	padding:20px 0;
	margin:30px auto 0;
}

.slick-box02 {
	width:100%;
	margin:0 auto !important;
	position:relative;
}

.slick-box02 img {
	width:100%;
	height:auto;
}

.recruit_box{
 width: 100%;
 height: auto;
 position: relative;
}

.recruit_box .active{
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  opacity: 0;
  transition: 0.5s; 
}

.recruit_box:hover .active{
  -webkit-opacity: 1;
　-moz-opacity: 1;
　-o-opacity: 1;
　filter: alpha(opacity=100);	/* IE lt 8 */
　-ms-filter: alpha(opacity=100); /* IE 8 */
  opacity: 1;
  filter:alpha(opacity=100);

}

.recruit_box img{
	width: 100%;
	}



/* footer
------------------------- */
footer {
	padding:0 !important;
}

}