@charset "utf-8";


/*=============================================
	
	SPACE LIST
	
==============================================*/
@media screen and (min-width: 768px) {
	#plan_link {
		background: #434B54;
		padding: 60px 0;
		color: #FFF;
	}
	#plan_link p.sub_title {
		font-size: 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	#plan_link h3 {
		font-size: 24px;
		margin: 0 0 40px;
		text-align: center;
	}
	#plan_link p.midashi {
		font-size: 13px;
		text-align: center;
		margin: 0 0 30px;	
	}
	
	#plan_link ul.list {
		text-align: center;
		margin: 0 0 60px;
	}
	#plan_link ul.list li {
		display: inline-table;
		width: 21%;
		margin: 0 1.5% 50px;
		vertical-align: top;
	}
	#plan_link ul.list li a {
		display: block;
		color: #FFF;
	}
	#plan_link ul.list li dl {
		margin: 0 0 20px;
	}
	#plan_link ul.list li dl dt {
		margin: 0 0 15px;
	}	
	#plan_link ul.list li dl dd h4 {
		font-size: 15px;
		text-align: center;
		margin: 0 0 12px;
	}
	#space_link ul.list li dl dd h4 span.small{
		font-size: 90%;	
	}
	#plan_link ul.list li dl dd p.lead {
		font-size: 11px;
		text-align: left;
		line-height: 2.0em;
		color: #CCD1D5;
	}	
	#plan_link ul.list li div.btn_white a {
		padding: 12px 60px;
		color: #434B54;
	}
	
	#plan_link ul.list.glasshouse {
		text-align: center;
	}
	#plan_link ul.list.glasshouse li {
		float: none;
		display: inline-table;
	}

}
@media screen and (max-width: 767px) {
	#plan_link {
		background: #434B54;
		padding: 10vh 0;
		color: #FFF;
	}
	#plan_link p.sub_title {
		font-size: 1.5em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#plan_link h3 {
		font-size: 2.4em;
		margin: 0 0 1.0em;
		text-align: center;
	}
	#plan_link p.midashi {
		font-size: 1.2em;
		text-align: center;
		margin: 0 0 2.4em;
		line-height: 2.0em;
	}
	
	#plan_link ul.list {
		margin: 0 0 3.6em;
	}
	#plan_link ul.list li {
		width: 90%;
		margin: 0 auto 2.8em;
	}
	#plan_link ul.list li:last-child {
		margin: 0 auto 0;
	}
	#plan_link ul.list li a {
		display: block;
		color: #FFF;
	}
	#plan_link ul.list li dl {
	}
	#plan_link ul.list li dl dt {
		float: left;
		width: 30%;
	}	
	#plan_link ul.list li dl dd {
		float: right;
		width: 64%;
	}	
	#plan_link ul.list li dl dd h4 {
		font-size: 1.6em;
		margin: 0 0 0.4em;
	}	
	#plan_link ul.list li dl dd p.lead {
		font-size: 11px;
		text-align: left;
		line-height: 2.0em;
		color: #CCD1D5;
	}	
	#plan_link ul.list li div.btn_white {
		display: none;
	}
}


/*=============================================
	
	CONTACT Background
	
==============================================*/
@media screen and (min-width: 768px) {
	#contact_bg {
		background: #FCFCFC;
		padding: 60px 0;
	}

}
@media screen and (max-width: 767px) {
	#contact_bg {
		background: #FCFCFC;
		padding: 8vh 0;
	}
}