@charset "utf-8";

/*-------- #sec1 --------*/
#slide {overflow: hidden; //横スクロールさせないようにする}

/*-------- #sec2 --------*/
#sec2 {
	margin: -70px auto 0;
	padding: 120px 0 50px;
}

#sec2 ul.bunner {
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
	list-style: none;
}

#sec2 ul.bunner li {
	display: table-cell;
	vertical-align: middle;
}

/*-------- #sec3 --------*/
#sec3 {
	padding: 45px 0 50px;
	background: #f0f3f5;
}

#sec3 h2 {
	margin-bottom: 25px;
	padding-bottom: 25px;
	color: #272b76;
	font-size: 13px;
	text-align: center;
	line-height: 1.3;
	border-bottom: 1px solid #272b76;
	
}

#sec3 h2 span {
	display: block;
	font-size: 28px;
	letter-spacing: 4px;
}

.info-date {
	display: block;
	color: #666;
	font-family: 'Arial', sans-serif;
	margin-bottom: 15px;
}

.info-cate01,.info-cate02 {
	width: 90px;
	margin-top: 15px;
	display: block;
	color: #fff;
	font-size: 11px;
	line-height: 25px;
	text-align: center;
	border-radius: 50px;	
}

.info-cate01 {background: #33ccff;}
.info-cate02 {background: #ff6633;}

/*-------- #slide_info --------*/
#slide_info {padding-left: 0.8%;}

#sample, .sample {
	width: 980px;
	margin: 0 auto;
}

.slide_info_sp {display: none;}

/** middle
===================================*/
@media screen and (max-width: 990px){
/*-------- #slide_info --------*/
#slide_info {
	width: 100%;
	padding-left: 0;
}
}


/** mobile
===================================*/
@media screen and (max-width: 768px) {
#sec2 {
	margin: 0 auto;
	padding: 0;
}

#slide_info {display: none;}

.slide_info_sp {display: block;}


/*-------- #sec2 --------*/
#sec2 ul.bunner {
	width: 100%;
	display: block;
}

#sec2 ul.bunner li {
	margin-bottom: 10px;
	display: block;
}
}

@media screen and (max-width: 639px) ,screen and (max-width: 737px) and (orientation: landscape) {
#sec2 {padding: 0 0 10px;}

#sec2 ul.bunner {
	width: 100%;
	display: block;
	list-style: none;
}

#sec2 ul.bunner li {
	margin-bottom: 15px;
	display: block;
}

/*-------- #sec3 --------*/
#sec3 {padding: 25px 0;}

#sec3 h2 {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: none;
}

#sec3 li {
	width: 72%;
	margin: 0 14%;
}

.info-date {margin-bottom: 5px;}

.info-cate01,.info-cate02 {
	margin-top: 10px;
	line-height: 20px;
}

.info-cate01 {background: #33ccff;}
.info-cate02 {background: #ff6633;}
}