@charset "utf-8";

#ch_box1 {
	width: 1400px;
	height: 866px;
	z-index: 23;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}


#ch_box2 {
	width: 1400px;
	height: 866px;
	z-index: 23;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
}


#logo_box {
	width: 1400px;
	height: 866px;
	z-index: 24;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	
}

#logo_box1 {
	width: 1400px;
	height: 866px;
	z-index: 27;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	left: auto;
	
}


#logo_box2 {
	width: 1400px;
	height: 866px;
	z-index: 22;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	
}

#logo_box3 {
	width: 1400px;
	height: 866px;
	z-index: 26;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	
}


#logo_box4 {
	width: 1280px;
	height: 801px;
	z-index: 26;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 14px;
	
}

#field1,

#field2,

#field3,

#field4 {
	padding: 0px 0;
	width: 100%;
	height: 800px;
	text-align: center;
	border-top: #000 0px solid;
	border-bottom: #000 0px solid;
	overflow: hidden;
	position: relative;
}

#field1 {background: #fff;}

#field2 {background: #eee;}

#field3 {background: #ddd;}

#field4 {background: #ccc;}

#c_box {
	width: 100%;
	height: 866px;
	margin-top: auto;
	margin-left: auto;
	position: relative;
	
	} 

#cg_box {
	width: 100%;
	height: auto;
	margin-top: auto;
	margin-left: auto;
	position: relative;
	float: left;
	background-size: cover;
	background-image: url(../images/main_bg1.jpg);
	
	} 

#tum_box {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	position: relative;
	} 

#c_box2 {
	width: 1200px;
	height: 600px;
	z-index: 1;
	margin-top: auto;
	margin-left: auto;
	position: relative;
	
	} 

.scrImg1 {
	right: 0px;
	margin: 0 auto;
	display: none;
	position: relative;
	

}

.scrImg2 {

    left: 0px;

    margin: 0 auto;

    display: none;

    position: relative;
	
}

.scrImg3 {

    right: 0px;

    margin: 0 auto;

    display: none;

    position: relative;
	

}

.scrImg4 {

    left: 0px;

    margin: 0 auto;

    display: none;

    position: relative;
	

}

#scrsd1 {
	width: 151px;
	height: 131px;
	float: left;
	z-index: 99;
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
	
	}


#scrsd2 {
	width: 151px;
	height: 131px;
	float: left;
	z-index: 99;
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
	
	}

.scrsd1 {

    left: 0px;

    margin: 0 auto;

    display: none;

    position: relative;
	

}

.scrsd2 {

    left: 0px;

    margin: 0 auto;

    display: none;

    position: relative;
	

}

.scrsd3 {

    right: 0px;

    margin: 0 auto;

    display: none;

    position: relative;
	

}

.scrsd4 {

    left: 0px;

    margin: 0 auto;

    display: none;

    position: relative;
	

}

.row{
	margin-left:0;
	margin-right:0;
}

#body{
	padding-left:0;
	padding-right:0;
}


header
{
	margin-bottom: 51px;
}

.row > div
{
	padding-right:0;
	padding-left:0;
}


/*スマホ用*/
@media only screen and (max-width: 767px)
{
body
{
	background-size:cover;
}

/*タブレット用*/
@media (min-width: 768px)
{
body
{
	background-size:cover;
}
.container {
	width: 100%;
}

}



/*PC用*/
@media (min-width:924px)
{
	body
	{	background-size:cover;
	}
	
}
@media (max-width:1920px)
{
	body
	{
		background-size:1920px auto;
	}
	#catchcopy
	{
		margin-right:0;
	}
}

#push,
#footer {
	height: auto;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}