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

.sponly
{
	display: none;
}

/*------------------------------
	box
------------------------------*/
.boxContents{
	position : relative;
	height : 100vh;
	width : 100%;
}
.boxBtns{
	position : relative;
	opacity : 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	height : 100vh;
}
#contents{
	position : relative;
	white-space:nowrap;
}
#topBox {
	position : relative;
	display : inline-block;
	width: 100%;
	height : 100%;
	padding-top: 0px;
	z-index: 50;
	overflow: hidden;
}
#topBox .bgImage{
	position : absolute;
	left : 0px;
	top : 0px;
	background: url("../images/bg_01.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
}
#aboutBox {
	position : relative;
	display : inline-block;
	height : 100%;
	min-width: 100%;
	height: calc(100vh - 73px);
	width: auto;
	z-index: 40;
	overflow: hidden;
}
#aboutBox .bgImage{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0px;
	top : 0px;
	background: url("../images/bg_02.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
}
#workBox {
	position : relative;
	display : inline-block;
	height : 100%;
	min-width: 100%;
	height: calc(100vh - 73px);
	width: auto;
/*	background-color: #2e7e0b; */
	z-index: 30;
	overflow: hidden;
}
#workBox .bgImage{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0px;
	top : 0px;
	background: url("../images/bg_03.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
}
#climateBox {
	position : relative;
	display : inline-block;
	height : 100%;
	min-width: 100%;
	height: calc(100vh - 73px);
	width: auto;
/*	background-color: #d5a40e; */
	z-index: 20;
	overflow: hidden;
}
#climateBox .bgImage{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0px;
	top : 0px;
	background: url("../images/bg_04.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
}
#recruitBox {
	position : relative;
	display : inline-block;
	height : 100%;
	min-width: 100%;
	height: calc(100vh - 73px);
	width: auto;
/*	background-color: #9d6bdb; */
	z-index: 10;
	overflow: hidden;
}
#recruitBox .bgImage{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0px;
	top : 0px;
	background: url("../images/bg_05.jpg") no-repeat center center;
	background-size: 100% 100%;
	background-size: cover;
}
/*------------------------------*/
.dotBox {
	/*background: url("../images/dot.png");*/
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index : 6;
}

Article#contents{
	height : 100%;
}

/*------------------------------*/
#topBox .title {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -437.5px;
	margin-top: -170px;
	z-index: 6;
}
#topBox .scroll {
	position: absolute;
	left: 50%;
	bottom: 13%;
	margin-left: -38.5px;
	z-index: 6;
}

#topBox #video {
  background: url('/video_bg.jpg') no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  left: 0;
  min-height: 100%;
  min-height: 100vh;
  min-width: 100%;
/*  min-width: 100vw; */
  position: absolute;
  top: 0;
  z-index: 1;
}
#topBox .youtube {
	width: 100%;
	position: relative;
/*	padding-top: 44.80%;*/
	height: 100%;
	z-index: 1;
}
#topBox .youtube iframe {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 1;
}

/*------------------------------*/
#aboutBox .title {
	position: absolute;
	top:50%;
	left:250px;
	height:153px;
	width:421px;
	margin-top:-153px;
}
#aboutBox .btn01 {
	position: absolute;
	top:50%;
	left:780px;
	height:390px;
	width:264px;
	margin-top:-300px;
}
#aboutBox .btn02 {
	position: absolute;
	top:50%;
	left:1000px;
	height:281px;
	width:386px;
	margin-top:-150px;
}
#aboutBox .btn03 {
	position: absolute;
	top:50%;
	left:1300px;
	height:233px;
	width:310px;
	margin-top:-280px;
}
#aboutBox .btn04 {
	position: absolute;
	top:50%;
	left:1580px;
	height:182px;
	width:185px;
	margin-top:-80px;
}



/*------------------------------*/
#workBox .title {
	position: absolute;
	top:50%;
	left:250px;
	height:154px;
	width:509px;
	margin-top:-154px;
}
#workBox .btn01 {
	position: absolute;
	top:50%;
	left:850px;
	height:182px;
	width:198px;
	margin-top:-270px;
}
#workBox .btn02 {
	position: absolute;
	top:50%;
	left:1120px;
	height:271px;
	width:373px;
	margin-top:-230px;
}
#workBox .btn03 {
	position: absolute;
	top:52%;
	left:1430px;
	height:226px;
	width:246px;
	margin-top:-300px;
}
#workBox .btn03 img{
	width: 100%;
}
#workBox .btn04 {
	position: absolute;
	top:50%;
	left:1700px;
	height:300px;
	width:233px;
	margin-top:-170px;
}


/*------------------------------*/
#climateBox .title {
	position: absolute;
	top:50%;
	left:250px;
	height:155px;
	width:504px;
	margin-top:-154px;
}
#climateBox .btn01 {
	position: absolute;
	top:60%;
	left:830px;
	height:402px;
	width:251px;
	margin-top:-320px;
}
#climateBox .btn02 {
	position: absolute;
	top:50%;
	left:1160px;
	height:402px;
	width:251px;
	margin-top:-255px;
}
/*--------座談会あり-----------*/
/*
#climateBox .btn03 {
	position: absolute;
	top:50%;
	left:1480px;
	height:402px;
	width:251px;
	margin-top:-320px;
}
*/
/*--------------------------*/
/*--------座談会なし----------*/
#climateBox .btn03 {
	position: absolute;
	top:54%;
	left:1200px;
	height:402px;
	width:251px;
	margin-top:-320px;
}
/*-------------------------*/
#climateBox .btn04 {
	position: absolute;
	top:50%;
	left:1780px;
	height:174px;
	width:192px;
	margin-top:-90px;
}


/*------------------------------*/
#recruitBox .title {
	position: absolute;
	top:50%;
	left:250px;
	height:154px;
	width:572px;
	margin-top:-154px;
}
#recruitBox .btn01 {
	position: absolute;
	top:60%;
	left:920px;
	height:374px;
	width:252px;
	margin-top:-300px;
}
#recruitBox .btn02 {
	position: absolute;
	top:50%;
	left:1210px;
	height:207px;
	width:187px;
	margin-top:-250px;
}
#recruitBox .btn03 {
	position: absolute;
	top:50%;
	left:1430px;
	height:185px;
	width:185px;
	margin-top:-130px;
}
#recruitBox .btn04 {
	position: absolute;
	top:50%;
	left:1640px;
	height:189px;
	width:185px;
	margin-top:-280px;
}

#recruitBox .totop {
	position: absolute;
	top:50%;
	left:1970px;
	height:77px;
	width:77px;
	z-index: 6;
	margin-top:-110px;
}

#recruitBox .totop a:hover{
	opacity: 0.6;
	-moz-opacity: 0.60;
	filter: alpha(opacity=60);
}

#recruitBox .end {
	position: absolute;
	top:50%;
	left:2100px;
	height:77px;
	width:77px;
	z-index: 6;
	margin-top: -20px;
}