@charset "utf-8";

/* スマホ　start */

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

.embryos-block {
 width:90%;
 margin: 60px auto ;
 padding: 0;
 text-align:center;
}
.embryos-block:after {
 content: '';
 display: block;
 clear: both;
}

ul.embryos-other-detail li {
  margin: 20px 0 0 8px;
  padding:0 0 0 40px;
  font-size:15px;
  text-align:left;
  background: url('../medical/images/concept-mark.svg') left 0px top 2px no-repeat;
  background-size: 20px auto;
}
.embryos-detail-block {
  margin: 60px auto ;
  padding: 0;
  text-align:center;
 }
.embryos-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.embryos-detail-block p {
  margin:20px 0 0 0;
  padding:0;
  text-align:left;
  font-size:15px;
}

ul.embryos-detail li {
  margin: 10px 0 0 20px;
  padding:0 ;
  font-size:15px;
  text-align:left;
  list-style:disc;
}
.embryos-detail-block h2 {
 margin: 0 ;
 font-size:17px;
 text-align:left;
 color:#e0697a;
}

.sheet-download li {
  -moz-border-radius: 20px;    /* Firefox */
  -webkit-border-radius: 20px; /* Safari,Chrome */
  border-radius: 20px;
  background-color: #f9cd02; 
  text-align:center;
  width:90%;
  margin:30px auto;
  color:#5e3d2a;
  font-size:15px;
}
.sheet-download a {
  -moz-border-radius: 20px;    /* Firefox */
  -webkit-border-radius: 20px; /* Safari,Chrome */
  border-radius: 20px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  color:#5e3d2a;
  font-weight:bold;
  padding:10px;
}
}
/* スマホ　end */



/* PC　start */
@media screen and (min-width: 769px) {


.embryos-block {
 width:70%;
 min-width:960px;
 max-width:1200px;
 margin: 100px auto ;
 padding: 0;
 text-align:center;
}
.embryos-block:after {
 content: '';
 display: block;
 clear: both;
}

ul.embryos-other-detail li {
  margin: 20px 0 0 8px;
  padding:0 0 0 40px;
  font-size:15px;
  text-align:left;
  background: url('../medical/images/concept-mark.svg') left 0px top 2px no-repeat;
  background-size: 20px auto;
}
.embryos-detail-block {
  margin: 60px auto ;
  padding: 0;
  text-align:center;
 }
.embryos-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.embryos-detail-block p {
  margin:20px 0 0 0;
  padding:0;
  text-align:left;
  font-size:15px;
}

ul.embryos-detail li {
  margin: 10px 0 0 8px;
  padding:0 0 0 20px;
  font-size:15px;
  text-align:left;
  list-style:disc;
}
.embryos-detail-block h2 {
 margin: 0 ;
 font-size:17px;
 text-align:left;
 color:#e0697a;
}

.sheet-download li {
  -moz-border-radius: 20px;    /* Firefox */
  -webkit-border-radius: 20px; /* Safari,Chrome */
  border-radius: 20px;
  background-color: #f9cd02; 
  text-align:center;
  width:40%;
  margin:30px auto;
  color:#5e3d2a;
  font-size:15px;
}
.sheet-download a {
  -moz-border-radius: 20px;    /* Firefox */
  -webkit-border-radius: 20px; /* Safari,Chrome */
  border-radius: 20px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  color:#5e3d2a;
  font-weight:bold;
  padding:10px;
}
.sheet-download a:hover {
  -moz-border-radius: 20px;    /* Firefox */
  -webkit-border-radius: 20px; /* Safari,Chrome */
  border-radius: 20px;
  background-color: #f8dc43; 
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  padding:10px;
}

}
/* PCメイン　end */