@charset "utf-8";

/*-----------------------------------------------------------------------*/
/*【mainvisual】*/
/*-----------------------------------------------------------------------*/
#mainvisual {
	width:100%;
	margin:auto;
	margin-bottom:3rem;
	height:250px;
	position:relative;
	background:url(image/mainvisual.png) no-repeat center;
	background-size:cover;
}

#mainvisual2 {
	width:100%;
	margin:auto;
	margin-bottom:3rem;
	height:650px;
	position:relative;
	background:url(image/sysdes_top.png) no-repeat center;
	background-size:cover;
}

#mainvisual #catch {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width:100%;
	height:100px;
	color:#ffffff;
	text-align:center;
}
#mainvisual #catch h1 {
	margin:0;
	padding:0;
	font-size:6vw;
	text-shadow:0.2rem 0.2rem 0.2rem #000;
}
#mainvisual #catch p {
	font-size:6vw;
	font-weight:bold;
	text-shadow:0.2rem 0.2rem 0.2rem #000;
}

/*-----769px以上-----*/
@media print,screen and (min-width:769px) {

#mainvisual {
	height:550px;
}
#mainvisual #catch {
	height:150px;
}
#mainvisual #catch h1 {
	font-size:3rem;
}
#mainvisual #catch p {
	font-size:2rem;
}

}/*-----769px以上-----*/

@media screen and (max-width:768px) {
  .Video {
    position: static;
    padding-top:0;
    text-align: center;
  }
  .Video video {
    position: static;
    width: 360px;
  }
}
@media screen and (min-width:769px) {
  .Video {
    position: static;
    padding-top:0;
    text-align: center;
  }
  .Video video {
    position: static;
  }
}
.Video {
	height: calc(60vw + 30px);
	max-height: 778px;
}

/*-----------------------------------------------------------------------*/
/*【rss】*/
/*-----------------------------------------------------------------------*/
.fa-rss {
	color:#fb9e3a;
	margin-right:1rem;
}


/*-----------------------------------------------------------------------*/
/*【blog list】*/
/*-----------------------------------------------------------------------*/
#bloglist {
	margin:0;
	padding:0;
	letter-spacing:-10px;
}
#bloglist li {
	margin:0;
	margin-bottom:2rem;
	padding:0;
	list-style:none;
	letter-spacing:0px;
}
#bloglist li a {
	display:block;
	color:inherit;
	text-decoration:none;
	padding:10px 5px;
}
#bloglist li a:hover {
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.4);
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}
#bloglist li .listimage {
	box-sizing:border-box;
}
#bloglist li h2 {
	margin:0;
	margin-bottom:0.5rem;
	padding:0.5rem;
	font-size:1.2rem;
	border-bottom:1px solid #cccccc;
}
#bloglist li dl {
	margin:0;
	padding:0;
}
#bloglist li dt {
	margin:0;
	padding:0;
	float:left;
	width:8rem;
	font-size:0.9rem;
}
#bloglist li dd {
	margin:0;
	padding:0;
	padding-left:7rem;
	text-align:right;
	font-size:0.9rem;
}

/*-----769px以上-----*/
@media print,screen and (min-width:769px) {

#bloglist {
	margin-left:-5%;
	margin-left:-1rem;
}
#bloglist li {
	display:inline-block;
	vertical-align:top;
	width:45%;
	width:calc(50% - 1rem);
	margin-left:5%;
	margin-left:1rem;
}
#bloglist li a {
	padding:1rem;
}
#bloglist li dt {
	font-size:0.8rem;
}
#bloglist li dd {
	font-size:0.8rem;
}

}/*-----769px以上-----*/

.inner h1.title01 {
    width: 180px;
}