@charset "utf-8";
/* CSS Document */

.wrapper{
	max-width: 650px;
	width: 100%;
	margin: 0 auto 10%;
	font-family: 'Georgia',sans-serif;
	overflow: hidden;
}
.contents{
	width: 100%;
	background-color: #E1D7CC;
	padding: 7% 0;
}
.box{
	position: relative;
}
.box img{
	display: block;
}
.img1{
	width: 80%;
	margin: 0 auto;
}
.top_ttl{
	position: absolute;
	top: -0.5%;
	width: 40%;
	left: 30%;
}
.img2{
	width: 55%;
	margin: -10% auto 0;
	border-radius: 70% 30% 60% 40% / 65% 35% 65% 35%;
	position: relative;
	z-index: 5;
}
.img2_2{
	position: absolute;
	width: 6%;
	left: 20%;
	bottom: 0%;
	z-index: 6;
}
.img3{
	position: relative;
	margin-top: -10%;
	z-index: 1;
}
.img3_2{
	position: absolute;
	width: 7%;
	left: 5%;
	top: 80%;
	z-index: 5;
}
.img4{
	position: relative;
	display: block;
	width: 60%;
	margin: -13% auto 0;
	z-index: 5;
}
.img4_2{
	position: absolute;
	z-index: 6;
	width: 22%;
	right: 4%;
	top: 76%;
}
.img5{
	width: 42%;
	margin-left: 6%;
	margin-top: 20%;
}
.img5_2{
	width: 42%;
	position: absolute;
	top: -20%;
	right: 6%;
	z-index: 7;
}
.img6{
	width: 70%;
	margin: 5% auto;
}
.img6_2{
	margin-bottom: 10%;
	width: 110%;
	margin-left: -5%;
}
.line{
	border-bottom: solid 5px #3E2311;
	width: 66%;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 18%;
}
.img6_3{
	width: 15%;
	position: absolute;
	top: 2%;
	left: 5%;
}

.border{
	border: solid 3px #3E2311;
}
@media(max-width:750px){
}


.look{
	width: 100%;
	background-color: #f6f3ef;
	padding: 0 0 5%;
}
.look_ttl{
	background: linear-gradient(180deg, #E1D7CC 0%, #E1D7CC 50%, #f6f3ef 50%, #f6f3ef 100%);
}
.look_ttl img{
	width: 20%;
	display: block;
	margin: 0 auto 5%;
}
.look ul{
	padding: 0;
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.look ul li{
	list-style: none;
	max-width: 50%;
	box-sizing: border-box;
	padding: 1% 1% 3%;
	
}
.look ul li p{
	margin: 2% 0;
	font-size: 14px;
}
.look ul li a{
	color: #000;
}
@media(max-width:750px){
.look_ttl img{
	width: 23%;
}
.look ul li p{
	font-size: 12px;
}
}


.btn{
	width: 96%;
	margin: 10% auto;
	background-color: #000;
}
.btn img{
	display: block;
	width: 35%;
	margin: 0 auto;
	padding: 3% 0;
}
.ig{
	display: block;
	width: 40%;
	margin: 20% auto;
}
.staff{
	font-size: 16px;
	line-height: 2;
	text-align: center;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 2px;
}
.logo{
	display: block;
	width: 25%;
	margin: 20% auto;
}
.copy{
	display: block;
	width: 65%;
	margin: 0 auto;
}
@media(max-width:750px){
	
}