@charset "UTF-8";



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

  global

------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
	}

html {font-size: 62.5%;}
body {font-size: 10px; font-size: 1.0rem;}

body {
	text-align: center;
	font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif, Verdana;
	/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; */
	
	
	background: linear-gradient(#4d9cfe, #FFF);
	}

/* img
-----------------------------------------------------------  */
img {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	vertical-align: bottom;
	}

/* text link
----------------------------------------------------------- */
a:link,
a:visited,
a:active {
	color: #626262;
	text-decoration: none;
	}

a:hover {
	color: #999999;
	text-decoration: none;
	}


/* clearfix
----------------------------------------------------------- */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	
	/* footer 下部余白対策*/
	overflow:hidden;
	line-height:0;
	}

.cf {
	display: inline-block;
	}

/* exlude MacIE5 \*/
*html .cf {
	height: 1%;
	}
.cf {
	display:block;
	}
/* end MacIE5 */

/* h
----------------------------------------------------------- */
h1 {
	margin: 0px;
	padding: 0px;
	}

/* ul li
----------------------------------------------------------- */
li { list-style: none}


/* em
----------------------------------------------------------- */
em {font-style: normal;}

.mb35 { margin-bottom: 35px!important; }

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

/* width
-----------------------------------------------------------  */
.inner,
#gN,
#newsCont,
.contentBlock { margin: 0 auto; width: 1175px;}

/* link move
----------------------------------------------------------- */
/* common */
#hTop ul li a,
#gN .inner li,

/* top */
#newsList .cont dd a,
#newsList .cont .btn,
#formCont .btn input,

/* footer */
#fTopR ul li a {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	cursor: pointer;
	}

/* common */
#hTop ul li a:hover,
#gN .inner li:hover,

/* top */
#newsList .cont dd a:hover,
#newsList .cont .btn:hover,
#formCont .btn input:hover,

/* footer */
#fTopR ul li a:hover {
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	}


/* container
----------------------------------------------------------- */
#container {
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.5;
	color: #333;
	letter-spacing: 0.05em;
	text-align: left;
	
	background-image: url(../../img/union/bg_footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment:fixed;
	}
	

/* header
----------------------------------------------------------- */
#header					{ margin-bottom: 20px;}

/* hTop */
#hTop					{ background-color: #0075c1; color: #FFF; line-height: 40px;}
#hTop p					{ float: left;}
#hTop ul				{ float: right; width: 170px;}
#hTop ul li				{ float: left; }
#hTop ul li:first-child
						{ padding-right: 14px;}
#hTop ul li a			{ color: #FFF;}

/* hMain */
#hMain h1				{ float: left; width: 610px; margin-top: 18px;}
#hMain h1.logo a		{ display: block; width: 610px; height: 102px; background: url(../../img/union/logo.png) no-repeat left top; text-indent: -9999px;}

#hMain p				{ margin-top: 25px;}
#hMain p.tel			{ float: right; width: 392px;}


/* gN
----------------------------------------------------------- */
#gN						{ margin-bottom: 30px;}
#gN .inner				{ clear: both; background-color: #FFF;
							width: 1172px;
							padding: 3px 0px 0px 3px;
							/* border-radius */
							border-radius:3px;
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
							}

#gN .inner li			{ background-color: #e7346e; float: left; width: 290px; text-align: center; margin: 0px 3px 3px 0px;
							font-size: 22px; font-weight: bold; line-height: 62px; letter-spacing: -0.02em;}
#gN .inner li a			{ color: #FFF; display: block;}

/* smaller スクロールリサイズ */
nav.smaller						{ position: fixed; top: 0; left: 50%; margin-left: -590px !important; z-index: 9999;}
nav.smaller .inner li			{ font-size: 15px !important; line-height: 30px !important;}


/* rD
----------------------------------------------------------- */
.rD						{ margin: 0 auto 45px auto; width: 980px;}

/* footer
----------------------------------------------------------- */
#footer					{ /* clear: both; background: url(../../img/union/bg_footer.png) no-repeat center top; */}

#fTop					{ padding: 100px 0px 35px 0px;}

#fTopL					{ float: left; width: 570px;}
#fTopR					{ float:right; width: 605px; padding: 13px 0px 0px 0px;}

/* fTopL */
#fTopL img				{ margin-bottom: 20px;}
#fTopL address			{ font-style: normal;}
#fTopL address p		{ color: #FFF; font-size: 16px;}

/* fTopR */
#fTopR ul				{ float: left; width: 200px;}
#fTopR ul li			{ background: url(../../img/union/icon_arrow_white01.png) no-repeat left 7px; background-size: 5px 5px; padding: 0px 0px 3px 10px;}
#fTopR ul li a			{ color: #FFF;}

/* copyright */
p.copy { clear: both; text-align: center; font-size: 16px; color: #FFF; border-top: #FFF 1px solid; padding: 30px 0px;}


}

@media only screen and (max-width: 779px){

			/* width
			-----------------------------------------------------------  */
			.inner,
			#gN,
			#newsCont,
			.contentBlock { margin: 0 auto; width: 100%;}
			
			/* link move
			----------------------------------------------------------- */
			/* common */
			#hTop ul li a,
			#gN .inner li,
			
			/* top */
			#newsList .cont dd a,
			#newsList .cont .btn,
			#formCont .btn input,
			
			/* footer */
			#fTopR ul li a {
				transition: all 0.5s ease;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				cursor: pointer;
				}
			
			/* common */
			#hTop ul li a:hover,
			#gN .inner li:hover,
			
			/* top */
			#newsList .cont dd a:hover,
			#newsList .cont .btn:hover,
			#formCont .btn input:hover,
			
			/* footer */
			#fTopR ul li a:hover {
				filter: alpha(opacity=50);
				-webkit-opacity: 0.5;
				-moz-opacity: 0.5;
				opacity: 0.5;
				}
			
			
			/* container
			----------------------------------------------------------- */
			#container {
				font-size: 14px; font-size: 1.4rem;
				line-height: 1.5;
				color: #333;
				letter-spacing: 0.05em;
				text-align: left;
				}
			
			#container:before {
				background-image: url(../../img/union/bg_footer.png);
				background-repeat: no-repeat;
				background-position: center bottom;
				background-size: 150%;
				display: block;
				position: fixed;
				top: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				content: "";
				z-index: -1
				}
				
			
			/* header
			----------------------------------------------------------- */
			#header					{ margin-bottom: 20px;}
			
			/* hTop */
			#hTop					{ background-color: #0075c1; color: #FFF; line-height: 40px;}
			#hTop p					{ text-align: center; font-size: 1.1rem;}
			#hTop ul				{ display: none;}
			#hTop ul li				{ }
			#hTop ul li:first-child
									{}
			#hTop ul li a			{}
			
			/* hMain */
			#hMain h1				{ width: 250px; margin: 10px 0px 10px 8px;}
			#hMain h1.logo a		{ display: block; width: 250px; height: 42px; background: url(../../img/union/logo.png) no-repeat left top; background-size: cover; text-indent: -9999px;}
			
			#hMain p				{ margin: 10px 0px 0px 8px;}
			#hMain p.tel			{ }
			#hMain p.tel img		{ width: 280px; height: auto;}
			
			
			/* gN
			----------------------------------------------------------- */
			#gN						{ margin-bottom: 30px;}
			#gN .inner				{ clear: both; background-color: #FFF;
										width: 1172px;
										padding: 3px 0px 0px 3px;
										/* border-radius */
										border-radius:3px;
										-moz-border-radius:3px;
										-webkit-border-radius:3px;
										}
			
			#gN .inner li			{ background-color: #e7346e; float: left; width: 290px; text-align: center; margin: 0px 3px 3px 0px;
										font-size: 2.2rem; font-weight: bold; line-height: 62px; letter-spacing: -0.02em;}
			#gN .inner li a			{ color: #FFF;}
			
			/* smaller スクロールリサイズ */
			nav.smaller						{ }
			nav.smaller .inner li			{ }
			
			
			/* rD
			----------------------------------------------------------- */
			.rD						{ margin: 0 5px 20px 5px;}
			.rD	img					{ width: 100%;}
			
			/* footer
			----------------------------------------------------------- */
			#footer					{ clear: both; background: url(../../img/union/bg_footer.png) no-repeat center top; background-size: 150%; padding-top: 20px;}
			#footer .inner			{ background-color: #23AC38;}
			
			#fTop					{ padding: 0px 10px 15px 10px;}
			
			#fTopL					{ }
			#fTopR					{ padding: 13px 0px 0px 0px;}
			
			/* fTopL */
			#fTopL .ft_logo			{ margin: 0 auto; width: 80%;}
			#fTopL img				{ margin: 10px 0px; width: 100%;}
			#fTopL address			{ font-style: normal;}
			#fTopL address p		{ color: #FFF; font-size: 1.4rem;}
			#fTopL address a		{ color: #FFF;}
			
			/* fTopR */
			#fTopR ul				{ }
			#fTopR ul li			{ float: left; width: 40%; margin-right: 5%; background: url(../../img/union/icon_arrow_white01.png) no-repeat left 7px; background-size: 5px 5px; padding: 0px 0px 3px 10px;}
			#fTopR ul li a			{ color: #FFF;}
			
			/* copyright */
			p.copy { clear: both; text-align: center; font-size: 1.4rem; color: #FFF; border-top: #FFF 1px solid; padding: 10px 0px;}

}