@charset "utf-8";

/* スマホ　start */

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

.ivf-block {
 width:94%;
 margin: 60px auto ;
 padding: 0;
 text-align:center;
}
.ivf-block:after {
 content: '';
 display: block;
 clear: both;
}
.ivf-block h2 {
  margin: 0 ;
 padding:34px 0 24px 0;
 font-size:18px;
 text-align:left;
 color:#e0697a;
 background-image:url('../images/content-h-bg.svg');
 background-repeat:no-repeat;
 background-position:0% 50%;
 background-size:90px 120px;
}
.ivf-block p {
  margin:20px 0 0 0;
  padding:0;
  text-align:left;
  font-size:15px;
}
.ivf-adaptation {
 width:90%;
 margin: 14px auto ;
 padding: 10px;
 text-align:center;
 background:#f9faeb;
 border:#e9c931 dotted 3px;
 border-radius:20px;
}
.ivf-adaptation:after {
 content: '';
 display: block;
 clear: both;
}
.ivf-adaptation-h {
  margin: 0 ;
 font-size:16px;
 text-align:left;
 color:#3b2c19;
 font-weight:bold;
 display:block;
}
ul.adaptation-list li {
  list-style-type: disc;
  margin: 10px 0 0 20px;
  padding:0;
  font-size:15px;
  text-align:left;
}

.ivf-detail-block {
  width:100%;
  margin: 60px auto ;
  padding: 0;
  text-align:center;
  font-size:0;
}
.ivf-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.ivf-detail-block h3 {
 margin: 0 ;
 padding:5px;
 font-size:16px;
 text-align:left;
 color:#3f280a;
 background:#f9ed68;
 border-radius:10px;
}
.ivf-detail-block p {
 margin: 10px 0 0 0;
 padding:5px;
 font-size:15px;
 text-align:left;
 color:#3f280a;
}


.ivf-flow-block {
  width:94%;
  margin: 100px auto ;
  padding: 0;
  text-align:center;
}
.ivf-flow-block:after {
  content: '';
  display: block;
  clear: both;
}
.ivf-flow-block h2 {
 margin: 30px auto 0 auto;
 padding:50px 0 50px 0;
 font-size:17px;
 text-align:center;
 color:#492d1c;
 background-image:url('../images/top-time-h-bg.svg');
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:120px 90px;
}
.ivf-flow-box {
  margin: 30px auto ;
  padding: 10px;
  text-align:center;
  border:3px dotted #f0b6b8;
  border-radius:20px;
}
.ivf-flow-box h3 {
  margin: 0 auto ;
  font-size:16px;
  color:#e96268;
}
.ivf-flow-box p {
  margin: 0;
  font-size:15px;
  text-align:left;
}
.ivf-flow-image {
  margin: 20px auto;
  text-align:center;
  width:90%;
}
.ivf-flow-cap {
  margin: 30px auto 0;
  font-size:16px;
  text-align:center;
  font-weight:bold;
  color:#22aaa8;
}
.ivf-flow-detail-block {
  margin: 20px auto ;
  padding: 0;
  text-align:center;
}
.ivf-flow-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.ivf-flow-next {
  margin: 0 auto;
  text-align:center;
  width:120px;
}

.ivf-flow-detail-block h4 {
  margin: 30px auto 0;
  font-size:16px;
  text-align:center;
  font-weight:bold;
  color:#22aaa8;
}
.ivf-flow-detail-left {
  margin: 20px auto;
  padding: 0;
  text-align:center;
}
.ivf-flow-detail-left-image {
  margin: 20px auto;
  padding: 0;
  text-align:center;
  width:90%;
}
.ivf-flow-detail-right {
  margin: 10px auto;;
  padding: 0;
  text-align:center;
  width:90%;
}

.funin-category-block {
  width:94%;
  margin: 100px auto ;
  padding: 0;
  text-align:center;
}
.funin-category-block:after {
  content: '';
  display: block;
  clear: both;
}
.funin-category-block h3 {
 margin: 30px auto 0 auto;
 padding:50px 0 50px 0;
 font-size:16px;
 text-align:center;
 color:#492d1c;
 background-image:url('../images/top-time-h-bg.svg');
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:120px 90px;
}

.funin-nav li {
  -moz-border-radius: 3px;    /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
  border-radius: 3px;
  background-color: #f2db6f; 
  text-align:center;
  width:80%;
   margin:60px auto;
  border-radius:30px;
}
.funin-nav a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin:0 ;
  padding: 18px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#492d1c;
  font-size:15px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius:30px;
}
}
/* スマホ　end */



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


.ivf-block {
 width:80%;
 min-width:960px;
 max-width:1200px;
 margin: 100px auto ;
 padding: 0;
 text-align:center;
}
.ivf-block:after {
 content: '';
 display: block;
 clear: both;
}
.ivf-block h2 {
  margin: 0 ;
 padding:34px 0 24px 0;
 font-size:20px;
 text-align:left;
 color:#e0697a;
 background-image:url('../images/content-h-bg.svg');
 background-repeat:no-repeat;
 background-position:0% 50%;
 background-size:90px 120px;
}
.ivf-block p {
  margin:20px 0 0 0;
  padding:0;
  text-align:left;
  font-size:17px;
}
.ivf-adaptation {
 width:90%;
 margin: 14px auto ;
 padding: 10px;
 text-align:center;
 background:#f9faeb;
 border:#e9c931 dotted 3px;
 border-radius:20px;
}
.ivf-adaptation:after {
 content: '';
 display: block;
 clear: both;
}
.ivf-adaptation-h {
  margin: 0 ;
 font-size:17px;
 text-align:left;
 color:#3b2c19;
 font-weight:bold;
 display:block;
}
ul.adaptation-list li {
  list-style-type: disc;
  margin: 10px 0 0 20px;
  padding:0;
  font-size:16px;
  text-align:left;
}

.ivf-detail-block {
  width:100%;
  margin: 60px auto ;
  padding: 0;
  text-align:center;
  font-size:0;
}
.ivf-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.ivf-detail-block h3 {
 margin: 0 ;
 padding:5px;
 font-size:18px;
 text-align:left;
 color:#3f280a;
 background:#f9ed68;
 border-radius:10px;
}
.ivf-detail-block p {
 margin: 10px 0 0 0;
 padding:5px;
 font-size:16px;
 text-align:left;
 color:#3f280a;
}


.ivf-flow-block {
  width:100%;
  min-width:960px;
  max-width:1200px;
  margin: 100px auto ;
  padding: 0;
  text-align:center;
}
.ivf-flow-block:after {
  content: '';
  display: block;
  clear: both;
}
.ivf-flow-block h2 {
 margin: 30px auto 0 auto;
 padding:50px 0 50px 0;
 font-size:20px;
 text-align:center;
 color:#492d1c;
 background-image:url('../images/top-time-h-bg.svg');
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:120px 90px;
}
.ivf-flow-box {
  width:90%;
  margin: 30px auto ;
  padding: 10px;
  text-align:center;
  border:3px dotted #f0b6b8;
  border-radius:20px;
}
.ivf-flow-box h3 {
  margin: 0 auto ;
  font-size:18px;
  color:#e96268;
}
.ivf-flow-box p {
  margin: 0;
  font-size:17px;
  text-align:left;
}
.ivf-flow-image {
  margin: 20px auto;
  text-align:center;
  width:90%;
}
.ivf-flow-cap {
  margin: 30px auto 0;
  font-size:17px;
  text-align:center;
  font-weight:bold;
  color:#22aaa8;
}
.ivf-flow-detail-block {
  margin: 20px auto ;
  padding: 0;
  text-align:center;
}
.ivf-flow-detail-block:after {
  content: '';
  display: block;
  clear: both;
}
.ivf-flow-next {
  margin: 0 auto;
  text-align:center;
  width:120px;
}

.ivf-flow-detail-block h4 {
  margin: 30px auto 0;
  font-size:17px;
  text-align:center;
  font-weight:bold;
  color:#22aaa8;
}
.ivf-flow-detail-left {
  margin: 0;
  padding: 0 30px 0 0;
  text-align:left;
  float:left;
  width:70%;
}
.ivf-flow-detail-left-image {
  margin: 20px auto;
  padding: 0;
  text-align:center;
  width:90%;
}
.ivf-flow-detail-right {
  margin: 0 ;
  padding: 0;
  text-align:right;
  float:right;
  width:26%;
}

.funin-category-block {
  width:100%;
  min-width:960px;
  max-width:1200px;
  margin: 100px auto ;
  padding: 0;
  text-align:center;
}
.funin-category-block:after {
  content: '';
  display: block;
  clear: both;
}
.funin-category-block h3 {
 margin: 30px auto 0 auto;
 padding:50px 0 50px 0;
 font-size:20px;
 text-align:center;
 color:#492d1c;
 background-image:url('../images/top-time-h-bg.svg');
 background-repeat:no-repeat;
 background-position:50% 50%;
 background-size:120px 90px;
}

.funin-nav li {
  -moz-border-radius: 3px;    /* Firefox */
  -webkit-border-radius: 3px; /* Safari,Chrome */
  border-radius: 3px;
  background-color: #f2db6f; 
  text-align:center;
  width:300px;
   margin:30px 30px ;
  display:inline-block;
  border-radius:30px;
}
.funin-nav a {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin:0 ;
  padding: 18px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#492d1c;
  font-size:18px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius:30px;
}
.funin-nav a:hover {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin:0;
  padding: 18px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#fff;
  background-color:#e9c931;
  border-radius:30px;
}


}
/* PCメイン　end */