@charset "utf-8";
/* CSS Document */
/* -------------------------------------------- Basic Setting */	
body{
	font: 14px/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
	margin:0;
	color:#313131;
	width: 100%;
	max-width: 100%;	
	background: url('img/back.jpg') repeat top center;
}
/*--
a{
    color:blue;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:visited{
    color:blue;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #F5A862;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
--*/
section#btn {margin-top: 4em;}
section#btn p {text-align: center;}

@media screen and (min-width: 768px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
  
   p#tex_messege {width: 600px; margin: 0 auto;}
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
    p#tex_messege{width: 90%; margin: 0 auto;}
    
    section#btn p img{max-width: 514px;
    max-width: 100%;}
}




/* --------------------------------------------  */
.spRelease {
	margin: 80px auto 20px;	
	padding-top:40px;
}
@media screen and (max-width: 767px) {
	.spRelease {
		padding-top:40px;
		padding-bottom:20px;
	}
}

.container {
  width: 1000px;
  margin: 0 auto;
}

.container img {
	width:100%;
	margin:0 0 40px 0;
}

.apply {
	margin:20px auto;
	text-align:center;	
}

.apply a {
	display:inline-block;
	padding:20px 60px;
	background-color:#99793a;
	color:#ffffff;
	font-size:1.4em;
	font-weight:bold;
	border-radius:30px;	
	text-decoration:none;
	transition: all 0.5s;
}

.apply a:hover {
	opacity:.5;
}

@media screen and (max-width: 767px) {
  .container {
    width: 100%;
    padding: 0 15px;
  }
	.container img {
		width:96%;
		margin:0 auto 40px;
	}
}

/* -------------------------------------------- Footer */	
footer {
	width:100%;
	height:100px;
	background-color:#ffffff; 
	text-align:center;
}
ul.fNav {
	width:240px;
	margin:0 auto;
	padding:70px 0 30px 0;
}
ul.fNav li{
	float:left;
	margin:0 15px 0 0;
	color:#313131
	
}
ul.fNav li a{
	color:#313131
}
ul.fNav li a:hover{	
	color:#666666;
}
p {
	clear:both;
}


