@charset "utf-8";

/* ==========================
	ガーデンネックレス横浜 top.css
============================= */
body {
	background: #eeeeef;
	padding: 130px 0;
}
#wrapper {
	margin: 0 auto;
	width: 980px;
	padding: 140px 20px 10px;
	box-sizing: border-box;
	background: #fff;
	max-height: 100%;
}
.ttlBlock,
.mainImg,
.storyBlock,
.flowBlock,
.notes,
.btnDownload,
#footer {
	width: 720px;
	margin: 0 auto;
	box-sizing: border-box;
}

.ttlBlock {
	margin-bottom: 20px;
	border-left: solid 2px #bbb7b7;
	padding: 5px 0 5px 13px;
	line-height: 1.5;
}
.ttlBlock h1,
.ttlBlock h2{
	font-size: 123%;
	font-weight: bold;
	margin-bottom: 3px;
}
.ttlBlock p {
	font-size: 95%;
}
.mainImg {
	margin-bottom: 10px;
	text-align: center;
}
.storyBlock {
	margin-bottom: 60px;
	padding: 0 10px;
}
.storyBlock h2 {
	font-size: 123%;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #d6d4d3;
}
.storyBlock p {
	margin-bottom: 15px;
	font-size: 95%;
	line-height: 1.4;
}
.flowBlock {
}
.flowBlock h2 {
	font-size: 140%;
	font-weight: bold;
	background: #231815;
	margin-bottom: 10px;
	padding: 4px 10px 6px;
	color: #fff;
}
.flowBlock dl {
	font-size: 123%;
	line-height: 1.5;
	background: url(../img/bg_dot.png) no-repeat bottom right;
	padding-left: 10px;
}
.flowBlock dl dt {
	background: url(../img/icn_flow.png) no-repeat top left;
	padding-top: 5px;
	padding-left: 58px;
	min-height: 30px;
	font-weight: bold;
	box-sizing: border-box;
}
.flowBlock dl dd {
	padding-left: 58px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	min-height: 70px;
	background: url(../img/img_arrow.png) no-repeat bottom left;
	
	position: relative;
}
.flowBlock dl dd::before{
position: absolute;
top: 10px;
left: 19px;
content: "";
border-left: solid 1px #000;
height: calc(100% - 30px);
width: 1px;
}

.flowBlock dl:last-child {
	background: none;
}
.flowBlock dl:last-child dd {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.flowBlock dl:last-child dd::before{ display: none!important;}
.flowBlock dl dd span {
	background: #000;
	padding: 1px 5px 1px 6px;
	margin-right: 3px;
	color: #fff;
	font-weight: bold;
}
.notes {
	padding-left: 10px;
	font-size: 123%;
	line-height: 1.5;
	font-weight: bold;
}
.btnDownload {
	margin-top: 60px;
	text-align: center;
}

/*footer*/
#footer {
	margin-top: 70px;
	font-size: 75%;
}