.service-frame{
  padding: 0 0 30px 0;
}

p.service-lead {
    margin: 0 0 2em 0;
}

.service{
  padding: 0 16px 40px 16px;
}

.service .service-title{
  /*background-color:#FDF7F9;*/
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(253, 247, 249, 1) 10% 90%, rgba(255, 255, 255, 1));
  padding:14px 0;
  width:100%;
}

.service .service-title h3{
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 32px;
  display:block;
  line-height: 1.3;
  margin: 0;
  background: linear-gradient(90deg, #F0B7C6 0%, #9D7C9C 60%, #4C416F 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align:center;
}
.service .service-title > p.lead {
  color: #4c416f;
  font-size: 94%;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  display:block;
  margin: 0;
  text-align:center;
}

.service .service-outline{
  padding:20px 20px 20px 20px;
}

.service > div.intro {
  /*display:table;*/
}

.service > div.intro > p {
  text-align:left;
}

.service > div.intro > p.lead{
  /*width:50%;*/
}

.service > div.intro > p.image  span{
  display:block;
  padding:0 6px;
}

.service > div.intro > p.lead  span{
  display:block;
  font-size:16px;
  line-height:1.4;
  padding:0 6px;
}

.service > div.intro > p.lead  span em.icon{
  background-color:#C1DA80;
  /*border-radius:4px;*/
  color:#FFF;
  font-size:14px;
  font-weight:500;
  display:inline-block;
  padding:3px 8px;
  margin-bottom:1em;
}

.service > div.intro > p.lead  span em.title{
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-size:21px;
  display:block;
  margin-bottom:20px;
}

.service > div.intro > p.lead  span a{
  display:block;
  margin-top:40px;
  text-align:right;
}

.service > div.intro > p.lead  span a img{
  max-width:150px;
}

.service > div.intro > p.image img {
  width:100%;
}

@media screen and (min-width: 780px) {

p.service-lead {
  font-size: 19px;
  margin: 0 0 4em 0;
}

.service{
  padding: 0 0 200px 0;
  margin:0 auto;
}
.service .service-title{
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(253, 247, 249, 1) 25% 75%, rgba(255, 255, 255, 1));
  padding:40px 0;
  text-align:center;
}
.service .service-title h3{
display:inline-block;
font-size: 54px;
line-height:1.3;}

.service .service-title > p.lead {
font-size: 110%;}

.service > div.intro {
display:table;
max-width:940px;
margin:0 auto;
width:100%;}

.service > div.intro > p {
  display:table-cell;
  vertical-align:top;
  width:50%;
}

.service > div.intro > p.lead  span{
  font-size:17px;
  line-height:1.8;
  padding:0 30px;
}

.service > div.intro > p.lead  span em.title{
  font-size:24px;
  margin-bottom:30px;
}

.service > div.intro > p.lead  span a img{
  max-width:auto;
}

.service .service-outline{
font-size:19px;
  padding:20px 20px 40px 20px;
text-align:center;
}


}