#mainVisual { 

	height: 450px;
	width: 100%;
	margin:0 auto;
	background: url("../images/main/main_img_bg.png") repeat 50% 50%;
	background-color: #fff;
	padding-top: 100px;
	position: relative;
	overflow: hidden;

	
}
#mainVisual ul{width:100%;}
#mainVisual ul li{width:100%;}
#mainVisual .inner-top{width:100%;
 	border: 0px solid black;}

#mainVisual .visual01 { 
	height: 100%;
	background:url("../images/main/main_img01.png") no-repeat 50% 50%;
	opacity:0;

 }
#mainVisual .visual02 { 
	height: 100%;
	background:url("../images/main/main_img02.png") no-repeat 50% 50%;

 }
#mainVisual .visual03 { 
	height: 100%;
	background:url("../images/main/main_img03.png") no-repeat 50% 50%;

 }
 #mainVisual .visual04 { 
	height: 100%;
	background:url("../images/main/main_img04.png") no-repeat 50% 50%;

 }
#mainVisual .pager{
	position: absolute;
	bottom: 10px;
	text-align: center;
	z-index: 5;
}
#mainVisual .pagePrev{
	position: absolute;
	bottom: 40%;
	left: 0;
	z-index: 5;

}
#mainVisual .pageNext{
	position: absolute;
	bottom: 40%;
	right: 0;
	z-index: 5;

}
#mainVisual .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	border-radius: 30px;
	color: #333;
	background: none;
	border:3px solid #404040;
	opacity: 1;
	transition: all 0.5s ease-out;
}
#mainVisual .swiper-pagination-bullet-active{
 	width: 50px;
	background: #404040;
}

#mainVisual .swiper-slide .table {
 	display: table;
 	width: 1200px;
 	margin:0 auto;
 	bor der: 1px solid black;
}

#mainVisual .swiper-slide .inner {
	display: table-cell;
	height: 400px;
	width: 1200px;
 	margin:0 auto;
	vertical-align: top;
	

}
#mainVisual .swiper-slide .inner .txt1{
	color: #000;
	font-size: 42px;
	padding-top: 10px;
	padding-left:5px;
	letter-spacing: 0px;

	font-weight: 600;
}
#mainVisual .swiper-slide .inner .txt2{
	color: #000;
	font-size: 18px;
	padding-left:5px;
	font-weight: 300;
	line-height:110%;
}

#mainVisual .visual01.swiper-slide .inner .txt1{
	color: #000;
	font-size: 42px;
	padding-top: 10px;
	padding-left:5px;
	letter-spacing: 0px;
	font-weight: 600;
		padding-top:65px;
	opacity:0;
}

#mainVisual .visual01.swiper-slide .inner .txt2{
	color: #000;
	font-size: 18px;
	padding-left:5px;
	font-weight: 300;
	line-height:110%;
	padding-top:60px;
	opacity:0;
}

#mainContants {
	width: 100%;
	height: 100%;
	background: #fff;
	padding-bottom: 30px;
	bor der: 1px solid #d2d2d2 ;
}
#mainContants .container{
padding: 0px 0;
padding-top:10px;
width: 1200px;
}
#mainContants .container h2{
	font-size: 30px;
	color: #000;
	letter-spacing: -0.5px;
}
strong {
	color:#ea0001;
}
#mainContants .container p{
	margin-bottom: 20px;
}
#mainContants .container > a{
	float: left;
	display:block;
	 border: 1px solid #ddd;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
	width: 290px;
	height: 220px;
	padding: 10px 0px;
	font-size: 16px;
	margin-left:5px;
	opacity:0;
	transform:scale(0.2);
}
#mainContants .container > a:hover {
	
	    border: 9px solid #01468a;
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
    transition: all 0.3s ease-out;
	    color: #01468a;
}
#mainContants .container dt.top_txt{
		padding-bottom: 5px;
		font-size: 24px;
		text-align:center;
		font-weight:600;
		color: #01468a;
}
#mainContants .container dd.sub_txt{
padding-left: 20px;
}



@media all and (max-width: 1200px){
#mainVisual { 
	height: 350px;
	width: 100%;
	background: url("../images/main/main_img_bg.png") no-repeat 50% 0;
	background-size:cover;
	padding-bottom:20px;


	
}
#mainVisual .visual01 { 
	width: 100%;
	background:url("../images/main/main_img01.png") no-repeat 0 50%;
		background-size:contain;
	background-size:100% ;

 }
#mainVisual .visual02 { 
	background:url("../images/main/main_img02.png") no-repeat 0 50%;
		background-size:contain;
		background-size:98% ;

 }
#mainVisual .visual03 { 
	background:url("../images/main/main_img03.png") no-repeat 0 50%;
		background-size:contain;
		background-size:98% ;

 }
#mainVisual .pager{
	
}

#mainVisual .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 20px;
	color: #333;
	background: none;
	border:2px solid #404040;
	opacity: 1;
	transition: all 0.5s ease-out;
}
#mainVisual .swiper-pagination-bullet-active{
 	width: 30px;
	background: #404040;
}
#mainVisual .swiper-slide .table {
 	display: table;
 	width: 90%;
 	margin:0 auto;
 	border: 0px solid black;
}

#mainVisual .swiper-slide .inner {
	display: table-cell;
	height: 98%;
	vertical-align: top;
	

}
#mainVisual .swiper-slide .inner .txt1{
	color: #000;
	font-size: 38px;
	padding-left:5px;
	letter-spacing: 0px;
	font-weight: 600;
	padding-top:-20px;
	opacity:1;
}

#mainVisual .swiper-slide .inner .txt2{
	color: #000;
	font-size: 16px;
	padding-left:5px;
	font-weight: 300;
	line-height:110%;
	padding-top:-20px;
	opacity:1;
}
#mainContants {
	width:100%;
	margin-left: 5px;
}
#mainContants .container {
	width:100%;
	margin: 5px  0;
	
}

#mainContants .container > a{

	width: 24%;
	height: 240px;
	font-size: 14px;
}
#mainContants .container > a:hover {
	
	    border: 9px solid #01468a;
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
    transition: all 0.3s ease-out;
	    color: #01468a;
}
#mainContants .container dt.top_txt{
	
		font-size: 1.4em;
}
#mainContants .container dd.sub_txt{

font-size: 1.1em;
}



}
@media all and (max-width: 600px){
#mainVisual { 

	height: 300px;
	width: 100%;
	background: url("../images/main/main_img_bg.png") no-repeat 50% 0;
	background-size:cover;
	margin-top:-20px;


	
}
#mainVisual .visual01 { 

	background:url("../images/main/main_img01.png") no-repeat 0 90%;
	background-size:contain;

 }
#mainVisual .visual02 { 
	background:url("../images/main/main_img02.png") no-repeat 0 90%;
		background-size:contain;
 }
#mainVisual .visual03 { 
	background:url("../images/main/main_img03.png") no-repeat 0  90%;
		background-size:contain;

 }
#mainVisual .visual04 { 
	background:url("../images/main/main_img04.png") no-repeat 0  90%;
		background-size:contain;

 }
 #mainVisual .swiper-slide .inner .txt1{
	color: #000;
	font-size: 30px;
	padding-left:5px;
	letter-spacing: 0px;
	font-weight: 600;
	opacity:1;
}

#mainVisual .swiper-slide .inner .txt2{
	color: #000;
	font-size: 14px;
	padding-left:5px;
	font-weight: 300;
	line-height:110%;
	opacity:1;
}
#mainVisual .visual01.swiper-slide .inner .txt1{
	color: #000;
	font-size: 30px;
	padding-left:5px;
	letter-spacing: 0px;
	font-weight: 600;
	padding-top:-20px;
	opacity:0;
}

#mainVisual .visual01.swiper-slide .inner .txt2{
	color: #000;
	font-size: 14px;
	padding-left:5px;
	font-weight: 300;
	line-height:110%;
	padding-top:-20px;
	opacity:0;
}

#mainContants .container{
padding: 0px 0;
padding-top:10px;
width: 100%;
}
#mainContants {
	width: 100%;
	padding-bottom: 5px;
}
#mainContants .container h2 {
    font-size: 26px;
    color: #000;
    letter-spacing: -0.5px;
	text-align:center;
}
#mainContants .container > a{
	
	width:47%;
	height:200px;
}
#mainContants .container dt.top_txt{
	
		font-size: 1.4em;
			line-height:110%;
}
#mainContants .container dd.sub_txt{
font-size: 14px;
}

}