@charset "utf-8";


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

.l-content .mainVisual {
	width: 950px;
	height: 200px;
	background: url(/maker/spacio/service/selection/images/main_20181017.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 40px;
}

.l-content .h2_main {
	width: 950px;
	height: 40px;
	margin-bottom: 30px;
	padding: 0;
	border: none;
	background: url(/maker/spacio/service/selection/images/h2_main_pic.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*section*/
.l-content .section{
	margin-bottom:50px;
}
.l-content .secLeft {
	float:left;
}
.l-content .secRight {
	float:right;
}
.l-content .txtBtm {
	padding-left:20px;
	margin-bottom:30px;
}

.l-content .notesBlock_txt{
	margin: -20px 20px 30px 0;
	text-align: right;
}
.l-content .contactBox {
	border-left:10px solid #e5e5e5;
	border-right:10px solid #e5e5e5;
	border-bottom:10px solid #e5e5e5;
}
.l-content .contactBox .ttl {
	height:45px;
	background: url(/maker/spacio/service/selection/images/ttl_contact_20181017.png) no-repeat center center #e5e5e5;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .contactBox .contactBox_inner {
	padding:20px 0;
}
.l-content .contactBox .contactBox_inner .tel {
	float:left;
	width:523px;
	margin-left:50px;
	height:52px;
	background: url(/maker/spacio/service/selection/images/txt_contact_20181017.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .contactBox .contactBox_inner .btn {
	width:265px;
	float:right;
	margin-top: 5px;
	padding-right:52px;
}
.l-content .contactBox .contactBox_inner .btn a {
	width:265px;
	height:48px;
	display:block;
	background: url(/maker/spacio/service/selection/images/btn_contact_20181017.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* secLead  */
.l-content .secLead {
	border:15px solid #f2f2f2;
	padding:18px 0;
}
.l-content .secLead .secLeft {
	width:465px;
	padding-left:92px;
}
.l-content .secLead .secLeft .txt {
	padding-top:20px;
}
.l-content .secLead .secLeft .btn {
	margin:28px auto 0;
	width:235px;
}

.l-content .secLead .secRight {
	width:208px;
	padding-right:100px;
}


/* secFlow  */
.l-content .secFlow .flowBox {
	width:912px;
	height:335px;
	background: url(/maker/spacio/service/selection/images/bg_flow_20240501.png) no-repeat;
	position:relative;
	margin:0 auto 32px;
}
.l-content .secFlow .flowBox .flowBox_step01,
.l-content .secFlow .flowBox .flowBox_step02,
.l-content .secFlow .flowBox .flowBox_step03{
	position:absolute;
}
.l-content .secFlow .flowBox .flowBox_step01 {
	top:140px;
	left:38px;
	width:235px;
	height:37px;
	background:#FFF;
}

.l-content .secFlow .flowBox .flowBox_step02 {
	top:140px;
	left:379px;
	width:170px;
	height:176px;
	background:#FFF;
}
.l-content .secFlow .flowBox .flowBox_step02 a {
	width:170px;
	height:176px;
	display:block;
	background: url(/maker/spacio/service/selection/images/btn_flow02.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.l-content .secFlow .flowBox .flowBox_step03 {
	top:140px;
	left:655px;
	width:237px;
	height:176px;
	background:#FFF;
}
.l-content .secFlow .flowBox .flowBox_step03 a {
	width:237px;
	height:176px;
	display:block;
	background: url(/maker/spacio/service/selection/images/btn_flow03.png) no-repeat;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* secEx  */
.l-content .secEx .exBox {
	border:2px solid #cbcbcb;
	margin:0 20px 20px;
}
.l-content .secEx .exBoxHalf {
	border:2px solid #cbcbcb;
	margin:0 0 20px 20px;
	float:left;
}
.l-content .secEx .exBox dl {
	border-top:4px solid #337abb;
	float:left;
	padding-bottom:16px;
}
.l-content .secEx .exBoxHalf dl {
	border-top:4px solid #337abb;
	padding-bottom:16px;
}
.l-content .secEx .exBox .exBox_01 {
	width:218px;
}
.l-content .secEx .exBox .exBox_02 {
	width:236px;
}
.l-content .secEx .exBox .exBox_03 {
	width:235px;
}
.l-content .secEx .exBox .exBox_04 {
	width:217px;
}

.l-content .secEx .exBox .exBox_05 {
	width:238px;
}
.l-content .secEx .exBox .exBox_06 {
	width:216px;
}
.l-content .secEx .exBox .exBox_07 {
	width:249px;
}
.l-content .secEx .exBox .exBox_08 {
	width:203px;
}

.l-content .secEx .exBoxHalf .exBox_09 {
	width:440px;
}
.l-content .secEx .exBoxHalf .exBox_10 {
	width:440px;
}
.l-content .secEx .exBox dt,
.l-content .secEx .exBoxHalf dt {
	text-align:center;
	padding:27px 0 10px;
}
.l-content .secEx .exBox .exBox_01 dd,
.l-content .secEx .exBox .exBox_02 dd,
.l-content .secEx .exBox .exBox_03 dd,
.l-content .secEx .exBox .exBox_05 dd,
.l-content .secEx .exBox .exBox_06 dd,
.l-content .secEx .exBox .exBox_07 dd {
	border-right:1px dotted #cbcbcb;
}
.l-content .secEx .exBox .pic,
.l-content .secEx .exBoxHalf .pic {
	text-align:center;
}
.l-content .secEx .exBox .pic span,
.l-content .secEx .exBoxHalf .pic span {
	padding:28px 0 16px;
	border-top:1px dotted #cbcbcb;
	display:inline-block;
}
.l-content .secEx .exBox .caption,
.l-content .secEx .exBoxHalf .caption {
	text-align:center;
}
.l-content .secEx .exBox .exBox_01 .caption,
.l-content .secEx .exBox .exBox_02 .caption,
.l-content .secEx .exBox .exBox_03 .caption,
.l-content .secEx .exBox .exBox_04 .caption {
	height:60px;
}


/* secEx  */
.l-content .secPowerful .powerfulBox {
	border:5px solid #e5eef6;
	padding:14px 8px 23px;
	margin:0 20px 40px;
}
.l-content .secPowerful .powerfulBox .h4Img {
	margin-bottom:20px;
}
.l-content .secPowerful .powerfulBox .secLeft dt{
	font-weight:bold;
	font-size:13px;
}
.l-content .secPowerful .powerfulBox .secLeft .pic{
	text-align:center;
}


.l-content .secPowerful .h3_01 .powerfulBox .secLeft{
	width:420px;
	padding-left:17px;
}
.l-content .secPowerful .h3_01 .powerfulBox .secRight{
	width:313px;
	margin-right:72px;
}
.l-content .secPowerful .h3_01 .powerfulBox .secRight .m-listTable td{
	text-align:center;
	padding:5px;
}
.l-content .secPowerful .h3_01 .powerfulBox .secRight .m-listTable th{
	text-align:center;
	padding:8px;
	font-size:13px;
}
.l-content .secPowerful .h3_02 .powerfulBox .secLeft{
	width:112px;
	margin-left:20px;
}
.l-content .secPowerful .h3_02 .powerfulBox .secRight{
	width:730px;
	margin-right:20px;
}
.l-content .secPowerful .h3_02 .powerfulBox .secRight .pic{
	padding-top:10px;
}
.l-content .secPowerful .h3_03 .powerfulBox .secLeft{
	width:401px;
	margin-left:26px;
}
.l-content .secPowerful .h3_03 .powerfulBox .secRight{
	width:401px;
	margin-right:26px;
}
.l-content .secPowerful .h3_03 .powerfulBox  dl{
	margin-top:10px;
}
.l-content .secPowerful .h3_03 .powerfulBox  dt{
	margin-bottom:15px;
}
.l-content .secPowerful .h3_03 .powerfulBox  .txt{
	padding-left:20px;
	margin-bottom:15px;
}
.l-content .secPowerful .h3_04 .powerfulBox .secLeft{
	width:172px;
	margin-left:20px;
}
.l-content .secPowerful .h3_04 .powerfulBox .secRight{
	width:620px;
	margin-right:46px;
}

.l-content .secPowerful .h3_05 .powerfulBox {
    margin: 0 350px 40px 20px;
		text-align:center;
		padding-top:25px;
}


/* secTable  */
.l-content .secTable .ttl{
	margin:0 0 10px 20px;
}
.l-content .secTable .m-listTable{
	width:355px;
	margin-left:20px;
}
.l-content .secTable .m-listTable td{
	text-align:center;
	padding:5px;
}
.l-content .secTable .m-listTable th{
	text-align:center;
	padding:8px;
	font-size:13px;
}

/* secDownload  */
.l-content .downloadBtn {
	margin:0 auto;
	width:235px;
}

/*btn btnPDF*/
.l-content .btn a.m-btnSize--m {
	display: block;
	height: auto;
}
.l-content .btn a.m-btnSize--m {
	width: 235px !important;
	padding: 9px 0;
}
.l-content .btnPDF a.m-btnSize--m {
	background: #ff730a url(/maker/spacio/service/selection/images/icn_pdf02.gif) no-repeat 10px center;
	padding-left: 30px;
}