@charset "UTF-8";

.panel-media {
  background: url("../about/img/about_roof.png") left top repeat-x, url("../about/img/about_bg.png") left top repeat;
  padding: 12px;
  margin-bottom: 24px;
}

.media-header {
  margin-top: 24px;
  margin-bottom: 20px;
}

.grid-media-main {
  box-sizing: border-box;
  border: 1px solid #DDD;
  padding: 12px;
  background-color: #FFF;
  position: relative;
}

.grid-media-main .photo-media {
  position: relative;
  display: block;
}

.grid-media-main .photo-media:before {
  font-family: FontAwesome;
  content: "";
  position: absolute;
  z-index: 10;
  right: 0;
  color: #FFF;
  background-color: #111;
  line-height: 20px;
  width: 20px;
  text-align: center;
  top: -12px;
  right: -12px;
}

.grid-media-main .dl-media {
  margin-top: 6px;
}

.grid-media-main .dl-media dt {
  font-size: 14px;
  margin-bottom: 4px;
}

.header-about-secondary {
  background: url("../about/img/head_top.png") left top repeat-x, url("../about/img/head_bottom.png") left bottom repeat-x;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.header-about-secondary .title {
  margin-bottom: 0;
}

.list-works {
  margin-top: 0.6em;
  margin-bottom: 1.4em;
}

.list-works li:before {
  font-family: FontAwesome;
  content: "";
  color: #DFDFD0;
  margin-right: 0.3em;
}

.title-works-first,
.title-works-second {
  font-size: 1.1em;
  margin-bottom: 6px;
}

.title-works-first:before {
  font-family: FontAwesome;
  content: "";
  color: #B25900;
  margin-right: 0.3em;
}

.title-works-second:before {
  font-family: FontAwesome;
  content: "";
  color: #B25900;
  margin-right: 0.3em;
}

.list-shop-gallery {
  text-align: center;
  margin-bottom: 1.5em;
}

.list-shop-gallery li {
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}

.header-about-third {
  background: url("../about/img/head2_bottom.png") left bottom repeat-x;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
}

.header-about-third .title {
  margin-bottom: 0;
  color: #300;
}

.grid-effort {
  box-sizing: border-box;
  overflow: hidden;
  color: #111;
  text-decoration: none;
  background-color: #F6F6F4;
  border-radius: 8px;
  padding: 12px;
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
}

.grid-effort .photo {
  width: 108px;
  float: left;
}

.grid-effort .photo img {
  box-sizing: border-box;
  border: 3px solid #FFF;
}

.grid-effort .content {
  padding-left: 120px;
}

.grid-effort .button-black {
  padding: 10px 12px;
}

.grid-effort .title {
  margin-bottom: 6px;
  font-size: 1.1em;
}

.grid-effort p {
  margin-bottom: 10px;
}

.grid-effort .icon-safe {
  position: relative;
}

.grid-effort .icon-safe:before {
  content: "";
  display: inline-block;
  width: 54px;
  height: 51px;
  background: url(../about/img/effort_icon_safe.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -12px;
  left: 0;
  background-size: contain;
}

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

  .block-catch{
    margin-top: 12px;
  }

  .block-catch .lead-lg{
    font-size: 16px;
  }

  .panel-media{
    background-size: 300px, auto;
  }

  .media-header .title-md{
    font-size: 18px;
  }

  .grid-media-main{
    zoom: 1;
    width: 48.5%;
    float: left;
    margin-left: 3%;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .grid-media-main:before, .grid-media-main:after{
    content: "";
    display: table;
  }

  .grid-media-main:after{
    clear: both;
  }

  .grid-media-main:first-child{
    margin-left: 0;
  }

  .grid-media-main:nth-child(2n+1){
    margin-left: 0;
    clear: both;
  }

  .grid-media-main .photo-media{
    margin: -6px;
    margin-bottom: 0;
  }

  .grid-media-main .photo-media:before{
    top: -6px;
    right: -6px;
  }

  .grid-media-main .dl-media dt{
    font-size: 12px;
  }

  .header-about-secondary{
    padding-top: 12px;
    padding-bottom: 12px;
    background-size: 320px, 320px;
    margin-bottom: 20px;
  }

  .header-about-secondary .title{
    font-size: 16px;
  }

  .block-works-content .lead-md{
    font-size: 15px;
  }

  .list-shop-gallery li{
    width: 45%;
    margin-left: 3px;
    margin-right: 3px;
  }

  .header-about-third{
    padding-top: 12px;
    padding-bottom: 12px;
    background-size: 320px, 320px;
    margin-bottom: 20px;
  }

  .header-about-third .title{
    font-size: 16px;
  }

  .grid-effort .photo{
    width: 70px;
  }

  .grid-effort .content{
    padding-left: 82px;
  }

  .grid-effort .button-black{
    font-size: 12px;
    padding: 8px 12px;
  }

  .grid-effort .title{
    font-size: 16px;
  }

  .grid-effort .icon-safe:before{
    width: 33.75px;
    height: 31.875px;
    bottom: -6px;
  }
}

@media print, screen and (min-width: 741px){

  .block-catch .lead-lg{
    font-size: 30px;
  }

  .panel-media{
    padding: 24px;
    margin-bottom: 60px;
  }

  .media-header .title-md{
    font-size: 30px;
  }

  .grid-media-main{
    zoom: 1;
    width: 31.333%;
    float: left;
    margin-left: 3%;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .grid-media-main:before, .grid-media-main:after{
    content: "";
    display: table;
  }

  .grid-media-main:after{
    clear: both;
  }

  .grid-media-main:first-child{
    margin-left: 0;
  }

  .grid-media-main:nth-child(3n+1){
    margin-left: 0;
    clear: both;
  }

  .header-about-secondary{
    padding-top: 34px;
    padding-bottom: 34px;
    margin-bottom: 30px;
  }

  .header-about-secondary .title{
    font-size: 30px;
  }

  .block-works-content{
    padding-left: 20px;
    padding-right: 20px;
  }

  .block-works-content .lead-md{
    font-size: 18px;
  }

  .header-about-third{
    padding-top: 34px;
    padding-bottom: 24px;
    margin-bottom: 30px;
  }

  .header-about-third .title{
    font-size: 36px;
  }

  .grid-effort{
    zoom: 1;
    width: 48.5%;
    float: left;
    margin-left: 3%;
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 20px;
  }

  .grid-effort:before, .grid-effort:after{
    content: "";
    display: table;
  }

  .grid-effort:after{
    clear: both;
  }

  .grid-effort:first-child{
    margin-left: 0;
  }

  .grid-effort:nth-child(2n+1){
    margin-left: 0;
    clear: both;
  }

  .grid-effort .button-black{
    width: 140px;
    font-size: 14px;
  }

  .grid-effort p{
    font-size: 14px;
  }
}

/*# sourceMappingURL=page_about.css.map */