@charset "utf-8";

.cd-hero{
	/*background:url(../img/load.gif) center center #ccc no-repeat;*/
	background-color:#113697;
}

.cd-hero-slider a{
	text-decoration:none;
}

.cd-hero-slider .mvboxtop1{
	padding-top:1em;
}

.cd-hero-slider p.mv_txt1{
	text-align:center;
	font-size:160%;
	text-shadow:#333 3px 3px 10px;
	color:#fff;
	width:100%;
	max-width:1000px;
	
}

.cd-hero-slider p.mv_txt2{
text-align:center;
font-size:120%;
font-weight:bold;
text-shadow:#fff 0px 0px 100px;
color:#C00;
text-decoration:none;
width:100%;
max-width:1000px;
background: -moz-linear-gradient(left,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.2) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.2) 100%);
background: linear-gradient(left right,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.2) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.2) 100%);/*ie*/
padding:0.5em 0;

}

.cd-hero-slider a {
}
.cd-hero-slider a .mv_btn{
background: rgba(0,0,0,0.6) ;
/*background: -moz-linear-gradient(top,  rgba(51,51,51,0.8) 0%, rgba(17,17,17,1) 100%);
background: -webkit-linear-gradient(top,  rgba(51,51,51,0.8) 0%,rgba(17,17,17,1) 100%);
background: linear-gradient(to right,  rgba(51,51,51,0.8) 0%,rgba(17,17,17,1) 100%);
background: -ms-linear-gradient(top,  rgba(51,51,51,0.8) 0%,rgba(17,17,17,1) 100%);/*ie*/

/*赤
background: -moz-linear-gradient(top,  rgba(229,31,25,0.8) 0%, rgba(229,31,25,1) 100%);
background: -webkit-linear-gradient(top,  rgba(229,31,25,0.8) 0%,rgba(229,31,25,1) 100%);
background: linear-gradient(to right,  rgba(229,31,25,0.8) 0%,rgba(229,31,25,1) 100%);
background: -ms-linear-gradient(top,  rgba(229,31,25,0.8) 0%,rgba(229,31,25,1) 100%);/*ie*/

margin:1.5em auto;
/*-webkit-transition: 0.6s;
-moz-transition: 0.6s;*/
transition: 0.6s;
padding:0.5em 0;
/*transition: transform 0.2s;*/
position:relative;
white-space:nowrap;
}

.cd-hero-slider a:hover .mv_btn{
background: rgba(0,0,0,0.8) ;
/*background: rgba(229,31,25,0.8) ; 赤*/
/*transform:  scale(1.05);*/
}


.cd-hero-slider a .mv_btn span{
	font-size:130%;
}

@media only screen and (min-width: 768px) { /*pc*/

.cd-hero-slider p.mv_txt1{
	font-size:300%;

}

.cd-hero-slider p.mv_txt2{
font-size:180%;

}

.cd-hero-slider a .mv_btn{
width:30%!important;
padding:1em 0;
}

}



h3 a:hover::before{
	display:inline-block;
content:'＞';
}

h3 a:hover::after{
	display:inline-block;
content:'へ';

}

h3 span{
	font-size: 90%;
}


.pagenav{
	max-width:1100px;
	margin:0 auto;
	margin-bottom:2.5em;
}




.pagenav ul{
	display: flex;
	width:100%;
/*	border:1px solid #cc0000;*/
	justify-content: center ;
}




.pagenav li{
	text-align:center;
	color:#000;
	margin:0;
	width:100%;
	/*margin:0 10px;
 width:30%;*/
	position:relative;
	border:4px solid #A5A7BF;
	font-size:120%;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
	background-color:#fff;
	box-shadow:0 0 8px #CCCCCC;
}


.pagenav li:hover{
	border:4px solid #232862;
	position:relative;
	background:#232862;
}


.pagenav li::before{
  content: '';
  width: 22px;
  height: 22px;
  border: 0px;
  border-top: solid 2px #CCCCCC;
  border-right: solid 2px #CCCCCC;
  -ms-transform:  translateX(-50%) rotate(135deg);
  -webkit-transform: translateX(-50%) rotate(135deg);
		transform: translateX(-50%) rotate(135deg);
		background-color:#fff;
  position: absolute;
  bottom: 10px;
  left: 50%;
		-webkit-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
  
}

.pagenav li:hover::before{
  content: '';
  width: 22px;
  height: 22px;
  border: 0px;
		border:none;
  /*border-top: solid 2px #3399CC;
  border-right: solid 2px #3399CC;*/
  -ms-transform:  translateX(-50%) rotate(135deg);
  -webkit-transform: translateX(-50%) rotate(135deg);
		transform: translateX(-50%) translateY(20px) rotate(135deg);
  position: absolute;
  bottom: 10px;
  left: 50%;
		background-color:#232862;
  
}


.pagenav li a{
	color:#000;
font-weight:bold;	
	text-decoration:none;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
padding:10px 20px 30px 10px;
display:block;
width:100%;
/*border:1px solid #cc0000;*/

position: relative;
display: inline-block;

}

.pagenav li a:hover{
color:#232862;
letter-spacing:0.1em;
padding:20px 20px 20px 10px;
color:#fff;
}


.pagenav li span{
	display:block;
	font-size:80%;
	color:#333;
	font-weight:normal;
letter-spacing:0em;
}

.pagenav li a:hover span{
color:#fff;
}


@media only screen and (max-width: 400px)  { /*sp*/
.pagenav ul{
	display: flex;
	width:98%;
	margin:0 0 0 1%;
/*	border:1px solid #cc0000;*/
flex-direction:column;
justify-content: center ;
}

.pagenav li{
	margin-bottom:10px;
}


}

@media only screen and (min-width: 401px) { /*sp*/
.pagenav li{
	margin:0 1%;
	width:32%;

}

.pagenav li:hover{
	width:33%;
}

}




@media only screen and (min-width: 768px) { /*pc*/

.pagenav li{
margin:0 10px;
 width:30%;
}

.pagenav li:hover{
	width:33%;
}

}



/*チェックアイコン
.pagenav li a::before{
  content: '';
  width: 22px;
  height: 11px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}*/



/******/


#news ul{
	margin:1em 0.5em;
}


#news ul li{
padding:6px 5px 3px 65px;
border-bottom:1px dotted #ccc;
position:relative;
}

.date,
#news ul li span.date{
	font-size:90%;
}

#news ul li.news::before{
	display:inline-block;
	content:'News';
	width:55px;
	height:20px;
	background-color:#CC3300;
	color:#fff;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:6px;
	left:0;
}

#news ul li.topics::before{
	display:inline-block;
	content:'Topics';
	width:55px;
	height:20px;
	background-color:#113697;
	color:#fff;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:6px;
	left:0;
}

#news ul li.tenjikai::before{
	display:inline-block;
	content:'展示会';
	width:55px;
	height:20px;
	background-color:#00A3D9;
	color:#fff;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:6px;
	left:0;
}


#news ul li.blog::before{
	display:inline-block;
	content:'Blog';
	width:55px;
	height:20px;
	background-color:#AE67A4;
	color:#fff;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:6px;
	left:0;
}

#news ul li.info::before{
	display:inline-block;
	content:'Info';
	width:55px;
	height:20px;
	background-color:#339900;
	color:#fff;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:6px;
	left:0;
}

#news ul li.creator::before{
	display:inline-block;
	content:'Creator';
	width:55px;
	height:20px;
	background-color:#909;
	color:#fff;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:10px;
	left:0;
}

#news ul li.creator{
	background:#fff;/*#F4E8ED;*/
}

#news ul li.creator a{
	color:#909;
}

#news ul li.event::before{
	display:inline-block;
	content:'Event';
	width:55px;
	height:20px;
	background-color:#765C30;
	color:#fff;
	font-size:80%;
	text-align:center;
	position:absolute;
	top:10px;
	left:0;
	background-color:#fff;
	border:1px solid #765C30;
	color:#C30;
}

@media only screen and (min-width: 768px) { /*pad*/

#news ul{
	margin:1em 2em;
}
}



.material_main{
margin:2em 0;}

@media only screen and (min-width: 401px) { /*sp*/
.index_material .flex-item {
margin:0 2%;
	width:45%;
}

}

@media only screen and (min-width: 768px) { /*sp*/
.index_material .flex-item {
	margin:0 2%;
	width:29%;
}

}

@media only screen and (min-width: 900px) { /*pad*/

.index_material{
display: flex;
flex-direction: row;
width:100%;
/*border:1px solid #099;*/
}

.index_material .flex-container {
	/*border:1px solid #cc0000;*/

}

.index_material .material_side{
/*border:1px solid #06F;*/
	width:35%;

}

.index_material .flex-item {
	margin:0 0 0 3%;
	width:29%;
}

}




.material_side_bana{
		margin:0 auto 1em;

}

.material_side_box{
	width:100%;
	border-top:2px solid #CCCCCC;
	background-color:#F2F2EA;
	padding-bottom:1em;
	margin:0 auto 1.5em;
}




.material_side_box dt{
	background-color:#fff;
	padding:1em 0 0.8em 0;
	text-align:center;
	position:relative;
font-size:120%;
color:#000;
}

.material_side_box dt::after{
  content: '';
  width: 20px;
  height: 20px;
  border: 0px;
  border-top: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  -ms-transform:  translateX(-50%) rotate(135deg);
  -webkit-transform: translateX(-50%) rotate(135deg);
		transform: translateX(-50%) rotate(135deg);
		background-color:#fff;
  position: absolute;
  bottom: -10px;
  left: 50%;}


.new{
	position:relative;
	/*padding-left:10px!important;*/
}

.new::before{
	display:inline-block;
	width:27px;
	height:36px;
	content: url(../img/ic_new.png) ;
	position:absolute;
	top:-2px;
	left:-2px;

}

.material_side_box dd{
	padding:1.5em 0.7em 0;
	margin:0;
}



.material_side_link{
	width:100%;
	padding-bottom:1em;
	margin:0 auto 1.5em;
}

.material_side_link ul{
	border-top:1px solid #ccc;
}


.material_side_link li{
	border-bottom:1px solid #ccc;
	position:relative;
	text-align:center;
}


.material_side_link li::before{
  content: '';
  width: 20px;
  height: 20px;
  border: 0px;
  border-top: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -ms-transform:  rotate(45deg);
  -webkit-transform:rotate(45deg);
		transform:  translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 5px;
}
.material_side_link li a{
	display:block;
	padding:1em 1em 1em 2em;
	-webkit-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
}

.material_side_link li a:hover{
	background-color:#F8F8F4;
}

.social_txt{
	text-align:center_;
	border:1px solid #ccc;
	}
	
.social_txt a{
	display:flex;
}

.social_txt a img{
	margin:auto;
}
.social_txt a span{
	margin:auto;
	flex:0 0 45%;
}


.social_txt img{
/*	margin:0.5em 1em;*/
vertical-align:middle;
}


.social_ic{
	display:flex;
}

.social_ic a{
	margin:auto;
}


.social_iconbox{
	text-align:center;
}

@media only screen and (min-width: 768px) { /*pc*/

.recruit img{
	max-width:100%;
	height:auto;
}
}

@media only screen and (max-width: 899px) { /*pad*/
.material_side_box .sp_none{
}

.material_side_box,
.material_side_bana,
.material_side_link{
	width:95%;
}

.material_side_bana{
	text-align:center;
}
.material_side_bana img{
	max-width:100%;
	height:auto;
}

.material_side_box{
	text-align:center;
}

.material_side_box img{
	max-width:100%;
	height:auto;
}

.material_side_link li{
	text-align:left;
	padding-left:1em;
}


.newitem{
	text-align:left;
}


}


@media only screen and (min-width: 900px) { /*pad*/

.material_side_bana,
.material_side_box,
.material_side_link{
	width:250px;
}

.pc_none{
	display:none;
}

}






/******/

#creatorjob{
	position:relative;
	padding:2em 0;
}

#creatorjob h3{
/*margin-bottom:0.5em;*/
}


#creatorjob	figure{
margin:0 1em 1em 0;
max-width:100%;
}

#creatorjob figure img{
	width:100%;
	height:auto;
}

#creatorjob .jobtxt{
margin:0 1em;
}

#creatorjob .head{
	color:#6A3B46;
	margin-bottom:1em;
	font-weight:bold;
}

#creatorjob .jobbox{
	padding:0;

}



@media only screen and (min-width: 768px) { /*pc*/
#creatorjob{
}

#creatorjob	figure{
width:45%;
max-width:100%;
float:left;
margin-right:20px;
}


#creatorjob .jobbox{
	padding:0 2em;

}

}



/******/








/*
#main figure img{
-moz-transition: -moz-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-ms-transition: -ms-transform 0.3s ease;
transition: transform 0.3s ease;
}
#main figure img:hover{

-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}*/