@charset "UTF-8";

body{
	background-color:#FFFFFF;
	min-width:960px;
	font: 13px/26px 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color:#363636;
	overflow-x:hidden;
}
*{
   margin : 0;
   padding : 0;
}
a{
	text-decoration:none;
}
a img {border-style:none;}

/*------------------------*/

.header_div{
	position:fixed;
	top:0px;
	left:0px;
	z-index:2000;
}

.header_ul{
	position:relative;
	width:100vw;
	height:57px;
	list-style:none;
	background-image:url(../image/header_base2.png);
}
.header_logo{
	position:absolute;
	top:13px;
	left:20px;
}
.header_str{
	position:absolute;
	top:16px;
	left:370px;
}
.header_mes{
	position:absolute;
/*	top:10px; */
	top:3px;
	width:100%;
	left:350px;
/*	text-align:center; */
}
.header_tel{
	position:absolute;
	top:16px;
	right:190px;
/*	right:230px; */
}
.header_bn_contact{
	position:absolute;
	top:13px;
	right:27px;
	cursor:pointer;
}
.header_bn_usa{
	position:absolute;
	top:13px;
	right:186px;
	cursor:pointer;
}
.header_bn_contact img{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.header_bn_contact img:hover{
	filter: brightness(120%);
}
.header_bn_usa img{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.header_bn_usa img:hover{
	filter: brightness(120%);
}
/*----------------------*/
.menuBase{
	width:100%;
	height:45px;
	background-image:url(../image/menu_base.png);
}
.menuUl{
	width:960px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
}
.menuUl li{
	float:left;
	font-size:14px;
	line-height:46px;
}
.menuUl li:nth-child(odd){
	border-left:1px solid #c4c3c3;
	color:#c4c4c4;
	width:1px;
	height:30px;
	margin-top:7px;
}
.menuUl li:nth-child(even){
	position:relative;
	width:190px;  /*157*/
	height:45px;
	display:block;
	cursor:pointer;
	text-align:center;
}
.menuUl li:nth-child(even) a{
	position:relative;
	width:190px;
	height:45px;
	display:block;
	cursor:pointer;
	text-align:center;
}
.menuUl li:nth-child(2),.menuUl li:nth-child(4){
	width:189px;
}
.menuUl li a{
	color:#232323;
}
.bn_menu_back{
	position:fixed;
	display:none;
}

/*--------------TOP SLIDE.ここから------------------*/
.top_imgBg{
	position:relative;
	width:100vw;
	height: 410px;
	overflow:hidden;
	
	margin-top:102px;  /*3px;*/
}

.top_img1{
	position:absolute;
	width:100%;
	height:410px;
}
.top_img1 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:410px;
}
.top_img2{
	position:absolute;
	width:100%;
	height:410px;
	display:none;
}
.top_img2 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:410px;
}
.top_img3{
	position:absolute;
	width:100%;
	height:410px;
	display:none;
}
.top_img3 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:410px;
}
.top_img4{
	position:absolute;
	width:100%;
	height:410px;
	display:none;
}
.top_img4 img{
	width:100%;
	height:auto;
	min-width:1200px;
	min-height:410px;
}
/*----------*/
.top_catch{
	position:absolute;
	top:180px;
	display:none;
}
.top_catch4{
	position:absolute;
	top:139px;
	display:none;
}
.top_catch1{
	width:915px;
	height:auto;
}

/*--------------TOP SLIDE.ここまで------------------*/

.main_tit{
	font-size:19px;
	width:960px;
	height:auto;
	border:1px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:15px;/*115px*/
	/*margin-bottom:71px;*/
}
.dumms{
	width:a00%;
	height:15px;/*71px*/
}

/*-----*/
.tit2{
	width:calc(100% - 8px);
	height: 36px;
	margin-left: 4px;
	background-color: #013d97;
	/* sato 0928
	font-size: 28px;
	*/
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	line-height: 28px;
	padding-top: 40px;/*100px*/
	padding-bottom: 30px;/*added*/
	margin-bottom: 8px;
}
/*-------*/

.bnUl{
	/*width: 960px;*/
	width: 100%;
	/* sato 0928
	height: 278px;
	*/
	height: 223px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}
.bnUl_b{
	margin-top: 4px;
}
.bnUl > li:nth-child(1){
	float: left;
	width: calc(50% - 489px);
	/* sato 9028
	height: 278px;
	*/
	height: 223px;
	background-color: #a2cd64;
	margin-left: 4px;
	margin-right: 4px;
}
.bnUl > li:nth-child(4){
	float: left;
	width: calc(50% - 488px);
	/* sato 0928
	height: 278px;
	*/
	height: 223px;
	background-color: #bfaddf;
	margin-right: 4px;
}
.bnUl > li:nth-child(2),.bnUl li:nth-child(3){
	float: left;
	width: 478px;
	background-color: #92b6ed;
	background-color: #6aa0e4;
	/*background-color:#497ac4;*/
	/*background-color: #013d97;*/
	color: #FFFFFF;
	cursor: pointer;
	/*border:2px solid #013d97;
    box-sizing: border-box;*/
	margin-right: 4px;
}
.bnUl_b > li:nth-child(1){
	background-color: #e2be70;
}
.bnUl_b > li:nth-child(4){
	background-color: #aaccf6;
}
/*.bnUl > li:hover{
	background-color: #98bbf0;
}*/


/*--*/

.bnUl2{
	width: 478px;
	/* sato 0928
	height: 278px;
	*/
	height: 223px;
	list-style: none;
}
.bnUl2 li{
	float: left;
}

.bnUl2 li:nth-child(1){
	float: left;
	width:182px;
	height: auto;
	padding-left: 6px;
	padding-top: 6px;
}
.bnUl2 li:nth-child(1) h1{
	width: 180px;
	/* sato 0928
	height: 90px;
	*/
	height: 60px;
	border: 1px solid #FFFFFF;
	background-color: #a2cd64;
	text-align: center;
	font-size: 32px;
	color: #FFFFFF;
	/* sato 9028
	padding-top: 38px;
	*/
	padding-top: 14px;
	margin-top: -2px;
	
}
.bnUl2b li:nth-child(1) h1{
	background-color: #bfaddf;
}
.bnUl2c li:nth-child(1) h1{
	background-color: #e2be70;
}
.bnUl2d li:nth-child(1) h1{
	/* sato 0928
	background-color: #b8d6fa;
	*/
	background-color: #336098;
}
.bnUl2 li:nth-child(1) h1 span{
	font-size: 18px;
	/*font-weight: normal;*/
}
.bnUl2 li:nth-child(2){
	float: left;
	width:268px;
	height: auto;
	padding-left: 14px;
	padding-top: 24px;
	font-size: 14px;
}
.bnUl2 li:nth-child(2) h2{
	font-size: 17px;
	margin-bottom: 10px;
	/*font-weight:normal;*/
}
.bnUl2 li:nth-child(3){
	float: right;
	width:18px;
	height: auto;
	/*height: 70px;*/
	text-align: center;
	margin-top: -90px;
	vertical-align: top;
}

/*-----*/
.tit3{
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.tit3 h1{
	width: calc(100% - 8px);
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	border: 3px solid #a0c2f5;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	color: #013d97;
}
		



/*--------------SUB.ここから-----------------*/
.subUl{
	width:960px;
	height:auto;
	list-style:none;
	margin-left:auto;
	margin-right:auto;
}
.subUl li{
	float:left;
	margin-right:21px;
}
.subUl li:last-child{
	margin-right:0px;
}

.subUl2{
	
}
.subUl2 li{
	/*font-family: 'M+ Type-2 (general-j) light';*/
	margin-top:-6px;
	width:175px;
	height:175px;
	background-color:#6ea2f0;
	display:block;
	text-align:center;
	font-size:18px;
	/*font-weight:bold;*/
	color:#FFFFFF;
	line-height:170px;
	
}

/*--------------SUB.ここまで-----------------*/

/*-----------------NEWS-----------------*/

.newsBg{
	position:relative;
	margin-top:145px;
	width:100%;
	height:auto;
	display:block;
	background-color:#eeeeee;
	padding-bottom:88px;
	margin-bottom:6px;
}
.newsBg h2{
	font-size:22px;
	font-weight:normal;
	margin-top:25px;
	padding-top:25px;
	width:430px;
	height:38px;
	border-bottom:2px solid #000000;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:68px;
}
.newsDl{
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	line-height:40px;
}
.newsDl p{
	width:960x;
	border-top:1px solid #a3b3d8;
	background-color:#a3b3d8;
	margin-top:2px;
	margin-bottom:2px;
}
.newsDl p:first-child{
	border-top:2px solid #a3b3d8;
}
.newsDl p:last-child{
	border-top:2px solid #a3b3d8;
}
.newsDl dt{
	width:210px;
	height:38px;
	text-align:center;
	float:left;
	background-color:#a3b3d8;
}
.newsDl dd{
	width:700px;
	height:38px;
	float:right;
}
.logo_metal{
	position:absolute;
	top:-39px;
	left:calc(50% - 310px);
}

/*--------------footer---------------*/

footer{
	position:relative;
	width:100%;
	height:auto;
	background-color:#497ac4;
	padding-top:12px;
}
.footer_menu{
	width:100%;
	width:33em;
	height:auto;
	list-style:none;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	color:#FFFFFF;
}
.footer_menu li{
	float:left;
	margin-right:2em;
}
.footer_menu li a{
	color:#FFFFFF;
	cursor:pointer;
}
.footer_menu li:hover{
	text-decoration:underline;
}
.footer_menu li:last-child{
	margin-right:0px;
}
.bn_footer_contact{
	position:absolute;
	top:12px;
	right:16px;
}
.bn_footer_contact img{
	-webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out;
}
.bn_footer_contact img:hover{
	filter: brightness(120%);
}
.logo_footer{
	width:100%;
	height:auto;
	text-align:center;
	margin-top:64px;
}
.footer_str{
	width:100%;
	height:auto;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	text-align:20px;
	margin-top:12px;
}
.footer_str p{
	font-size:24px;
	font-weight:bold;
}
.copyright{
	width:100%;
	height:auto;
	text-align:center;
	font-size:10px;
	margin-top:40px;
	/*margin-bottom:10px;*/
	color:#FFFFFF;
}




/*-----------*/
.pagetop {
	position: fixed;
	bottom: -100px;
	right: 20px;
}

.clears{
	clear:both;
}