@charset "utf-8";

/*-----------------------------------
リセット
-----------------------------------*/
*{ margin: 0;padding: 0;}
a { text-decoration : none;}
ul, ol { list-style : none;}
img { vertical-align : middle;border-style:none;}

/*-----------------------------------
基本設定
-----------------------------------*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	
}
body {
    color:#999;
	background-color:#FFF;
	text-align:center;
	font-size:12px;
	/*background-image:url(../images/back.png);*/
	opacity: 0;
	animation: OpenIn 1.5s ease;
	animation-fill-mode: forwards;

}
@keyframes OpenIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
a:hover{ 
	opacity: 0.7;
}

#flg1,#flg2,#flg3,#flg4 {
   padding-top: 130px;
    margin-top:-130px;
}


/*-----------------------------------
Contents
-----------------------------------*/
#wrap {
	text-align:center;
	width:100%;
	max-width: 1000px;
	max-height: auto;		
	margin: 0 auto;
	background-color:#FFF;
}

#wrap img {
	width:100%;
}
@media screen and (min-width: 701px) {
.sp {display: none}
}
@media screen and (max-width: 700px) {
.pc {display: none}
}
				
				
.head_area {
	text-align: right;
	line-height: 1;
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
	
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	
	display: flex;
					
	z-index: 99;				
				}				
.sheet {
	position: relative;
				
				}	
.logo {
	position: absolute;
	width: 25%;
	top: 30%;
	right: 75%;
}
				
.ent_head {
	position: absolute;
	width: 20%;
	top: 20%;
	right: 22.5%;
	cursor: pointer;
				
}
				
._head {
	position: absolute;
	width: 20%;
	top: 20%;
	right: 0%;
	cursor: pointer;	
				
}				
				
.sheet_foot {
	position: relative;				
				}
				
.job {
	position: absolute;
	width: 30%;
	top: 10%;
	right: 52%;
	cursor: pointer;					
}					
			
.fut {
	position: absolute;
	width: 30%;
	top: 10%;
	right: 18%;
	cursor: pointer;					
}				
.ent_foot {
	position: absolute;
	width: 54.5%;
	top: 7%;
	right: 34.5%;
	cursor: pointer;
}

.about_foot {
	position: absolute;
	width: 54.5%;
	top: 25%;
	right: 11.5%;
	cursor: pointer;					
}
						
@media screen and (max-width: 700px) {
.head_area {
	text-align: right;
	line-height: 1;
	width:100%;
	max-width: 1280px;
	margin: 0 auto;
	
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	
	display: flex;
					
	z-index: 99;				
				}				
.sheet {
	position: relative;
				
				}	
.logo {
	position: absolute;
	width: 35%;
	top: 35%;
	right: 60%;
}
				
.ent_head {
	position: absolute;
	width: 20%;
	top: 20%;
	right: 30%;
	cursor: pointer;
				
}
				
.res_head {
	position: absolute;
	width: 28%;
	top: 20%;
	right:1%;
	cursor: pointer;	
				
}				
				
.sheet_foot {
	position: relative;				
				}
				
.job {
	position: absolute;
	width: 72%;
	top: 14%;
	right: 14%;
	cursor: pointer;					
}					
			
.fut {
	position: absolute;
	width: 72%;
	top: 26.5%;
	right: 14%;
	cursor: pointer;					
}				
.ent_foot {
	position: absolute;
	width: 54.5%;
	top: 7%;
	right: 34.5%;
	cursor: pointer;
}

.about_foot {
	position: absolute;
	width: 54.5%;
	top: 25%;
	right: 11.5%;
	cursor: pointer;					
}
				}


#copyright {
	font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
	text-align:center;
	font-weight: 500;
	letter-spacing: 0.08em;
	width:100%;
	margin: 30px 0 20px 0;
}
				
				
.mov_area {
	position: relative;
}
.mov_area a {
	width: 78%;
	position: absolute;
	top: 32%;
	right: 11%;
	cursor: pointer;
}
				
@media screen and (max-width: 700px) {
.mov_area a {
	width: 78%;
	position: absolute;
	top: auto;
	top: 32%;
	right: 11%;
	margin: auto;
}
}				
				
.popup_back {
	background: rgba(0,0,0,0.85);
	width: 100%;
	height: 100%;
	overflow-y :scroll;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	padding: 60px 20px;
	box-sizing: border-box;
	display: none;
}
#pop_close {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 30px;
	right: 30px;
	cursor: pointer;
}
#pop_close img {
	width: 100%;
}
@media screen and (max-width: 640px) {
#pop_close {
	width: 40px;
	height: 40px;
	top: 10px;
	right: 10px;
}
}
.popup_conts {
	height: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.popup_conts video,.popup_conts_b video {
	height: 100%;
}