@charset "UTF-8";


/* 見出し */
#content .article h2 {
	text-align: center;
}

/* 白ボード */
#content .white_back {
  padding: 25px 2em;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}
#content .white_back .file_icon {
    display: inline-block;
    vertical-align: middle;
}
#content .white_back .file_icon img {
    display: inline-block;
	margin-right: 0.5em;
    vertical-align: middle;
}
#content .white_back .price {
    font-size: 2em;
    font-weight: bold;
    color: #fff;
    display: table;
    background: #189078;
    margin: 20px auto 0;
    padding: 0.5em 2em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
    z-index: 1;
}

/* ペットドック */
#content .petdoc .white_back:before {
    content: '';
    display: block;
    width: 120px;
    height: 109px;
    background: url("../prevention/images/image_cat.png") no-repeat left bottom;
    position: absolute;
    left: 24px;
    bottom: 20px;
}
#content .petdoc .white_back:after {
    content: '';
    display: block;
    width: 138px;
    height: 104px;
    background: url("../prevention/images/image_dog.png") no-repeat left bottom;
    position: absolute;
    right: 23px;
    bottom: 13px;
}
#content .petdoc table {
    font-size: 1.4em;
	margin: 0 auto;
    position: relative;
    z-index: 1;
}
#content .petdoc table td {
    padding-left: 27px;
    background: url("../prevention/images/icon_check.jpg") no-repeat left 3px;
}
#content .petdoc table td:nth-child(odd) {
    padding-right: 3em;
}
#content .petdoc table td.nodata {
    display: none;
}

/* プチっと */
#content .petit .white_back:after {
    content: '';
    display: block;
    width: 150px;
    height: 168px;
    background: url("../prevention/images/image_staff.png") no-repeat right bottom;
	background-size: contain;
    position: absolute;
    right: 40px;
    bottom: 25px;
}
#content .petit strong img {
	margin-right: 0.5em;
	vertical-align: middle;
}
#content .petit ul {
    font-size: 1.4em;
	text-align: center;
    display: table;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
#content .petit ul li {
	list-style: none;
    padding-left: 27px;
    background: url("../prevention/images/icon_check.jpg") no-repeat left 3px;
	margin-left: 1em;
	margin-right: 1em;
	text-align: left;
}

/* プチネコ検査 */
#content .petitcat .white_back:after {
    content: '';
    display: block;
    width: 73px;
    height: 110px;
    background: url("../prevention/images/image_cat2.png") no-repeat right bottom;
	background-size: contain;
    position: absolute;
    right: 23px;
    bottom: 13px;
}
#content .petitcat strong img {
	margin-right: 0.5em;
	vertical-align: middle;
}
#content .petitcat ul {
    font-size: 1.4em;
	text-align: center;
	margin: 0 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
}
#content .petitcat ul li {
	list-style: none;
    padding-left: 27px;
    background: url("../prevention/images/icon_check.jpg") no-repeat left 3px;
	margin-left: 1em;
	margin-right: 1em;
	text-align: left;
}

/* 歯磨き教室 */
#content .dental_price {
    font-weight: bold;
    display: table;
    margin: 1em auto;
}

/* キャンペーン */
#content .campaign .white_back:before {
    content: '';
    display: block;
    width: 123px;
    height: 117px;
    background: url("../prevention/images/image_flower1.png") no-repeat left bottom;
    position: absolute;
    right: 13px;
    top: 2px;
}
#content .campaign .white_back:after {
    content: '';
    display: block;
    width: 131px;
    height: 94px;
    background: url("../prevention/images/image_flower2.png") no-repeat left bottom;
    position: absolute;
    left: 4px;
    bottom: 5px;
}
#content .campaign ul {
    font-size: 1.4em;
	text-align: center;
	margin: 0 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    position: relative;
    z-index: 1;
}
#content .campaign ul li {
	list-style: none;
    padding-left: 27px;
    background: url("../prevention/images/icon_check.jpg") no-repeat left 3px;
	margin-left: 1em;
	margin-right: 1em;
	text-align: left;
}

/* フィラリア検査,ワクチン接種,ワクチン抗体 */
#content .bloodtest h3 {
  font-size: 2.8em;
}
#content .bloodtest ul {
    font-size: 1.4em;
	text-align: center;
	margin: 0 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
#content .bloodtest ul li {
	list-style: none;
    padding-left: 27px;
    background: url("../prevention/images/icon_check.jpg") no-repeat left 3px;
	margin-left: 2em;
	margin-right: 2em;
	text-align: left;
}

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

@media screen and (max-width: 999px) {
#content .white_back .price {
    font-size: 1.6em;
    padding: 0.5em 2em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* ペットドック */
#content .petdoc .white_back:before {
    width: 104px;
    background-size: contain;
    left: 6px;
    bottom: 5px;
}
#content .petdoc .white_back:after {
    width: 104px;
    background-size: contain;
    right: 6px;
    bottom: 8px;
}
#content .petdoc table {
    font-size: 1.3em;
	margin: 0 auto;
}
#content .petdoc table td {
    padding-left: 24px;
    background-position: left 2px;
    background-size: 15px;
}
#content .petdoc table td:nth-child(odd) {
    padding-right: 3em;
}
#content .white_back .price {
    padding: 0.5em 1em;
}

/* プチっと */
#content .petit .white_back:after {
    width: 130px;
    height: 146px;
    right: 30px;
}
#content .petit ul {
    font-size: 1.3em;
	margin: 0 auto;
    display: table;
	position: relative;
	z-index: 1;
}
#content .petit ul li {
    padding-left: 24px;
    background-position: left 3px;
    background-size: 15px;
}

/* プチネコ検査 */
#content .petitcat .white_back:after {
    width: 60px;
    height: 90px;
}
#content .petitcat ul {
    font-size: 1.3em;
	margin: 0 auto;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	position: relative;
	z-index: 1;
}
#content .petitcat ul li {
    padding-left: 24px;
    background-position: left 3px;
    background-size: 15px;
}

/* キャンペーン */
#content .campaign .white_back:before {
    width: 100px;
    height: 95px;
    background-size: contain;
    right: 3px;
    top: 2px;
}
#content .campaign .white_back:after {
    width: 100px;
    background-size: contain;
    left: 4px;
    bottom: 5px;
}
#content .campaign ul {
    font-size: 1.3em;
	margin: 0 auto;
}
#content .campaign ul li {
    background-position: left 2px;
    background-size: 15px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

/* フィラリア検査,ワクチン接種,ワクチン抗体 */
#content .bloodtest h3 {
  font-size: 2em;
}
#content .bloodtest ul {
    font-size: 1.3em;
	text-align: center;
	margin: 0 auto;
}
#content .bloodtest ul li {
    background-position: left 2px;
    background-size: 15px;
	margin-left: 1em;
	margin-right: 1em;
}

}

@media screen and (max-width: 767px) {
/* 白ボード */
#content .white_back {
  padding: 1.5em 2em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#content .white_back .file_icon {
    display: inline-block;
    vertical-align: middle;
}
#content .white_back .file_icon img {
	width: 15px;
}
#content .white_back .price {
    font-size: 1.5em;
    padding: 0.5em 1em;
    margin-top: 10px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* ペットドック */
#content .petdoc .white_back:before {
    width: 85px;
    left: 6px;
    bottom: 5px;
}
#content .petdoc .white_back:after {
    width: 85px;
    right: 6px;
    bottom: 8px;
}
#content .petdoc table {
    font-size: 1.2em;
}
#content .petdoc table td {
	display: block;
}
#content .petdoc table td {
    padding-left: 20px;
    background-position: left 3px;
    background-size: 13px;
}
#content .petdoc table td:nth-child(2n+1) {
    padding-right: 0;
}
#content .petdoc .white_back .price {
    margin-bottom: 60px;
}

/* プチネコっと */
#content .petit .white_back:after {
    width: 80px;
    height: 90px;
	right: 10px;
	bottom: 57px;
}
#content .petit strong img {
	width: 15px;
}
#content .petit ul {
    font-size: 1.2em;
	display: table;
	margin: 0 auto;
}
#content .petit ul li {
    padding-left: 20px;
    background-position: left 4px;
    background-size: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* プチネコ検査 */
#content .petitcat .white_back:after {
    width: 50px;
    height: 75px;
	right: 10px;
	bottom: 50%;
}
#content .petitcat strong img {
	width: 15px;
}
#content .petitcat ul {
    font-size: 1.2em;
	display: table;
	margin: 0 auto;
}
#content .petitcat ul li {
    padding-left: 20px;
    background-position: left 4px;
    background-size: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* キャンペーン */
#content .campaign .white_back:before {
    width: 85px;
    height: 81px;
    right: 3px;
    top: 2px;
}
#content .campaign .white_back:after {
    width: 85px;
    left: 4px;
    bottom: 5px;
}
#content .campaign ul {
    font-size: 1.2em;
	display: table;
}
#content .campaign ul li {
    padding-left: 20px;
    background-position: left 4px;
    background-size: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#content .campaign .white_back .price {
    margin-bottom: 60px;
}

/* フィラリア検査,ワクチン接種,ワクチン抗体 */
#content .bloodtest ul {
    font-size: 1.2em;
	display: table;
}
#content .bloodtest ul li {
    padding-left: 20px;
    background-position: left 4px;
    background-size: 13px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

}

@media screen and (max-width: 540px) {
/* ペットドック */
#content .petdoc table td ul li {
	float: none;
	width: auto;
}
}

@media screen and (max-width: 359px) {
/* プチネコっと */
#content .petit .white_back:after {
    width: 60px;
    height: 67px;
	right: 10px;
	bottom: 50%;
}
}