@charset "utf-8";

/*-------------------------------------------------------
 ヘッダー：ナビ
--------------------------------------------------------*/
	.header-left{
		width:100%;
	}


/*-------------------------------------------------------
 PC動画
--------------------------------------------------------*/
	.pc-video-inner {
		position:relative;
	}
	#topvideo {
		position: fixed;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		margin:auto;
		background-size: cover;
		z-index:-1;
	}

/*-------------------------------------------------------
 ファーストビュー
--------------------------------------------------------*/	
	.firstview{
		display: table;
		position: relative;
		width: 100%;
		z-index: 0;
		margin: auto;
		text-align: center;
		
		/*background:url(../img/bg_main.jpg) no-repeat;*/
		background-position:bottom;
		background-size:cover;
		/*background-position: 0% -60% !important;*/
	}
	.firstview-copy{
		background-color: rgba(0, 0, 0, 0.2);
		width: 100%;
		display: table-cell;
		vertical-align: middle;
		padding:20px;
		letter-spacing:3px;
		position:relative;
		z-index:1;
		visibility:visible !important;
		opacity:1 !important;
	}
	.firstview-copy-txt01{
		font-size:32px;
		font-size:3.2rem;
	}
	.firstview-copy-txt02{
		font-size:48px;
		font-size:4.8rem;
	}
	@media screen and (max-width : 768px){
	.firstview-copy-txt01{
		font-size:28px;
		font-size:2.8rem;
	}
	.firstview-copy-txt02{
		font-size:36px;
		font-size:3.6rem;
	}	
	}
	@media screen and (max-width : 640px){
	.firstview-copy-txt01{
		font-size:18px;
		font-size:1.8rem;
	}
	.firstview-copy-txt02{
		font-size:22px;
		font-size:2.2rem;
	}	
	}

/*-------------------------------------------------------
 スクロール
--------------------------------------------------------*/	

	.scroll-btn {
		position: absolute;
		bottom:40px;
		left:0;
		right:0;
		margin:auto;
		width:100px;
	}
	.scroll-btn::after {
		position: absolute;
		bottom: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 80%;
	}
	.scroll-btn a {
		padding-top: 60px;
		color:#FFF;
	}
	.scroll-btn a:hover,.scroll-btn a:focus {
		text-decoration:none !important;
	}
	.scroll-btn a span {
		position: absolute;
		top: -60px;
		left: 50%;
		width: 30px;
		height: 50px;
		margin-left: -15px;
		border: 2px solid #fff;
		border-radius: 50px;
		box-sizing: border-box;
	}
	.scroll-btn a span::before {
		position: absolute;
		top: 10px;
		left: 50%;
		content:"";
		width: 6px;
		height: 6px;
		margin-left: -3px;
		background-color: #fff;
		border-radius: 100%;
		box-sizing: border-box;
	}
	@media screen and (max-width : 768px){
	.scroll-btn {
		display:none;
	}	
	}

/*-------------------------------------------------------
 wrap
--------------------------------------------------------*/	
	.wrap{
		position:relative;
		z-index:1;	
	}


/*-------------------------------------------------------
 service
--------------------------------------------------------*/	
	#service {
		margin-top:-100px;
		padding-top:100px;
	}

	
/*-------------------------------------------------------
 ニュース
--------------------------------------------------------*/	
	.news-box{
		min-width:560px;
		/*float:right;	*/
	}
	
	.news-box .btn{
		padding:2px;	
	}
	
	.news-list{
		padding-left:20px;
	}
	.news-left{
		position:relative;
	}
	.news-title{
		margin:auto;
		padding-left:20px;
		padding-top:120px;
		padding-bottom:0px;
		color:#555;
	}
	.news-data{
		font-size:10px;
		font-size:1.0rem;
		margin-bottom:2px;
		font-weight:400;
	}
	.news-new{
		color:#F00;
		font-size:10px;
		font-size:1.0rem;
	}
	.news-tag a:hover{
		text-decoration:none;
	}
	.news-link{
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
		position:relative;
	}
	.news-category{
		font-size:10px;
		font-size:1.0rem;
		padding:0px 5px;
		position:relative;
	    z-index: 1;
		word-wrap: break-word;
	}
	.news-link a{
		position: relative;
		display:block;
		left:0;
		
	}
	@media screen and (max-width:1280px) {
	.news-box{
		min-width:100%;
		float:none;
	}
	}
	@media screen and (max-width:767px) {
	.news-list{
		padding-left:0px;
	}
	.news-title{
		margin:auto;
		padding-left:0px;
		padding-top:0px;
		padding-bottom:0px;
	}
	.news-btn{
		position:absolute;
		right:20px;
		top:0;
	}
	.news-category{
		float:none;
	}
	.news-link a{
		padding-left:0px;
		
	}
	}
	
	.news-category-topics{color:#00aad8;}
	.news-category-conference{color:#0068b2;}
	.news-category-info{color:#00a59d;}
	.news-category-event{color:#8fc31f;
	}


<div class="fr pt20"><a href="recruit/" class="btn btn-primary btn-anime txt-white" style="
    padding: 2px 2px;
"><span class="pl20 pr20">READ MORE</span></a></div>

/*-------------------------------------------------------
 ニュース調整
--------------------------------------------------------*/

	.list-news li {
		border-bottom: 1px solid #CCCCCC;
		padding: 10px 20px 10px;
	}
	.list-news li .title {
    	font-size: 12px;
	}
	.list-news li .date, .news-detail .date {
    	font-size: 11px;
	}
	.list-news li .cat, .news-detail .cat {
		font-size: 11px;
	}


	
/*-------------------------------------------------------
 ロゴ動画
--------------------------------------------------------*/		
	.logo-movie {
		height: 540px;
		background-size: cover;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	.logo-movie video {
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	

/*-------------------------------------------------------
 ABOUT
--------------------------------------------------------*/	
	.about-img{
		background:url(../img/bg_about.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
		height:400px;
	}
	.about-box{
		display:table;
	}
	.about-box-inner{
		display:table-cell;
		vertical-align:middle;
		height:400px;
	}
	@media screen and (max-width:900px) {
	.about-box-inner br{
		display:none;
	}
	}
	
	@media screen and (max-width:767px) {
	.about-img{
		height:250px;
	}
	.about-box{
		width:100%;
	}
	.about-box-inner{
		text-align:center;
		padding:40px;
		height:auto;
	}
	}
	
/*-------------------------------------------------------
 リクルート
--------------------------------------------------------*/	
	.recruit{
		background:url(../img/bg_recruit.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
		height:340px;
	}
	.recruit-box{
		display:table;
		margin:auto;
	}
	.recruit-box-inner{
		display:table-cell;
		vertical-align:middle;
		height:300px;
	}
	@media screen and (max-width:767px) {
	.recruit{
		height:auto;
	}
	}
	
	
/*-------------------------------------------------------


 印刷用CSS


--------------------------------------------------------*/	
	@media print{
	

		
		
	}