@charset "UTF-8";

#kv{
	margin: 0 auto 40px;
	padding: 0 0 0 0;
	position:relative;

}

#kv_inner{
	margin: 0 0px ;
	padding: 0 0 0 0;
	min-width: auto;
	position:relative;

}



.flexslider{
	margin: 0 0 0 0 !important;
	padding: 0 0;
	background:transparent !important;
}

.flexslider ul.slides{
	margin: 0 0 0 0;
	padding: 0 0;

	height: 200px;
}

.flexslider ul.slides li{
	margin: 0 0 0 0;
	padding: 0 0;
	text-align:center;
	height: 200px;
}

.flexslider ul.slides li.slide1{
background:  url(../../images/top/kv_slide1.jpg) no-repeat center center;
background-size:cover;
}

.flexslider ul.slides li.slide2{
background:  url(../../images/top/kv_slide2.jpg) no-repeat center center;
background-size:cover;
}

.flexslider ul.slides li.slide3{
background:  url(../../images/top/kv_slide3.jpg) no-repeat center center;
background-size:cover;
}

.flexslider ul.slides li img{
	width:425px;
	height:auto;
	vertical-align:top;

	position: absolute;
	margin: auto;
	top:0;
	left: -25px;
	right:-25px;
	bottom:0;
	z-index:99;
	text-align:center;
}


.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -25px !important;
  text-align: center;
  z-index:100;
}
.flex-control-nav li {
  margin: 0 5px !important;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 20px !important;
  height: 4px !important;
  display: block;

  background: #ccc !important;
  cursor: pointer;
  text-indent: -9999px;
  border:0px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0) !important;
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0) !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.flex-control-paging li a:hover {
  background: #0099ff !important;
}
.flex-control-paging li a.flex-active {
  background: #0099ff !important;
  cursor: default;
}



.method_area{
	margin: 0 auto 30px;
	padding: 25px 0 25px 0;
	min-width: auto;
	position:relative;
	text-align:center;
	background-color:#f8f9f8;
}

h3.h3_style{
	margin: 0 auto 15px;
	padding: 0 0 5px;
	position:relative;
	text-align:center;
	display:inline-block;


font-weight: 600;
font-size: 15px;
letter-spacing: 0.03em;
line-height: 1.6;
text-align: center;
color: #000;
border-bottom:3px solid #0099ff;
}

p.txt_style1{
	margin: 0 0 20px ;
	padding: 0 0 0 0;
	position:relative;
font-weight: 400;
font-size: 11px;
line-height: 1.8;
text-align: center;
color: #000;
}

.method_img{
	margin: 0 auto ;
	padding: 0 0 0 0;
	position:relative;
	text-align: center;
}

.method_img img{
	width:100%;
	height:auto;
}


.lineup_area{
	margin: 0 auto 30px;
	padding: 0 0 0 0;
	min-width: auto;
	position:relative;
	text-align:center;
	background-color:#fff;
}

h3.h3_lineup{
	margin: 0 auto 15px;
	padding: 5px 0 5px;
	position:relative;
	text-align:center;
	box-sizing: border-box;
	width:320px;

font-weight: 600;
font-size: 13px;
letter-spacing: 0.03em;
line-height: 1.5;
text-align: center;
color: #fff;

background-color:#ffcc00;
border-radius: 50px;
}

h3.h3_lineup img{
	width:60px;
	height:auto;
	vertical-align:middle;
	display:inline-block;
	margin:-15px 15px -10px 0;
}

p.txt_style2{
	margin: 0 0 20px ;
	padding: 0 0 0 0;
	position:relative;
font-weight: 600;
font-size: 12px;
line-height: 1.8;
text-align: center;
color: #000;
}

ul.lineup_list{
	margin: 0 auto;
	padding: 0 0;
	position: relative;
	text-align:center;
	letter-spacing:normal;
}

ul.lineup_list li{
	margin: 0 20px 20px;
	padding: 0;
	display: inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	position: relative;
}

ul.lineup_list li img{
	width:70%;
	height:auto;
}


.works_area{
	margin: 0 auto 60px;
	padding: 25px 0 35px 0;
	min-width: auto;
	position:relative;
	text-align:center;
	background-color:#e5f5ff;
}

.works_area h3.h3_style{
	margin: 0 auto 15px;
	padding: 0 0 5px;
	position:relative;
	text-align:center;
	display:inline-block;
	width:100%;

font-weight: 600;
font-size: 15px;
letter-spacing: 0.03em;
line-height: 1.6;
text-align: center;
color: #000;
border-bottom:3px solid #0099ff;
}


ul.works_list{
	margin: 0 auto;
	padding: 0 0 30px;
	position: relative;
	text-align:center;
	letter-spacing:normal;
}

ul.works_list li{
	margin: 0 0;
	padding: 0 0 ;
	position: relative;
	width:200px;
	text-align:center;
	background-color:#fff;
}

ul.works_list li img{
	width: 190px;
	height: 140px;
	object-fit: cover;
}

ul.works_list li a{
	margin: 0 0;
	padding: 5px 0 ;
	position: relative;
}

ul.works_list li span{
	margin: 0 0;
	padding: 8px 0 4px;
	position: relative;
font-weight: 400;
font-size: 11px;
line-height: 1.5;
text-align: center;
display:block;
}

ul.works_list li a:hover{
transition : 0.3s;
opacity:0.7;
text-decoration:none;
}




.slick-slider{position: static;}

.slick-list{overflow: visible;}

.slick-slide
{margin:0 10px;}

.slick-slide img
{display: inline-block!important;}

.slick-next{ right:-20px!important; }
.slick-prev{ left:-20px!important; }
.slick-arrow{ z-index:2!important; }


.slick-arrow:before{
content:""!important;
width: 25px!important;
height: 25px!important;
position: absolute;
top: 20px;
left: 0;
}

.slick-prev,
.slick-next{
top: 90px !important;
width: 25px!important;
height: 25px!important;
}

.slick-next:before{
background: url(../../images/base/arr_r.svg)!important;
background-size: 25px 25px !important;
}

.slick-prev:before{
background: url(../../images/base/arr_l.svg)!important;
background-size: 25px 25px !important;
}


ul.works_list .slick-prev,
ul.works_list .slick-next
{top: auto !important;bottom: 0px !important;}

ul.works_list .slick-next{ right:0px!important;left:50px!important;text-align:center!important;margin:auto!important;}
ul.works_list .slick-prev{ right:50px!important;left:0px!important;text-align:center!important;margin:auto!important;}

.works_list .slick-list {
position: static!important;
padding: 0 0 !important;
}
.works_list .slick-track {}
.works_list .slick-slide {

	width:200px !important;
}
.works_list .slick-slide.slick-current {
  opacity: 1;
}
.works_list .slick-slide a {
  display: block;
}
.works_list .slick-slide a:hover {

}
.works_list img {

}


.slick-dots
{
	position: relative !important;
	bottom: auto !important;

	display: block;

	width: 100%;
	padding: 0;
	margin: 50px 0 0 !important;

	list-style: none;

	text-align: center;
}
.slick-dots li{
	margin: 0 10px 0 !important;
	padding: 0 0;
	position:relative;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	width:70px !important;
	letter-spacing:normal;
	height: 5px !important;

	cursor: pointer;
}
.slick-dots li button
{
	font-size: 0;
	line-height: 0;

	display: block;

	width: 100% !important;
	height: 5px !important;
	padding: 0px !important;

	cursor: pointer;

	color: transparent;
	border: 0;
	outline: none;
	background: #fff !important;


	border:1px solid #777 !important;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
	outline: none;


}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	opacity: 1 !important;
}
.slick-dots li button:before
{
	font-family: 'slick';
	font-size: 0px !important;
	line-height: 0px !important;

	position: absolute;
	top: 0;
	left: 0;

	width: 100% !important;
	height: 5px !important;



	content: ' ' !important;
	text-align: center;

	opacity: 1 !important;
	color: black;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
	background-color:#777 !important;
}





.news_area{
	margin: 0 25px 40px;
	padding: 0 0 0 0;
	min-width: auto;
	position:relative;
	text-align:center;
	background-color:#fff;
}

.news_box{
	margin: 0 auto;
	padding: 0 30px 10px;
	width: auto;
	position:relative;
	text-align:center;
	background-color:#fff;
	border:1px solid #0099ff;
	box-sizing: border-box;
}

h3.h3_news{
	margin: -15px auto 20px;
	padding: 2px 0 4px;
	position:relative;
	text-align:center;

	width:200px;

font-weight: 600;
font-size: 13px;
letter-spacing: 0.03em;
line-height: 1.5;
text-align: center;
color: #fff;
background-color:#0099ff;
}

ul.news_list{
	margin: 0 auto;
	padding: 0 0;
	position: relative;
	text-align:left;
	letter-spacing:normal;
}

ul.news_list li{
	margin: 0 0;
	padding: 0 0 20px;
	position: relative;
	text-align:left;
}

ul.news_list li a{
	margin: 0 0;
	padding: 0 0 ;
	position: relative;
	text-align:left;

}

ul.news_list li a small{
	margin: 0 0;
	padding: 0 0 ;
	position: relative;
	text-align:left;
font-weight: 500;
font-size: 10px;
letter-spacing: 0.03em;
line-height: 1.5;
color: #000;
}

ul.news_list li a strong{
	margin: 0 0 0;
	padding: 0 0 ;
	position: relative;
	text-align:left;
font-weight: 500;
font-size: 11px;
letter-spacing: 0.03em;
line-height: 1.5;
color: #0099ff;
display:block;
}

ul.news_list li a span{
	margin: 0 0 0 5px;
	padding: 0 3px ;
	position: relative;
	text-align:left;
font-weight: 400;
font-size: 10px;
letter-spacing: 0;
line-height: 1.5;
color: #fff;
background-color:#0099ff;
}

ul.news_list li a:hover{
transition : 0.3s;
opacity:0.7;
text-decoration:none;
}
.to_news {
	margin: 20px 0 0;
	text-align:center;
}
.to_news a {
	display:inline-block;
	margin: 0;
	padding: 8px 1em;
	font-size: 12px;
	line-height: 1.0;
	text-align: center;
	color: #fff;
	background-color:#7a7a7a;
	border-radius:3px;
}

.center{
	text-align:center;
}

.pc_only{
	display:none;
}

.img_pc {
	display:none;
}