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







/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px) {


/* section.highlight
------------------------------- */
section.highlight{
	width:1000px;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;	
}
	section.highlight .highlightBlock{
		padding:20px 0px 50px 0px;
	}
		.highlightBlock h1{
			font-size:150%;	
			padding:0px 0px 10px 0px;
			border-bottom:1px solid #000;
			margin-bottom:20px;
		}
			.highlightBlock h1 span{
				font-size:71%;
				color:#666;
				border-left:1px dotted #ccc;
				padding-left:20px;	
				margin-left:20px;
			}
		.highlightBlock h2{
			font-size:150%;	
			padding:0px 0px 10px 0px;
			border-bottom:1px solid #000;
			margin-bottom:20px;
		}
			.highlightBlock h2 span{
				font-size:71%;
				color:#666;
				border-left:1px dotted #ccc;
				padding-left:20px;	
				margin-left:20px;
			}
			.highlightBlock p{
				padding:0px 0px 15px 0px;
				line-height:1.78em;	
			}
			.centerBox p{
				font-size:106%;
				padding:0px 0px 22px 0px;
				line-height:2.34em;		
				text-align:center;
			}
		

		.highlightBlock .theme{
			padding:15px 0px 0px 0px;
		}
			.theme h2{
				font-size:125%;
				text-align:center;
				border-bottom:none;
				font-weight:bold;
			}

		
		.highlightBlock .highlightSet{
			padding:15px 0px 20px 0px;
			position:relative;
		}
			
			
			.highlightSet .centerBox{
				width:450px;
				height:auto;
				position:absolute;	
				left:270px;
				top:0px;
			}
				.box01{height:300px;}
				.box02{height:650px;}
				.box03{height:630px;}
				.box04{height:700px;}
				.box05{height:400px;}
				.box06{height:420px;}
				.box07{height:750px;}
				
					.box01 .centerBox p{line-height:2.22em;}
					.box02 .centerBox p{line-height:2.22em;}
					.box03 .centerBox p{line-height:2.22em;}
					.box04 .centerBox p{line-height:2.22em;}
					.box05 .centerBox p{line-height:2.22em;}
					.box06 .centerBox p{line-height:2.22em;}
					.box07 .centerBox p{line-height:2.22em;}
					
					.box02 .rightFigure{padding:290px 0px 0px 0px;}
					.box03 .rightFigure{padding:270px 0px 0px 0px;}
					.box04 .rightFigure{padding:350px 0px 0px 0px;}
					.box05 .leftFigure{top:50px !important;}
					.box06 .leftFigure{top:130px !important;}
					.box06 .rightFigure{top:130px !important;}

					
					
						.box01 .centerBox{
							padding:25px 0px 0px 0px;
							width:100% !important;
							height:auto;
							left:0px !important;
							top:0px;
						}

				
				.highlightSet h3{
					text-align:center;
					font-weight:bold;	
					padding:0px 0px 20px 0px;
				}
				.highlight p{
					text-align:left;
					font-size:106%;	
				}
				.highlightSet .linkBtn{
					padding:0px 0px 0px 0px;	
				}
					.highlightSet .linkBtn a{
						display:block;
						padding:10px 0px;
						text-align:center;	
						background:#251E85;
						color:#fff;
					}
					
			.highlightSet .leftFigure{
				width:240px;
				height:auto;
				position:absolute;
				left:0px;
				top:70px;	
			}
			
			
			.highlightSet .rightFigure{
				width: 240px;
				height: auto;
				position: absolute;
				right: 4px;
				top: 50px;
			}
				.highlightSet figure{
					padding:0px 0px 20px 0px;	
				}
				.highlightSet figure img{
					width:100%;
					height:auto;
				}
				.highlightSet figure figcaption{
					font-size:65%;	
				}
			
		.highlightBlock .btn{
			padding:0px 0px 0px 0px;
			overflow:hidden;
		}
			.highlightBlock .btn a{
				display: block;
				width:25%;
				margin: 0px 20px 0px 0px;
				padding:8px 0px;
				text-align: center;
				color: #fff;
				background: #14259B;
				font-size:93%;
				border: 2px solid #ccc;
				float:left;
			}
		



}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {
	
	
/* section.highlight
------------------------------- */
section.highlight{
	width:94%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;	
}
	section.highlight .highlightBlock{
		padding:20px 0px 20px 0px;
	}
		.highlightBlock h1{
			font-size:150%;	
			padding:0px 0px 10px 0px;
			border-bottom:1px solid #000;
			margin-bottom:20px;
		}
			.highlightBlock h1 span{
				font-size:71%;
				color:#666;
				border-left:1px dotted #ccc;
				padding-left:20px;	
				margin-left:20px;
			}
		.highlightBlock h2{
			font-size:150%;	
			padding:0px 0px 10px 0px;
			border-bottom:1px solid #000;
			margin-bottom:20px;
		}
			.highlightBlock h2 span{
				font-size:71%;
				color:#666;
				border-left:1px dotted #ccc;
				padding-left:20px;	
				margin-left:20px;
			}
			.highlightBlock p{
				padding:0px 0px 15px 0px;
				line-height:1.78em;	
			}
			.centerBox p{
				font-size:106%;
				padding:0px 0px 22px 0px;
				line-height:2.34em;		
				text-align:center;
			}
		

		.highlightBlock .theme{
			padding:15px 0px 0px 0px;
		}
			.theme h2{
				font-size:125%;
				text-align:center;
				border-bottom:none;
				font-weight:bold;
			}

		
		.highlightBlock .highlightSet{
			padding:15px 0px 20px 0px;
			clear:both;
		}
			
			
			.highlightSet .centerBox{
				width:100%;
				height:auto;
			}
				/*.box01{height:500px;}
				.box02{height:500px;}
				.box03{height:400px;}
				.box04{height:380px;}*/
				
				.highlightSet h3{
					text-align:center;
					font-weight:bold;	
					padding:0px 0px 20px 0px;
				}
				.highlight p{
					text-align:left;	
				}
				.highlightSet .linkBtn{
					padding:0px 0px 40px 0px;	
				}
					.highlightSet .linkBtn a{
						display:block;
						width:60%; 
						margin:0px auto;
						padding:6px 0px;
						text-align:center;	
						background:#251E85;
						color:#fff;
					}
			.highlightSet .leftFigure{
				width:49%;
				height:auto;
				float:left;
			}
			
			
			.highlightSet .rightFigure{
				width:49%;
				height:auto;
				float:right;
			}
				.highlightSet figure{
					padding:0px 0px 20px 0px;	
				}
				.highlightSet figure img{
					width:100%;
					height:auto;
				}
				.highlightSet figure figcaption{
					font-size:75%;	
					text-align:center;
				}
			
		.highlightBlock .btn{
			padding:0px 0px 0px 0px;
		}
			.highlightBlock .btn a{
				display: block;
				width:100%;
				margin: 0px;
				padding:8px 0px;
				text-align: center;
				color: #fff;
				background: #14259B;
				font-size:93%;
				border: 2px solid #ccc;
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
			}
		
/*			
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
*/



	
}