@charset "UTF-8";



/* ------------------------------------------

  sec

------------------------------------------ */

@media only screen and (min-width: 780px){
	
/* breadcrumb
----------------------------------------------------------- */	
.breadcrumb {}

/* header
----------------------------------------------------------- */
#header_sec							{ height: 300px;}
#header_sec .top					{ padding: 2% 1% 3% 2%;}
/*#header_sec .top h1*/
#header_sec .top p					{ /*float: left; width: 10%;*/ float: left; width: 1%; height: 106px;}
#header_sec .top ul					{ /*float:right; width: 83%;*/ float:right; width: 95%; padding-top: 18px;}

/*#header_sec .top h1 a*/
#header_sec .top p a				{ /*display: block; width: 93px; height: 106px; background: url(../../img/union/logo.png) no-repeat left top; text-indent: -9999px;*/ display: none;}
#header_sec .top ul li				{ display: inline; padding-right: 25px;}
#header_sec .top ul li:last-child	{ display: inline; padding-right: 0px;}
#header_sec .top ul li a			{ color: #FFF; letter-spacing: 0.05em;
	text-shadow: 0px 0px 12px #000; 
	-moz-text-shadow: 0px 0px 12px #000;
	-webkit-text-shadow: 0px 0px 12px #000;
	}
#header_sec .top ul li a:hover		{ text-decoration: none;}
#header_sec .top ul li.contact a	{ border: #FFF 1px solid; padding: 8px 20px; border-radius: 5px;}

#header_sec .inner					{ width: 100%; height: 100%;}


/* h
----------------------------------------------------------- */
.privacy h1,
.thanks h1{ text-align: center; color: #FFF; font-size: 34px; font-size: 3.4rem; font-weight: normal; line-height: 1.5;}
.privacy h2,
.thanks h2{ color: #111; font-size: 20px; font-size: 2.0rem; border: #333 1px solid; padding: 10px 15px; margin-bottom: 20px;}


.content	 { clear: both; padding-top: 65px;}

/* privacy
----------------------------------------------------------- */
.privacy				{ background: url(../../img/sec/privacy/main_img_privacy.jpg) center top no-repeat;}
.privacy .cont			{ margin: 0 auto; width: 900px; padding-bottom: 20px;}
.privacy .cont p		{ padding: 0px 10px 30px 10px;}

/* thanks
----------------------------------------------------------- */
.thanks					{ background: url(../../img/sec/privacy/main_img_privacy.jpg) center top no-repeat;}
.thanks .cont			{ margin: 0 auto; width: 900px; padding-bottom: 500px;}
.thanks .cont p			{ padding: 0px 10px 30px 10px;}

}

@media only screen and (max-width: 779px){

			/* breadcrumb
			----------------------------------------------------------- */	
			.breadcrumb {}

			/* header
			----------------------------------------------------------- */
			#header_sec							{ height: 200px;}
			#header_sec .top					{ padding: 2% 1% 1% 2%;}
			/*#header_sec .top h1*/
			#header_sec .top p					{ /*float: left; width: 10%;*/ float: left; width: 1%; height: 57px;}
			#header_sec .top ul					{ }

			/*#header_sec .top h1 a*/
			#header_sec .top p a				{ /*display: block; width: 50px; height: 57px; background: url(../../img/union/logo.png) no-repeat left top; text-indent: -9999px; background-size: cover;*/ display: none;}
			#header_sec .top ul li				{ }
			#header_sec .top ul li:last-child	{ }
			#header_sec .top ul li a			{ }
			#header_sec .top ul li a:hover		{ }
			#header_sec .top ul li.contact a	{ }

			#header_sec .inner					{ width: 100%; height: 100%;}


			/* h
			----------------------------------------------------------- */
			.privacy h1,
			.thanks h1{ text-align: center; color: #FFF; font-size: 26px; font-size: 2.6rem; font-weight: normal; line-height: 1.5;}
			.privacy h2,
			.thanks h2{ color: #111; font-size: 18px; font-size: 1.8rem; border: #333 1px solid; padding: 8px 15px 6px 15px; margin-bottom: 20px;}


			.content	 { clear: both; padding-top: 30px;}

			/* privacy
			----------------------------------------------------------- */
			.privacy #header_sec	{ background: url(../../img/sec/privacy/main_img_privacy_sp.jpg) center top no-repeat; background-size: cover; }
			.privacy .cont			{ /*margin: 0 auto; width: 900px;*/ padding-bottom: 20px;}
			.privacy .cont p		{ padding: 0px 10px 30px 10px;}

			/* thanks
			----------------------------------------------------------- */
			.thanks #header_sec		{ background: url(../../img/sec/privacy/main_img_privacy_sp.jpg) center top no-repeat; background-size: cover; }
			.thanks .cont			{ /*margin: 0 auto; width: 900px;*/ padding-bottom: 20px;}
			.thanks .cont p			{ padding: 0px 10px 30px 10px;}
	
}
