@charset "utf-8";

.error{
	color:#f00;
	font-weight:bold;
}


#mainvis{
	display:none;
}
#pankuzu li{
	color:#fff !important;
}
#pankuzu li a{
	color:#fff !important;
}
#cfooter{
	display:none;
}
/*---------------*/

#mf1{
	background:#ccc url(../img/inq/ptn1.png) right top no-repeat;
}
#mf1 .mf-inner{
	padding:50px 0;
	position:relative;
	z-index:1;
}
#mf1 h1{
	font-size:2.8em;
	font-weight:bold;
	text-align:center;
	color:#00469b;
	margin:0 0 30px 0 ;
}
#mf1 p{
	font-size:1.25em;
	font-weight:bold;
	text-align:center;
	line-height:1.7em;
	margin:0 0 40px 0 ;
}
#mf1 ul{
	background:#009fe8;
	display:table;
	width:100%;
}
#mf1 ul li{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:2.56em;
	font-weight:bold;
	color:#fff;
	padding:30px 0;
}
#mf2{
	background:#ccc url(../img/inq/ptn2.png) left bottom no-repeat;
}
#mf2 .mf-inner{
	padding:0 0 45px 0;
}
#mf2 dl{
	border-bottom:#fff solid 1px;
	display:table;
	width:100%;
}
#mf2 dl dt,
#mf2 dl dd{
	display:table-cell;
	padding:20px 0;
	vertical-align:middle;
}
#mf2 dl dt{
	width:12em;
	font-size:1.43em;
	font-weight:bold;
	color:#00469b;
	padding-right:30px;
}
#mf2 dl:last-of-type dt{
	vertical-align:top;
}
#mf2 dl dt span{
	background:#e70000;
	float:right;
	color:#fff;
	font-size:0.8em;
	padding:0 3px;
	border-radius:5px;
}

#mf2 input[type="text"],
#mf2 textarea{
	font-size:1.2em;
	border-radius:5px;
	padding:15px;
	border:none;
	width:calc(100% - 30px);
}
#mf2 .sbtn{
	margin:20px 0 0 0;
	text-align:center;
}
#mf2 .sbtn input{
	width:45%;
	margin:0 auto;
	background:#00469b;
	color:#fff;
	border:none;
	border-radius:5px;
	padding:20px 0;
	font-weight:bold;
	font-size:1.3em;
	cursor:pointer;
}
#mf3{
	background:url(../img/inq/ptn3.png) right bottom no-repeat;
}
#mf3 .mf-inner{
	padding:45px 0;
}
#mf3 h2{
	color:#00469b;
	font-size:1.43em;
	font-weight:bold;
	margin:0 0 20px 0;
}
#mf3 .pp{
	background:#fff;
	border:#ccc solid 1px ;
	height:30em;
	overflow:auto;
	padding:20px;
}
#mf3 .pp p{
	margin:0 0 20px 0;
}


@media screen and (max-width: 800px) {
#mf1 .mf-inner{
	padding:50px 20px;
}
#mf1 h1{
	color:#fff;
	position:relative;
	z-index:2;
	text-shadow:0 0 3px rgba(0,0,0,0.7);
}
#mf1 p br{
	display:none;
}
#mf1 ul{
	display:block;
	padding:10px;
	width:auto;
}
#mf1 ul li{
	font-size:2em;
	display:block;
	padding:0;
	line-height:1.5em;
}
#mf1 ul li img{
	max-width:100%;
}
#mf2{
}
#mf2 .mf-inner{
	padding:0 20px 45px 20px;
}
#mf2 dl{
	display:block;
	width:auto;
	padding:20px 0;
}
#mf2 dl dt,
#mf2 dl dd{
	display:block;
	padding:0;
}
#mf2 dl dt{
	width:auto;
	padding:0 0 10px 0;
}
#mf2 dl dt br{
	display:none;
}
#mf2 input[type="text"],
#mf2 textarea{
}
#mf2 .sbtn{
}
#mf2 .sbtn input{
	width:80%;
}



#mf3{
}
#mf3 .mf-inner{
	padding:45px 20px;
}
#mf3 h2{
}
#mf3 .pp{
	height:20em;
}
#mf3 .pp::-webkit-scrollbar{
  width: 10px;
}
#mf3 .pp::-webkit-scrollbar-track{
  background: #ccc;
  border: none;
}
#mf3 .pp::-webkit-scrollbar-thumb{
  background: #aaa;
}

}