@charset "utf-8";

body { margin: 0; padding: 0;}
#wrapper {
  width: 970px; margin: 0 auto;
text-align: center;
}
img {
  max-width: 100%;
}

#title{ margin:40px 0 20px 0;}
.pic{ margin:10px 0 10px 20px;}


.imgs {
  max-width: 882px;
  margin-left: auto;
  margin-right: auto;
}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */

.item-imgs {
  display: block;
  background: #fff;
  margin-bottom: 20px;
}
h2{
  margin-bottom: 10px;
}
.item-imgs .item-img {
  width: 32%;
  margin-right: 1.5%;
  margin-bottom: 10px;
  float: left;
  box-sizing: border-box;
  float: left;
}
.item-imgs .item-img:nth-child(3n){
  margin-right: 0;
}
.item-imgs .item-img img {
  max-width: 100%;
}

.note {
  text-align: right;
  font-weight : bold;
  font-size : 16px;
  line-height : 18px;
  color : #231815;
}
.logo{
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
}
span {
  display: inline-block;
}


.item-title {
  background: #ef77b7;
  color: #fff;
  padding: 10px 20px;
  /* border-radius */
          border-radius: 4px;
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  font-size: 24px;
  font-weight: normal;
  margin-top: 15px;
}


.btn-img {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #wrapper {
    width: auto;
  }
  img {
    max-width: 100%;
  }
  .btn-img {
    margin-left: 0;
  }
  h2{
    margin: 0 5px;
  }
  .item-imgs{
    padding: 5px;
  }
  .item-imgs .item-img {
    width: auto;
    float: none;
    margin-right: 0;
  }
  .note-txt {
    padding: 0 10px;
  }
}


.cv-box {
  margin-top: 40px;
  text-align: center;
  background: #feeaef;
  padding: 40px 20px;
}
.cv-box .title {
  font-size: 18px;
  margin-bottom: 20px;
}
.cv-box a:hover {
  opacity: .5;
}