@charset "utf-8";

/*---------------------------------------------------------
	
	    ビジュアル＆コンテンツ
	
---------------------------------------------------------*/

@media screen and (min-width: 768px) {
	#index_top {
		width: 100%;
		margin: 0 0 0;
		padding: 64px 0 0;
		position: relative;
		overflow: hidden;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	#index_top {
		margin: 0 0 1.6em;
		padding: 0;
		position: relative;
	}
}


/*---------------------------------------------------------
	
	    コンセプトテキスト
	
---------------------------------------------------------*/

@media screen and (min-width: 768px) {
	#concept {
		padding: 30px 0 20px;
	}
	#concept h2 {
		width: 480px;
		margin: 0 auto 30px;
	}
	#concept h2.text_title {
		font-size: 36px;
		text-align: center;
		width: 100%;
		margin: 0 auto 30px;
	}
	#concept p.subtitle {
		font-size: 13px;
		text-align: center;
		margin: 0 0 40px;
	}
	#concept p.text {
		width: 800px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 2.0em;
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	#concept {
		padding: 2.4em 0 2.4em;
	}
	#concept h2 {
		width: 86%;
		margin: 0 auto 2.4em;
	}
	#concept h2.text_title {
		font-size: 3.2em;
		text-align: center;
		width: 100%;
		margin: 0 auto 2.4em;
	}
	#concept p.subtitle {
		font-size: 1.1em;
		text-align: center;
		margin: 0 0 2.4em;
	}
	#concept p.text {
		width: 90%;
		margin: 0 auto;
		font-size: 1.2em;
		line-height: 2.0em;
		text-align: left;
	}

}

/*---------------------------------------------------------
	
	    CASE
	
---------------------------------------------------------*/

@media screen and (min-width: 768px) {
	#case_wrap {
		padding: 20px 0 30px;
	}
	#case_wrap p.lead {
		font-size: 13px;
		text-align: center;
		margin: 0 0 40px;
	}
	#case_wrap ul.case_list {
		text-align: center;
	}
	#case_wrap ul.case_list li {
		display: inline-block;
		width: 280px;
		margin: 0 15px 30px;
	}
	#case_wrap ul.case_list li figure {
		margin: 0 0 18px;
	}
	#case_wrap ul.case_list li p {
		width: 90%;
		margin: 0 auto;
		font-size: 13px;
		font-weight: bolder;
	}

}

@media screen and (max-width: 767px) {
	#case_wrap {
		padding: 1.6em 0 1.6em;
	}
	#case_wrap p.lead {
		font-size: 1.2em;
		text-align: center;
		margin: 0 0 2.4em;
		line-height: 1.8em;
	}
	#case_wrap ul.case_list {
		text-align: center;
	}
	#case_wrap ul.case_list li {
		display: inline-block;
		width: 45%;
		margin: 0 2% 2.4em;
		vertical-align: top;
	}
	#case_wrap ul.case_list li figure {
		margin: 0 0 1.0em;
	}
	#case_wrap ul.case_list li p {
		width: 90%;
		margin: 0 auto;
		font-size: 1.1em;
		font-weight: bolder;
	}
}



/*---------------------------------------------------------
	
	    SPEC
	
---------------------------------------------------------*/

@media screen and (min-width: 768px) {
	#price_wrap {
		padding: 30px 0;
	}
	#price_wrap div.wrap {
		float: left;
		width: 440px;
		padding: 0 40px 0 0;
	}
	#price_wrap div.wrap ul {
		
	}
	#price_wrap div.wrap ul li {
		margin: 0 0 28px;
	}
	#price_wrap div.wrap ul li dl dt {
		float: left;
		width: 25%;
		background: #B2AFA1;
		color: #FFF;
		font-size: 12px;
		font-weight: bolder;
		text-align: center;
		padding: 5px 0;
	}
	#price_wrap div.wrap ul li dl dd {
		float: right;
		width: 70%;
		font-size: 13px;
		padding: 2px 0;
		line-height: 1.8em;
	}
	#price_wrap div.wrap ul li dl dd span {
		font-size: 12px;
		color: #999;
	}
}

@media screen and (max-width: 767px) {
	#price_wrap {
		padding: 0 0 0;
	}
	#price_wrap div.wrap {
		padding: 0 0 0 0;
	}
	#price_wrap div.wrap ul {
		text-align: center;
	}
	#price_wrap div.wrap ul li {
		margin: 0 0 2.8em;
		text-align: center;
	}
	#price_wrap div.wrap ul li dl dt {
		display: inline-block;
		background: #B2AFA1;
		color: #FFF;
		font-size: 1.1em;
		font-weight: bolder;
		text-align: center;
		padding: 5px 16px;
		margin: 0 0 1.0em;
	}
	#price_wrap div.wrap ul li dl dd {
		font-size: 1.2em;
		padding: 0 0;
		line-height: 2.0em;
	}
	#price_wrap div.wrap ul li dl dd span {
		font-size: 1.0em;
		color: #999;
	}

}


/*---------------------------------------------------------
	
	    外部リンクバナー
	
---------------------------------------------------------*/

@media screen and (min-width: 768px) {
	#outlink_wrap {
		padding: 30px 0 80px;
	}
	#outlink_wrap .container {
		width: 890px;
	}
	#outlink_wrap .container ul {
		text-align: center;
	}	
	#outlink_wrap .container ul li {
		display: inline-block;
		width: 400px;
		margin: 0 20px 0;
	}	
	#outlink_wrap .container ul li figure {
		margin: 0 0 15px;
	}
	#outlink_wrap .container ul li p {
		font-size: 13px;
		line-height: 2.0em;

	}
}

@media screen and (max-width: 767px) {
	#outlink_wrap {
		padding: 0 0 4.0em;
	}
	#outlink_wrap .container {
	}
	#outlink_wrap .container ul {
		text-align: center;
	}	
	#outlink_wrap .container ul li {
		width: 90%;
		margin: 0 auto 3.2em;
	}	
	#outlink_wrap .container ul li figure {
		margin: 0 0 1.2em;
	}
	#outlink_wrap .container ul li p {
		font-size: 1.2em;
		line-height: 2.0em;

	}

}