@charset "UTF-8";

#main {
	padding-bottom:0;
}

.smenu {
	width:100%;
	margin-bottom:60px;
}
.smenu li a {
	display:block;
	text-align:center;
	line-height:1;
}
.smenu li.current-cat a {
	color:#204b8d;
	font-weight:bold;
}
.smenu li {
	box-sizing:border-box;
	width:25%;
	border-left:1px solid #333333;
}
.smenu li:last-child {
	border-right:1px solid #333333;
}

/**news**/
#news .wrap {
	padding-top:100px;
}
#news .wrap .newswrap {
	position:relative;
}
#news .wrap .newswrap dl {
	width:100%;
	font-size:1.6rem;
	box-sizing:border-box;
	padding:1.5em 0;
	border-bottom:1px solid #ebebeb;
}
#news .wrap .newswrap dd:first-child {
	width:7em;
	position:relative;
}
#news .wrap .newswrap dd.cat {
	width:7em;
	box-sizing:border-box;
	padding-right:1em;
}
#news .wrap .newswrap dd.cat span {
	display:block;
	color:#ffffff;
	text-align:center;
	line-height:2;
	font-size:1.4rem;
}
#news .wrap .newswrap dd.cat span.company {
	background:#54cea4;
}
#news .wrap .newswrap dd.cat span.product {
	background:#f7bf53;
}
#news .wrap .newswrap dd.cat span.event {
	background:#f999c0;
}
#news .wrap .newswrap dt {
    width:calc(100% - 14em);
}
#news .wrap .newswraps > a {
	font-size:1.8rem;
	line-height:2;
	width:6em;
	text-align:center;
    display:block;
    margin:0 auto;
    position:absolute;
    top:-3em;
    right:0;
    background:#F3F3F3;
    border:1px solid #ebebeb;
    transition:.3s;
}
#news .wrap .newswrap > a:hover {
	background:#204b8d;
	color:#ffffff;
}




#news div.fbox > a {
	width:calc(100%/3 - 50px);
	margin-right:74px;
	margin-bottom:50px;
	transition:.3s;
}
#news div.fbox > a:hover {
	opacity:.8;
	color:#202020;
}
#news div.fbox > a:nth-child(3n) {
	margin-right:0;
}
#news div.fbox > a .img {
	overflow:hidden;
	margin-bottom:10px;
}
#news div.fbox > a .img img {
	display:block;
	transition:.3s;
}
#news div.fbox > a:hover .img img {
	transform:scale(1.05);
}
#news div.fbox > a > span {
	display:block;
	line-height:1.3;
	font-size:1.5rem;
	margin-bottom:10px;
}
#news div.fbox > a > span span {
	font-size:1.3rem;
	display:inline-block;
	line-height:1.5;
	padding:0 .5em;
	margin-left:.3em;
	color:#FFFFFF;
	position:relative;
	top:-0.1em;
}
#main #news div.fbox > a > p {
	text-align:center;
	line-height:1.5;
}

#news-single .title {
	margin-bottom:30px;
}
#news-single .title span {
	display:block;
}
#news-single .content_box {
	margin-bottom:60px;
}

@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

.smenu {
	margin-bottom:0;
}
.smenu li a {
	font-size:1.4rem;
	text-align:center;
}
.smenu li:nth-child(-n+2) {
	width:50%;
}
.smenu li {
	width:calc(100%/3);
	border-left:1px solid #333333;
	margin-bottom:.5em;
}
.smenu li:last-child,
.smenu li:nth-child(2) {
	border-right:1px solid #333333;
}

/**news**/
#news .wrap {
	padding-top:0;
}
#news .wrap .newswrap {
	position:relative;
}
#news .wrap .newswrap dl {
	font-size:1.4rem;
	padding:1em 0;
  -webkit-box-pack: start;
     -ms-flex-pack: start;
   justify-content: flex-start;
}
#news .wrap .newswrap dd.cat span {
	font-size:1.1rem;
}
#news .wrap .newswrap dt {
    width:100%;
    padding-top:.8em;
}

#news-single .content_box {
	margin-bottom:30px;
}

}

@media screen and (max-width:480px){

}