/* section1 */
#about_massage h3 img { width: 36.3541%; }
@media screen and (max-width: 640px) { #about_massage h3 img { width: 50%; } }
#about_massage section { padding-left: 3.8541%; padding-right: 3.8541%; }
@media screen and (min-width: 1281px) { #about_massage section { padding-left: 37px; } }
@media screen and (max-width: 640px) { #about_massage section { padding-left: 0%; } }
@media screen and (min-width: 1281px) { #about_massage section { padding-right: 37px; } }
@media screen and (max-width: 640px) { #about_massage section { padding-right: 0%; } }
#about_massage section ~ section { margin-top: 7.5%; }
@media screen and (min-width: 1281px) { #about_massage section ~ section { margin-top: 72px; } }
@media screen and (max-width: 640px) { #about_massage section ~ section { margin-top: 10%; } }
#about_massage section:nth-of-type(1) ul { font-size: 0.83333em; }
#about_massage section:nth-of-type(2) .pure-g.paragraph ~ .paragraph { margin-top: 1.8058%; }
@media screen and (min-width: 1281px) { #about_massage section:nth-of-type(2) .pure-g.paragraph ~ .paragraph { margin-top: 16px; } }
@media screen and (max-width: 640px) { #about_massage section:nth-of-type(2) .pure-g.paragraph ~ .paragraph { margin-top: 8%; } }
#about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) { font-size: 0.83333em; padding-left: 1.8058%; padding-right: 1.8058%; }
@media screen and (min-width: 1281px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) { padding-left: 16px; } }
@media screen and (max-width: 640px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) { padding-left: 2.6666%; } }
@media screen and (min-width: 1281px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) { padding-right: 16px; } }
@media screen and (max-width: 640px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) { padding-right: 2.6666%; } }
#about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) p { padding-left: 2em; text-indent: -2em; }
#about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) ul.list { margin-top: 2.0316%; margin-left: 2.0316%; }
@media screen and (min-width: 1281px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) ul.list { margin-top: 12px; } }
@media screen and (max-width: 640px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) ul.list { margin-top: 3%; } }
@media screen and (min-width: 1281px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) ul.list { margin-left: 12px; } }
@media screen and (max-width: 640px) { #about_massage section:nth-of-type(2) .pure-g.paragraph > div:nth-child(2) ul.list { margin-left: 3%; } }
#about_massage section:nth-of-type(2) .pure-g.paragraph:nth-of-type(3) p:nth-of-type(n+2) { padding-left: 2em; text-indent: 0; text-decoration: underline; font-size: 0.83333em; }

/* section2 */
@media screen and (max-width: 640px) { #charge > .inner { padding-left: 0; padding-right: 0; } }
#charge div.wrapper { background-color: #f9f9f9; padding-top: 7.2916%; padding-bottom: 7.2916%; padding-left: 6.0416%; padding-right: 6.0416%; }
@media screen and (min-width: 1281px) { #charge div.wrapper { padding-top: 70px; } }
@media screen and (max-width: 640px) { #charge div.wrapper { padding-top: 11.6666%; } }
@media screen and (min-width: 1281px) { #charge div.wrapper { padding-bottom: 70px; } }
@media screen and (max-width: 640px) { #charge div.wrapper { padding-bottom: 11.6666%; } }
#charge div.wrapper .paragraph ~ .paragraph { margin-top: 6.25%; }
@media screen and (min-width: 1281px) { #charge div.wrapper .paragraph ~ .paragraph { margin-top: 60px; } }
@media screen and (max-width: 640px) { #charge div.wrapper .paragraph ~ .paragraph { margin-top: 5%; } }
@media screen and (min-width: 1281px) { #charge div.wrapper { padding-left: 58px; } }
@media screen and (max-width: 640px) { #charge div.wrapper { padding-left: 5.3333%; } }
@media screen and (min-width: 1281px) { #charge div.wrapper { padding-right: 58px; } }
@media screen and (max-width: 640px) { #charge div.wrapper { padding-right: 5.3333%; } }
#charge div.wrapper h3 img { width: 12.2037%; }
@media screen and (max-width: 640px) { #charge div.wrapper h3 img { width: 17.1641%; } }
#charge div.wrapper dl { margin: 0; margin-bottom: 1.4218%; }
@media screen and (min-width: 1281px) { #charge div.wrapper dl { margin-bottom: 12px; } }
@media screen and (max-width: 640px) { #charge div.wrapper dl { margin-bottom: 2.2388%; } }
#charge div.wrapper dl dt { float: left; width: 13.6255%; }
#charge div.wrapper dl dt:before, #charge div.wrapper dl dt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; *zoom: 1; }
@media screen and (max-width: 768px) { #charge div.wrapper dl dt { width: 16.5876%; } }
@media screen and (max-width: 640px) { #charge div.wrapper dl dt { width: 19.4029%; } }
#charge div.wrapper dl dt ~ dt, #charge div.wrapper dl dd ~ dd { margin-top: 0.9478%; }
@media screen and (min-width: 1281px) { #charge div.wrapper dl dt ~ dt, #charge div.wrapper dl dd ~ dd { margin-top: 8px; } }
@media screen and (max-width: 640px) { #charge div.wrapper dl dt ~ dt, #charge div.wrapper dl dd ~ dd { margin-top: 1.4925%; } }
#charge div.wrapper dl dd span { display: inline-block; margin-right: 3.7914%; }
@media screen and (min-width: 1281px) { #charge div.wrapper dl dd span { margin-right: 32px; } }
@media screen and (max-width: 640px) { #charge div.wrapper dl dd span { margin-right: 4.4776%; } }
#charge div.wrapper ul { margin-left: 1.4218%; }
@media screen and (min-width: 1281px) { #charge div.wrapper ul { margin-left: 12px; } }
@media screen and (max-width: 640px) { #charge div.wrapper ul { margin-left: 2.2388%; } }
