@charset "utf-8";
/* equipment.css
*************************/
#flow {
position:relative;
}
#side_content {
width:25%;
position:absolute;
top:0;
left:0;
}
#main_content {
width:76%;
max-width:690px;
float:right;
}
p.lead {
letter-spacing:0;
font-size:15px;
line-height:2em;
margin:30px 0 0;
}
#main_content h2 { margin:0 0 40px; }
#main_content  .grid {letter-spacing:0;}
#main_content  .grid ul li{
margin:0 0 0 1em;
text-indent:-1em;
line-height:2em;
}
#main_content .box {
padding:0 0 40px;
background:url(../img/flow/bg_glay.gif) bottom no-repeat;
}
#main_content .nobg {
background:none;
}
#main_content .box .inner{
border:solid 10px #ebe9e9;
padding:20px 30px;
position:relative;
margin:0;
}
#main_content .box p.no {
position:absolute;
top:-25px;
left:-25px;
}
#main_content .box p.title {
font-size:16px;
font-weight:bold;
margin:0 0 15px;
}
#main_content .box p a{
color:#00246f;
text-decoration:underline;
}
#main_content .box p a:hover{text-decoration:none;}
#main_content h3{
width:100%;
padding:0 0 15px;
margin: 0 0 30px;
border-bottom:5px solid #ccc;
position:relative;
}
#main_content #col1 {
margin:0 0 50px;
}
#main_content #col2 p{
line-height:2em;
margin:0 0 40px;
}
#main_content #col2 p.ban{
line-height:0;
width:45%;
padding:0 3% 0 0;
}
#bottom_content {
display:none;
}
#contact_banner_sp{ display:none; }
#main_content .nobg .inner {
background:#EBE9E9;
padding:0;
}
#main_content .box .min-box,#main_content .box .min-box2 {
width:48%;
background:#fff;
padding:25px 10px;
margin:0 1%;
}
#main_content .box .min-box2 {margin:0 0 0 1%;}
@media only screen and (max-width:960px) {
#side_content {
display:none;
}
#main_content {
width:100%;
float:none;
margin:0 auto;
}
#contact_banner_sp{
width:90%;
margin:40px auto 0;
display:block;
}
#contact_banner_sp .inner{
width:90%;
max-width: 635px;
padding: 20px 0;
margin: 0 0 20px;
background:#fff;
border:1px solid #ccc;
}
#contact_banner_sp .inner p.lead{
float: left;
width: 61%;
margin: 0 0 0 2%;
}
#contact_banner_sp .inner p.btn_contact {
float: right;
width: 35%;
padding: 15px 0 0;
margin-right:2%;
}
#main_content box.nobg {
	padding-bottom:0;
}
#main_content .box .min-box,#main_content .box .min-box2 {
width:100%;
background:#fff;
padding:25px 10px;
margin:0 0 10px;
}
#main_content .box .min-box2 {
	margin:0;
}
}
@media only screen and (max-width:640px) {
#main_content #content_nav li{
width:100%;
}
#main_content .item {
width:100%;
}
#main_content .list {
width:100%;
}
#main_content #cat4 .pic{
width:100%;
margin:0 0 10px;
}
#main_content #cat4 div.text {
padding:0 ;
width:100%;
}
}