@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	font-family: "Meiryo UI","メイリオ","Meiryo","游ゴシック","YuGothic",sans-serif;
	}
/** Body Gradation **/
body {
	-webkit-text-size-adjust: 100%;
}
.gradation {
	background: linear-gradient(180deg, #6E6E6E, #FFFFFF);
}
#top {
	height: 50px;
	background-color: #CC0000;
}
#top_container {
	height:50px;
	width: 1200px;
	/*text-align: center;*/
	margin: 0px auto 0px auto;
	background-color: #CC0000;
	padding: 0px 0px 0px 0px;
}
#menu {
	height: 50px;
	width: 1200px;
	/*width: 100%;*/	
	position: fixed;
	display: flex;
	z-index: 1002;
	background-color: #CC0000;
}
.marquee {
	background-color:#CC0000;
	width: 300px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	color:#FFF;
	line-height: 50px;
}
.marquee a {
	color:#FFF;
	text-decoration:none;
}
#main_container {
	height: auto;
	width: 1200px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background: radial-gradient(ellipse farthest-side, #E4E4E4, #FFFFFF);
}
#logo {
	height: 200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #CCC;
	display:block;
	border-bottom: #CC0000 3px solid;
}
#headline {
	display: none;
}
img.logo {
	width: 200px;
	height: 200px;
	float:left;
	border:none;
	margin-left: 20px;
}
h1.title {
	color: #000;
	position:absolute;
	text-align:center;
	z-index:100;
	top:50px;
	left:50%;
	transform: translateX(-50%);
	text-align:center;
}
h1.warning-1 {
	color: #FF0;
	position:absolute;
	z-index:100;
	top: 110px;
	left:50%;
	transform: translateX(-50%);
	text-align:center;
}
.caution {
	color:#FF0;
	padding-top: 5px;
}
.choice {
	color:#009;
	padding-top: 5px;
}
.heads-up {
	color:#CC0000;
	padding-top: 5px;
}
/*----------------------------------------------------------------------------*/
/*------------------------- Main Content -------------------------------------*/
/*----------------------------------------------------------------------------*/
#main-text {
	width: 100%;
	height: auto;
	/*border-bottom-right-radius:10px; 
	border-bottom-left-radius:10px;*/

}
/*----------------------------------------------------------------------------*/
/*------------------------- Footer -------------------------------------------*/
/*----------------------------------------------------------------------------*/
#footer {
	background-color:#006;
	height: 160px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#footer p {
	font-size: 12px;
	color: #FFF;
	padding: 0px;
	line-height: 20px;
}
#address_left {
	float: left;
	height: 140px;
	width: 350px;
	margin-top: 20px;
	margin-left: 20px;
	padding-bottom:10px;
}
#firm_center {
	text-align: center;
	height: 140px;
	width: 410px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	float: left;
}
#address_right {
	float: right;
	height: 140px;
	width: 330px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 0px;
	text-align: right;
	padding-bottom:10px;
}
.tel-number a {
	color:#FFF;
	text-decoration: none;
}
@media screen and (max-width: 1024px){
	#top_container {
		width: 100%;
	}
	#menu {
		width: 100%;
	}
	#main_container {
		width: 100%;
		/*position:absolute;
		top: 50px;
		left: 0px;*/
	}
	#logo {
		height: 130px;
		width: 100%;
	}
	img.logo {
		height: 130px;
		width: 130px;
		
	}
	h1.title {
		font-size: 24px;
		top:30px;
		left:50%;
		transform: translateX(-50%);
		text-align:center;
	}
	h1.warning-1 {
		font-size: 24px;
		top: 70px;
		left:50%;
		transform: translateX(-50%);
		text-align:center;
	}
	#menu_container {
		display:none;
	}
	#menu_content {
		display:none;
	}
	ul.menu li {
	padding:10px 15px;
	}
	#main-text {
		width: 100%;
		/*border-top:2px solid #CC0000;*/
	}
	#footer {
	width: 100%;
	}
	#address_left {
	width: 35%;
	}
	#firm_center {
	width: 30%;
	}
	#address_right {
		width: 25%;
	}
}	
@media screen and (max-width: 480px) {
	#top {
		height: 35px;
		width: 100%;
	}
	#menu {
		height: 35px;
		width: 100%;
	}
	#top_container {
		width: 100%;
		height: 35px;
	}
	.marquee {
		line-height: 35px;
		height: 35px;
	}
	#main_container {
		width: 100%;
	}
	#logo {
		/*display: none;*/
		margin-top: 0;
		width: 100%;
		height: 100px;
		position: relative;
		/*top: -15px;
		border-bottom: #CC0000 2px solid;*/
	}
	img.logo {
		display: none;
		/*width: 20%;
		height:80px;*/
		
	}
	h1.title {
		font-size:20px;
		top: 22px;
		/*left: 50%;
		left: 10px;*/
		width: 100%;
		/*transform: translateX(-50%);
		text-align:center;
		position:absolute;*/
	}
	h1.warning-1 {
		font-size: 18px;
		top: 55px;
		width: 100%;
		/*left:50%;
		transform: translateX(-50%);
		text-align:center;*/
	}
	#menu_container {
		display:none;
	}
	#menu_content {
		display:none;
	}
	#main-text {
		width: 100%;
	}
	#footer {
		width: 100%;
	}
	#footer p {
		font-size: 10px;
		line-height: 18px;
	}
	#address_left {
		width: 70%;
	}
	#firm_center {
		display:none;
	}
	#address_right {
		width: 40%;
		display:none;
	}
	
}