@charset "UTF-8";

body {
	background:#fff;
	position:relative;
	font-family:'Arial','Lucida Grande',"ヒラギノ角ゴ ProN W6","HiraKakuProN-W3",'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',Osaka,sans-serif;
}

@media screen and (min-width:640px) {
	.wrapper {
		width:96%;
		min-width:1000px;
		margin:0 auto;
		padding:50px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		overflow:hidden;
		opacity:0;
	}
	
	h1 {
		text-align:right;
		opacity:.3;
		position:fixed;
		top:50px;
		right:50px;
	}
	
	h2 {
		z-index:1000;
		margin:150px 0 60px;
	}
	
	/* .txt
	      ------------------------------------*/
	.txt {
		width:360px;
	/*   	float:right; */
		margin-top:40px;
	}
	
	.txt strong,.txt p {
		font-size:13px;
		letter-spacing:.05em;
		color:#555;
	}
	
	.txt strong {
		display:block;
		margin:40px 0 20px;
		color:#000;
	}
	
	.txt strong:last-of-type {
		margin-top:60px;
	}

	.txt em {
    color: #000000;
  	display: block;
  	margin-top: 20px;
	}
	
	
	.txt p {
		line-height:1.9;
		margin-bottom:20px;
		text-align:justify;
	}
	
	.txt p:last-child {
		margin-bottom:0;
	}
	
	.txt p a {
		text-decoration:underline;
	}
}



@media screen and (max-width:639px) {
	body {
		position:relative;
	}
	
	.wrapper {
		width:88%;
		margin:0 auto 100px;
	}
	
	h1 {
		width:60%;
		margin:30px 0 60px;
		opacity: 0.5;
	}
	
	h1 img {
		width:100%;
		height:auto;
	}
	
	h2 {
		margin-bottom:30px;
		width:65%;
	}
	
	h2 img {
		width:100%;
		height:auto;
	}

	
	/* .introduction
	  ------------------------------------*/
	.introduction {
		width:100%;
		margin:0 auto;
		clear:both;
	}
	
	.introduction p {
		font-size:12px;
		letter-spacing:.05em;
		color:#555;
		line-height:1.9;
		margin-bottom:20px;
		text-align:justify;
	}
	
	.txt {
		width:100%;
		margin:0 auto;
	}
	
	.txt strong {
		display:block;
		margin:60px 0 20px;
		color:#000;
	}

	.txt em {
    color: #000000;
  	display: block;
  	margin-top: 20px;
	}
	
	.txt p {
		font-size:12px;
		letter-spacing:.05em;
		color:#555;
		line-height:1.9;
		margin-bottom:20px;
		text-align:justify;
	}
}