@charset "UTF-8";
/*==========================================
 *■ global
 *==========================================*/
section {
  padding: 0 2%; }

.page__main {
  margin-bottom: 50px; }

.page__title {
  background: url(../common_img/bg_page_title.jpg) no-repeat right top;
  background-size: cover;
  width: 100%;
  margin-bottom: 30px;
  position: relative; }
  .page__title h2 {
    height: 100px;
    position: relative;
    display: flex;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    text-align: left;
    align-items: center;
    
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    font-size: 20px;
    padding: 0 2%; }

.page__reform {
  background: url(../reform/images/bg_page_title.jpg) no-repeat center top;
  background-size: 480px; }

.page__case {
  background: url(../case/images/bg_page_title.jpg) no-repeat center top;
  background-size: 480px; }

.page__contact {
  background: url(../contact/images/bg_page_title.jpg) no-repeat center top;
  background-size: 480px; }
.page__reason{
  background: url(../reason/images/bg_slide.png) no-repeat center top;
  background-size: 480px;
}
.page__shop{
  background: url(../shop/images/bg_slide.png) no-repeat center top;
  background-size: 480px;
}
.page__qa{
  background: url(../qa/images/bg_slide.png) no-repeat center top;
  background-size: 480px;
}
.page__company{
  background: url(../company/images/bg_page_title.jpg) no-repeat center top;
  background-size: 480px;
}
.page__history{
  background: url(../history/images/bg_slide.png) no-repeat center top;
  background-size: 480px;
}
.page__care_reform{
  background: url(../care_reform/images/bg_page_title.jpg) no-repeat center top;
  background-size: 480px;
}
.title {
  padding: 5px 10px;
  font-size: 20px;
  color: #fff;
  background: #009900;
  margin: 0 0 15px; }
  .title span {
    color: #fffb88; }

/*==========================================
 *■ contact
 *==========================================*/
.contact .banner {
  position: relative; }

.contact .tt_caption {
  font-size: 16px;
  color: #fff;
  background: #e6f6e6;
  color: #009900;
  padding: 10px;
  text-align: center; }

.contact .tbl_contact {
  margin: 0 0 15px;
  padding: 0 10px;
  background: #f8f8f8; }
  .contact .tbl_contact table {
    width: 100%; }
  .contact .tbl_contact th {
    padding: 10px 0;
    border-bottom: 1px solid #b4db3c;
    font-weight: bold;
    vertical-align: middle;
    text-align: left; }
    .contact .tbl_contact th.hissu {
      position: relative; }
      .contact .tbl_contact th.hissu:after {
        background: url(../contact/images/hissu.png) no-repeat left 5px center;
        background-size: 40px auto;
        content: "";
        width: 45px;
        height: 20px;
        position: absolute; }
    .contact .tbl_contact th.ninni {
      position: relative; }
      .contact .tbl_contact th.ninni:after {
        background: url(../contact/images/ninni.png) no-repeat left 5px center;
        background-size: 40px auto;
        content: "";
        width: 45px;
        height: 20px;
        position: absolute; }
  .contact .tbl_contact td {
    padding: 10px 0;
    border-bottom: 1px solid #b4db3c;
    color: #000; }
  .contact .tbl_contact input[type="text"], .contact .tbl_contact input[type="tel"], .contact .tbl_contact input[type="email"] {
    padding: 8px;
    width: 100%;
    background: #fff;
    border: 1px solid #d5d5d5; }

.contact textarea {
  padding: 8px;
  background: #fff;
  border: 1px solid #d5d5d5;
  width: 100%; }

.contact select {
  padding: 8px;
  margin: 0 0 0 10px;
  background: #fff;
  border: 1px solid #d5d5d5; }

.contact input#zip {
  width: 150px;
  margin: 0 5px; }

.contact .tbl_contact#other {
  float: right; }

.contact .tbl_contact li {
  margin: 0 0 5px; }
  .contact .tbl_contact li:last-child {
    margin: 0; }

.contact .noline {
  border-bottom: none !important; }

.contact .inpt_text input[type="radio"] {
  margin-bottom: 4px; }

.contact .pp_box {
  background: url(../contact/images/bg.jpg) no-repeat left top;
  background-size: 460px auto;
  line-height: 2;
  margin: 0 0 20px;
  padding: 10px 15px; }

.contact .green {
  color: #009900;
  font-weight: bold; }

/*==========================================
 *■ news
 *==========================================*/
.news__nav {
  margin-bottom: 50px; }

.news__box {
  padding: 10px;
  border: 1px solid #dedede;
  margin: 0 0 15px; }
  .news__box .date {
    color: #009900;
    margin: 0 0 5px; }
  .news__box h3 {
    font-size: 17px;
    color: #000;
    border-bottom: 1px solid #009900;
    margin: 0 0 10px;
    padding: 0 0 10px; }

.news_photo {
  float: left;
  margin-right: 10px; 
  width: 40%;
}

a.photo {
  position: relative;
  display: block; }
  a.photo:after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-image: url(../news/images/icon_zoom.png);
    background-size: 25px auto; }

/*==========================================
 *■ company
 *==========================================*/
.company .label {
  background-color: #eee;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
  font-size: 18px;
  margin-bottom: 20px; }

.company__box {
  background: url(../company/images/bg.jpg) no-repeat center top;
  background-size: cover;
  padding: 20px 2%;
  text-align: center;
  margin-bottom: 15px; }

.company__about {
  margin: 20px -2%;
  padding: 20px 2%;
  background-color: #e5f3e9; }
  .company__about dl dt {
    background: #22b34a;
    padding: 7px;
    color: #fff;
    border: 1px solid #1b923c;
    border-bottom: none;
    font-weight: bold; }
  .company__about dl dd {
    padding: 7px;
    border: 1px solid #1b923c;
    background-color: #fff; }

/*==========================================
 *■ about
 *==========================================*/
.section__top {
  padding: 15px 0 0 20px;
  margin: 0 0 30px;
  text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white; }
  .section__top h4 {
    font-size: 20px;
    color: #009900;
    font-weight: normal;
    margin: 0 0 10px; }
    .section__top h4 span {
      font-size: 25px;
      color: #333; }
  .section__top p {
    padding-right: 20px; }
  .section__top p.img {
    padding-right: 0;
  }

.about .section__top {
  background: #f9f9f9; }
.reason .section__top {
  background: #f9f9f9; }
.shop .section__top {
  background: #f9f9f9; }
.strength {
  margin-bottom: 25px; }
  .strength h5 {
    margin: 0 0 10px;
    font-size: 17px; }
    .strength h5 span {
      background: url(../about/images/line.png) repeat-x center bottom;
      background-size: auto 5px; }
  .strength__title {
    display: flex;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 10px;
    background: url(../about/images/bg02.png) no-repeat right bottom;
    background-size: 188px auto; }
    .strength__title .num {
      display: flex;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      text-align: center;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      -ms-flex-align: center;
      -ms-flex-pack: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      width: 40px; }
    .strength__title h4 {
      padding-left: 5px;
      color: #333;
      font-weight: normal; }
      .strength__title h4 span {
        color: #009900;
        font-size: 17px;
        font-weight: bold; }

/*==========================================
 *■ repair
 *==========================================*/
.repair .section__top {
  background: #f9f9f9; }

.notebox {
  border: 2px solid #e5e5e5;
  background: #f9f9f9;
  margin: 0 0 30px;
  overflow: hidden; 
  text-align: center;
  position: relative;
  padding: 20px 0;
}
  .notebox h4 {
    font-size: 17px;
    font-weight: normal;
    text-align: center;
    margin: 0 0 5px; }

.notebox h4 {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
    padding-right-font-size: 17px;
    padding-right-font-weight: normal;
    padding-right-text-align: center;
    padding-right-margin: 0 0 15px; }

.notebox span, .strength .notebox h5 span {
  color: #009900;
  background: none; }

.notebox ul {
  padding: 0 15px; 
  position: relative;
  z-index: 999;
  text-align: left;
  display: inline-block;
  margin-top: 20px;
}

.notebox li {
  margin: 0 0 5px 0px;
  font-size: 15px; }
  .notebox p {
    position: absolute;
    bottom: 0;
    left: 0;
  }
.rebox {
  padding: 0 0 10px;
  border-bottom: 1px solid #009900;
  margin-bottom: 20px; }
  .rebox h4 {
    font-size: 17px;
    color: #009900;
    margin: 0 0 10px; }
    .rebox h4 span {
      background-color: #fff; }

.contact__box-com {
  background-color: #f9f9f9;
  position: relative;
  margin-bottom: 35px; }
  .contact__box-com figure {
    position: absolute;
    bottom: 0;
    width: 30%; }
  .contact__box-com .msg {
    padding: 13px 25px 13px 30%; }

/*==========================================
 *■ reform
 *==========================================*/
.reform .section__top {
  background: #f9f9f9; }
.care_reform .section__top {
  background: #f9f9f9; }
.reform__nav-btn a {
  
  display: block;
}
.reform__nav {
  text-align: center; }
  .reform__nav li {
    display: inline-block;
    width: 49%;
    margin-bottom: 10px; }
    .reform__nav li a {
      display: block;
      text-decoration: none; }
      .reform__nav li a i {
        margin-left: 20px; }

.reform__title {
  font-size: 22px;
  margin-bottom: 10px; }

.reform__btn {
  margin-bottom: 35px; }
  .reform__btn a {
    display: block;
    width: 49%;
    float: left;
    margin-bottom: 10px; }
    .reform__btn a:nth-child(2n) {
      float: right; }

/*==========================================
 *■ case
 *==========================================*/
.case__item {
  background-color: #f9f9f9;
  padding: 10px;
  margin-bottom: 30px; }
  .case__item .msg {
    overflow: hidden; }
    .case__item .msg h4 {
      font-size: 17px;
      color: #009900; }

.case__nav {
  position: relative;
  margin-bottom: 50px;
  margin-top: 30px;
  text-align: center;
  height: 35px; }
  .case__nav a {
    display: inline-block;
    vertical-align: middle; }
  .case__nav .btn_prev {
    left: 0;
    position: absolute; }
  .case__nav .btn_next {
    right: 0;
    position: absolute; }
.case__detail .title__sub {
  color: #009900;
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 10px; }
.case__detail .photo {
  position: relative;
  display: block;
  margin-bottom: 15px; }
  .case__detail .photo:after {
    position: absolute;
    background: url(../case/images/icon_zoom.png) no-repeat left top;
    background-size: 40px;
    height: 40px;
    width: 40px;
    right: 5px;
    bottom: 5px;
    content: ""; }

.case__detail table {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
  margin: 0 0 15px; }
  .case__detail table th {
    background: #eeeded;
    border: 1px solid #eeeded;
    padding: 10px;
    text-align: center; }
  .case__detail table td {
    border: 1px solid #e2e0e0;
    padding: 10px;
    text-align: left; }

.case__detail .beafter {
  margin: 0 0 20px; }
  .case__detail .beafter li {
    width: 48%;
    float: left; }
    .case__detail .beafter li:last-child {
      float: right; }
  .case__detail .beafter img {
    max-width: 100%; }
  .case__detail .beafter dl {
    padding: 15px 0 0 0; }
  .case__detail .beafter dt {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px; }

.case__detail .blue {
  color: #0000FF; }

.case__detail .red {
  color: #FF0000; }

.case__detail .detail_box {
  padding: 10px;
  background: #f9f9f9; }
  .case__detail .detail_box dt {
    padding: 10px;
    background: #e6f6e6;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold; }
    .case__detail .detail_box dt span {
      padding: 0 0 0 10px;
      border-left: 5px solid #009900; }
  .case__detail .detail_box dd {
    padding: 10px; }
.step li {
    width: 31%;
    float: left;
    margin: 0 2% 2% 0;
    padding: 15px 0 0 4px;
    position: relative;
}
.step li:after {
  background: url(../reason/images/arrow.jpg) no-repeat left center;
  background-size: 10px auto;
  width: 13px;
  height: 100%;
  top: 0;
  bottom: 0;
  right: -15px;
  content: "";
  position: absolute;
}
.step li:last-child:after {
  background: none;
}
.step .text {
  text-align: center;
  background: #e6f6e6;
  color: #009900;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 5px;
}
.step .text p {
    line-height: 1.2;
}
.step li:before {
  width: 82px;
  height: 33px;
  background: url(../reason/images/icon.png) no-repeat left center;
  -webkit-background-size: 82px auto;
  background-size: 82px auto;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  color: #fff;
}
.step li.step01:before{content:"STEP 1";}
.step li.step02:before{content:"STEP 2";}
.step li.step03:before{content:"STEP 3";}
.step li.step04:before{content:"STEP 4";}
.step li.step05:before{content:"STEP 5";}
.step li.step06:before{content:"STEP 6";}
.step li.step07:before{content:"STEP 7";}
.step li.step08:before{content:"STEP 8";}
.tb_reason table {
  font-size: 13px;
}
.tb_reason table th:first-child {
  text-align: left;
}
.tb_reason table th{
  vertical-align:middle;
  text-align:left;
  padding:5px;
}
.tb_reason table th:first-child{
  text-align:center;
}
.tb_reason table td{
  text-align:left;
  padding:5px;
}
.detail table th{
  background:#eeeded;
  border:1px solid #eeeded;
  padding:10px;
  text-align:left;  
}
.detail table td{
  border:1px solid #e2e0e0;
  padding:10px;
  text-align:left;  
}
.detail table {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
  margin: 0 0 15px;
}
.pagination{
  margin-top: -2%;
}
.pagination li{
  width: 49%;
}
.bnt_shop a{
  width: 200px;
  text-decoration: none;
  display: block;
}
.gallery li{
  width: 49%;
  float: left;
  margin-right: 2%;
  position: relative;
  margin-bottom: 2%;
}
.lightbox_img span{
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.qa_box {
  border: 1px solid #ebebea;
  margin: 0 0 20px;
  background: url(../qa/images/bg02.png) no-repeat right bottom 1px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.qa_box .heading{
  padding: 10px;
  background: url(../qa/images/off.png) no-repeat right 10px center #ebf8eb;
   -webkit-background-size: 25px auto;
  background-size: 25px auto;
  width: 100%;
  display: table;
  font-weight: bold;
  font-size: 17px;
}
.qa_box .heading.opened{
  background: url(../qa/images/on.png) no-repeat right 10px center #ebf8eb;
   -webkit-background-size: 25px auto;
  background-size: 25px auto;
}
.qa_box .heading dt, .qa_box .ac_content dt{
  width: 40px;
  display: table-cell;
}
.qa_box .heading dd {
  display: table-cell;
  vertical-align: middle;
  padding: 0 35px 0 10px;
}
.qa_box .ac_content {
  display: none;
}
.qa_box .ac_content dl {
  padding: 15px 20px;
  width: 100%;
  display: table;
}
.qa_box .ac_content dd {
  display: table-cell;
  vertical-align: middle;
  font-size: 13px;
  padding-left: 10px;
}

.product h4 {
  font-size: 17px;
  margin-bottom: 10px;
}
.product .col01_pro li , .product .col02_pro li {
  background:url(../product/images/arrow.png) no-repeat left 5px;
  background-size: 5px auto;
	padding: 0 0 0 10px;
	margin-bottom: 5px;
}
.product .col_pro ul li a {
  color: #333;
}
.product .col01_pro {
  float: left;
  width: 49%;
}
.product .col02_pro {
  float: right;
  width: 49%;
}
.product .box01_pro {
  background:#f9f9f9 url(../product/images/bg01.png) no-repeat left bottom;
  background-size: 458px auto;
	border: 2px solid #dedede;
	padding: 15px;
}
.product .box01_pro .subtit {
	font-size: 17px;
	color:#009900;
	line-height: 1.4;
	margin-bottom: 10px;
	font-weight: normal;
}
.product .box01_pro h4 {
  font-size: 15px;
  color:#009900;
  margin: 10px 0;
}

.product .box01_pro ul {
  overflow: hidden;
}
.product .box01_pro ul li {
  float: left;
  width: 49%;
}
.product .box01_pro ul li:nth-child(2n) {
  float: right;
}
.product .col03_pro li, .product .col04_pro li, .product .col05_pro li {
  background:url(../product/images/icon01.jpg) no-repeat left 6px;
  background-size: 8px auto;
	padding: 0 0 0 15px;
	margin-bottom: 5px;
}


.company01 h4 {
  font-size: 20px;
  color: #009900;
  margin: 0 0 10px;
  letter-spacing: 1px;
}
.company01 {
  background:#f9f9f9;
  padding:  15px 20px;
  margin: 0 0 20px;
}
.company01 figure {
  margin-left: 10px;
  margin-bottom: 10px;
}

.tbl_company01 {
	border-spacing: 1px;
  border-collapse: inherit;
  width: 100%;
}
.tbl_company01 th {
	font-size: 13px;
	background:#f4f4f4;
	vertical-align: middle;
	text-align: left;
	padding: 5px 7px;
}
.tbl_company01 td {
	padding: 5px 7px;
	vertical-align: middle;
	border:1px solid #e2e0e0;
}

.tt01_company01 {
  width: 100%;
  text-align: center;
  color: #fff;
  border: 5px solid #ffeaf4;
  border-radius: 10px;
  background: #a40453;
  font-size: 18px;
  padding: 10px 15px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.tt02_company01 {
  width: 100%;
  text-align: center;
  color: #fff;
  border: 5px solid #dfeffd;
  border-radius: 10px;
  background: #0962b3;
  font-size: 18px;
  padding: 10px 15px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.tt03_company01 {
  width: 100%;
  text-align: center;
  color: #fff;
  border: 5px solid #c9e8c9;
  border-radius: 10px;
  background: #009900;
  font-size: 18px;
  padding: 10px 15px;
  line-height: 1.3;
  margin-bottom: 5px;
}
.company_wrap {
  margin-bottom: 20px !important;
}
.history_item01 .inner{
  text-align: left;
}
.history_item01 .inner div{
  background: url(../history/images/bg1.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 35px 3% 15px;
  margin-top: -20px;
}
.history_item01 .inner h3{
  background: #362e2b;
  display: block;
  margin: 0 auto;
  font-size: 20px;
  color: #fff;
  padding: 5px 10px;
  width: 300px;
  position: relative;
  z-index: 99999;
}
.history_item02{
  background: url(../history/images/bg3.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 8% 2%;
}
.history_item02 .box_slide_his01{
  background: url(../history/images/bg2.png) no-repeat center;
  -webkit-background-size:cover;
  background-size:cover;
  padding: 10px;
}
.history_item02 .box_slide_his01 p, .history_item03 .box_slide_his01 p, .history_item04 .box_slide_his01 p {
  padding: 0 20px;
}
.history_item02 .box_slide_his01 h4{
  margin-bottom: 3%;
}
.history_item03{
  background: url(../history/images/bg4.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 8% 2%;
}
.history_item03 .box_slide_his01{
  background: url(../history/images/bg2.png) no-repeat center;
  -webkit-background-size:cover;
  background-size:cover;
  padding: 3%;
}
.history_item03 .box_slide_his01 h4{
  margin-bottom: 3%;
}
.history_item04{
  background: url(../history/images/bg6.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 8% 2%;
}
.history_item04 .box_slide_his01{
  background: url(../history/images/bg2.png) no-repeat center;
  -webkit-background-size:cover;
  background-size:cover;
  padding: 3%;
}
.history_item04 .box_slide_his01 h4{
  margin-bottom: 3%;
}
.history .inner {
  position: relative;
}
.tt01_history04{
  text-align: center;
  margin: auto;
}
.bx-prev {
  background: url(../history/images/prev.png) no-repeat left center;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  text-indent: -9999px!important;
  z-index: 99000;
  float:left;
  padding:18px;
}
.bx-next {
  background: url(../history/images/next.png) no-repeat right center;
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
  text-indent: -9999px!important;
  z-index: 99000;
  float:right;
  padding:18px;
}
.bx-controls-direction {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  width: 100%;
  margin: auto;
  left: 0;
  right: 0;
}
.bx-pager {
  position: absolute;
  bottom: -25px;
  text-align: center;
  width: 100%;
}
.bx-pager-item a {
  background: #ffffff !important;
  cursor: pointer;
  display: block;
  height: 10px !important;
  text-indent: -9999px;
  width: 50px !important;
}
.bx-pager-item a.active {
  background: #362e2b !important;
  cursor: pointer;
  display: block;
  height: 10px !important;
  text-indent: -9999px;
  width: 50px !important;
}
.bx-pager-item {
  margin: 0 6px !important;
  display: inline-block;
}
.bx-controls {
  margin:auto;
}
.history_item05{
  text-align: center;
  margin-top: 7%;
}
.history_item05 p{
  text-align: right;
}
.history_item05 h3 {
    background: #362e2b;
    display: inline-block;
    margin: 0 auto;
    font-size: 20px;
    color: #fff;
    padding: 5px 10px;
}
.history_item05 div{
  background: url(../history/images/bg7.png) no-repeat top center;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 35px 3% 15px;
  margin-top: -25px;
}


.header_tech h2 {
  margin-top: -135px;
  margin-left: 10px;
  position: relative;
}
.header_tech ul {
  position: absolute;display: flex;
  top: 10px;
  left: 10px;
}
.header_tech ul li {
  margin-right: 10px;
}
.tech__one {
  margin-top: -10px;
}
.tech__three {
  border-bottom: 1px solid #c9c9c9;
  padding-bottom: 30px;
  margin-bottom: 35px;
}
.tech__three ul li {
  width: 49%;
  display: block;
  float: left;
  margin-bottom: 10px;
}
.tech__three ul li:nth-child(2n) {
  float: right;
}
a[data-lightbox='lightbox'] {
  display: block;
  position: relative;
  /*width: 320px;*/
  margin: auto;
} 
a[data-lightbox='lightbox']:after {
  background: url(../technics/images/icon_zoom.png) no-repeat left top;
  background-size: 25px;
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 25px;
  height: 25px;
}
.tech__four h3{
  text-align: center;
  background: #2d2d2d;
}
.tech__four ul {
  margin-top: 20px;
}
.tech__four ul li {
  width: 49%;
  display: block;
  float: left;
  margin-bottom: 15px;
}
.tech__four ul li:nth-child(2n) {
  float: right;
}
.tech__four ul li p {
  margin-top: 10px;
}
.footer_tech {
  background-color: #313131;
  padding: 25px 2%;
}
.footer_tech ul li {
  display: block;
  width: 50%;
  float: left;
  background: url(../technics/images/arrow_menu.png) no-repeat left center;
  background-size: 5px auto;
  padding-left: 15px;
}
.footer_tech ul li a {
  color: #fff;
  text-decoration: none;
}
.footer_add {
  display: flex;
  color: #fff;
  margin: 20px 0;
}
.footer_add span {
  width: 65px;
  height: 65px;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 10px 0px;
  margin-right: 15px;
}
.footer_add a { color: #fff; }
.footer_map a {
  display: inline-block;
  color: #fff;
  border: 1px solid #fff;
  padding: 7px 30px;
  text-decoration: none;
  background: url(../technics/images/arrow_menu.png) no-repeat right 10px center;
  background-size: 5px auto;
}