/* BASE
=========================================== */
#info #contents {
  padding: 0 0 30px;
}

.introduction {
    background: url(../images/info/info_bg_pc.png) no-repeat center top;
	background-size:375px;
}

.introduction h4 {
  width: 322px;
  padding: 90px 0 161px;
  margin: auto;
}

.introduction p {
  color: #666666;
  font-size: 1.3rem;
  text-align: center;
}

.introduction p .blue {
  color: #54afde;
}

.introduction p .pink {
  color: #fc3d89;
}

.introduction p:last-of-type {
  color: #fc3d89;
  font-size: 1.6rem;
  padding: 20px 0 22px;
}

#contents .contents_block {
  margin: 0 15px 10px;
  text-align: center;
}

#contents .contents_block h5 {
  color: #ff5da9;
  font-size: 1.6rem;
  text-align: center;
  background: #b9f6ff;
  border-radius: 12.5px;
  padding: 5px 0;
  margin: 0 0 10px;
  display: block;
}

#contents .contents_block dl {
  margin: 0 2.5% 5px;
  color: #5b4851;
  width:95%;
  overflow:hidden;
}

#contents .contents_block dl dt {
  width: 58%;
  background: #ffeea3;
  border-radius: 2.5px;
  text-align: center;
  display: inline-block;
  padding: 2px 0 0;
  margin: 0 2% 0 0;
  font-size: 1rem;
	float:left;
    clear:both;	
}

#contents .contents_block dl dd {
  width: 40%;
  display: inline-block;
  text-align: left;
  font-size: 1rem;
  padding: 2px 0 0;
 float:left; 
}

.info_inner {
  padding: 0 4%;
}

  .info02{width:65%;margin:0 auto 30px;}

/* ==========================================================
  PC only
========================================================== */
@media screen and (min-width: 641px) {
  #info #contents {
    padding: 0 0 100px;
  }
  .introduction {
    background: url(../images/info/info_bg_pc.png) no-repeat center top;
	width:800px;
    margin: auto;
  }
  .introduction h4 {
    width: auto;
    text-align: center;
    padding: 27px 0 546px;
  }
  .introduction p {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .introduction p:last-of-type {
    font-size: 2.3rem;
    padding: 30px 0 26px;
    line-height: 1.4;
  }
  #contents {
    padding: 30px 0 60px;
  }
  #contents .contents_block {
    width: 410px;
    display: inline-block;
    margin: 0 1%;
    padding: 10px 10px 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #contents .contents_block h5 {
    font-size: 2.8rem;
    border-radius: 25px;
    margin: 10px 10px 20px;
  }
  #contents .contents_block dl {
    margin: 0 auto 6px;
    width:95%;
    overflow:hidden;
  }
  #contents .contents_block dl dt {
    width: 45%;
    font-size: 1.1rem;
    border-radius: 5px;
    line-height: 1.6;
    margin: 0 2% 0 0;
    float:left;
    clear:both;
    
  }
  #contents .contents_block dl dd {
    width: 190px;
    font-size: 1.6rem;
    padding: 0;
    width: 53%;
    float:left;
  }
  #contents .contents_block dl dd span {
    font-size: 1.1rem;
    vertical-align: baseline;
  }
  .info_inner {
    width: 878px;
    margin: auto;
  }
  .info_inner .icon_heart {
    margin: 20px 0;
  }
  .info_inner .info_contents_inner {
    text-align: center;
  }
  
  .info02{width:540px;margin:0 auto 50px;}
}

/* ==========================================================
  smaller SP only
========================================================== */
@media screen and (max-width: 320px) {
  #contents .contents_block dl dd {
    width: 60px;
  }
}