h2.title{ color:#000!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;
}

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

p.btn a {
  display: block;
  border-radius: 30px;
  background-color: #f7439c;
background-repeat: no-repeat;
background-position: 18px center;
background-image: url(../img/btn_arrow.png);
width:300px;
margin: 0 auto 1em;
color: #fff;
font-family: vdl-megag, sans-serif;
font-style: normal;
font-weight: bold;
text-align: center; font-size: 1.2em; line-height: 1.5em; padding: 7px 5px 7px 15px;
}
p.btn a:hover {background-color: #f27eb1}

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


@media all and (min-width: 768px) {
	.infoArea { padding: 30px;}
	.phJacket { display: inline-block; margin-right: 30px; vertical-align: top;}
  .phJacket,
  .phJacket span {
    width: 250px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
.infoTxt { display: inline-block; width:555px; vertical-align: top;} 
}
@media all and (max-width: 767px) {
	p.btn a { width: 90%; max-width: 300px;}
  .phJacket span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .phJacket {
    width: 100%;
    box-sizing: border-box; margin-bottom: 10px;
  }

  .phJacket span {
    height: 0;
    padding: 100% 0 0;
    position: relative;
  }
}