@charset "UTF-8";

.main {
	width:100%;
	height:100%;
	z-index:-1;
	text-indent:-9999px;
	position:fixed;
	left:0;
	top:0;
	background:url(../images/main.jpg) no-repeat center top;
	background-size:cover;
}
.at02 {
 color:#fff;
 text-shadow:0px 0px 1px #000,
 0px 0px 2px #000,
 0px 0px 3px #000,
 0px 0px 4px #000,
 0px 0px 5px #000,
 0px 0px 6px #000,
 0px 0px 12px #000;
 font-size: 12px;
 position: absolute;
 right: 20px;
 top: 120px;
 text-align: right;
 line-height: 1.5;
}

p.img_r {
 float: right;
 margin-left: 40px;
}
p.img_r span {
 display: block;
 margin: 10px 50px 0 0;
 font-size: 12px;
}
p.img01 {
 margin: 60px 0 0 0;
}
p.img01 span {
 display: block;
 margin: 10px 0 0 0;
 font-size: 12px;
}
p.txt01 {
 margin-bottom: 1.5em;
 line-height: 2.15;
}
p.txt01:nth-child(2) {
 padding-top: 60px;
}
p.at {
 font-size: 13px;
 margin: 70px 0 40px 0;
}


@media screen and (max-width: 700px) {
	div#header {
		position: fixed;
	}
	.main {
		height: auto;
		z-index:0;
		text-indent:0;
		position: static;
		padding: 40px 0 0 0;
	}
	.main img {
		width:100%;
		height:auto;
	}
 .at02 {
  color:#000;
  text-shadow:none;
  font-size: 7px;
  position: static;
  text-align: right;
  line-height: 1.5;
  margin: 5px 5px 0 0;
 }
 .title02 {
  margin: 50px 0 20px 0;
 }
 p.img_r {
  float: none;
  margin: 0 0 10px 0;
  text-align: center;
 }
 p.img_r span {
  font-size: 10px;
  text-align: center;
  margin: 5px 0 0 0;
 }
 p.img_r img {
  width: 50%;
 }
 p.txt01 {
  margin-bottom: 1em;
 }
 p.txt01:nth-child(2) {
  padding-top: 0;
 }
 p.img01 {
  margin: 20px 0 0 0;
  text-align: center;
 }
 p.img01 span {
  display: block;
  margin: 5px 0 0 0;
  font-size: 10px;
 }
 p.at {
  font-size: 10px;
  margin: 20px 0 20px 0;
 }
}