/*--------------------------------------------------------------------------------------------------
plan_same
--------------------------------------------------------------------------------------------------*/
#plan_titles{
  width 100%;
}

#plan_titles h2{
  font-size: 60px;
  margin-bottom: 10px;
  text-align: center;
}

#plan_titles h2 p{
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff;
  background: #c30d22;
  line-height: 26px;
  padding: 12px;
  margin-right: 10px;
}

#plan_titles h2 p span{
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
}

#plan_titles .plan_sub_tit{
  width: 100%;
  font-size: 30px;
  font-weight: bold;
  color: #036eb8;
  text-align: center;
  margin-bottom: 30px;
}

.paint_data h4,
#oil_element h4{
  clear: both;
  font-size: 30px;
  background: #172987;
  padding: 10px 0;
  color: #fff;
  text-align: center;
}

.paint_data .paint_price,
.oe_data .oe_price{
  border: 1px solid #172987;
}

.paint_data .paint_price dl,
.oe_data .oe_price dl{
  float: left;
  border: 1px solid #172987;
  margin-bottom: 50px;
}

.paint_data .paint_price dl dt,
.paint_data .paint_price dl dd,
.oe_data .oe_price dl dt,
.oe_data .oe_price dl dd{
  padding: 10px 0;
  text-align: center;
}

.paint_data .paint_price dl dt,
.oe_data .oe_price dl dt{
  background: #00A0E8;
  color: #fff;
  font-size: 22px;
}

.paint_data .paint_price dl dd,
.oe_data .oe_price dl dd{
  font-size: 22px;
  font-weight: bold;
}

.paint_data .paint_price .pp dd,
.oe_data .oe_price .oep_a{
  font-size: 22px;
  color: #c30d22;
}


/*-----sp_cording-----*/


@media only screen and (max-width: 1300px) and (max-width: 786px){
  #plan,
  #paint,
  #oil_element,
  #security{
    width: 95%;
    padding: 0;
    margin: 30px 2.5%;
    text-align: left;
  }

  #plan_titles h2{
    font-size: 30px;
  }

  #plan_titles h2 p{
    margin: 0 40%;
  }

  #paint .paint_data h4,
  #oil_element h4{
    font-size: 20px;
    padding: 5px;
    text-align: left;
  }

}


/*-----sp_cording_end-----*/


/*--------------------------------------------------------------------------------------------------
plan
--------------------------------------------------------------------------------------------------*/
.plan_info{
  width: 90%;
  margin: 0 5% 30px;
  text-align: left;
}


/*plan_list*/

.plan_list{
  width: 90%;
  margin: 0 5% 30px;
  overflow: hidden;
}

.plan_list_box{
  width: 100%;
}

.plan_list_title p,
.plan_list_title h3{
  float: left;
}

.plan_list_title p{
  width: 15%;
  height: 35px;
  background: #ea5414;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.plan_list_title h3{
  width: 85%;
  height: 35px;
  font-size: 26px;
  line-height: 35px;
  color: #fff;
  padding: 0 20px;
  text-align: left;
  font-weight: bold;
}

#plan .plan_list .plan_image{
  width: 50%;
  float: left;
}

#plan .plan_list .plan_data{
  width: 50%;
  float: right;
}

#plan .plan_list dl .plan_data_a,
#plan .plan_list dl .plan_data_b,
#plan .plan_list dl .plan_data_c{
  padding: 20px;
  background: #fffcdc;
}

#plan .plan_list dl .plan_data_a{
  height: 180px;
  text-align: left;
}

#plan .plan_list dl .plan_data_b{
  padding: 0 20px;
}

#plan .plan_list dl .plan_data_c p{
  padding: 10px 0;
  text-align: center;
}

#plan .plan_list dl .plan_data_b ul{
  height: 60px;
  /*background: #fff;*/
  border-radius: 10px;
}

#plan .plan_list dl .plan_data_b ul li{
  float: left;
}

#plan .plan_list dl .plan_data_b ul .pd_b_a{
  width: 20%;
  line-height: 60px;
  font-size: 22px;
  font-weight: bold;
}

#plan .plan_list dl .plan_data_b ul .pd_b_b{
  width: 60%;
  font-size: 26px;
  font-weight: bold;
  line-height: 60px;
}

#plan .plan_list dl .plan_data_b ul .pd_b_c{
  width: 20%;
}

#plan .plan_list dl .plan_data_b ul .pd_b_b span,
#plan .plan_list dl .plan_data_b ul .pd_b_d span{
  font-size: 34px;
  font-weight: bold;
  line-height: 60px;
  color: #c30d22;
}

#plan .plan_list dl .plan_data_b ul .pd_b_d,
#plan .plan_list dl .plan_data_b ul .pd_b_e{
  width: 80%;
}

#plan .plan_list dl .plan_data_b ul .pd_b_e span{
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  color: #c30d22;
}


/*-----sp_cording-----*/


@media only screen and (max-width: 1300px) and (max-width: 786px){
  .plan_info{
    width: 100%;
    margin: 30px 0;
    text-align: left;
  }

  /*plan_list*/

  .plan_list{
    width: 100%;
    margin: 0 0 30px;
  }

  .plan_list_title p{
    width: 20%;
  }

  .plan_list_title h3{
    width: 80%;
    font-size: 20px;
  }

  #plan .plan_list .plan_image{
    width: 100%;
    float: none;
  }

  #plan .plan_list .plan_data{
    width: 100%;
    float: none;
  }

  #plan .plan_list dl .plan_data_b ul .pd_b_a,
  #plan .plan_list dl .plan_data_b ul .pd_b_c,
  #plan .plan_list dl .plan_data_b ul .pd_b_b,
  #plan .plan_list dl .plan_data_b ul .pd_b_d,
  #plan .plan_list dl .plan_data_b ul .pd_b_e{
    text-align: center;
  }

  #plan .plan_list dl .plan_data_b ul .pd_b_e span{
    font-size: 18px;
  }
}


/*-----sp_cording_end-----*/


/*--------------------------------------------------------------------------------------------------
paint
--------------------------------------------------------------------------------------------------*/
/*paint_title*/

.paint_title{
  width: 100%;
  height: 100px;
  margin-top: 50px;
}

.paint_title dl,
.paint_title dl h2{
  float: left;
}

.paint_title dl{
  width: 34%;
  font-weight: bold;
}

.paint_title dl dt{
  font-size: 48px;
  height: 70px;
}

.paint_title dl dd{
  font-size: 24px;
  height: 30px;
  color: #036eb8;
}

.paint_title h3 span{
  width: 11%;
  font-size: 100px;
  font-weight: bold;
  line-height: 100px;
}


/*paint_data*/

.paint_data{
  clear: both;
  text-align: center;
}

.paint_data h4{
  clear: both;
  font-size: 30px;
  background: #172987;
  padding: 10px 0;
  color: #fff;
}

.paint_data .paint_image img{
  width: 33.3%;
  float: left;
}

.paint_data p{
  font-size: 48px;
  font-weight: bold;
  padding: 30px 0;
  clear: both;
}

.paint_data p span{
  font-size: 48px;
  font-weight: bold;
  color: #c30d22;
}

.paint_data .paint_before,
.paint_data .paint_after{
  float: left;
}

.paint_data .paint_before dt,
.paint_data .paint_after dt{
  font-size: 48px;
  border: 2px solid #3e3a39;
}


.paint_data .paint_before{
  background: #3e3a39;
  color: #fff;
}

.paint_data .paint_after{
  color: #3e3a39;
}

.paint_data .paint_rame img{
  width: 25%;
  float: left;
}


.paint_data .paint_price dl{
  width: 16.66%;
}


.paint_data .paint_price .pp dt{
  background: #c30d22;
  color: #fff;
  font-size: 22px;
}

.paint_data .paint_price .pp dd{
  font-size: 22px;
}


/*-----sp_cording-----*/


@media only screen and (max-width: 1300px) and (max-width: 786px){
  .paint_title{
    width: 100%;
    height: max-content;
    margin: 30px 0;
  }

  .paint_title dl,
  .paint_title dl h2{
    float: none;
  }

  .paint_title dl{
    width: 100%;
    text-align: center;
  }

  .paint_title dl dt{
    font-size: 34px;
    height: auto;
  }

  .paint_title dl dd{
    font-size: 24px;
  }

  .paint_title h3 span{
    width: 16.6%;
    font-size: 52px;
    line-height: 50px;
  }


  /*paint_data*/

  .paint_data p{
    font-size: 18px;
  }

  .paint_data p span{
    font-size: 18px;
  }

  .paint_data .paint_before,
  .paint_data .paint_after{
    width: 50%;
    float: left;
  }

  .paint_data .paint_before dd img,
  .paint_data .paint_after dd img{
    width: 100%;
  }


  .paint_data .paint_rame img{
    width: 50%;
    float: left;
  }


  .paint_data .paint_price dl{
    width: 100%;
    margin-bottom: 0px;
  }


  .paint_data .paint_price dt,
  .paint_data .paint_price dd{
    width: 50%;
    float: left;
  }
}


/*-----sp_cording_end-----*/


/*--------------------------------------------------------------------------------------------------
oil_element
--------------------------------------------------------------------------------------------------*/
.oe_info{
  padding: 30px 0;
}

.oe_info img{
  width: 20%;
  margin-top: 50px;
  float: right;
}

.oe_info .oe_data{
  width: 75%;
  float: left;
}

.oe_info .oe_data p{
  text-indent: 1em;
  padding-bottom: 20px;
}

.oe_info .oe_price dl{
  width: 33.33%;
}

#oil_element ul{
  clear: both;
  color: #c30d22;
}


/*-----sp_cording-----*/


@media only screen and (max-width: 1300px) and (max-width: 786px){
  #oil_element img{
    width: 100%;
  }

  .oe_info img{
    display: none;
  }

  .oe_info .oe_data{
    width: 100%;
    float: none;
  }

  .oe_info .oe_price dl{
    width: 100%;
    margin-bottom: 0;
  }

  .oe_info .oe_price dl dt{
    width: 30%;
    float: left;
  }

  .oe_info .oe_price dl dd{
    width: 70%;
    float: right;
  }

  #oil_element ul{
    clear: both;
    padding-top: 30px;
  }
}


/*-----sp_cording_end-----*/

/*--------------------------------------------------------------------------------------------------
security
--------------------------------------------------------------------------------------------------*/
#security h3{
  padding: 10px 20px;
  text-align: left;
  margin-bottom: 20px;
  clear: both;
}

#security ul,
.security_a,
.security_b{
  width: 90%;
  margin: 20px 5% 30px;
  overflow: hidden;
}

#security ul{
  text-align: left;
}

/*--------------------------------------------------------------------------------------------------
security_a security_b
--------------------------------------------------------------------------------------------------*/
.security_a dl{
  float: left;
  overflow: hidden;
}

.security_b{
  border-right: 1px solid #036eb8;
}

.security_a dl dt,
.security_b dt{
  background: #036eb8;
  color: #fff;
  text-align: center;
}

.security_b dt{
  width: 100%;
}

.security_b dd{
  width: 25%;
  height: 30px;
  line-height: 30px;
  border-left: 1px solid #036eb8;
  border-bottom: 1px solid #036eb8;
  float: left;
}

.security_a .sec_a,
.security_a .sec_b{
  width: 25%;
}

.security_a .sec_c{
  width: 50%;
  border-right: 1px solid #036eb8;
}

.security_a .sec_a dd{
  height: 30px;
  line-height: 30px;
}

.security_a .sec_b dd{
  line-height: 90px;
}

.security_a .sec_b dd,
.security_a .sec_c dd{
  height: 90px;
}

.security_a .sec_a dd,
.security_a .sec_b dd,
.security_a .sec_c dd{
  border-left: 1px solid #036eb8;
  border-bottom: 1px solid #036eb8;
}


@media only screen and (max-width: 1300px) and (max-width: 786px){
  #security ul li{
    margin-bottom: 20px;
  }

  #security ul,
  .security_a,
  .security_b{
    width: 100%;
    margin: 20px 0 30px;
  }

  .security_a dl{
    float: none;
    border-right: 1px solid #036eb8;
  }

  .security_a .sec_a,
  .security_a .sec_b,
  .security_a .sec_c{
    width: 100%;
  }

  .security_a .sec_a dd,
  .security_a .sec_b dd,
  .security_a .sec_c dd{
    width: 100%;
    height: auto;
    border-bottom: 1px solid #036eb8;
    padding: 10px;
  }

  .security_b dd{
    width: 50%;
    height: auto;
    padding: 10px;
  }
}


/*-----sp_cording_end-----*/