@charset "UTF-8";
/* CSS Document */



/* PC */
@media screen and (min-width:481px) {
	
	
	
/* mainimage
---------------------------- */
#mainimage {
	width: 100%;
	min-width: 1276px;
	padding-top: 80px;
}
	#mainimage .bg {
		width: 100%;
		min-width: 1140px;
		height: 711px;
		background: url(../img/index/mainimage_pht.jpg) center top;
	}
		#mainimage .bg h2 {
			width: 1140px;
			margin: 0 auto;
			font-size: 100px;
			letter-spacing: 0.6em;
			line-height: 178px;
			font-weight: bold;
			color: #fff;
			padding-top: 61px;
			margin-bottom: 20px;
		}
		
		#mainimage .bg p {
			text-align: center;
		}
		



	
	
/* Introduction
---------------------------- */
#Introduction {
	width: 100%;
	min-width: 1276px;
	background: #f7f7f7 url(../img/index/introduction_bg.gif) no-repeat center 20px;
	padding: 90px 0 100px 0;
}
	#Introduction h3 {
		font-size: 42px;
		font-weight: bold;
		text-align: center;
		color: #d22019;
		margin-bottom: 12px;
		line-height: 1;
	}
	
	#Introduction p {
		font-size: 95%;
		color: #575757;
		text-align: center;
		margin-bottom: 70px;
	}
	
	#Introduction ul {
		padding: 0 40px;
	}
		#Introduction ul li {
			width: 23%;
			float: left;
			margin-right: 2.6%;
		}
		#Introduction ul li.last {
			margin-right: 0;
		}
			#Introduction ul li img {
				width: 100%;
				height: auto;
			}
		



	
	
/* Programs
---------------------------- */
#Programs {
	width: 100%;
	min-width: 1276px;
	padding: 40px 0 40px 0;
}
	#Programs h3 {
		font-size: 42px;
		font-weight: bold;
		text-align: center;
		color: #d22019;
		margin-bottom: 12px;
		line-height: 1;
	}
	
	#Programs p.read {
		font-size: 95%;
		color: #575757;
		text-align: center;
		margin-bottom: 20px;
	}
	
	#Programs .grid_sp {
		display: none;
	}



*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }




}





/* スマホ */
@media only screen and (max-width: 480px) {






	
/* mainimage
---------------------------- */
#mainimage {
	width: 100%;
	padding-top: 14%;
}
	#mainimage img {
		width: 100%;
		height: auto;
	}
		



	
	
/* Introduction
---------------------------- */
#Introduction {
	background: #f7f7f7 url(../img/index/introduction_bg.gif) no-repeat center 45%;
	background-size: 150%;
	padding: 10% 5% 6% 5%;
}
	#Introduction h3 {
		font-size: 220%;
		font-weight: bold;
		text-align: center;
		color: #d22019;
		margin-bottom: 12px;
		line-height: 1;
	}
	
	#Introduction p {
		font-size: 100%;
		color: #575757;
		text-align: center;
		margin-bottom: 7%;
	}
	
	#Introduction ul {
	}
		#Introduction ul li {
			width: 48%;
			float: left;
			margin-bottom: 4%;
		}
		#Introduction ul li.right {
			float: right;
		}
			#Introduction ul li img {
				width: 100%;
				height: auto;
			}
		



	
	
/* Programs
---------------------------- */
#Programs {
	padding: 10% 5% 6% 5%;
}
	#Programs h3 {
		font-size: 220%;
		font-weight: bold;
		text-align: center;
		color: #d22019;
		margin-bottom: 12px;
		line-height: 1;
	}
	
	#Programs p.read {
		font-size: 100%;
		color: #575757;
		text-align: center;
		margin-bottom: 7%;
	}
	
	#Programs .grid {
		display: none;
	}

	#Programs .grid_sp {
	}
		#Programs .grid_sp dl {
			margin-bottom: 3%;
		}
		#Programs .grid_sp dl.last {
			margin-bottom: 0;
		}
			#Programs .grid_sp dl dt {
				margin-bottom: 2%;
			}
				#Programs .grid_sp dl dt img {
					width: 100%;
					height: auto;
				}

			#Programs .grid_sp dl dd {
			}
				#Programs .grid_sp dl dd ul li {
					width: 49%;
					float: left;
				}
				#Programs .grid_sp dl dd ul li.right {
					float: right;
				}
					#Programs .grid_sp dl dd ul li a {
						display: block;
						padding: 5%;
						color: #fff;
						margin-bottom: 3%;
						line-height: 1.2em;
						font-weight: bolder;
					}
					#Programs .grid_sp dl dd.fashion ul li a {
						background: #e85198 url(../img/icon_arrow_sp.png) no-repeat 95% center;
					}
					#Programs .grid_sp dl dd.business ul li a {
						background: #f4aa18 url(../img/icon_arrow_sp.png) no-repeat 95% center;
					}
					#Programs .grid_sp dl dd.craft ul li a {
						background: #94ea00 url(../img/icon_arrow_sp.png) no-repeat 95% center;
					}









}