@charset "UTF-8";
/*------------------------------------------------*/
/*
    service.css | built 2017/11/09
*/
/*------------------------------------------------*/

h3 {
  font-size: 150%;
  color: #000;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

hr {
  width: 300px;
  height: 6px;
  background: url(../images/hr.png) repeat-x 0 0;
  border: 0;
}

.subttl {
  color: rgba( 91, 91, 91, 1.0);
  font-weight: bold;
}

.subttl-red {
  color: rgba( 233, 18, 18, 1.0);
  font-weight: bold;
}

.subttl-in {
  color: rgba( 86, 57, 48, 1.0);
  font-weight: bold;
}

.subttl-in-box {
  color: rgba( 86, 57, 48, 1.0);
  font-weight: bold;
  text-align: left;
  padding: 5px;
}

.box {
  color: #56433d;
  background-color: #FFFCF5;
  /* box-shadow */
  box-shadow:0px 0px 3px 0px #b0b0b0;
  -moz-box-shadow:0px 0px 3px 0px #b0b0b0;
  -webkit-box-shadow:0px 0px 3px 0px #b0b0b0;
  /* border-radius */
  border-radius:4px 4px 4px 4px ;
  -moz-border-radius:4px 4px 4px 4px ;
  -webkit-border-radius:4px 4px 4px 4px ;
  /* border */
  border:2px dashed #cccccc;
  margin-bottom: 15px;
  padding: 5px;
  text-align: left;
}

.list-group-item {
  border: 0;
}

.box02 {
  color: #56433d;
  background-color: #FFFCF5;
  /* box-shadow */
  box-shadow:0px 0px 3px 0px #b0b0b0;
  -moz-box-shadow:0px 0px 3px 0px #b0b0b0;
  -webkit-box-shadow:0px 0px 3px 0px #b0b0b0;
  /* border-radius */
  border-radius:4px 4px 4px 4px ;
  -moz-border-radius:4px 4px 4px 4px ;
  -webkit-border-radius:4px 4px 4px 4px ;
  /* border */
  border:2px solid #cccccc;
  border-radius: 5px;
  margin: 3px;
  padding: 3px;
  text-align: center;
}

.box03 {
  color: #56433d;
  background-color: #FFFCF5;
  /* box-shadow */
  box-shadow:0px 0px 3px 0px #b0b0b0;
  -moz-box-shadow:0px 0px 3px 0px #b0b0b0;
  -webkit-box-shadow:0px 0px 3px 0px #b0b0b0;
  /* border-radius */
  border-radius:4px 4px 4px 4px ;
  -moz-border-radius:4px 4px 4px 4px ;
  -webkit-border-radius:4px 4px 4px 4px ;
  /* border */
  border:1px solid #cccccc;
  padding:8px;
  margin-right: 3px;
  text-align: center;
}

.caption {
  font-size: 130%;
  text-align: center;
  color:      #5d3014;
}

.caption {
  width:      100%;
  height:      100%;
  position:    absolute;
  top:      0;
  left:      0;
  opacity:    0;  /* マスクを表示しない */
  background-color:  rgba( 255, 210, 123, 0.6);
  -webkit-transition:  all 0.6s ease;
  transition:    all 0.6s ease;
}

.list-group:hover .caption {
  opacity:    1;  /* マスクを表示する */
  padding-top:    100px;  /* ホバーで下にずらす */
}

.caption02 {
  font-size: 130%;
  text-align: center;
  color:      #5d3014;
}

.caption02 {
  width:      100%;
  height:      100%;
  position:    absolute;
  top:      0;
  left:      0;
  opacity:    0;  /* マスクを表示しない */
  background-color:  rgba( 255, 210, 123, 0.6);
  -webkit-transition:  all 0.6s ease;
  transition:    all 0.6s ease;
}

.list-group:hover .caption02 {
  opacity:    1;  /* マスクを表示する */
  padding-top:    50px;  /* ホバーで下にずらす */
}

.small-attention {
  font-size: 85%;
  color: #911d1d;
  font-weight: bold;
}