@charset "UTF-8";


@media (min-width: 320px) {
/* ページタイトル */
section .titlearea {
	background: url(../donor/images/head_img.jpg) no-repeat center top;
	margin-top: 0px;
}

.intro{
  text-align:center;  
}

.dog_text{
  color:#ea6097;
}

.cat_text{
  color:#69ccef;
}

.detail{
  
}

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

.detail table{
  width:100%;
  font-size:1.6em;
}

.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(../donor/images/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(../donor/images/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;
}

.present .outline{
  border: dotted 2px #d8d8d8;
  border-radius:10px;
  padding:20px;
  margin-bottom:30px;
}
.present .outline .inner{
  background-color:#f4f4f4;
  padding:25px;
  text-align:center;
  font-weight:700;
}
.present .outline .inner ul{
    text-align: left;
    display: table;
    margin: auto;
}
.present .outline .inner span{
  color:#3d828e;
}

small{
  font-size:1.4em;
  position:relative;
  padding-left:1.2em;
  display:block;
}
small:before{
  content:"※";
  color:#3d828e;
  position:absolute;
  left:0;
  top:0;
}
.please{
  text-align:center;
}
.please p:not(.pink){
  color:#3d828e;
}
.please .pink{
  display:inline-block;
  padding:0.5em 1em;
  background-color:#f2a0a9;
  border-radius:2em;
  color:#fff;
  font-size:2em;
  margin-top:50px;
}

.please .transfusion {
    text-align: center;
    margin-top: 70px;
}
.please .transfusion img {
    width: auto;
    max-width: 100%;
}
}

@media (min-width: 360px) {

}

@media (min-width: 400px) {
}

@media (min-width: 520px) {
}

@media (min-width: 768px) {
/* ページタイトル */
section .titlearea {
	background-position: center center;
}
.flexbox{
  display: flex;
  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 table{
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.detail table th{
  width:120px;
}
.detail table tr:last-child th{
  background-size: auto;
}

.please .pink{
  display:inline-block;
  padding:0.5em 4.5em;
}

}
@media (min-width: 1160px) {


}


@media (min-width: 1200px) {
}