@charset "UTF-8";
/* CSS Document */

#wrapper_main{
	width:1200px;
	margin:40px auto 0 auto;
	padding-top:150px;
}
#wrapper_main #sidebar{
	width:270px;
	float:left;
}
#wrapper_main #sidebar h2{
	font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    padding-bottom: 10px;
}
#wrapper_main #main{
	width:860px;
	padding:20px;
	float:right;
	margin-bottom:3rem;
	box-shadow:0px 0px 6px 1px rgba(138,138,138,0.3);
}

#wrapper_main #main h2{
    font-size: 28px;
    font-weight: 600;
}

/*  ブログの中身   */
#wrapper_main #main p{
	padding:1rem 0;

}
#wrapper_main #main p　br{
	margin-top:1rem
	
}
#sidebar li{
	margin-bottom:10px;
}
#sidebar li a{
	color:#3c65c7;
}
#sidebar li:last-child{
	padding-bottom:30px;
}
.singleLogo{
	display:none;
}
form input{
	border: 1px solid #d6d6d6;
    padding: 2px 5px;
}
input#submit{
	padding:5px 7px;
}


.blog_head h3{
	font-size:20px;
	font-weight:600;
}

@media screen and (max-width: 991px){
	body{margin:0!important;}
header{
	height:0;	
}
	
#wrapper_main{
	padding:0;
	width:95%;
	margin:50px auto 0 auto;
}
#wrapper_main #sidebar{
	width:100%;
	float:none;
}	
	
#wrapper_main #main{
	width:100%;
	float:none;
	padding:20px 10px 0 10px;
	box-sizing:border-box;
}
	
.singleLogo{
	display:block;
	width:50%;
	padding-bottom:10px;
}	
	
	
}
/*  border記述
#sidebar ul:nth-child(2) li:nth-child(2){
	border: 0.3px solid #eee;

}
.pagenav li{
	border:none!important;
}
#sidebar ul:nth-child(2) li:nth-child(2) ul li{
	border:none;
}

*/

/*
.pagenav li ul li:nth-child(2){
	border:none!important;
}
.pagenav ul ul li:nth-child(2){
	border:none!important;
}
/* 更新20191111 */
/* index.phpのheader記述を消す */
body{
	background:#eaeaea;
	margin-top:-40px!important;
}
header{height:auto!important;padding:0!important;}
.spHeader{display:none!important;}
.headerDescBg{display:none;}
.fvWrap{display:none;}

#singleWrapper{clear:both;overflow:hidden;background:#fafafa;}
		#wrapper_main #main{background:#fff;}
		#sidebar .blog{background:#fff;box-shadow:0px 0px 6px 1px rgba(138,138,138,0.1);}
		#sidebar .blog .blog_head{
			margin: 0 16px 20px;
			color: #6f6f6f;
			border-bottom: 3px solid #6f6f6f;
			padding: 6px 0 6px 0;
}
		#sidebar .blog .body{margin-left:16px;}
		.body h4{margin-top:6px;}
		.body dt{font-weight:bold;}
		.body dt a{color:#222;}
		.body dt a:hover{color:#aaa;}
		.body dd{color:#7A7A7A;padding-bottom:4px;font-size:14px;}
		footer{background:#fff;}


.video__recruit--btn a {
      text-align: right;
      color: #fff;
      text-decoration: none;
      cursor: pointer;
      font-weight: bold;
      z-index: 10;
      position: absolute;
      right: 0px;
      top: 40px;
      padding: 15px 40px;
      font-size: 18px;
      transition: 0.3s;
      opacity: 1;
      background: linear-gradient(90deg, #006094 0%, #005e81 50%, #004b8e 100%);
      line-height: 1;
      			/*
      			&:before{
      				
      				content: "";
      			
          			height: 100%;
      				left: 0;
      				position: absolute;
      				top: 0;
      				transition: 0.3s;
      				width: 100%;
      				z-index:6;
}*/ }

.video__recruit--btn a span {font-size: 8px;}

.video__recruit--btn a:after {
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: 0.3s;
        width: 100%;
        opacity: 0;
        z-index: 7;
        border-image-slice: 1;
        border: 3px solid #006094;
        background: #fff;
        transition: 0.3s;
        box-sizing: border-box; }

.video__recruit--btn a:hover {
        background: #fff;
        border-image: linear-gradient(90deg, #006094 0%, #005e81 50%, #004b8e 100%);
        color: #006094; }

.video__recruit--btn a:hover:before {opacity: 0;}