html{background-color: #fff; /*background: radial-gradient(ellipse at center, #e0d5c3 0%,#e0d5c3 40%,#f0f9ff 100%) ;*/}
body{width: 960px; padding: 20px; margin: 0 auto; line-height: 1.45em; letter-spacing: 0.05em; color: #613a43; background-color: #fff;}

.button { display: inline-block; width: 150px; height: 2em; text-align: center; outline: none;      background: linear-gradient(#e79796, #f5cec7); color: #fff; line-height: 1.75em; border-radius: 60px 20px 50px 20px; color: #fff;}

.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  box-sizing: border-box;
  transition: all .3s;
}

.button:hover {
  background: #fff;
  border-color: #613a43;
  color: #613a43;
  border: 1px solid #613a43;
}  

.flex_BOX{display: flex; justify-content: space-between;}

a{color: #e0d5c3;}

h2{
	position: relative;
	padding: 12px 20px 12px 38px;
	font-size:20px;
	border-top: 4px solid #e79796;
    margin-top: 0px;

}
h2::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	border: 4px solid #e79796;
	border-radius: 100%;
	box-sizing:border-box;
}

#SNS{width: 50%; margin-top: 20px; font-size: 1.1em;}

.left_sp_1{ padding-left: 1.5em;}
.left_sp_2{ padding-left: 3em;}

footer{width: 100%; height: 250px; border-bottom: solid 5px #f5cec7; position: relative; top:-100px;}
#mail_BOX{width: 640px; font-size: 14px; color:#777; margin-top: 16em; padding-right: 1em;
    /*border: solid 1px #e0d5c3; */ }