@charset "utf-8";

/*-----------------------------------------------------------
 ボディ
 -----------------------------------------------------------*/
#contentsArea {
	width: 100%;
}
#header_underline{
	border-bottom: none;
}
/*---------------------------------------------------------------------
 スライド
 ---------------------------------------------------------------------*/
.topimage {
  width: 100%;
  height: 100%;
  position: relative; }
  /*@media (max-width: 667px) {
    .topimage {
      margin-top: 50px;
      height: 480px; } }
  .topimage .slider {
    text-align: center; }
    .topimage .slider .slideimages {
      position: relative;
      overflow: hidden;
      height: 615px;
      z-index: 100; }
      .topimage .slider .slideimages img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        @media (max-width: 1600px) {
          .topimage .slider .slideimages img {
            width: 1599px;
            left: 50%;
            margin-left: -800px;
            height: auto; } }
        @media (max-width: 667px) {
          .topimage .slider .slideimages img {
            width: 1047px;
            left: 50%;
            margin-left: -523px;
            height: auto; } }*/

.topimage .bg img{
	width:100%;
	min-width:980px;
}
.topimage li{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.topimage li img{
	width:100%;
	min-width:980px;
}
.topimage li:nth-of-type(1){
	z-index:6;
}
.topimage li:nth-of-type(2){
	z-index:5;
}
.topimage li:nth-of-type(3){
	z-index:4;
}
.topimage li:nth-of-type(4){
	z-index:3;
}
.topimage li:nth-of-type(5){
	z-index:2;
}
.topimage li:nth-of-type(6){
	z-index:1;
}
.topimage .text{
	position:absolute;
	top:35%;
	right:15%;
	z-index:100;
	display:none;
}


/*---------------------------------------------------------------------
 共通
 ---------------------------------------------------------------------*/
.btn_more{
	width: 258px;
	display: block;
	border:1px solid #007d7f;
	text-align: center;
	text-decoration: none;
	line-height: 2.5;
	font-size:120%;
	font-weight: 500;
	color: #007d7f;
	letter-spacing:2px;
}
	.btn_more:visited{
		color: #007d7f;
	}
	.btn_more:hover{
		color: #FFF;
		background-color: #007d7f;
	}


/*---------------------------------------------------------------------
事業内容
 ---------------------------------------------------------------------*/
#service_area{
	width: 960px;
	margin:0 auto;
	padding: 40px 0 78px;
	text-align: center;
}
	#service_area .txt{
		padding: 20px 0 13px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 130%;
		color: #64635c;
		line-height: 2em;
	}
	#service_area .btn_more{
		margin: 22px auto 0;
	}
/*---------------------------------------------------------------------
トピックス
 ---------------------------------------------------------------------*/
#topics_wrap{
	width: 100%;
	background-color: #cce5e5;
}
#topics_area{
	width: 960px;
	margin:0 auto;
	padding: 30px 0 52px;
	text-align: center;
}
	#TopicsSlider{
		width: 803px;
		height: 200px;
		margin:0 auto;
	}
	#topics_area .slickslider{
		margin-top: 35px;
		width: 803px;
	}
		#topics_area .slickslider li img{
			box-sizing: border-box;
			border:1px solid #b2b2b2;
		}
		#topics_area .slickslider a{
			text-decoration: none;
		}
		#topics_area .slickslider .txt_area{
			width: 248px;
			height: 66px;
			background-color: #FFF;
			text-align:left;
			border:1px solid #b2b2b2;
			border-top: none;
		}
			#topics_area .slickslider .txt_area .ttl{
				font-family: 'Noto Sans Japanese', sans-serif;
				font-size: 110%;
				font-weight: 500;
				line-height: 1.4em;
				padding: 10px 10px 5px 10px;
			}
			#topics_area .slickslider .txt_area .txt{
				font-family: 'Noto Sans Japanese', sans-serif;
				font-size: 90%;
				font-weight: 400;
				line-height: 1.4em;
				padding-left: 10px;
			}
	#topics_area .slickslider .slick-prev{

	}

/*---------------------------------------------------------------------
NEWS
 ---------------------------------------------------------------------*/
#news_wrap{
	width: 100%;
	background-color: #FFF;
}
	#news_area{
		width: 805px;
		margin:0 auto;
		padding: 41px 0 69px;
		text-align: center;
	}
	#news_area .btn_more{
		margin: 36px auto 0;
	}


/*---------------------------------------------------------------------
 新着情報タブ
 ---------------------------------------------------------------------*/
#news_area #newsTab {
	position: relative;
}
#news_area #newsTab ul#tabMenu {
	margin: 42px 0 30px 0;
}
#news_area #newsTab ul#tabMenu li {
	float: left;
	margin-right:5px;
}
	#news_area #newsTab ul#tabMenu li:last-child {
		margin-right:0px;
	}
		#news_area #newsTab ul#tabMenu li a {
			display:block;
			width:130px;
			height: 31px;
			line-height: 31px;
			border: 1px solid #007d7f;
			box-sizing: border-box;
			text-decoration: none;
			font-size:110%;
			font-weight: 500;
			color: #007d7f;
			letter-spacing:2px;
		}
		#news_area #newsTab ul#tabMenu li a:hover,
		#news_area #newsTab ul#tabMenu li.currentTab a {
			color: #FFF;
			background-color: #007d7f;
		}

#news_area #newsTab div {
	margin: 0 8px;
	text-align:left;
}
	#news_area #newsTab div ul li {
		margin: 0 0 10px;
	}
	#news_area #newsTab div ul li p{
		float: left;
		margin: 0 8px 0 0;
		font-family: 'Noto Sans Japanese', sans-serif;
	}
	#news_area #newsTab div ul li p.date{
		font-weight: 700;
	}
	#news_area #newsTab div ul li p.icon {
		width: 3em;
		padding: 0 10px;
		color: #FFF;
		font-size:90%;
		line-height: 1.2
		font-weight: 200;
		letter-spacing: 2px;
		background-color: #777777;
		text-align:center;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
	}
	#news_area #newsTab div ul li p.txt a {
		text-decoration: none;
	}
	#news_area #newsTab div#panel2,
	#news_area #newsTab div#panel3,
	#news_area #newsTab div#panel4,
	#news_area #newsTab div#panel5,
	#news_area #newsTab div#panel6 {
		display: none;
	}
/*---------------------------------------------------------------------
ソリューション
 ---------------------------------------------------------------------*/
#solution_wrap{
	width: 100%;
	background: url(/wordpress/wp-content/themes/kictec/img/top/solution/bg_solution.gif) no-repeat 0 0 #f5f7de;
}
	#solution_area{
		width: 802px;
		margin:0 auto;
		padding: 30px 0 52px;
		text-align: center;
	}
		#solution_area .txt{
			padding: 20px 0 0;
			font-family: 'Noto Sans Japanese', sans-serif;
			font-size: 130%;
			color: #64635c;
			line-height: 2em;
		}
		#solution_area ul{
			margin: 29px 0 0 0;
		}
			#solution_area ul li{
				float: left;
				width: 190;
				margin-right: 14px;
			}
				#solution_area ul li:last-child{
					margin-right: 0;
				}
				#solution_area ul li a:hover img{
box-shadow:7px 7px 4px -2px #989898;
-moz-box-shadow:7px 7px 4px -2px #989898;
-webkit-box-shadow:7px 7px 4px -2px #989898;
				}
				#solution_area ul li p{
					margin:3px 0 0 0;
					text-align:left;
					line-height: 2em;
					font-family: 'Noto Sans Japanese', sans-serif;
					font-size: 120%;
					font-weight: 500;
					color: #64635c;
				}
		#solution_area .btn_more{
			margin: 22px auto 0;
		}

/*---------------------------------------------------------------------
スペシャル
 ---------------------------------------------------------------------*/
#special_wrap{
	width: 100%;
}
	#special_area{
		width: 802px;
		margin:0 auto;
		padding: 50px 0 80px;
		text-align: center;
	}
		#special_area .txt{
			padding: 20px 0 0;
			font-family: 'Noto Sans Japanese', sans-serif;
			font-size: 130%;
			color: #64635c;
			line-height: 2em;
		}
		#special_area ul{
			margin: 29px 0 0 0;
		}
			#special_area ul li{
				float: left;
				width: 250z;
				margin-right: 26px;
			}
				#special_area ul li:last-child{
					margin-right: 0;
				}
				#special_area ul li a:hover img{
					box-shadow:7px 7px 4px -2px #989898;
					-moz-box-shadow:7px 7px 4px -2px #989898;
					-webkit-box-shadow:7px 7px 4px -2px #989898;
				}
				#special_area ul li p{
					margin:3px 0 0 0;
					text-align:left;
					line-height: 2em;
					font-family: 'Noto Sans Japanese', sans-serif;
					font-size: 120%;
					font-weight: 500;
					color: #64635c;
				}
/*-----------------------------------------------------------
 ページ先頭へ
 -----------------------------------------------------------*/
	#pageTopArea{
	width: 960px;
	padding-bottom: 100px;
	margin:0 auto;
	position: relative;
}
.pageTop{
	position: absolute;
	top:0px;
	right: 0;
}