h2.title{ color:#000!important; font-size: 1.3em!important; line-height: 1.6em!important; padding-bottom: 10px!important;}
.tit{color: #f7439c; }

section.txtArea h2 {background-image: url("../img/original/bg_h2.png"),url("../img/original/bg_h2.png"); background-repeat: repeat-x,repeat-x; background-position: left bottom, left top; padding-bottom: 0; padding:20px 10px; line-height: 1.4em; margin-bottom: 15px;}

section.txtArea {
    padding: 1em 0px 0.5em;
}
section.txtArea .txt {
    padding: 0 0.5em 1em;
}
section.txtArea .copy {
    padding: 0 0.5em; line-height: 1.8em;
}

.phProf span{
  display: block;
  position: relative;
background-size: 100%;
}


.infoArea { border: solid 2px #ffcce4; padding: 1em; margin: 1em 0 2em; line-height: 1.5em;}
.infoArea h3 {color: #009277; font-size: 1.2em; padding-bottom: 0.5em;}
.infoArea p { padding-bottom: 0.8em;}

.instaArea { background-color: #fcf0ff; padding: 1em; margin: 1em 0; line-height: 1.5em;}
.instaArea .instaTxt { text-align: center; font-weight: bold; font-size: 1.1em; margin-bottom: 1em; color: #3f004a;}

#instaPh { letter-spacing: -.4em;}
#instaPh li { display: inline-block; margin: 5px;}
#instaPh li span{
  display: block;
  position: relative;
background-size: 100%;
}


@media all and (min-width: 768px) {	
	.infoArea { padding: 30px;}
	.phProf { display: inline-block; margin-right: 30px; vertical-align: top;}
  .phProf,
  .phProf span {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #instaPh { width:510px; margin: 0 auto;}
  #instaPh li,
  #instaPh li span {
    width: 160px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
#snsArea li.instagram a {
  width: 300px;
    height: 120px; margin: 0 auto;
	display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent:-9999px;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-size: 100%;
	background-image: url(../img/top/bn_instagram.png);
}
	
.infoTxt { display: inline-block; width:605px; vertical-align: top;} 
}
@media all and (max-width: 767px) {
section.txtArea .copy {
 line-height: 1.5em;
}

	.infoArea h3 { text-align: center;}
	
  .phProf span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .phProf {
    width: 50%;
    box-sizing: border-box; margin:0 auto 10px;
  }

  .phProf span {
    height: 0;
    padding: 100% 0 0;
    position: relative;
  }
	
.instaArea {padding: 1em 0.5em;}
	
#instaPh {width: 100%; text-align: center;}
  #instaPh li {
    width: 28%;
  }
  #instaPh li span {
    height: 0;
    padding: 100% 0 0;
    position: relative;
  }
#snsArea { width: 80%; max-width: 400px; margin: 0.5em auto 0; text-align: center;}
#snsArea li { display: inline-block; width:45.65%;
      height: auto;
      }
#snsArea li a {width: 100%; height:0; padding-top: 100%;
display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent:-9999px;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
	background-size: contain;}

#snsArea li.instagram a {
  background-image: url(../img/top/sp_bn_instagram.png);
}
}