@charset "UTF-8";
/*==========================================
 *■ global
 *==========================================*/
.main__visual{
  background: url(../company/images/bg_slide.png) no-repeat top center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 5% 2%;
  text-align: center;
  font-size: 23px;
  color: #fff;
}
.content{
  padding: 5% 2%;
}
.tt_h3{
  background: url(../company/images/icon1.png) no-repeat left top 4px;
  -webkit-background-size: 13px auto;
  background-size: 13px auto;
  padding-left: 20px;
  font-size: 18px;
  color: #000;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 2px;
  margin-bottom: 3%;
}
.include_link{
  margin-top: 8%;
}
.include_link li{
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  color: #fff;
  position: relative;
}
.include_link li a:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
.include_link li h3{
  text-align: center;
  font-size: 21px;
  font-weight: normal;
  padding: 8% 0 4%;
}
.include_link li.inner01 div{
  position: relative;
}
.include_link li.inner01 div:after{
  content: "";
  background: #021267 url(../common_img/icon1.png) no-repeat right center;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.include_link li.inner02 div{
  position: relative;
}
.include_link li.inner02 div:after{
  content: "";
  background: #c80311 url(../common_img/icon2.png) no-repeat right center;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.include_link li.sec01 div{
  background: #1e3f9e url(../common_img/bg1.png) no-repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 5px 10px 10px;
}
.include_link li.sec02 div{
  background: #f33240 url(../common_img/bg2.png) no-repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 5px 10px 10px;
}
.include_link li.sec03 div{
  background: #1e3f9e url(../common_img/bg3.png) no-repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 5px 10px 10px;
}
.include_link li.sec04 div{
  background: #f33240 url(../common_img/bg4.png) no-repeat top center;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 5px 10px 10px;
}
.inner_include_link .left{
  width: 49%;
  float: left;
}
.inner_include_link .right{
  width: 49%;
  float: right;
}
.inner_include_link .right p{
  background: url(../common_img/bg_link.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  font-size: 18px;
  color: #1e3f9e;
  margin-bottom: 4%;
}
.inner_include_link .right p a{
  color: #1e3f9e;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding: 8% 3%;
  line-height: 1.5;
}
/*==========company========*/
.company_item01 h4{
  color: #0a21a0;
  font-size: 18px;
  margin-bottom: 2%;
}
.company_item02{
  margin-top: 7%;
}
.company_item02 dl{
  border: 1px solid #8e9fce;
}
.company_item02 dt{
  background: #ebf2f7;
  padding: 2%;
  text-align: center;
  font-weight: normal;
  border-bottom: 1px solid #8e9fce;
  font-weight: bold;
}
.company_item02 dd{
  border-bottom: 1px solid #8e9fce;
  padding: 2%;
}
.company_item02 dd:last-child{
  border-bottom: none;
}
/*============*/
.contact a{
  color: #009cff;
}
.contact .banner{
  position: relative;
  margin: 0 -2%;
}
.contact .contact_item{
  margin-top: 5%;
}
.contact .tbl_contact{
  border: 1px solid #8e9fce;
}
.contact .tbl_contact dt{
  border-bottom: 1px solid #8e9fce;
  background: #ebf2f7;
  padding: 2%;
  font-weight: bold;
}
.contact .tbl_contact dd{
  border-bottom: 1px solid #8e9fce;
  padding: 2%;
}
.contact .tbl_contact dd:last-child{
  border-bottom: none;
}
.contact .tbl_contact dt p{
  float: left;
}
.hissu {
  background: #f33240;
  color: #fff;
  font-size: 13px !important;
  font-weight: normal;
  text-align: center;
  border-radius: 4px;
  padding: 0 5px;
  margin-left: 15px;
}
.ninni {
  background: #003be4;
  color: #fff;
  border-radius: 4px;
  font-size: 13px !important;
  font-weight: normal;
  text-align: center;
  padding: 0 5px;
  margin-left: 15px;
}
.list_tbl01 li{
  width: 50%;
  float: left;
  margin-bottom: 10px;
}
.ime_on{
  padding: 5px;
}
#formend{
  text-align: center;
  margin-top: 5%;
}
.btn_form {
  background: #f33240 url(../contact/images/bnt.png) no-repeat right 30px center;
  -webkit-background-size: 14px auto;
  background-size: 14px auto;
  border-bottom: 3px solid #a40000 !important;
  border: medium none;
  color: #fff;
  font-size: 18px;
  height: 45px;
  padding: 0 20px 0 0;
  text-align: center;
  width: 250px;
}
.contact_item2{
  margin-top: 7%;
}
.tt_st02{
  color: #1e3f9e;
}
.pp_box{
  background: #fef5f5;
  padding: 3% 2%;
  margin: 3% 0;
}
.pp_box li{
  margin-bottom: 5px;
}
.list_pp li .icon_pp {
  background: #1e3f9e;
  line-height: 1.3;
  margin: 3px 0 0 0;
  font-size: 13px;
  color: #fff;
  float: left;
  text-align: center;
  width: 16px;
}
.list_pp li .text_pp01 {
  display: block;
  padding: 0 0 0 25px;
}
/*==========*/
.clean_item{
  text-align: center;
  background: #f55964;
  padding: 3% 2%;
  color: #fff;
}
.clean_item h3{
  margin: 2% 0;
  font-size: 18px;
}
.clean_item2 {
  margin-top: 5%;
}
.clean_item2 .sec01{
  border-top: 3px solid #f55964;
  padding: 3% 0 2% 3%;
  background: #fef5f6;
  margin-bottom: 5%;
}
.clean_item2 .sec01 h4{
  font-size: 18px;
  color: #c80311;
  text-align: center;
  margin-bottom: 2%;
}
.box03_clean01{
  background: url(../clean/images/bg1.png) no-repeat top center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 3% 2%;
  margin-top: 3%;
  text-align: center;
}
.box03_clean01 h4{
  font-size: 19px;
  color: #000;
  position: relative;
  padding: 0 15px;
  margin-bottom: 2%;
  display: inline-block;
}
.box03_clean01 h4:after{
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: #c9c9c9;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.box03_clean01 h4:before{
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: #c9c9c9;
  right: 0;
  top: 50%;
  margin-top: -1px;
}
.box03_clean01 h5{
  color: #f66d77;
  font-size: 18px;
  text-align: center;
}
.box03_clean01 p{
  text-align: left;
}
/*=========*/
.human_item1{
  background: #355bc8;
  padding: 3% 2%;
  text-align: center;
  color: #fff; 
}
.human_item1 h3{
  font-size: 18px;
  margin: 2% 0;
}
.human_item2{
  margin-top: 5%;
}
.human_item2 .sec01{
  border-top: 3px solid #355bc8;
  background: url(../human/images/bg2.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 3% 2% 3% 0;
  margin-bottom: 4%;
}
.human_item2 .sec01 h4{
  text-align: center;
  color: #112880;
  font-size: 18px;
  margin-bottom: 2%;
}
.human_item2 h5{
  color: #355bc8;
}
/*================*/
.results_item01{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.box_results01{
  border: 3px solid #ebf2f7;
}
.box_results01 .tt_results01 {
  background: #ebf2f7;
  margin: 1px;
  font-size: 18px;
  line-height: 1.4;
  padding: 2%;
}
.box_results01 .txt{
  padding: 2%;
}
.box_point01 {
  background: url(../results/images/bg1.png);
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding: 3%;
  border-radius: 5px;
  margin: 0 2% 2%;
}
.box_point01 h4{
  background: url(../results/images/icon.png) no-repeat left center;
  -webkit-background-size: 28px auto;
  background-size: 28px auto;
  padding-left: 32px;
  font-size: 18px;
  margin-bottom: 2%;
}
.about_item01{
  background: url(../about/images/bg1.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 5% 15% 5% 0;
}
.about_item01 div{
  background: rgba(115, 0, 0, 0.85);
  padding: 2%;
  color: #fff;
}
.about_item01 div h3{
  font-size: 16px;
  position: relative;
  margin-bottom: 2%;
  padding-bottom: 2%;
}
.about_item01 div h3:after{
  content: "";
  width: 50px;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.about_item02{
  margin-top: 5%;
}
.about_item02 .sec01{
  margin-bottom: 3%;
}
.about_item02 .sec01 .box01_about02 {
  background: #c9e1f2;
  padding: 2%;
  display: table;
  width: 100%;
}
.about_item02 .sec01 .box01_about02 .icon01_ab{
  width: 50px;
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 3%;
}
.about_item02 .sec01 .box01_about02 .right01_ab01{
  display: table-cell;
  padding-left: 2%;
}
.about_item02 .sec01 .right01_ab01 h4 {
  font-size: 18px;
  color: #0a21a0;
  line-height: 1.2;
}
.about_item02 .sec01 .right01_ab01 p {
  font-size: 15px;
  font-weight: bold;
}
.about_item02 .sec01 .right01_ab01 p span {
    color: #0a21a0;
}
.list_ab01 li{
  width: 220px;
  border-bottom: 2px solid #a40000;
  background: #f33240 url(../about/images/icon.png) no-repeat right 15px center;
  -webkit-background-size: 11px auto;
  background-size: 11px auto;
  margin: 3% auto 0%;
  text-align: center;
}
.list_ab01 li a{
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 3% 0;
}
@media all and (max-width: 330px) {
  .list_tbl01 li{
    width: 100%;
    margin-bottom: 5px;
  }
  .clean_item h3{
    font-size: 16px;
  }
}