@charset "UTF-8";
h2.title{background:url("../img/common/title-icon/i013.png") left center no-repeat; background-size:contain;}

#father{position:relative; margin-top:20px; padding-bottom:200px;}
#father .pink{border-bottom: 1px dotted #FF4F82; color: #FF4F82;}

#father { margin-bottom: 40px; }
#father p { margin-bottom: 20px; }

#father .incnt { padding-bottom: 30px; }
#father h3{margin:15px 0; padding:5px 10px; background:#002EA3; color:#fff; font-size:20px; font-size:2rem; font-weight:100;}
#father h4 { display: block; margin: 0 auto 20px; background: #FFEED4; box-shadow: 0px 0px 0px 5px #FFEED4; border: dashed 2px #fff; padding: .5em; font-size: 1.2em; letter-spacing: .3em; text-align: center; color: #FFAD33; font-weight: bold; }

#father ol{margin:10px 0 0 30px; list-style: none; counter-reset: my-counter;}
#father ol li{margin-bottom:10px;}
#father ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #002EA3;
  color: #fff;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;}


#father .illust{position:absolute; left:0; bottom:0;}

@media only screen and (min-width:360px) {
}

@media only screen and (min-width:640px) {
}