@charset "UTF-8";

/*==============================================================================================

    service css

    ※※※※※ブラウザ対応※※※※※

    safari:9以上
    chrome:63以上
    firefox:43以上
    opera:43以上
    edge:12以上
    IE:10以上


    ※※※※※ベンダープレフィックスを付けるプロパティ※※※※※

    -moz-transform
    -webkit-transform
    transform

    -moz-transition
    -webkit-transition
    transition
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    -moz-animation
    -webkit-animation
    animation

    display: -webkit-flex;
    display: flex;
    

==============================================================================================*/

#mv_section {
  background: #e8f0f9;
  padding: 120px 0 40px;
}

#mv_section img{
  width: 280px;
  margin: 0 auto;
}

#service_section {
  padding: 10px 0 100px;
}

.service_container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.service_wrap {
  font-weight: bold;
  width: calc(50% - 10px);
  margin-top: 40px;
  color: #333333;
}

.service_name{
  padding-left: 10px;
  position: relative;
}

.service_name::before{
  content: '';
  display: block;
  width: 3px;
  height: 13px;
  background: #3EB1B2;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.service_wrap img {
  margin: 5px 0;
}

.service_detail {
  background: #F6F6F6;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  height: 60px;
  padding: 0 5px;
}

.service_detail>div {
  font-size: 10px;
  width: 100%;
}