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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width: 801px), print {


#mainimage {
	position: relative;
	margin-top: -10px;
	z-index:1;
}
	#mainimage img {
		width: 100%;
		height: auto;
	}

#read {
	margin: 70px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 129%;
	letter-spacing: 0.2em;
	line-height: 2.8;
}



#program {
	padding: 60px;
	min-width: 1040px;
}


.box {
	background:url(../../common/img/bg_graydot.gif) repeat center top;
	width: calc(31% - 7px);
	padding: 7px;
	float: left;
	margin-right: calc(4% - 21px);
	margin-bottom: 90px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.box:nth-child(3n) {
	margin-right: 0%;
}
	.box.mi {
		margin-top: 80px;
	}




	.box.white .set {
		background: #FFF;
	}
	.box .set {
		padding: 30px;
		position: relative;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.box .set p {
		text-align: center;
		width: 100%;
		max-width: 284px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.box .set p img {
		width: 100%;
		height: auto;
	}
	
	.box .set dl dt {
		text-align: center;
		font-weight: bold;
		font-size: 172%;
		line-height: 1.4;
		letter-spacing: 0.2em;
		margin-bottom: 30px;
		position: relative;
	}
	.box .set dl dt span {
		font-size: 12px;
		display: block;
		letter-spacing: 0.1em;
	}
	.box .set dl dt .leftT {
		position: absolute;
		top: 0;
		left: -20px;
		width: 33px;
	}
	.box .set dl dt .rightT {
		position: absolute;
		top: 0;
		right: -20px;
		width: 33px;
	}
	.box .set dl dt .leftT img,
	.box .set dl dt .rightT img {
		width: 100%;
		height: auto;
	}
	
	



.lt {
	width: 73px;
	position: absolute;
	top: -40px;
	left: -20px;
}
.rt {
	width: 31px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.lb {
	width: 31px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.rb {
	width: 31px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.lt img,
.rt img,
.lb img,
.rb img {
	width: 100%;
	height: auto;
}


}






/* SP */
@media only screen and (max-width: 800px) {


#mainimage {
	position: relative;
	margin-top: -10px;
	z-index:1;
}
	#mainimage img {
		width: 100%;
		height: auto;
	}

#read {
	padding: 5% 5% 0% 5%;
	font-weight: bold;
	font-size: 116%;
}
	
	
	
	
	
#program {
	padding: 5%;
}


.box {
	background:url(../../common/img/bg_graydot.gif) repeat center top;
	padding: 7px;
	float: left;
	margin-top: 15%;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.box:nth-child(3n) {
}




	.box.white .set {
		background: #FFF;
	}
	.box .set {
		padding: 30px;
		position: relative;
		
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	.box .set p {
		text-align: center;
		width: 100%;
		max-width: 284px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.box .set p img {
		width: 100%;
		height: auto;
	}
	
	.box .set dl dt {
		text-align: center;
		font-weight: bold;
		font-size: 172%;
		line-height: 1.4;
		letter-spacing: 0.2em;
		margin-bottom: 30px;
		position: relative;
	}
	.box .set dl dt span {
		font-size: 12px;
		display: block;
		letter-spacing: 0.1em;
	}
	.box .set dl dt .leftT {
		position: absolute;
		top: 0;
		left: -20px;
		width: 33px;
	}
	.box .set dl dt .rightT {
		position: absolute;
		top: 0;
		right: -20px;
		width: 33px;
	}
	.box .set dl dt .leftT img,
	.box .set dl dt .rightT img {
		width: 100%;
		height: auto;
	}
	
	



.lt {
	width: 73px;
	position: absolute;
	top: -40px;
	left: -20px;
}
.rt {
	width: 31px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.lb {
	width: 31px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.rb {
	width: 31px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.lt img,
.rt img,
.lb img,
.rb img {
	width: 100%;
	height: auto;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}