@charset "shift_jis";
/*------------------------------
	Top
------------------------------*/
#top .crslWrap { position:relative; }
#top .crslItem {
	width:100%;
	height:440px;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	background-size:cover;
}
#top .crslItem.crsl01 {	background-image:url(/jsl/img/bg_crsl_01_pc.png); }
#top .crslItem.crsl02 { background-image:url(/jsl/img/bg_crsl_02_pc.png); }
#top .crslItem.crsl03 { background-image:url(/jsl/img/bg_crsl_03_pc.png); }
#top .crslItems .pc_crslImg { margin:0 auto; }
#top .crslItems .sp_crslImg { display:none; }

#top .slick-list {
	height:460px;
	z-index:0;
}
#top .slick-arrow,
#top .slick-dots > li > button {
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	/*outline:none;*/
	margin:0;
	padding:0;
	border:0;
	color:transparent;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor:pointer;
}
#top .slick-arrow {
	width:62px;
	height:62px;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(255,255,255,0.6);
	-webkit-background-size:62px 62px;
	background-size:62px 62px;
	border:1px solid #e4e4e4;
	position:absolute;
	top:50%;
	margin-top:-31px;
	z-index:10;
	transition:background-color ease 0.2s;
}
#top .slick-arrow.slick-prev {
	background-image:url(/jsl/img/btn_crsl_prev.png);
	right:50%;
	margin-right:444px;
}
#top .slick-arrow.slick-next {
	background-image:url(/jsl/img/btn_crsl_next.png);
	left:50%;
	margin-left:444px;
}
#top .slick-arrow:hover {
	background-color:rgba(255,255,255,0.8);
}
#top .slick-dots {
	padding:10px 0 20px;
	text-align:center;
	line-height:0;
}
#top .slick-dots > li {
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	line-height:0;
}
#top .slick-dots > li > button {
	width:100px;
	height:6px;
	background-color:#e4e4e4;
	transition:background-color ease 0.2s;
}
#top .slick-dots > li > button:hover,
#top .slick-dots > li.slick-active > button {
	background-color:#c00;
}

#top .lead {
	margin:55px 0 75px;
	text-align:center;
}

#top .news {
	padding:50px 0 60px;
	background:url(/jsl/img/bg_news_pc.jpg) no-repeat center top #b3e6ff;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
}
#top .newsInr {
	width:950px;
	margin:0 auto;
}
#top .news .head {
	padding-top:32px;
	background:url(/jsl/img/icon_news.png) no-repeat center top;
	-webkit-background-size:35px auto;
	background-size:35px auto;
	text-align:center;
	font-size:1.555em;
}
#top .news .newsList { margin-top:5px; }
#top .news .newsList > li { display:table; }
#top .news .newsList > li + li { margin-top:1em; }
#top .news .newsList .date,
#top .news .newsList .content {
	display:table-cell;
	vertical-align:top;
}
#top .news .newsList .date {
	width:10em;
	color:#c00;
	font-weight:bold;
}
#top .news .newsList > li.new .date { background:url(/jsl/img/icon_new_pc.png) no-repeat right 2px; }
#top .news .newsList .content {	padding-left:10px; }
#top .news .newsList .cat_date {
	display: block;
    width: 10em;
    text-align: center;
    background: #c00;
    color: #fff;
    font-weight: bold;
    margin-right: 35px;
    padding-top: 3px;
}

/*	SP View
------------------------------*/
@media only screen and (max-width: 768px) {
#top .crslItem {
	height:auto;
	background:none !important;
}
#top .crslItems .pc_crslImg { display:none; }
#top .crslItems .sp_crslImg { display:block; }

#top .slick-list { height:auto;}
#top .slick-arrow {
	width:40px;
	height:40px;
	background-color:#fff;
	-webkit-background-size:40px 40px;
	background-size:40px 40px;
	top:auto;
	bottom:0;
	margin-top:0;
	transition:none;
}
#top .slick-arrow.slick-prev {
	background-image:url(/jsl/img/btn_crsl_prev.png);
	right:auto;
	left:10px;
	margin-right:0;
}
#top .slick-arrow.slick-next {
	background-image:url(/jsl/img/btn_crsl_next.png);
	left:auto;
	right:10px;
}
#top .slick-arrow:hover { background-color:rgba(255,255,255,0.8); }
#top .slick-dots { padding:15px 0 29px; }
#top .slick-dots > li {
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
	line-height:0;
}
#top .slick-dots > li > button {
	width:15px;
	height:7px;
}
#top .slick-dots > li.slick-active > button { background-color:#c00; }

#top .lead { margin:25px 10px; }

#top .news {
	padding:20px 0 25px;
	background:url(/jsl/img/bg_news_sp.jpg) no-repeat center top #b3e6ff;
	-webkit-background-size:cover;
	background-size:cover;
}
#top .newsInr {
	width:auto;
	margin:0;
	padding:0 10px;
}
#top .news .head {
	padding-top:25px;
	background:url(/jsl/img/icon_news.png) no-repeat center top;
	-webkit-background-size:26px auto;
	background-size:26px auto;
	text-align:center;
	font-size:1.375em;
}
#top .news .newsList { margin-top:0; }
#top .news .newsList > li { display:block; }
#top .news .newsList > li + li { margin-top:1em; }
#top .news .newsList .date {
	display:inline-block;
	width:auto;
	padding-right:49px;
}
#top .news .newsList > li.new .date {
	background:url(/jsl/img/icon_new_pc.png) no-repeat right center;
	-webkit-background-size:39px auto;
	background-size:39px auto;
}
#top .news .newsList .content {
	display:block;
	padding-left:0;
}
#top .news .newsList .cat_date {
	margin-right: 0;
	margin-bottom: 5px;
}
}