@charset "UTF-8";

section article.donor_content {
	margin-top: 30px;
}
h2.subtitle {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 1.2em;
}

.conditions{
    margin-top: 40px;
}
.detail h3{
  color:#ea6097;
  font-size:1.8rem;
  font-weight:700;
  text-align:center;
  padding-bottom:20px;
  background: url(../images/donor/line_dog.gif) repeat-x left bottom;
}
.detail_cat h3{
  margin-top:2em;
  color:#69ccef;
  background-image: url(../images/donor/line_cat.gif);
}

.detail table{
  width:100%;
}

.detail table tr{
  border-bottom:solid 1px #d8d8d8;
}
.detail table th, .detail table td{
  padding:16px 20px;
  vertical-align: top;
}

.detail table th{  
  font-weight:500;
  color:#ea6097;
  text-align:center;
  white-space: nowrap;
  background-color:#fddfeb;
}
.detail_cat table th{
  color:#69ccef;
  background-color:#e3f6fc;
}

.detail table tr:last-child th{
  background-image: url(../images/donor/bg_dog.png);
  background-repeat: no-repeat;
  background-position:left 10px bottom 8px;
  background-size: 75%;
}
.detail_cat table tr:last-child th{
  background-image: url(../images/donor/bg_cat.png);
}
.detail table td ul li{
  list-style:none;
  position:relative;
  padding-left:0.9em; 
}
.detail table td ul li + li{
  margin-top:0.6em;
}
.detail table td ul li:before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:#ea6097;
  position:absolute;
  top:0.6em;
  left:0;
}
.detail_cat table td ul li:before{
  background-color:#69ccef;
}

.outline {
    margin-top: 50px;
}
.outline > div {
  padding: 4px;
  background: url("../images/preventive/checkup_line.png");
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.outline > div .outline_inner {
  background: #f3fff6;
  padding: 20px 10px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.outline > div .outline_inner h3 {
  font-size: 1.8rem;
  white-space: nowrap;
  background: #fff;
  padding: 0 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: -18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.outline > div .outline_inner ul {
    font-weight: bold;
    display: table;
    margin: 0 auto 1em;
    padding-left: 1em;
}
.outline > div .outline_inner .outline_note {
    padding-left: 1em;
    text-indent: -1em;
}
.please {
    margin-top: 30px;
}
.please p {
    background: #f6f6f6;
    padding: 0.5em 1em;
    text-align: justify;
}

.transfusion {
    text-align: center;
    margin-top: 50px;
}


@media (min-width: 768px) {
section article.donor_content {
	margin-top: 50px;
}
h2.subtitle {
	font-size: 3rem;
}

.conditions{
    margin-top: 50px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.detail{
 width:47.5%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
}
.detail_cat h3{
  margin-top:0;
}
.detail h3{
  font-size:2.2rem;
}
.detail table{
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.detail table th{
  width:120px;
}
.detail table tr:last-child th{
  background-size: auto;
}

.outline {
    margin-top: 70px;
}
.outline > div {
  padding: 7px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.outline > div .outline_inner {
  padding: 34px 25px 20px;
}
.outline > div .outline_inner h3 {
  font-size: 2rem;
  padding: 0 1em;
  top: -22px;
}
.outline > div .outline_inner ul {
  font-size: 1.8rem;
    margin: 0 auto 1.5em;
}
.outline > div .outline_inner .outline_note {
    padding-left: 1em;
    text-indent: -1em;
}
.please {
    margin-top: 50px;
}
.please p {
    padding: 1em 1.5em;
}

.transfusion {
    margin-top: 70px;
}
}

@media (min-width: 1200px) {
section article.donor_content {
	margin-top: 80px;
}
h2.subtitle {
	font-size: 3.8rem;
}

.conditions{
    margin-top: 80px;
}

.outline {
    margin-top: 100px;
}
.outline > div .outline_inner {
  padding: 40px 30px 20px;
}
.outline > div .outline_inner h3 {
  font-size: 2.4rem;
  top: -25px;
}
.outline > div .outline_inner ul {
  font-size: 2rem;
}
.outline > div .outline_inner .outline_note {
    padding-left: 1em;
    text-indent: -1em;
}
.please {
    margin-top: 80px;
}
.please p {
    text-align: center;
    padding: 1em 1.5em;
}

.transfusion {
    margin-top: 100px;
}
}