@charset "utf-8";

/* -------------------------
   葬儀の特徴
------------------------- */
.flow h4 {
  color: #6daceb;
  font-size: 1.14em;
  padding: 2px 0 11px 40px;
}

.flow p {
  margin-bottom: 20px;
}

.flow h4.n1 {
  background: url("../img/icon_n1.png") 0 0 no-repeat;
}

.flow h4.n2 {
  background: url("../img/icon_n2.png") 0 0 no-repeat;
}

.flow h4.n3 {
  background: url("../img/icon_n3.png") 0 0 no-repeat;
}

.flow h4.n4 {
  background: url("../img/icon_n4.png") 0 0 no-repeat;
}

.flow h4.n5 {
  background: url("../img/icon_n5.png") 0 0 no-repeat;
}

/* .aside
-------------------------------------------- */
.aside {
  margin-bottom: 30px;
  overflow: hidden;
}

.aside dl {
  float: left;
  width: 32%;
  margin: 0 2% 0 0;
  background: #fff url(../img/nav_bg.jpg) 0 0 repeat;
  border-radius: 5px;
  height: 159px;
}

.aside dl.none {
  margin-right: 0;
}

.aside dl dt {
  margin-bottom: 5px;
  text-align: center;
  color: #003366;
  font-family:
    "游明朝体", "Yu Mincho", YuMincho, serif, "メイリオ", "Meiryo", sans-serif;
  font-weight: bold;
  padding: 15px 0 10px;
  font-size: 1.14em;
}

.aside dl dd {
  font-size: 0.85em;
  padding: 0 20px 15px 20px;
}

.aside li {
  float: left;
  margin: 0 20px 0 0;
}

.aside li.none {
  margin-right: 0;
}

/* .inner
-------------------------------------------- */
.save p {
  margin-bottom: 10px;
}

.save .inner {
  margin-bottom: 30px;
  overflow: hidden;
  zoom: 1;
}

.save .inner dl {
  float: left;
  width: 48.5%;
  margin: 0 3% 0 0;
  background: #fff url(../img/nav_bg.jpg) 0 0 repeat;
  border-radius: 5px;
}

.save .inner dl.none {
  margin-right: 0;
}

.save .inner dl dt {
  margin-bottom: 5px;
  text-align: center;
  color: #003366;
  font-family: "游明朝", "Yu Mincho";
  font-weight: bold;
  padding: 0px 0 10px;
  font-size: 1.25em;
}

.save .inner dl dd {
  font-size: 0.85em;
  padding: 0 17px 17px 17px;
}

.save .inner dl dd.img {
  text-align: center;
  padding-top: 18px;
}

.save .inner li {
  float: left;
  margin: 0 20px 0 0;
}

.save .inner li.none {
  margin-right: 0;
}

@media screen and (max-width: 480px) {
  .aside dl,
  .save .inner dl {
    float: none;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 10px;
  }
  .aside dl.none,
  .save .inner dl.none {
    margin-right: auto;
  }
}