@charset "utf-8";
/* CSS Document */





/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 769px) {
br.sp{display:none;}

/* section mainVisual
---------------------------------------------------- */
section.mainVisual{
	width:1180px;
	height:auto;
	margin:0px auto;
	padding:18px 0px 0px 0px;	
}

/* section page
---------------------------------------------------- */
section.page{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;	
	overflow:hidden;
	line-height:1.95em;
}
	section.page .repeatBox{
		padding:0px 0px 20px 0px;
		overflow:hidden;	
	}
		section.page .repeatBox h2{
			display:block;
			width:100%;
			height:auto;
			font-size:131%;
			color:#414c9e;
			font-weight:bold;
			padding:0px 0px 3px 0px;
			margin:0px 0px 15px 0px;
			border-bottom:1px solid #333;
		}
			section.page .repeatBox h2 img{
				margin-right:5px;
			}
			section.page .repeatBox h2 span{
				padding-left:10px;
				font-size:87%;
			}
		section.page .repeatBox h3{
			font-size:125%;
			font-weight:bold;
			padding:0px 0px 15px 0px;
			font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
		}
		section.page .repeatBox p.discription{
			padding:0px 0px 0px 3em;
			text-indent:-3em;
		}
		section.page .repeatBox .uniformImage{
			padding:14px 0px 0px 0px;
		}
			section.page .repeatBox .uniformImage img{
				width:80%;
				height:auto;
			}
			
			
		section.page .repeatBox .newUniform{
			width:100%;
			padding:0px 0px 35px 0px;
			background:url(../images/index/section_bg.jpg) left top no-repeat;
			background-size:250px auto;
			overflow:hidden;
		}
			section.page .repeatBox .newUniform .copy{
				width:590px;
				height:auto;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				float:right;
			}
				.copy p{
					font-size:13px;
					line-height:2.1em;
				}
			section.page .repeatBox .newUniform ul{
				display:block;
				padding:20px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				float:right;
			}
				section.page .repeatBox .newUniform ul li{
					display:block;
					float:left;
				}
				
				section.page .repeatBox .newUniform ul li.mr{
					margin-right:15px;
				}
			
			section.page .repeatBox .newUniform p.text{
				padding:8px 0px 0px 0px;
				border:none;
				background:none;
			}

	



}






/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:768px)  {


/* section mainVisual (JS Animation)
---------------------------------------------------- */
section.mainVisual{
	width:100%;
	height:auto;
	margin:0px auto;	
}
	section.mainVisual img{
		width:100%;
		height:auto;
	}



/* section page
---------------------------------------------------- */
section.page{
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0px 0px 0px;	
	overflow:hidden;
	line-height:1.95em;
}


	section.page .repeatBox{
		padding:0px 0px 20px 0px;
		overflow:hidden;	
	}
		section.page .repeatBox h2{
			display:block;
			width:100%;
			height:auto;
			font-size:125%;
			color:#414c9e;
			font-weight:bold;
			padding:0px 0px 3px 0px;
			margin:0px 0px 15px 0px;
			border-bottom:1px solid #333;
		}
			section.page .repeatBox h2 img{
				width:8px;
				height:auto;
				margin-right:3px;
				vertical-align:baseline;
			}
			section.page .repeatBox h2 span{
				padding-left:10px;
				font-size:87%;
			}
		section.page .repeatBox h3{
			font-size:125%;
			font-weight:bold;
			padding:0px 0px 15px 0px;
			font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
		}
		section.page .repeatBox p.discription{
			padding:0px 0px 0px 3em;
			text-indent:-3em;
		}
		section.page .repeatBox .uniformImage{
			padding:14px 0px 0px 0px;
		}
			section.page .repeatBox .uniformImage img{
				width:100%;
				height:auto;
			}
			
			
		section.page .repeatBox .newUniform{
			width:100%;
			padding:0px 0px 0px 0px;
			background:none;
		}
			section.page .repeatBox .newUniform .copy{
				width:100%;
				height:auto;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
			}
				.copy p br{
					display:none;
				}
			section.page .repeatBox .newUniform ul{
				display:block;
				padding:20px 0px 0px 15px;
				margin:0px 0px 0px 0px;
				overflow:hidden;
				
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;	
			}
				section.page .repeatBox .newUniform ul li{
					display:block;
					width:50%;
					height:auto;
					padding:0px 15px 15px 0px;
					float:left;
					
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;	
				}
					section.page .repeatBox .newUniform ul li img{
						width:100%;
					}
				


			
			section.page .repeatBox .newUniform p.text{
				display:none;
			}

	

			
}











