@charset "utf-8";
main{
	width: 100%;
	height: auto;
	padding: 50px 0;
	background-color:antiquewhite;
	margin-bottom: 80px;
}

.contact-wrapper{
	max-width:860px;
	margin: 0 auto;
	padding: 0px 20px;
}

.container{
	background-color: #fff;
	padding: 50px 30px;
	border-radius: 30px;
}

#contact h2{
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}

#contact .lead{
	text-align: center;
	margin-bottom: 30px;
}

#contact .about_privacy{
	width: 100%;
	height: auto;
	padding: 30px 20px;
	border: solid 1px #443720;
	margin-bottom: 120px;
}

#contact .about_privacy .title{
	font-family: "Zen Kaku Gothic New", sans-serif;
  	font-weight: 700;
  	font-style: normal;
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}

#contact .about_privacy .detail{
	font-size: 14px;
	margin-bottom: 25px;
	text-align: justify;
}

#contact .about_privacy .btn{
	text-align: center;
}

#contact .about_privacy .btn a p{
	display: inline-block;
	color: #fff;
	padding: 12px 20px;
	background-color: #443720;
	border-radius: 10px;
	line-height: 1.5em;
}

#contact .line-contact{
	margin-bottom: 80px;
}

#contact .line-contact h4{
	font-size: 22px;
	font-family: "Zen Maru Gothic", sans-serif;
  	font-weight: 700;
  	font-style: normal;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 1px #443720;
	margin-bottom: 10px;
	position: relative;
}

#contact .line-contact .osusume{
	display: inline-block;
	width: 90px;
	position: absolute;
	top: -40px;
	left: calc(50% - 190px);
}

#contact .line-contact .text{
	margin-bottom: 25px;
	text-align: justify;
}

#contact .line-contact .btn{
	text-align: center;
}

#contact .mail-contact{
	margin-bottom: 20px;
}

#contact .mail-contact h4{
	font-size: 22px;
	font-family: "Zen Maru Gothic", sans-serif;
  	font-weight: 700;
  	font-style: normal;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 1px #443720;
	margin-bottom: 10px;
}

#contact .mail-contact .text{
	margin-bottom: 20px;
	text-align: justify;
}

#contact .mail-contact .email{
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#contact .mail-contact .email img{
	width: 100%;
}

#contact .mail-contact .btn{
	text-align: center;
	align-content: center;
}

#contact .mail-contact .btn a{
	color: #443720;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 10px;
	border: solid 2px #443720;
	text-align: center;
	font-family: "Zen Kaku Gothic New", sans-serif;
  	font-weight: 700;
  	font-style: normal;
	font-size: 18px;
}

#contact .mail-contact .btn img{
	width: 20px;
	margin-bottom: 3px;
	margin-right: 10px;
}
	


/*--------------------------------------------------------------------
スマートフォン
--------------------------------------------------------------------*/
@media screen and (max-width: 767px){
	
main{
	padding: 30px 0;
	margin-bottom: 60px;
}

.contact-wrapper{
	max-width:100%;
	padding: 0px 15px;
}

.container{
	padding: 40px 20px;
	border-radius: 20px;
}

#contact h2{
	margin-bottom: 15px;
}

#contact .lead{
	text-align: justify;
	margin-bottom: 20px;
	
}

#contact .about_privacy{
	padding: 15px 15px;
	margin-bottom: 80px;
}

#contact .about_privacy .title{
	margin-bottom: 10px;
}

#contact .about_privacy .detail{
	font-size: 14px;
	margin-bottom: 15px;
}
	
#contact .about_privacy .btn a{
	width: 100%;
	padding: 10px 5px;
}
	
#contact .line-contact{
	margin-bottom: 60px;
}
	
#contact .line-contact h4{
	font-size: 20px;
}

#contact .line-contact .osusume{
	width: 75px;
	top: -45px;
	left: calc(50% - 160px);
}

#contact .line-contact .text{
	margin-bottom: 15px;
}

#contact .mail-contact{
	margin-bottom: 20px;
}
	
#contact .mail-contact h4{
	font-size: 20px;
}

#contact .mail-contact .text{
	margin-bottom: 15px;
}
	

	
}