@charset "utf-8";


/*
	1 : commonArea
	2 : mainVisual
	3 : lineupArea
	4 : stepArea

 */


/* -----------------------------
	1 : commonArea
----------------------------- */

.l-content h4.ttl_blue {
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	padding: 6px 0 6px 9px;
	background: #749dcf;
}
.l-content p.lead {
	font-size: 14px;
	line-height: 22px;
}
.l-content ul.btnArea a,
.l-content ul.btnLeft a {
	display: block;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

.l-content ul.btnArea li.wos_btn p.cap,
.l-content ul.btnLeft li.wos_btn p.cap {
	width: 225px;
	text-indent: 0;
	overflow: inherit;
	text-align: center;
	font-size: 11px;
}

.l-content .lead_service {
	width: 910px;
	height: 215px;
	background: url(/maker/suruga/stage/v9/images/lead_img01.png) no-repeat;
	margin: 0 auto 30px;
}
.l-content p.lead_service02 {
	width: 660px;
	height: 65px;
	background: url(/maker/suruga/stage/v9/images/lead_img02.png) no-repeat;
	margin: 0 auto 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.l-content .lead_service dl.lead_txt dt,
.l-content .lead_service dl.lead_txt dd {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


.l-content table td.pink-bg-fef5f5 { background: #fef5f5; }
.l-content table td.bleu-bg-f0f3f9 { background: #f0f3f9; }
.l-content table th.bleu-bg-749dcf { background: #749dcf; }
.l-content table td.yellow-bg-fff8f0 { background: #fff8f0; }
.l-content table td.green-bg-f2feff { background: #f2feff; }

.l-content a {
  text-decoration: none;
}

/* -----------------------------
	2 : mainVisual
----------------------------- */
.l-content h1.titleBlock__h1Img {
	width: 950px;
	height: 210px;
	background: url(/maker/suruga/stage/v9/images/main_v9_20201105.png) no-repeat;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 1px;
	padding: 0;

}


/* -----------------------------
	3 : lineupArea
----------------------------- */

.l-content  h3.stage_tltie {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	background: #3366ad;
	color:#fff;
	padding: 10px 0;
	margin:20px;
}

.l-content .lineupContent {
	width:900px;
	margin:10px auto;
	padding:0 4px;
	border-left: 1px solid #b2c5e0;
	border-right: 1px solid #b2c5e0;
	border-bottom: 1px solid #b2c5e0;
	border-top:3px solid #004098;
}

.l-content .lineupContent dl.lineupBox {
	float: left;
	width: 180px;
	margin: 0 0 10px 0;
}
.l-content .lineupContent dl.lineupBox .itemName {
	width:150px;
	padding:20px 5px 10px;
	margin:0 auto;
	color:#004bb1;
	font-size:14px;
	line-height:20px;
	vertical-align:middle;
	font-weight:bold;
	text-align:center;
	height:45px;
}

.l-content .lineupContent dl.lineupBox .itemPhoto { text-align: center; padding-top:10px; }
.l-content .lineupContent dl.lineupBox .itemNo {
	text-align: center;
	padding: 10px 0 15px;
	font-size:12px;
	line-height:18px;
}
.l-content .txt_att{
	text-align:right;
	font-size:12px;
	line-height:18px;
	padding:10px;
}


/* -----------------------------
		4 : stepArea
----------------------------- */
.l-content .stepArea{
	width:930px;
	margin:0 auto;
}

.l-content .stepArea dl.stepBox {
	position: relative;
	width: 912px;
	height: 350px;
	margin:10px auto;
	background: url(/maker/suruga/stage/v9/images/step_img_20230210.png) no-repeat;
}
.l-content .stepArea dl.stepBox dt,
.l-content .stepArea dl.stepBox dd {
	height: 0;
	overflow: hidden;
}
.l-content .stepArea dl.stepBox dd.formBtn a {
	display: block;
	position: absolute;
	top: 150px;
	left: 28px;
	width: 260px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}
.l-content .stepArea dl.stepBox dd.tel-text em {
	display: block;
	position: absolute;
	top: 200px;
	left: 80px;
}