@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

body,
#wrap {
	overflow-x:hidden;
}

#container {
	position:relative;
}

#container .wave01 {
	background:url(../image/common/wave001.png) top repeat;
	height:20px;
	width:100%;
	-webkit-animation: bgroop 5s linear infinite;
  animation: bgroop 5s linear infinite;
	position:absolute;
	left:0;
	top:-2px;
	z-index:5;
	opacity:0.5;
}

#container .wave01s {
	background:url(../image/common/wave001.png) top repeat;
	height:20px;
	width:100%;
	-webkit-animation: bgroop 20s linear infinite;
  animation: bgroop 20s linear infinite;
	position:absolute;
	left:0;
	top:-2px;
	z-index:3;
}


#container h2 ul {
	text-align:center;
}

#container h2 ul li {
	display:inline-block;
	margin-right:5px;
}

#container h2 ul li:last-child {
	margin-right:0;
}





/*-------------------------------------------------------------------
	privacy
-------------------------------------------------------------------*/

#privacy {
	line-height:1.8;
}

#privacy dl {
	margin:40px 0 0;
}

#privacy dl dt {
	line-height:1.0;
	font-size:1.3em;
	font-weight:500;
	margin:0 0 15px;
}

#privacy dl dd.mb30 {
	margin-bottom:30px;
}

#privacy dl dd ul li:before {
	content:'●';
	color:#33ccff;
}


#privacy .contbox {
	text-align:center;
	margin:60px 0 0;
}

#privacy .contbox dl {
	display:inline-block;
	text-align:center;
	border:2px solid #33ccff;
	border-radius:7px;
	padding:15px 20px;
	width:510px;
	margin:0;
}

#privacy .contbox dl dt {
	font-size:1.3em;
	font-weight:500;
	line-height:1.0;
	padding:0 0 15px;
	border-bottom:2px solid #33ccff;
	margin-bottom:5px;
}

#privacy .contbox dl dd.tel {
	
	text-align:center;
}

#privacy .contbox dl dd.tel p {
	display:inline-block;
	margin-right:10px;
}

#privacy .contbox dl dd.tel p span {
	font-size:1.6em;
}


#privacy .contbox dl dd.tel p:last-child {
	margin-right:0;
}



/*===============================================
  画面の横幅が1450px以下に適用
===============================================*/
@media screen and (max-width: 1450px) {
	
	
}

/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px) {
	
	
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	
	
	
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	#container h2 ul li {
		margin:0 0 10px;
	}
	
	#container h2 ul li img {
		max-width:40px;
	}
	
	
	#privacy .contbox dl {
		width:auto;
	}
	
	
	#privacy dl dt {
		font-size:1.2em;
	}
	
	#privacy .contbox {
		margin:40px 0 0;
	}

	#privacy .contbox dl {
		display:block;
		padding:3% 5%;
		width:auto;
		margin:0;
	}

	#privacy .contbox dl dt {
		font-size:1.2em;
	}

	#privacy .contbox dl dd.tel {
		font-size:1.4em;
	}

	#privacy .contbox dl dd.tel p {
		display:block;
		margin:0 0 5px;
		text-align:center;
	}
	

	#privacy .contbox dl dd.tel p:last-child {
		margin:0;
	}
	
	#privacy .contbox dl dd.tel a {
		color:#361d05;
	}

}