/** resetStart **/



/** resetEnd **/

#workIndex #mainBanner {
  margin:0 auto 30px auto;
  width:850px;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #workIndex #mainBanner {
    width:100%;
    overflow:hidden;
    text-align:center;
  }
}

#workIndex #mainBanner img {
  width: 100%;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #workIndex #mainBanner img{
  }
}

#workIndex #catchcopy {
  font-size:2.5em;
  border-bottom:none;
  margin:20px 30px;
  padding:0;
  line-height:1.2em;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #workIndex #catchcopy {
    font-size:1.4em;
    margin:0;
    line-height:1.5em;
  }
}


#workMenu {
  overflow:hidden;
  width:850px;
  margin:auto;
  padding-bottom:10px;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #workMenu {
    width:100%;
  }
}


#workMenu .workLink {
  width:400px;
  float:right;
  background:#F4F6EE;
  border:1px solid #E5E5E5;
  padding-bottom:25px;
  margin:20px 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #workMenu .workLink {
    width:100%;
    float:none;
  }
}

#workMenu .workLink:first-child {
  float:left;
}
@media only screen and (max-width: 640px) { /** forMobile **/
  #workMenu .workLink:first-child {
    float:none;
  }
}


#workMenu .workLink h3 {
  border:none;
  border-left:5px solid #ff7703;
  background:#ffcea4;
  margin:0 !important;
  padding:8px 0 8px 15px;
  font-weight:normal;
  color:#693000;
}

#workMenu .workLink p {
  background:url(../img/common/iconBoardGray.png) left top no-repeat;
  background-size:45px;
  margin:30px 30px 40px 30px;
  padding-left:60px;
}

#workMenu .workLink .button {
  margin:5px 30px;
}

#workMenu .workLink .button a {
  display:block;
}

#workMenu .workLink .icon {
  width:20px;
  vertical-align:middle;
}


.skilupCaption {
  line-height:1.8em;
  font-size:1.2em;
  margin-bottom:35px;
}