@charset "UTF-8";
html {
	visibility: hidden;
	min-height: 100%;
	position: relative;
	background-size: cover; /*ボックス全体をカバーする大きさで表示*/
	background-image: url(/img/back003.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;/*写真の見せたい場所を調整*/
	background-color: #000000;
}
html.wf-active {
  visibility: visible;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/* ==========================================================================
   LINK
   ========================================================================== */
a {
	font-family: "jaf-domus",sans-serif;
}
a:link {
	color: #222222;
	text-decoration: none;
}
a:visited {
	color: #222222;
	text-decoration: none;
}
a:hover {
	color: #222222;
	text-decoration: none;
}
a:active {
	color: #222222;
	text-decoration: none;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
#header {
	width: 1000px;
	margin-top: 60px;
	margin-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
}
#header h1{
	font-size: 45px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	font-family: "quimby-gubernatorial",sans-serif;
	line-height: 1.4em;
}	


/* ==========================================================================
   boX
   ========================================================================== */
.boxA{
	width: 1000px;
	min-height: 740px;
	margin-left: auto;
	margin-right: auto;
}
.box1{
	width: 33.333%;
	float: left;
	display: block;
	padding-right: 10px;
	box-sizing: border-box;
}
.box2{
	width: 33.333%;
	float: left;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
}
.box3{
	width: 33.333%;
	float: left;
	display: block;
	padding-left: 10px;
	box-sizing: border-box;
}
.contents{
	margin-top: 15px;
	padding: 5px;
	background-color: #FFFFFF;
	text-align: left;
}
.contents h2{
	color: #222222;
	font-size: 24px;
	font-weight: bold;
	margin: 5px;
}
.contents p{
	color: #222222;
	font-size: 18px;
	font-weight: normal;
	margin: 5px
}
.contents img{
	margin-left: 0;
	width: 100%;
	height: auto;
	border: none;
}
/* ==========================================================================
   FOOTER
   ========================================================================== */
footer{
	width: 1000px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
  　position: absolute;
}
#copyright{
	font-family: "jaf-domus",sans-serif;
	text-align: center;
	color: #FFFFFF;
	font-size: small;
}

/* ==========================================================================
   responsible
   ========================================================================== */

@media(max-width: 1040px){
#header {
	max-width: 360px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}	
.boxA:after{
    content: "";
    display: block;
    clear: both;
}	
.boxA{
	max-width: 360px;
	min-height: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
.box1, .box2, .box3{
	width: 100%;
	float: left;
	display: block;
	box-sizing: border-box;
	padding: 10px;
}
footer{
	width: 360px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	bottom: 0;
  　position: absolute;
}
}