@charset "utf-8";




#headerPop{
	position:relative !important;
	height:auto !important;
	padding-bottom:20px;
}
#pop #spMenuBox{
	display:none;
}
h1{
	float:left;
	width:56%;
	max-width:500px;
	margin-top:10px
}
h1 a img{
	float:left;
	max-width: 100%;
}
#pop{
	max-width:860px !important;
	max-width:100% !important;
}
#hBtnBoxPop{
	width:50%;
	float:right;
	max-width:318px !important;
	max-width:358px !important;
	margin-top:10px;
}
#hBtnBoxPop p{
	float:left;
	width:33.3333333%;	
	width:25%;
	padding:0px;
	margin:0;
}
#hBtnBoxPop p:last-child{
  margin-right: 0;
}
#hBtnBoxPop p img{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:106px !important;
}
.innerPop{
	width:100%;
	max-width:826px;
	min-width:320px;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
#footerBox{
	max-width:100%;
	min-width:320px;
}
.btnPop{
	max-width:518px;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
}
.btnPop li{
	width:50%;
}
.btnPop li a{
	width:96%;
	max-width:227px;
	margin-left:auto;
	margin-right:auto;
}
.btnPop li a img{
	width:100%;
}

.contentsBg{
/*	background:url(../images/common/back.jpg) center top repeat;*/
	position:relative;
	padding-top: 20px;
	padding-bottom: 40px;
}
#footerBox{
	margin-top: 0;
}

#externalLogo{
	display:flex;
	justify-content:center;
}

#externalLogo li img{ width:100%;}/* 
#externalLogo li:nth-child(4){	width:23.4375%;}
#externalLogo li:nth-child(3){	width:18.125%;}
#externalLogo li:nth-child(2){	width:28.125%;}
#externalLogo li:nth-child(1){	width:30.3125%;} */
#externalLogo li:nth-child(3){	width:23.4375%;}
#externalLogo li:nth-child(2){	width:18.125%;}

#externalLogo li:nth-child(1){	width:30.3125%;}

@media only screen and (max-width:800px){
#headerPop h1{
  width: 40%;
}

#hBtnBoxPop{
/*	width:30%;*/
  width: 100%;
	max-width:initial !important;
}
#hBtnBoxPop p img{
	max-width:90% !important;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
}

@media only screen and (max-width:520px){
#headerPop h1{
  width: 100%;
}

#hBtnBoxPop{
/*	width:30%;*/
  width: 100%;
  float: left;
}
#hBtnBoxPop p:last-child{
  margin-right: auto;
}

#spGoogleMap,.spGoogleMap {
	display: block;
	top: 0px;
	right: 0px;
	margin-top: 4px;
	z-index: 999;
}

#spGoogleMap img,
.spGoogleMap img { width:100%; }
	
}


@media print{
  #externalLogo li{width:25%;}
}
