body {
    /* background: #eae3d0; */
    background: #eaeaea ;
}


/* pc�@768pxˆÈ�ã */
.unit-wrapper {/*�ediv*/
	margin: 40px auto ;
	width: 1180px;
	height: 680px ;
	position: relative;/*‘Š‘Δz’u*/
}

.unit-banner {/*�ediv*/
	margin: 40px auto ;
	width: 1180px;
	height: 150px ;
}

.unit-wrapper h3 {/*pƒ^ƒO‚ð‰æ‘œ‚Ì�^‚ñ’†‚É*/
	position: absolute;
	top: 30%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #ffffff ;
	font-size: 18px;
	text-align:center;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Noto Sans Japanese" ;
}

.unit-wrapper h3 span {/*ƒAƒCƒRƒ“‚ɑ΂µ‚Ä*/
	border-bottom: 2px solid rgba(255, 255, 255, 1);
	display:block;/*‘OŒã‚ɉü�s*/
	padding-bottom: 2px ;/*•¶Žš‚Æ‚ÌŒ„ŠÔ*/
	font-size: 3em;/*•¶Žš‚Ì3”{‚̃TƒCƒY‚É*/
	line-height: 100% ;
	/*font-family:  'Bevan', cursive;*/
	font-family: 'Anton', sans-serif;
}

.unit-wrapper img {
	width: 1180px;
  }

.unit-wrapper p.unit-txt {
	position: absolute;
	top: 70%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #ffffff ;
	text-shadow: 0px 0px 5px #000;
	font-size: 95% ;
	line-height: 200% ;
	text-align: center;
	font-weight: bold ;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Noto Sans Japanese" ;
}

.unit-wrapper span.next {
	position: absolute;
	bottom: 10%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align:center;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Noto Sans Japanese" ;
}

.unit-wrapper span.next a {
	padding: 1px 20px ;
	border: 3px solid rgba(255, 255, 255, 1) ;
	color: #ffffff ;
	/*color: rgba(255, 255, 255, 0.9);*/
	font-family: 'Anton', sans-serif;
	font-size: 1.5em ;
	text-decoration: none ;
}

.unit-wrapper span.next a:hover {
	border: 3px solid rgba(200, 200, 200, 1) ;
	color: rgba(200, 200, 200, 0.9);
}


.home-wrap,
.home-wrap2 {
	overflow: hidden;
	width: 100% ;
	min-height: auto ; 
	background-color: #000000 ;
}

div.txt > p,
div.txt2 > p {
	margin-bottom: 80px;
	font-size: 95% ;
	line-height: 200% ;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Noto Sans Japanese" ;
}

div.txt2 > p {
	margin-bottom: 20px;
}

div.txt > span.next a {
	padding: 1px 20px ;
	border: 3px solid rgba(255, 255, 255, 1) ;
	color: #ffffff ;
	font-family: 'Anton', sans-serif;
	font-size: 1.5em ;
	text-decoration: none ;
}

.home-wrap2 {
	background-color: #d1cab8 ;
}

.home-article {
	margin: 40px auto 40px auto;
	overflow: hidden;
	width: 1180px;
	height: auto ;
}


.main,
.main2{
	float: left;
	width: 550px;
	height: auto !important ; 
}

.main img,
.main2 img {
	width: 550px;
}

.main2{
	float: right;
}


.txt,
.txt2{
	float: right;
	text-align: center ;
	width: 550px;
	height: auto !important ; 
}

.txt h2 {
	margin-top: 50px ;
	font-size: 300% ;
	font-family:  'Anton', sans-serif;
	color: #ffffff ;
}

.txt2 h2 {
	margin-top: 16px ;
}

.txt p,
.txt2 p {
	margin-top: 50px ;
	font-size: 90% ;
	font-weight: bold ;
	font-family:  "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"Noto Sans Japanese" ;
	color: #ffffff ;
}

.txt2 p {
	margin-top: 30px ;
	color: #000000 ;
}


.home-article span.website a {
	padding: 1px 20px ;
	border: 3px solid #000000 ;
	color: #000000 ;
	font-family: 'Anton', sans-serif;
	font-size: 1.5em ;
	text-decoration: none ;
}

/* ƒXƒ}ƒz�@767pxˆÈ‰º */
@media only screen and (max-width: 767px) {

	body {
		background: #ffffff ;
	}

	.unit-banner {
		margin: 0px auto 0px auto;
		width: 100% ;
		height: auto ;
	}

	.unit-wrapper {
		margin: 0px auto 0px auto;
		width: 100% ;
		height: auto ;
	}

	.unit-banner img,
	.unit-wrapper img {
		width: 100% ;
	}

	.unit-wrapper h3 {/*pƒ^ƒO‚ð‰æ‘œ‚Ì�^‚ñ’†‚É*/
		top: 20%;
		font-size: 0.8em;
		font-weight: bold ;
	}

	.unit-wrapper p.unit-txt {
		top: 55%;
		font-size: 75% ;
		width: 80% ;
	}

	.home-wrap,
	.home-wrap2 {
		background-color: #ffffff ;
	}

	.home-article {
		margin: 0px auto 0px auto;
		width: 100% ;
		height: auto ;
		position: relative;/*‘Š‘Δz’u*/
	}

	.main,
	.main2{
		margin: 0px ;
		float: none;
		width: 100% ;
		height: auto ;
	}

	.main img,
	.main2 img {
		margin: 0px ;
		padding: 0px ;
		width: 100% ;
	}


	.txt,
	.txt2{
		float: none;
		width: 100% ;
		height: auto !important ; 
		position: absolute;
		top: 0%;
		left: 0%;
	}

	.txt p,
	.txt2 p {
		margin: 20px auto 0px auto ;
		font-size: 75% ;
		width: 80% ;
	}

	.txt2 p {
		color: #ffffff ;
		text-shadow: 0px 0px 5px #000;
	}


	.home-article span.website a {
		border: 3px solid #ffffff ;
		color: #ffffff ;
	}
}