@charset "utf-8";

#fv { background: url(../images/service/fv.jpg) center center no-repeat; background-size: cover;}

#service { background: url(../images/index/company-service-bg.jpg); padding: 55px 0 40px;}
#service div { background: #fff; padding: 90px 75px; width: 850px; }
#service h3 { padding: 0 0 55px;}

h3.title { font-size: 30px; font-weight: bold; text-align: center;}

#point { padding: 95px 0 120px; text-align: center; }
#point ul { padding: 90px 0 0; text-align: left;}
#point ul li { background: #0b1d54; min-width: 1000px; max-height: 450px; overflow: hidden;}


#point ul li div { float: left; width: 40%; color: #fff; padding: 40px 5% 40px 5%; }
#point ul li div p { line-height: 180%; max-width: 600px;}
#point ul li div.image { float: left; width: 50%; overflow: hidden; padding:0; text-align: center; vertical-align: middle; }
#point ul li img { width:130%; height: auto; }
#point ul li div h4 { font-size: 23px; font-weight: bold; padding: 0 0 30px;}
#point ul li.second { background: url(../images/service/bg_02.gif);}
#point ul li.second div.image { float: right;}
#point ul li.second div { color: #1a1a1a; }
#point ul li.second div.right { max-width: 600px; float: right; }
p.btn.look { margin: 0 0 120px;}

@media only screen and (max-width:640px){

#fv { background-size: cover;}
#head .head-contact { display: none;}

#service { background-size: 50% auto; padding: 20px 0 30px;}
#service div { background: 100% auto; padding: 20px 5% 40px; width: 84%; }
#service div p { font-size: 13px; }
#service h3 { font-size: 22px; padding: 0 0 20px;}

h3.title { font-size: 20px;}

#point { padding: 30px 0 30px; }
#point p { padding: 0 3%;}
#point ul { padding: 20px 0 0;}
#point ul li { min-width: inherit; max-height: inherit;}

#point ul li div { float: none; width: 90%; padding: 20px 5% 30px; }
#point ul li div.image { float: none; width: 100%;}
#point ul li img { width:100%; height: auto; }
#point ul li div h4 { font-size: 20px; padding: 0 0 15px; text-align: center;}
#point ul li.second { background-size: 50% auto;}
#point ul li.second div.image { float: none;}
p.btn.look { margin: 0 0 30px;}
}