@charset "utf-8";


/*=============================================
	
	space list
	
==============================================*/
@media screen and (min-width: 768px) {
	#space_link p.midashi {
		font-size: 13px;
		text-align: center;
		margin: 0 0 30px;	
	}
	#space_link ul.list li dl {
		margin: 0 0 30px;
	}
	#space_link ul.list li div.btn_white a {
		padding: 12px 60px;
		color: #434B54;
	}

}
@media screen and (max-width: 767px) {
	#space_link {
		background: #434B54;
		padding: 10vh 0;
	}
	#space_link p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
		color: #FFF;
	}
	#space_link h3 {
		font-size: 2.6em;
		margin: 0 0 1.0em;
		text-align: center;
		color: #FFF;
	}
	#space_link p.midashi {
		font-size: 1.2em;
		text-align: center;
		margin: 0 0 2.4em;
		line-height: 2.0em;
		color: #FFF;
	}
	#space_link ul.list {
		margin: 0 0 0;
	}
	#space_link ul.list li {
		width: 85%;
		margin: 0 auto 12vh;
	}
	#space_link ul.list li:last-child {
		margin: 0 auto 0;
	}
	#space_link ul.list li a {
		display: block;
	}
	#space_link ul.list li dl {
		margin: 0 0 1.6em;
	}
	#space_link ul.list li dl dt {
		width: 100%;
		margin: 0 0 1.8em;
		float: none;
	}	
	#space_link ul.list li dl dd {
		width: 100%;
		margin: 0 0 0;
		float: none;
	}	
	#space_link ul.list li dl dd h4 {
		font-size: 2.0em;
		margin: 0 0 0.8em;
		color: #FFF;
		text-align: center;
	}
	#space_link ul.list li dl dd p.lead {
		font-size: 1.2em;
		line-height: 2.0em;
		color: #CCD1D5;
	}	
	#space_link ul.list li div.btn_white a {
		color: #434B54;
	}

	
}


/*=============================================
	
	OUTLINE LIST
	
==============================================*/
@media screen and (min-width: 768px) {
	#space_outline {
		background: #FCFCFC;
		padding: 60px 0;
	}
	#space_outline p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	#space_outline h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}
	#space_outline table.space_table {
		width: 100%;
		margin: 0 0 50px;
		border-top: 1px dotted #CCC;
	}
	#space_outline table.space_table tr {
		border-bottom: 1px dotted #CCC;
	}
	#space_outline table.space_table tr th {
		font-size: 15px;
		padding: 15px 0;
		width: 20%;
		vertical-align: middle;
		text-align: center;
	}
	#space_outline table.space_table tr td {
		font-size: 12px;
		padding: 15px 0;
		width: 20%;
		line-height: 2.0em;
		vertical-align: middle;
		text-align: center;
	}
	#space_outline table.space_table tr td.btn_area {
		padding: 25px 0;
		width: 40%;
		vertical-align: middle;
	}

}
@media screen and (max-width: 767px) {
	#space_outline {
		background: #FCFCFC;
		padding: 10vh 0;
	}
	#space_outline p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#space_outline h3 {
		font-size: 2.2em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#space_outline table.space_table {
		width: 100%;
		margin: 0 0 5vh;
		border-top: 1px solid #CCC;
	}
	#space_outline table.space_table tr {
		border-bottom: 1px solid #CCC;
	}
	#space_outline table.space_table tr:last-of-type {
		border-bottom: none;
	}
	#space_outline table.space_table tr th {
		font-size: 1.5em;
		padding: 1.0em 1.6em;
		display: block;
		vertical-align: middle;
		background: #DDDFE2;
		color: #434B54;
	}
	#space_outline table.space_table tr td {
		font-size: 1.4em;
		padding: 1.2em 1.6em 0.4em;
		display: block;
		line-height: 2.0em;
	}
	#space_outline table.space_table tr td.btn_area {
		padding: 1.2em 0 3.6em;
		width: 100%;
		vertical-align: middle;
	}
	#space_outline table.space_table tr td.btn_area div a {
		padding: 0.6em 4%;
		font-size: 0.8em;
	}
}