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

.mainContents {
  max-width: 1919px;
  margin: 0 0 0 0;
  background: #FFFFFF;
}

.headerBlock {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-height: 1117px
}

.headerBlock img {
	position: relative;
	width: 100%;
}

.companyLogoWhite {
    cursor: pointer;
    position: absolute;
	top: 38px;
	left: 30px;

}

.companyLogoWhite img {
	width: 122px;
	height: 38px;
}

.headerLogoArea {
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #003189;
	width: 100%
}

.headerLogoArea img {
	cursor: pointer;
	position: relative; 
	width: 122px;
	height: 38px;
	margin-right: auto;
	margin-left: 30px;
	display: block;
}

.articleArea {
	position: relative;
	background-image: url("../images/bg_gray_shape.png");
	background-size: 60% 100%;
	background-repeat: no-repeat;
}

.articleBlock {
	position: relative;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 30px;
	width: 90%;
	text-align: center;
}

.articleBlock h1 {
	font-family: "Arial Black", Gadget, "sans-serif";
	font-size: x-large;
	color: #003189;
	text-align: initial;
}

.articleBlock p {
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: medium;
	color: #4E4E4E;
	text-align: initial;
}

.articleBlock img {
	width: 80%;
	padding-top: 20px;
}


.footerLogoArea {
	position: relative;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 50px;
	width: 90%
}

.footerLogoArea img {
	position: relative; 
	width: 122px;
	height: 38px;
	margin-right: 0;
	margin-left: auto;
	display: block;
}

.footerBlock {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-height: 635px
}

.footerBlock img {
	position: relative;
	width: 100%;
}


#loading {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#spinner {
  display: none;
  color: #fff;
  z-index: 2;
}

#wrap{
  display: none;
  background: #fff;
  width: 100%;
}