@charset "utf-8"; 
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
input { text-decoration: none; }
address, blockquote, code, fieldset,h1,h2, h3, h4, h5, h6, hr, li, menu, p, pre, q, samp, table { padding: 0; margin: 0 0 1.8em; list-style: none; line-height:1.9; letter-spacing:1px;}
body,html{margin:0;padding:0;height:100%;}
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
body {font-family:'Lato',  "游ゴシック", YuGothic, Meiryo, sans-serif; font-size: 12px; line-height: 1; color: black; text-align: justify; }
a { text-decoration: none; color: #000000; }
img { vertical-align: bottom; }
input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], input[type="url"] { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { border: none; margin: 0; padding: 0; }
.cx:after { clear:both; content:"."; display:block; line-height:0; height:0; width:0; visibility:hidden }
*:first-child+html .cx{ display:inline-block;min-height:1% }
* html .cx{ height:1% }
.cx{ display:block }
body { background-color: #000000; }


header{
	width: 100%;
	background-color: #ffffff;
	height: 180px;
	text-align: center;
}

h1{
  font-family:'Lato',  "游ゴシック", YuGothic, Meiryo, sans-serif;
  font-size: 24px;
  padding: 60px 0 0px;
  margin: 0;
  letter-spacing: 4px;
  font-weight: 400;
}

h2{
  font-family: 'Lato', "游ゴシック", YuGothic, Meiryo, sans-serif;
  font-size: 11px;
  font-weight: 400;
}



.SNS{
margin: 70px 0 0 0;
}

h3,p{
  text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 0px;
  font-size: 14px;
  letter-spacing: 2px;
  display: block;
  line-height: 24px;
  font-weight: 800;
}

section{
	width: 1200px;
	height: 610px;
	margin: 0 auto;
}

.Txt{
	width: 800px;
	margin: 0 auto;
	padding: 140px 0 0;
}

#A{
	background-image: url("images/a.jpg")
}
#B{
	background-image: url("images/b.jpg")
}
#C{
	background-image: url("images/c.jpg")
}
#D{
	background-image: url("images/d.jpg")
}
#E{
	background-image: url("images/e.jpg")
}
#F{
	background-image: url("images/f.jpg")
}
#G{
	background-image: url("images/g.jpg")
}
#H{
	background-image: url("images/h.jpg")
}
#I{
	background-image: url("images/i.jpg")
}
#J{
	background-image: url("images/j.jpg")
}


footer{
	background-color: #ffffff;
	width: 100%;
	padding: 100px 0;
	text-align: 
}

#Atogaki{
	width: 800px;
	margin: 30px auto;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 24px;
	
}

footer img{ 
	display: block;
	position: relative;
	left: -175px;
	margin: 120px 50%;
}


#CloseWindow{
	text-align: center;
	font-weight: 400;
}


@media screen and (max-width: 1200px) {
	

header{
	width: 1200px;
}


footer{
	width: 1200px;
}


@media screen and (max-width: 800px) {
header{
	width: 100%;
}


footer{
	width: 100%;
}


h3,p{
  text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 3px;
  font-size: 13px;
  letter-spacing: 2px;
  display: block;
  line-height: 24px;
  font-weight: 800;
}
	
	

section{
	width: 100%;
	height: auto;
	padding: 0 0 30px;
	background-size: cover;
	background-position: center center;

}

.Txt{
	width: 80%;
	margin: 0 10%;
	padding: 30px 0 0;
}

#Atogaki{
	width: 80%;
	margin: 30px 10%;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 24px;
	
}

footer img{ 
	width: 100%;
	display: block;
	position: relative;
	left: 0;
	margin: 120px 0;
}




}