@charset:UTF-8;

■リセット
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
/*	outline: 0;*/
}

html{
	height:100%;
/*	font-size: 62.5%;*/
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1;
	width: 100%;
}

img{
	margin: 0;
	padding: 0;
	border: none;
}
.text{
font-size: 30px;
line-height: 50px;
padding: 20px;
}

hr{
	margin: 0 50px;
   border-width: 5px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: black;   /* 線色 */
   height: 1px;
   padding: 20px;
   }

a:hover{
	opacity: 0.7;
}

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

h1 img{
	width: 100%;
	margin-bottom: -20px;
}

header p {
	background: #b70012;
	color: #fff;
	margin: 0px;
	font-size: 17px;
	text-align: center;
}


/*-----------------
	yokohama1
-----------------*/

#lavie{
	background: #fff;
}

#lavie img{
	width: 100%;
}

/*-----------------
	campaing
-----------------*/
#campaing{
	margin: -5px 0;
}

#campaing img{
	width: 100%;
}

.cp_btn p{
	width: 33%;
	float: left;
}
.cp_btn_y p{
	margin: 20px 0;
}
.cp_btn p img{
	width: 100%;
}
/*-----------------
	opening
-----------------*/
.opening{
	margin: -10px 0;
}

.opening img{
	margin: -1px;
	width: 100%;
	display:  block;
}
#op_inner{
	width: 90%;
	margin:0 auto;
}
.op_btn p{
	width: 20%;
	float: left;
}
.op_btn_y p{
	margin: 20px 0;
	width:32%;
	float: left;
}
#btn_op02{
	margin: 20px 1%;
}


/*-----------------
	opening
-----------------*/
.opening_staff{
	margin: 20px 0;
}
.op_title{
	padding: 20px;
	padding-bottom: 0;
}


/*-----------------
	story
-----------------*/
.story{
	padding: 40px 20px;
	background: #ffc800;
}

.story img{
	width: 100%;
	vertical-align: bottom;
}
.inner{
	width: 90%;
	margin:0 auto;
	background: #000;
	color: #fff;
}
/*-----------------
	story
-----------------*/
#whatisgoldman{
	padding: 10px;
	background: #fff;
}

#whatisgoldman img{
	width: 100%;
	vertical-align: bottom;
}


/*-----------------
	Contact
-----------------*/
.co_title img{
	width: 100%;
}
.co_btn{
	padding:0;
}
.co_btn p {
	float: left;
}
.co_btn p img{
	width: 100%;
}

.co_line{
	width:30%;
}
.co_tel{
	width:35%;
}
.co_mail{
	width:35%;
}
.co_btn2{
	padding:0;
	margin: 0 auto;
}
.co_btn2 p {
	float: left;
}
.co_btn2 p img{
	width: 100%;
}

.co_inst{
	width:15%;
}
.co_blg{
	width:16%;
}
.co_lineat{
	width:15%;
}

/*
.co_free{
	width:34.4%;
}
*/

/*-----------------
	#campaing01
-----------------*/

#campaing01{
	background-color:#fff;

}
#campaing01 img{
	width: 100%;
}

.bigin{
	width: 100%;
	background-image: url(../images/bg_cpn01.jpg);
	background-size: cover;
}

#campaing01 h2 img{
	width: 100%;	
}
.cp_contact{
	padding: 20px 0;
}
.cp_contact img{
	width: 100%
}

.con01{
	width: 100%;
	background-size: cover;
}
.con02{
	width: 100%;
	background-image: url(../images/bg_co2.jpg);
	background-size: cover;
}
.con03{
	width: 100%;
	background-image: url(../images/bg_co3.jpg);
	background-size: cover;
}
.con04{
	width: 100%;
	background-image: url(../images/bg_co4.jpg);
	background-size: cover;
}


/*-----------------
	#campaing02
-----------------*/
#campaing02{
	width: 100%;
	background-color:#fff;
}
#campaing02 img{
	width: 100%;
}

#campaing02 h2 img{
	width: 100%;
}
.pro{
	width: 100%;
	background-image: url(../images/bg_cpn02.jpg);
	background-size: cover;
}


/*-----------------
	#campaing02
-----------------*/
#recruit{
	width: 100%;
	background-color:#fff;
	padding-bottom: 5%;
}
#recruit img{
	width: 100%;
}

#recruit h2 img{
	width: 100%;
}
.rec{
	width: 100%;
	background-image: url(../images/bg_rec.jpg);
	background-size: cover;
}





.border{
	height: 10px;
	background-color: #fff;
	color: #000;
	margin-top: -5px;
	position: relative;
	z-index: 10;
}

.center{
	width: 91.6%;
	margin-left: auto;
	margin-right: auto;
}

.center h4{
	margin-top: 2%;
	width: 37.6%;
}

.center p{
	line-height: 1.2;
}


@media screen and (max-width: 960px) {
#requirements{
	font-size: 3vw;
}
}
/*-----------------
	info_aihonten
-----------------*/

#info_gd{
	background-color:#ffc800;
}

#info_gd img{
	width: 100%;
	vertical-align: bottom;
}




/*-----------------
	info_gd
-----------------*/
#info_goldman{
	background-color:#e8e0c8;
}
#info_goldman img{
	width: 100%;
}




/*-----------------
	Footer
-----------------*/
footer{
	background-color:#e10012;
	color: #fff;
	padding: 2%;
	font-size: 18px;
}

footer img{
	width: 100%;
}

#address{
	text-align: center;
}

.copy{
	width: 100%;
	text-align: center;
	color: #000;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding:1% 0 ;
}

.fixed_btn
{
  position: fixed;
  bottom: 10px; 
  right: 10px;
  width: 100%;
  height: 100%;
  max-width: 260px;
  max-height: 75px;
  margin:5% 0% 5% 0%;
}


/*------------
 clearfix
--------------*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */