.clearfix:after {
content:" ";
display:block;
clear:both;
}

body {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
margin:0;
}
h1 {
	margin: 0;
}

p {margin:0;
word-wrap: break-word;}

ul {margin:0;
padding:0;}

dl,dd {margin:0;}

select {
-webkit-appearance: button;
appearance: button;
}

a {text-decoration:none;
color:#000;}

ul {
margin:0;
padding:0;
list-style:none;
}
img {
max-width: 100%;
vertical-align:bottom;
}

video {
width: 100%;
}

.yugo {
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

/*------------------------  common   ----------------------------*/


#wrapper {
	background:url("../images/bk.png") no-repeat #f2f2f2;
	background-attachment: fixed;
	background-position: center top;
	background-size:100%;
}

main {
	max-width: 750px;
	margin: 0 auto;
filter: drop-shadow(0px 0px 10px #949494);
}

footer {
	background: black;
	padding: 15px 0 30px;
}

footer small {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	display: block;
	text-align: center;
	color: white;
}
.contact {
	background:url("../images/form_tp.png") no-repeat,url("../images/form_btm.png")no-repeat,#e4e4e4;
	background-position: center 11%,center bottom;
	background-size: 100%,100%;
}
.msg {
width: 70%;
	margin: 0 auto;
	margin-top: -25%;
}


.contact dt {
	font-size: 25px;
	padding-left:120px;
	background: url("../images/contact_dt.png") no-repeat;
	background-position: left center;
}

.contact dd {
	padding: 10px 120px;
}
.contact dd input,.contact dd textarea {
	width: 100%;
	border: none;
	padding: 3% 4%;
	font-size: 25px;
}
.contact dd textarea {
	min-height: 320px;
}
.contact button {
	background: none;
	border: none;
	cursor: pointer;
	margin-bottom: 5%;
}
.contact button:hover {
	opacity: 0.8;
}
.contact a.privacy {
	color: #1666df;
	text-decoration: underline;
}
.contact p {
	text-align: center;
	font-size: 22px;
	padding-top: 3%;
}

.slide_area {
	position: relative;
	background: url("../images/slide_bk.png") no-repeat;
	background-position: left bottom;
	background-size: cover;
	padding-bottom: 10%;
}
.sliders {

	max-width: 750px;
	bottom: 5%;
	left: 0;
}
#slider .slick-slide {
margin: 0 20px;
}
.slick-next {
	right: 6%;
	width: 130px;
	height: 164px;
	background: url("../images/next.png") no-repeat;
	background-size: contain;
	z-index: 1;
	
}
.slick-prev {
	left: 6%;
	width: 130px;
	height: 164px;
	background: url("../images/prev.png") no-repeat;
	background-size: contain;
	z-index: 1;
}

input::placeholder,textarea::placeholder {
	font-weight: normal;
	opacity: 0.5;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}


footer p {
	text-align: center;
	padding: 10px 0;
}
footer a {
	color: white;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}











@media screen and (min-width:769px) {

.sp {
display: none;
}	
}	




/*------------------------  MOBILE   ----------------------------*/

@media screen and (max-width:768px) {
.wrap {
margin: 0 auto;
max-width: 100%;
width: 94%;
position: relative;
}
 
main {
	max-width: 750px;
	margin: 0 auto;
filter:none;
}

footer {
	background: black;
	padding: 15px 0 30px;
}

footer small {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-weight: bold;
	display: block;
	text-align: center;
	color: white;
	font-size: 12px;
}
.contact {
	background:url("../images/form_tp.png") no-repeat,url("../images/form_btm.png")no-repeat,#e4e4e4;
	background-position: center 11%,center bottom;
	background-size: 100%,100%;
}
.msg {
width: 80%;
	margin: 0 auto;
	margin-top: -25%;
}


.contact dt {
	font-size: 13px;
	padding-left:10%;
	background: url("../images/contact_dt.png") no-repeat;
	background-position: left center;
	background-size: 8%;
}

.contact dd {
	padding: 10px 8%;
}
.contact dd input,.contact dd textarea {
	width: 92%;
	border: none;
	padding: 3% 4%;
	font-size: 13px;
}
.contact dd textarea {
	min-height: 220px;
}
.contact button {
	background: none;
	border: none;
	cursor: pointer;
	margin-bottom: 5%;
}
.contact button:hover {
	opacity: 0.8;
}
.contact a.privacy {
	color: #1666df;
	text-decoration: underline;
}
.contact p {
	text-align: center;
	font-size: 13px;
	padding-top: 3%;
}

.slide_area {
	position: relative;
}
.sliders {

bottom: 5%;
left: 0;
right: 0;
margin: auto;
}
#slider .slick-slide {
margin: 0 15px;

}
.slick-next {
	right: 6%;
	width: 60px;
	height: 80px;
	background: url("../images/next.png") no-repeat;
	background-size: contain;
	z-index: 1;
	
}
.slick-prev {
	left: 6%;
	width: 60px;
	height: 80px;
	background: url("../images/prev.png") no-repeat;
	background-size: contain;
	z-index: 1;
}








}