@charset "utf-8";
#aftercare{margin:20px auto; width:980px;}
#aftercare p{line-height:1.6em;}

h2 {
  display: flex; margin:24px 0;
  justify-content: center;
  align-items: center;
}

h2::before,
h2::after {
  content: "";
  flex-grow: 1;
  height: 8px;
  background-image: repeating-linear-gradient(-45deg, #777 0, #777 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%);
  background-size: 8px 8px;
}

h2::before {
  margin-right: 30px;
}

h2::after {
  margin-left: 30px;
}

h3{margin:24px 0 8px;}

img{max-width:none;}

.note{margin:0 auto; padding:2px 0 2px;}
.note .photo{ display:table-cell; padding-right:12px;}
.note .text{display:table-cell; vertical-align:middle;}

.box{border:#999999 1px solid; padding:6px; margin:24px 0;}
.box h5{color:#333333; line-height:1.8em; margin:0; padding:0;}
.box .text p{margin:0; padding:0;}
.box .text{float:left; padding:0; margin:0; vertical-align:middle;}
.box .ph{float:left; padding:0 12px; margin:0; vertical-align:middle;}
.box:after{content:""; display:block; clear:both;}

@media screen and (max-width:1218px) {
}

@media screen and (max-width:1060px) {
#aftercare{margin:0 auto; width:98%;}
}

@media screen and (max-width:920px) {
.daial .txt{width:62%;}
}

@media screen and (max-width:700px) {
.daial{ margin-bottom:60px;}
.daial .txt{width:56%;}

.note{margin:0 auto; padding:2px 0 2px;}

}

@media screen and (max-width:620px) {
.daial .txt{width:auto;}
.daial .ph{float:none; text-align:center;}

.note .photo{display:block; text-align:center; padding:0;}
.note .text{display:block;}
}