@charset "UTF-8";

body {
  font-size: 1rem;
  color: #000;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
dl,
dt,
dd,
button {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

button {
  border: 0;
  background: 0;
}

button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.designed {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-position: left top;
  background-repeat: no-repeat;
}

span.designed,
small.designed,
a.designed {
  display: inline-block;
}

body.no-image .designed {
  text-indent: 0;
  overflow: visible;
  white-space: normal;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

html {
  font-size: 16px;
}

body {
  font-family: 'Meiryo', sans-serif;
  background: url(../images/common/bg.png) no-repeat center top;
}

.top > header,
.top > section,
.top > footer {
  min-width: 950px;
}

.content {
  width: 950px;
  margin: 0 auto;
}

.top {
  -webkit-transform-origin: center top;
     -moz-transform-origin: center top;
          transform-origin: center top;
}

.top > section.bordered {
  background: url(../images/common/section-bg.png) repeat-x left 60px;
}
.top > section.bordered h2,
.top > section.bordered .subtitle {
  text-align: center;
  font-size: 18px;
  font-weight: normal;
}
.top > section.bordered h2 {
  color: #51380f;
}
.top > section.bordered .subtitle {
  margin-top: 10px;
  color: #333;
  line-height: 1.6;
  letter-spacing: 2px;
}
.top > section.bordered .subtitle strong {
  font-weight: normal;
}

.top > header {
  height: 96px;
  background: url(../images/header/bg.png) no-repeat center top;
}
.top > header .logo {
  float: left;
  background-image: url(../images/header/logo.png);
  margin: 36px 0 0 35px;
  width: 181px;
  height: 30px;
}
.top > header h1 {
  float: left;
  background-image: url(../images/header/title.png);
  margin: 27px 0 0 77px;
  width: 500px;
  height: 50px;
}

.top > section.introduction {
  background: url(../images/introduction/bg.jpg) no-repeat center top;
  height: 731px;
}
.top > section.introduction h2 {
  background-image: url(../images/introduction/title.png);
  background-position: left 31px;
  margin-left: 27px;
  width: 525px;
  height: 89px;
}
.top > section.introduction .subtitle {
  background-image: url(../images/introduction/subtitle.png);
  margin: 4px 0 0 37px;
  width: 447px;
  height: 15px;
}
.top > section.introduction .text-1 {
  background-image: url(../images/introduction/text-1.png);
  margin: 87px 0 0 215px;
  width: 463px;
  height: 164px;
}
.top > section.introduction .text-2 {
  background-image: url(../images/introduction/text-2.png);
  margin: 99px 0 0 33px;
  width: 673px;
  height: 94px;
}

.top > div.overlay {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  background: url(../images/introduction/overlay.png) center top no-repeat;
  top: 0;
  left: 0;
  right: 0;
  width: 950px;
  height: 799px;
  margin: 0 auto;
}

.top > section.purchase {
  height: 331px;
}
.top > section.purchase .content {
  background: url(../images/purchase/bg.png) no-repeat 12px top;
  position: relative;
  height: 331px;
}
.top > section.purchase h2 {
  background-image: url(../images/purchase/title.png);
  background-position: left 33px;
  margin-left: 90px;
  width: 605px;
  height: 84px;
}
.top > section.purchase .text-1 {
  background-image: url(../images/purchase/text-1.png);
  margin: 21px 0 0 211px;
  width: 523px;
  height: 34px;
}
.top > section.purchase .text {
  margin: 1px 0 0;
  float: left;
}
.top > section.purchase .text-2 {
  background-image: url(../images/purchase/text-2.png);
  margin-left: 197px;
  width: 112px;
  height: 14px;
}
.top > section.purchase .text-3 {
  background-image: url(../images/purchase/text-3.png);
  margin: 8px 0 0 238px;
  width: 155px;
  height: 48px;
}
.top > section.purchase .text-3-2 {
  background-image: url(../images/purchase/text-3-2.png);
  margin: 8px 0 0 238px;
  width: 155px;
  height: 48px;
}
.top > section.purchase .text-4 {
  float: left;
  background-image: url(../images/purchase/text-4.png);
  margin: 9px 0 0 196px;
  width: 82px;
  height: 82px;
}
.top > section.purchase .text-5 {
  float: left;
  background-image: url(../images/purchase/text-5.png);
  margin: 9px 0 0 21px;
  width: 82px;
  height: 82px;
}
.top > section.purchase .text-6 {
  clear: both;
  font-size: 10px;
  text-indent: 90px;
}
.top > section.purchase .badge {
  position: absolute;
  background-image: url(../images/purchase/badge_8.png);
  width: 263px;
  height: 263px;
  top: -81px;
  right: 13px;
}
.top > section.purchase .price {
  float: left;
}
.top > section.purchase .price-1 {
  float: left;
  background-image: url(../images/purchase/price-1.png);
  margin: 23px 0 0 47px;
  width: 169px;
  height: 47px;
}
.top > section.purchase .price-2 {
  float: left;
  background-image: url(../images/purchase/price-2.png);
  margin: 4px 0 3px 13px;
  width: 200px;
  height: 73px;
}
.top > section.purchase .price-3 {
  float: left;
  background-image: url(../images/purchase/price-5.png);
  margin: 4px 0 3px 13px;
  width: 200px;
  height: 73px;
}
.top > section.purchase form {
  clear: both;
  width: 441px;
  margin: 0 0 0 20px;
}
.top > section.purchase button {
  width: 441px;
  height: 82px;
}
.top > section.purchase button span {
  background-image: url(../images/purchase/button.png);
  width: 441px;
  height: 82px;
}

.top > section.purchase-1 {
  margin-top: -166px;
}

.top > section.purchase-2 {
  margin-top: 90px;
}

.top > section.purchase-3 {
  margin-top: 93px;
}

.top > section.purchase-4 {
  margin-top: 84px;
}

.top > section.onayami {
  margin-top: 60px;
}
.top > section.onayami .content {
  background: url(../images/onayami/title-bg.png) no-repeat 66px top;
  padding-top: 59px;
}
.top > section.onayami h2,
.top > section.onayami .subtitle {
  margin-left: 245px;
  width: 585px;
}
.top > section.onayami h2 {
  background-image: url(../images/onayami/title.png);
  height: 51px;
}
.top > section.onayami .subtitle {
  height: 82px;
}
.top > section.onayami .examples {
  margin-left: 30px;
  background: url(../images/onayami/examples-bg.png);
  width: 874px;
  height: 484px;
}
.top > section.onayami .examples li {
  margin: 0 42px;
  height: 90px;
  line-height: 90px;
  text-indent: 64px;
  background: url(../images/onayami/checkbox.png) no-repeat left center;
  border-bottom: 1px dashed #000;
  font-size: 18px;
}
.top > section.onayami .examples li strong {
  color: #ff8ed8;
  font-size: 30px;
  margin: 0 5px;
}
.top > section.onayami .message {
  margin-top: 56px;
  background: url(../images/onayami/message-bg.jpg) no-repeat 138px bottom;
  height: 381px;
}
.top > section.onayami .message p {
  background-image: url(../images/onayami/message-text.png);
  margin-left: 36px;
  width: 861px;
  height: 87px;
}
.top > section.onayami .points {
  padding-left: 146px;
}
.top > section.onayami .points p {
  background-image: url(../images/onayami/points-text.png);
  width: 640px;
  height: 61px;
}
.top > section.onayami .points li {
  float: left;
  display: block;
}
.top > section.onayami .points li:nth-child(1) {
  background-image: url(../images/onayami/points-1.jpg);
  width: 204px;
  height: 166px;
}
.top > section.onayami .points li:nth-child(2) {
  background-image: url(../images/onayami/points-2.jpg);
  width: 223px;
  height: 166px;
}
.top > section.onayami .points li:nth-child(3) {
  background-image: url(../images/onayami/points-3.jpg);
  width: 213px;
  height: 166px;
}
.top > section.onayami .points li:nth-child(4) {
  clear: both;
  background-image: url(../images/onayami/points-4.jpg);
  width: 204px;
  height: 188px;
}
.top > section.onayami .points li:nth-child(5) {
  background-image: url(../images/onayami/points-5.jpg);
  width: 200px;
  height: 188px;
}
.top > section.onayami .points li:nth-child(6) {
  background-image: url(../images/onayami/points-6.jpg);
  width: 236px;
  height: 188px;
}

.top > section.voice {
  margin-top: 44px;
}
.top > section.voice .content {
  background: url(../images/voice/title-bg.png) no-repeat 76px 6px;
  padding-top: 50px;
}
.top > section.voice h2,
.top > section.voice .subtitle {
  margin-left: 245px;
  width: 583px;
}
.top > section.voice h2 span {
  background-image: url(../images/voice/title.png);
  width: 583px;
  height: 51px;
}
.top > section.voice .subtitle {
  margin-top: 0;
  line-height: 1;
  height: 49px;
}
.top > section.voice section {
  background: url(../images/voice/section-bg.png) no-repeat left top;
  margin-left: 35px;
  width: 864px;
  height: 259px;
  margin-top: 27px;
}
.top > section.voice section div {
  padding: 16px 32px;
  height: 227px;
  position: relative;
  background-repeat: no-repeat;
}
.top > section.voice section h3 {
  color: #ff5eb1;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.3;
  height: 60px;
}
.top > section.voice section .name {
  margin: -5px 0 13px;
  font-size: 14px;
  text-align: right;
  color: #ff63c9;
  border-bottom: 1px solid #a7987e;
}
.top > section.voice section .text {
  font-size: 12px;
  line-height: 1.6;
  padding: 1px 2px;
}
.top > section.voice section .note {
  position: absolute;
  bottom: 4px;
}
.top > section.voice section.left div {
  padding-right: 278px;
  background-position: right top;
}
.top > section.voice section.left .note {
  right: 8px;
}
.top > section.voice section.right div {
  padding-left: 278px;
  background-position: left top;
}
.top > section.voice section.right .note {
  left: 130px;
}
.top > section.voice section:nth-of-type(1) div {
  background-image: url(../images/voice/person-1.jpg);
}
.top > section.voice section:nth-of-type(2) div {
  background-image: url(../images/voice/person-2.jpg);
}
.top > section.voice section:nth-of-type(3) div {
  background-image: url(../images/voice/person-3.jpg);
}
.top > section.voice section:nth-of-type(4) div {
  background-image: url(../images/voice/person-4.jpg);
}

.top > section.about {
  margin-top: 40px;
}
.top > section.about > .content {
  background: url(../images/about/title-bg.png) no-repeat 71px 18px;
  padding-top: 60px;
}
.top > section.about h2,
.top > section.about .subtitle {
  margin-left: 261px;
  width: 558px;
}
.top > section.about h2 {
  background-image: url(../images/about/title.png);
  width: 558px;
  height: 95px;
}
.top > section.about .subtitle {
  height: 55px;
}
.top > section.about section.about-EMS {
  background: url(../images/about/EMS-bg.png) no-repeat left top;
  width: 754px;
  height: 119px;
  padding: 16px 60px;
  margin-left: 21px;
  color: #51380f;
}
.top > section.about section.about-EMS h3 {
  font-weight: normal;
  font-size: 24px;
  list-style: square outside;
  display: list-item;
}
.top > section.about div.about-Di {
  background: url(../images/about/Di-bg.jpg) no-repeat center -115px;
  height: 641px;
}
.top > section.about div.about-Di .left {
  position: relative;
  width: 479px;
  float: left;
}
.top > section.about div.about-Di .left h3 {
  background-image: url(../images/about/left-title.png);
  width: 321px;
  height: 35px;
  position: absolute;
  left: 102px;
  top: 374px;
}
.top > section.about div.about-Di .left dl {
  padding: 41px 0 0 26px;
  height: 85px;
}
.top > section.about div.about-Di .left dl dt {
  background-image: url(../images/about/left-term.png);
  width: 77px;
  height: 77px;
  position: relative;
  z-index: 2;
}
.top > section.about div.about-Di .left dl dd {
  margin: -59px 0 0 31px;
  background-image: url(../images/about/left-description.png);
  width: 388px;
  height: 47px;
}
.top > section.about div.about-Di .left .skins {
  margin-left: 201px;
}
.top > section.about div.about-Di .left .skins li {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  width: 137px;
}
.top > section.about div.about-Di .left .skins li:nth-child(1) {
  background-image: url(../images/about/skins-1.png);
  height: 42px;
}
.top > section.about div.about-Di .left .skins li:nth-child(2) {
  background-image: url(../images/about/skins-2.png);
  height: 48px;
}
.top > section.about div.about-Di .left .skins li:nth-child(3) {
  background-image: url(../images/about/skins-3.png);
  height: 81px;
}
.top > section.about div.about-Di .left .skins li:nth-child(4) {
  background-image: url(../images/about/skins-4.png);
  height: 81px;
}
.top > section.about div.about-Di .left .waves {
  margin: -252px 0 0 7px;
}
.top > section.about div.about-Di .left .waves li {
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: left top;
  height: 287px;
}
.top > section.about div.about-Di .left .waves li:nth-child(1) {
  background-image: url(../images/about/waves-1.png);
  width: 99px;
}
.top > section.about div.about-Di .left .waves li:nth-child(2) {
  background-image: url(../images/about/waves-2.png);
  width: 57px;
}
.top > section.about div.about-Di .left .waves li:nth-child(3) {
  background-image: url(../images/about/waves-3.png);
  width: 63px;
}
.top > section.about div.about-Di .left .waves li:nth-child(4) {
  background-image: url(../images/about/waves-4.png);
  width: 253px;
}
.top > section.about div.about-Di .left section {
  position: absolute;
  left: 14px;
  top: 223px;
  width: 142px;
  height: 111px;
  padding: 4px 6px;
  border: 4px solid #ff4545;
  background: #fcf8ec;
}
.top > section.about div.about-Di .left section h4 {
  font-size: 15px;
  color: #ef0000;
  font-weight: normal;
}
.top > section.about div.about-Di .left section p {
  font-size: 10px;
  white-space: nowrap;
}
.top > section.about div.about-Di .right {
  float: left;
  width: 432px;
  margin-top: 59px;
}
.top > section.about div.about-Di .right .text-1 {
  text-align: center;
}
.top > section.about div.about-Di .right .text-1 span,
.top > section.about div.about-Di .right .text-1 small {
  height: 59px;
}
.top > section.about div.about-Di .right .text-1 .word-1 {
  background-image: url(../images/about/right-word-1.png);
  width: 191px;
}
.top > section.about div.about-Di .right .text-1 .and {
  background-image: url(../images/about/right-and.png);
  width: 20px;
}
.top > section.about div.about-Di .right .text-1 .word-2 {
  background-image: url(../images/about/right-word-2.png);
  width: 196px;
}
.top > section.about div.about-Di .right .text-1 .text-1-last {
  margin: 12px 0 0 16px;
  background-image: url(../images/about/right-text-1.png);
  width: 324px;
  height: 31px;
}
.top > section.about div.about-Di .right .arrow {
  margin: 46px 0 0;
  background-image: url(../images/about/right-arrow.png);
  background-position: center top;
  height: 75px;
}
.top > section.about div.about-Di .right h3 {
  margin: 43px 0 0;
  background-image: url(../images/about/right-title.png);
  background-position: center top;
  height: 74px;
}

.top > section.opinion {
  background: #d4f8ff;
  padding-bottom: 29px;
}
.top > section.opinion .content {
  width: 780px;
  border: 10px solid rgba(255, 255, 255, 0.8);
  padding-bottom: 21px;
}
.top > section.opinion h2 {
  background-image: url(../images/opinion/title.png);
  width: 267px;
  height: 101px;
  margin: 0 auto;
}
.top > section.opinion .person {
  text-align: right;
  font-size: 17px;
  line-height: 1.5;
}
.top > section.opinion .person small.title {
  white-space: nowrap;
  font-size: 13px;
}
.top > section.opinion .person-1 {
  margin: 50px 0 0 24px;
  background: url(../images/opinion/person-1.png) no-repeat;
  width: 163px;
  padding-top: 258px;
  height: 80px;
}
.top > section.opinion dl {
  margin: -339px 0 0 206px;
}
.top > section.opinion dl dt {
  height: 32px;
  line-height: 34px;
  width: 409px;
  background: #6d5742;
  color: #fff;
  -moz-border-radius: 16px;
       border-radius: 16px;
  position: relative;
  padding: 0 20px 0 60px;
  font-size: 22px;
  text-align: center;
}
.top > section.opinion dl dt span {
  display: block;
  position: absolute;
  left: 0;
  top: -13px;
  width: 49px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  font-family: 'Times New Roman', 'Times', serif;
  font-style: italic;
  font-size: 36px;
  -moz-border-radius: 30px;
       border-radius: 30px;
  background: #6d5742;
  border: 5px solid #d4f8ff;
}
.top > section.opinion dl dd {
  color: #6d5742;
  padding: 16px 48px 16px 48px;
}
.top > section.opinion dl dd p {
  font-size: 12px;
  line-height: 2;
}
.top > section.opinion section {
  margin: 0 auto;
  width: 720px;
  background: #d4f8ff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border: 8px solid #fff;
}
.top > section.opinion section h3 {
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  color: #6d5742;
  width: 561px;
}
.top > section.opinion section h3 strong {
  font-size: 36px;
}
.top > section.opinion section .person {
  font-size: 14px;
  margin: 0 10px;
  padding: 139px 0 10px;
  background-repeat: no-repeat;
  line-height: 1.2;
}
.top > section.opinion section .person small.title {
  font-size: 10px;
}
.top > section.opinion .opinion-sub-1 {
  height: 225px;
}
.top > section.opinion .opinion-sub-1 h3 {
  padding-top: 52px;
  height: 173px;
}
.top > section.opinion .opinion-sub-1 .person {
  margin-top: -215px;
  background-image: url(../images/opinion/person-2.jpg);
  background-position: right top;
}
.top > section.opinion .opinion-sub-2 {
  margin-top: 9px;
}
.top > section.opinion .opinion-sub-2 h3 {
  padding-left: 159px;
  padding-top: 32px;
  height: 173px;
}
.top > section.opinion .opinion-sub-2 .person {
  margin-top: -195px;
  background-image: url(../images/opinion/person-3.jpg);
  text-align: left;
}

.top > section.usage {
  margin-top: 50px;
  background-position: left 80px;
}
.top > section.usage > .content {
  background: url(../images/usage/title-bg.png) no-repeat 64px 5px;
  padding-top: 100px;
}
.top > section.usage h2,
.top > section.usage .subtitle {
  margin-left: 300px;
  width: 463px;
}
.top > section.usage h2 {
  background-image: url(../images/usage/title.png);
  width: 463px;
  height: 52px;
}
.top > section.usage .subtitle {
  height: 158px;
}
.top > section.usage ul {
  background: url(../images/usage/silhouette.png) no-repeat center 20px;
  height: 797px;
  position: relative;
}
.top > section.usage ul > li {
  position: absolute;
}
.top > section.usage ul > li:nth-child(1) {
  background-image: url(../images/usage/regions-bust-front.png);
  width: 238px;
  height: 200px;
  left: 553px;
  top: 5px;
}
.top > section.usage ul > li:nth-child(2) {
  background-image: url(../images/usage/regions-bust-back.png);
  width: 241px;
  height: 196px;
  left: 153px;
  top: 3px;
}
.top > section.usage ul > li:nth-child(3) {
  background-image: url(../images/usage/regions-upper-arm.png);
  width: 312px;
  height: 184px;
  left: 41px;
  top: 198px;
}
.top > section.usage ul > li:nth-child(4) {
  background-image: url(../images/usage/regions-abdominal.png);
  width: 185px;
  height: 184px;
  left: 378px;
  top: 261px;
}
.top > section.usage ul > li:nth-child(5) {
  background-image: url(../images/usage/regions-hip.png);
  width: 277px;
  height: 184px;
  left: 615px;
  top: 195px;
}
.top > section.usage ul > li:nth-child(6) {
  background-image: url(../images/usage/regions-outside-thighs.png);
  width: 233px;
  height: 185px;
  left: 548px;
  top: 394px;
}
.top > section.usage ul > li:nth-child(7) {
  background-image: url(../images/usage/regions-inner-thighs.png);
  width: 251px;
  height: 184px;
  left: 140px;
  top: 397px;
}
.top > section.usage ul > li:nth-child(8) {
  background-image: url(../images/usage/regions-foot.png);
  width: 197px;
  height: 184px;
  left: 235px;
  top: 613px;
}
.top > section.usage p.text {
  position: relative;
  margin: -174px 0 0 520px;
  font-size: 12px;
  color: #513710;
  padding: 12px 12px 10px;
  line-height: 1.8;
  width: 349px;
  background: #fff9ef;
  border: 5px solid #ff8ed8;
  -moz-border-radius: 16px;
       border-radius: 16px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.top > section.patent {
  margin-top: 60px;
}
.top > section.patent .content {
  width: 858px;
  height: 455px;
  background: url(../images/patent/bg.jpg) no-repeat;
}
.top > section.patent img {
  float: right;
  margin: 48px 43px 0 0;
}
.top > section.patent h2 {
  background-image: url(../images/patent/title.png);
  background-position: left 71px;
  width: 503px;
  height: 202px;
  margin-left: 54px;
}
.top > section.patent .text {
  margin: 20px 0 0 54px;
  width: 490px;
  font-size: 22px;
}
.top > section.patent .text strong {
  color: #f5135e;
}
.top > section.patent .number {
  margin: 10px 0 0 54px;
  width: 490px;
  text-align: right;
}
.top > section.patent .number small {
  font-size: 13px;
}

.top > section.technology {
  margin-top: 55px;
}
.top > section.technology .content {
  border: 8px solid #f0f0f0;
  width: 784px;
  padding-top: 23px;
}
.top > section.technology h2 {
  background-image: url(../images/technology/title.png);
  background-position: center top;
  height: 93px;
}
.top > section.technology .text {
  width: 600px;
  margin: 24px auto 0;
  color: #513710;
  font-size: 14px;
}
.top > section.technology .cooperation {
  position: relative;
  height: 418px;
}
.top > section.technology .cooperation h3,
.top > section.technology .cooperation li span,
.top > section.technology .cooperation li p {
  position: absolute;
}
.top > section.technology .cooperation h3 {
  background-image: url(../images/technology/cooperation-title.png);
  width: 165px;
  height: 148px;
  left: 293px;
  top: 203px;
}
.top > section.technology .cooperation ul li span {
  width: 160px;
  height: 160px;
}
.top > section.technology .cooperation ul li p {
  font-size: 18px;
  font-weight: bolder;
  color: #513710;
  line-height: 1.4;
}
.top > section.technology .cooperation ul li.industry span {
  background-image: url(../images/technology/mark-industry.png);
  left: 167px;
  top: 227px;
}
.top > section.technology .cooperation ul li.industry p {
  left: 24px;
  top: 376px;
}
.top > section.technology .cooperation ul li.academic span {
  background-image: url(../images/technology/mark-academic-2.png);
  left: 428px;
  top: 51px;
  width: 299px;
  height: 336px;
}
.top > section.technology .cooperation ul li.academic p {
  left: 585px;
  top: 329px;
}
.top > section.technology .cooperation ul li.government span {
  background-image: url(../images/technology/mark-government-2.png);
  left: 26px;
  top: 51px;
  width: 430px;
  height: 161px;
}
.top > section.technology .cooperation ul li.government p {
  left: 280px;
  top: 18px;
}

.top > section.faq {
  margin-top: 60px;
  padding-bottom: 30px;
  background: url(../images/faq/bg.png) left top repeat-x #fcf8ec;
}
.top > section.faq h2 {
  height: 65px;
  line-height: 65px;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
}
.top > section.faq dl {
  width: 806px;
  margin: 4px auto 0;
}
.top > section.faq dl dt {
  height: 64px;
  line-height: 56px;
  padding-left: 56px;
  background: url(../images/faq/Q-bg.png) left bottom no-repeat;
  cursor: pointer;
  position: relative;
}
.top > section.faq dl dt:hover {
  color: rgba(0, 0, 0, 0.6);
}
.top > section.faq dl dt span {
  position: absolute;
  left: 792px;
  top: 17px;
  width: 22px;
  height: 22px;
  background-image: url(../images/faq/triangle.png);
}
.top > section.faq dl dt span.anim-0 {
  background-position: left top;
}
.top > section.faq dl dt span.anim-1 {
  background-position: left -22px;
}
.top > section.faq dl dt span.anim-2 {
  background-position: left -44px;
}
.top > section.faq dl dt span.anim-3 {
  background-position: left -66px;
}
.top > section.faq dl dd {
  display: none;
  padding: 20px 40px;
  background: url(../images/faq/border.png) left bottom no-repeat;
}

.top > section.conclusion {
  margin-top: 58px;
}
.top > section.conclusion .content {
  background: url(../images/conclusion/bg.jpg) center top no-repeat;
  padding-top: 203px;
}
.top > section.conclusion h2 {
  background-image: url(../images/conclusion/title.png);
  margin-left: 83px;
  width: 807px;
  height: 123px;
}

.top > section.warranty {
  margin-top: 58px;
}

.top > footer {
  margin-top: 60px;
  background: url(../images/footer/bg.png) repeat-x;
}
.top > footer ul {
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.top > footer ul li {
  display: inline;
  letter-spacing: 1px;
  font-size: 10px;
  color: #fff;
}
.top > footer ul li a {
  color: #fff;
  text-decoration: none;
}
.top > footer .copyright {
  text-align: center;
  font-size: 10px;
  color: #fff;
  height: 24px;
  line-height: 24px;
}

.pagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  margin-bottom: -250px;
  width: 60px;
  height: 60px;
  line-height: 90px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  -moz-border-radius: 6px;
       border-radius: 6px;
}
.pagetop:before {
  position: absolute;
  top: -25px;
  width: 100%;
  text-align: center;
  display: block;
  content: '▲';
}

/*base code*/
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

/*the animation definition*/
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
       -moz-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
       -moz-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
       -moz-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
     -moz-transform-origin: center bottom;
          transform-origin: center bottom;
}

.bounce-button {
  display: block;
  width: 608px;
  margin: 1em auto 0;
}

@media screen and (max-width: 949px) {
  html {
    font-size: 12px;
  }
  body {
    font-family: sans-serif;
    -webkit-background-size: 2730.66667px 34px;
       -moz-background-size: 2730.66667px 34px;
            background-size: 2730.66667px 34px;
  }
  .top > header,
  .top > section,
  .top > footer {
    min-width: 316.66667px;
  }
  .content {
    width: 316.66667px;
  }
  .wrapper {
    overflow-y: visible;
  }
  .top > section.bordered {
    background-position: left 20px;
    -webkit-background-size: 2px 42px;
       -moz-background-size: 2px 42px;
            background-size: 2px 42px;
  }
  .top > section.bordered h2,
  .top > section.bordered .subtitle {
    font-size: 8px;
    letter-spacing: 0;
    line-height: 1.2;
    white-space: nowrap;
  }
  .top > section.bordered .subtitle {
    margin-top: 3.33333px;
    letter-spacing: 0;
  }
  .top > header {
    height: 32px;
    -webkit-background-size: 450px 32px;
       -moz-background-size: 450px 32px;
            background-size: 450px 32px;
  }
  .top > header .logo {
    -webkit-background-size: 60.33333px 10px;
       -moz-background-size: 60.33333px 10px;
            background-size: 60.33333px 10px;
    width: 60.33333px;
    height: 10px;
    margin: 12px 0 0 11.66667px;
  }
  .top > header h1 {
    -webkit-background-size: 166.66667px 16.66667px;
       -moz-background-size: 166.66667px 16.66667px;
            background-size: 166.66667px 16.66667px;
    width: 166.66667px;
    height: 16.66667px;
    margin: 9px 0 0 25.66667px;
  }
  .top > section.introduction {
    height: 193.33333px;
    -webkit-background-size: 450px 243.66667px;
       -moz-background-size: 450px 243.66667px;
            background-size: 450px 243.66667px;
  }
  .top > section.introduction h2 {
    -webkit-background-size: 175px 19.33333px;
       -moz-background-size: 175px 19.33333px;
            background-size: 175px 19.33333px;
    width: 175px;
    height: 29.66667px;
    background-position: left 10.33333px;
    margin-left: 9px;
  }
  .top > section.introduction .subtitle {
    -webkit-background-size: 149px 5px;
       -moz-background-size: 149px 5px;
            background-size: 149px 5px;
    width: 149px;
    height: 5px;
    margin: 1.33333px 0 0 12.33333px;
  }
  .top > section.introduction .text-1 {
    -webkit-background-size: 154.33333px 54.66667px;
       -moz-background-size: 154.33333px 54.66667px;
            background-size: 154.33333px 54.66667px;
    width: 154.33333px;
    height: 54.66667px;
    margin: 29px 0 0 71.66667px;
  }
  .top > section.introduction .text-2 {
    -webkit-background-size: 224.33333px 31.33333px;
       -moz-background-size: 224.33333px 31.33333px;
            background-size: 224.33333px 31.33333px;
    width: 224.33333px;
    height: 31.33333px;
    margin: 33px 0 0 11px;
  }
  .top > div.overlay {
    -webkit-background-size: 450px 266.33333px;
       -moz-background-size: 450px 266.33333px;
            background-size: 450px 266.33333px;
    width: 316.66667px;
    height: 193.33333px;
  }
  .top > section.purchase {
    height: auto;
  }
  .top > section.purchase .content {
    margin-top: -35px;
    padding-top: 144px;
    background: url(../images/purchase/sp.png) no-repeat center top;
    -webkit-background-size: 320px 144px;
       -moz-background-size: 320px 144px;
            background-size: 320px 144px;
    width: auto;
    height: auto;
  }
  .top > section.purchase h2,
  .top > section.purchase .text-1,
  .top > section.purchase .text,
  .top > section.purchase .badge,
  .top > section.purchase .price-1,
  .top > section.purchase .price-2 {
    display: none;
  }
  .top > section.purchase .price {
    padding: 0;
    float: none;
    width: auto;
  }
  .top > section.purchase form {
    margin: 0 auto;
    width: auto;
  }
  .top > section.purchase button {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    height: 60px;
  }
  .top > section.purchase button span {
    background-image: url(../images/purchase/button-sp.png);
    -webkit-background-size: 320px 42.5px;
       -moz-background-size: 320px 42.5px;
            background-size: 320px 42.5px;
    width: 320px;
    height: 60px;
  }
  .top > section.purchase-1 {
    background: url(../images/introduction/line.png) no-repeat left top;
    -webkit-background-size: 100% 6px;
       -moz-background-size: 100% 6px;
            background-size: 100% 6px;
    margin-top: 0;
    padding-top: 20px;
  }
  .top > section.purchase-2 {
    margin-top: 21.33333px;
  }
  .top > section.purchase-3 {
    margin-top: 20px;
  }
  .top > section.purchase-4 {
    margin-top: 20px;
  }
  .top > section.onayami {
    margin-top: 20px;
  }
  .top > section.onayami .content {
    -webkit-background-size: 59.66667px 67.33333px;
       -moz-background-size: 59.66667px 67.33333px;
            background-size: 59.66667px 67.33333px;
    background-position: 22px top;
    padding-top: 19.66667px;
  }
  .top > section.onayami h2,
  .top > section.onayami .subtitle {
    margin-left: 81.66667px;
    width: 195px;
  }
  .top > section.onayami h2 {
    -webkit-background-size: 195px 17px;
       -moz-background-size: 195px 17px;
            background-size: 195px 17px;
    height: 17px;
  }
  .top > section.onayami .subtitle {
    height: 27.33333px;
  }
  .top > section.onayami .examples {
    margin-left: 10px;
    background: #fcf8ec;
    -moz-border-radius: 4px;
         border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 3px #fdf3d6, 0 2px 4px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: inset 0 0 0 3px #fdf3d6, 0 2px 4px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 0 3px #fdf3d6, 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 291.33333px;
    height: auto;
    padding-bottom: 10px;
  }
  .top > section.onayami .examples li {
    margin: 0 14px;
    height: auto;
    line-height: 1.2;
    padding: 10.66667px 21.33333px;
    text-indent: 0;
    -webkit-background-size: 12.66667px 16.66667px;
       -moz-background-size: 12.66667px 16.66667px;
            background-size: 12.66667px 16.66667px;
    border-bottom: 1px dashed #000;
    font-size: 6px;
  }
  .top > section.onayami .examples li strong {
    font-size: 10px;
    margin: 0 1.66667px;
  }
  .top > section.onayami .message {
    margin-top: 18.66667px;
    background-position: 46px bottom;
    -webkit-background-size: 213.33333px 84.33333px;
       -moz-background-size: 213.33333px 84.33333px;
            background-size: 213.33333px 84.33333px;
    height: 127px;
  }
  .top > section.onayami .message p {
    -webkit-background-size: 287px 29px;
       -moz-background-size: 287px 29px;
            background-size: 287px 29px;
    margin-left: 12px;
    width: 287px;
    height: 29px;
  }
  .top > section.onayami .points {
    padding-left: 48.66667px;
  }
  .top > section.onayami .points p {
    -webkit-background-size: 213.33333px 20.33333px;
       -moz-background-size: 213.33333px 20.33333px;
            background-size: 213.33333px 20.33333px;
    width: 213.33333px;
    height: 20.33333px;
  }
  .top > section.onayami .points li:nth-child(1) {
    -webkit-background-size: 68px 55.33333px;
       -moz-background-size: 68px 55.33333px;
            background-size: 68px 55.33333px;
    width: 68px;
    height: 55.33333px;
  }
  .top > section.onayami .points li:nth-child(2) {
    -webkit-background-size: 74.33333px 55.33333px;
       -moz-background-size: 74.33333px 55.33333px;
            background-size: 74.33333px 55.33333px;
    width: 74.33333px;
    height: 55.33333px;
  }
  .top > section.onayami .points li:nth-child(3) {
    -webkit-background-size: 71px 55.33333px;
       -moz-background-size: 71px 55.33333px;
            background-size: 71px 55.33333px;
    width: 71px;
    height: 55.33333px;
  }
  .top > section.onayami .points li:nth-child(4) {
    -webkit-background-size: 68px 62.66667px;
       -moz-background-size: 68px 62.66667px;
            background-size: 68px 62.66667px;
    width: 68px;
    height: 62.66667px;
  }
  .top > section.onayami .points li:nth-child(5) {
    -webkit-background-size: 66.66667px 62.66667px;
       -moz-background-size: 66.66667px 62.66667px;
            background-size: 66.66667px 62.66667px;
    width: 66.66667px;
    height: 62.66667px;
  }
  .top > section.onayami .points li:nth-child(6) {
    -webkit-background-size: 78.66667px 62.66667px;
       -moz-background-size: 78.66667px 62.66667px;
            background-size: 78.66667px 62.66667px;
    width: 78.66667px;
    height: 62.66667px;
  }
  .top > section.voice {
    margin-top: 14.66667px;
  }
  .top > section.voice .content {
    -webkit-background-size: 58px 69.33333px;
       -moz-background-size: 58px 69.33333px;
            background-size: 58px 69.33333px;
    background-position: 25.33333px 2px;
    padding-top: 16.66667px;
  }
  .top > section.voice h2,
  .top > section.voice .subtitle {
    margin-left: 81.66667px;
    width: 194.33333px;
  }
  .top > section.voice h2 span {
    -webkit-background-size: 194.33333px 17px;
       -moz-background-size: 194.33333px 17px;
            background-size: 194.33333px 17px;
    width: 194.33333px;
    height: 17px;
  }
  .top > section.voice .subtitle {
    margin-top: 0;
    line-height: 1;
    height: 16.33333px;
  }
  .top > section.voice section {
    height: auto;
    background: #fcf8ec;
    margin-left: 11px;
    border: 1px solid #f7edcf;
    -webkit-box-shadow: 0 4px #c9bfaf;
       -moz-box-shadow: 0 4px #c9bfaf;
            box-shadow: 0 4px #c9bfaf;
    margin-top: 6px;
  }
  .top > section.voice section.left,
  .top > section.voice section.right {
    width: auto;
    margin: 0 5px 10px;
  }
  .top > section.voice section.left div,
  .top > section.voice section.right div {
    height: auto;
    padding: 3px 0 0;
    background-position: 3px 3px;
    -webkit-background-size: 100px 100px;
       -moz-background-size: 100px 100px;
            background-size: 100px 100px;
  }
  .top > section.voice section.left h3,
  .top > section.voice section.right h3 {
    padding-left: 106px;
    font-size: 14px;
    height: 87px;
  }
  .top > section.voice section.left .name,
  .top > section.voice section.right .name {
    border: 0;
    margin-right: 3px;
    font-size: 9px;
    height: 13px;
    line-height: 13px;
  }
  .top > section.voice section.left .text,
  .top > section.voice section.right .text {
    font-size: 11px;
    padding: 3px;
  }
  .top > section.voice section.left .note,
  .top > section.voice section.right .note {
    display: none;
  }
  .top > section.about {
    margin-top: 13.33333px;
  }
  .top > section.about > .content {
    background-position: 23.66667px 6px;
    -webkit-background-size: 58px 67.33333px;
       -moz-background-size: 58px 67.33333px;
            background-size: 58px 67.33333px;
    padding-top: 20px;
  }
  .top > section.about h2,
  .top > section.about .subtitle {
    margin-left: 87px;
    width: 186px;
  }
  .top > section.about h2 {
    background-image: url(../images/about/title.png);
    -webkit-background-size: 186px 31.66667px;
       -moz-background-size: 186px 31.66667px;
            background-size: 186px 31.66667px;
    width: 186px;
    height: 31.66667px;
  }
  .top > section.about .subtitle {
    height: 18.33333px;
  }
  .top > section.about section.about-EMS {
    -webkit-background-size: 100% 100%;
       -moz-background-size: 100% 100%;
            background-size: 100% 100%;
    width: 251.33333px;
    height: auto;
    padding: 5.33333px 20px;
    margin-left: 12px;
  }
  .top > section.about section.about-EMS h3 {
    font-size: 11px;
  }
  .top > section.about section.about-EMS p {
    font-size: 9px;
  }
  .top > section.about div.about-Di {
    background-position: center -38.33333px;
    -webkit-background-size: 450px 252px;
       -moz-background-size: 450px 252px;
            background-size: 450px 252px;
    height: 213.66667px;
  }
  .top > section.about div.about-Di .left {
    width: 159.66667px;
  }
  .top > section.about div.about-Di .left h3 {
    -webkit-background-size: 107px 11.66667px;
       -moz-background-size: 107px 11.66667px;
            background-size: 107px 11.66667px;
    width: 107px;
    height: 11.66667px;
    left: 34px;
    top: 124.66667px;
  }
  .top > section.about div.about-Di .left dl {
    padding: 13.66667px 0 0 8.66667px;
    height: 28.33333px;
  }
  .top > section.about div.about-Di .left dl dt {
    -webkit-background-size: 25.66667px 25.66667px;
       -moz-background-size: 25.66667px 25.66667px;
            background-size: 25.66667px 25.66667px;
    width: 25.66667px;
    height: 25.66667px;
  }
  .top > section.about div.about-Di .left dl dd {
    margin: -19.66667px 0 0 10.33333px;
    -webkit-background-size: 129.33333px 15.66667px;
       -moz-background-size: 129.33333px 15.66667px;
            background-size: 129.33333px 15.66667px;
    width: 129.33333px;
    height: 15.66667px;
  }
  .top > section.about div.about-Di .left .skins {
    margin-left: 67px;
  }
  .top > section.about div.about-Di .left .skins li {
    width: 45.66667px;
  }
  .top > section.about div.about-Di .left .skins li:nth-child(1) {
    -webkit-background-size: 45.66667px 14px;
       -moz-background-size: 45.66667px 14px;
            background-size: 45.66667px 14px;
    height: 14px;
  }
  .top > section.about div.about-Di .left .skins li:nth-child(2) {
    -webkit-background-size: 45.66667px 16px;
       -moz-background-size: 45.66667px 16px;
            background-size: 45.66667px 16px;
    height: 16px;
  }
  .top > section.about div.about-Di .left .skins li:nth-child(3) {
    -webkit-background-size: 45.66667px 27px;
       -moz-background-size: 45.66667px 27px;
            background-size: 45.66667px 27px;
    height: 27px;
  }
  .top > section.about div.about-Di .left .skins li:nth-child(4) {
    -webkit-background-size: 45.66667px 27px;
       -moz-background-size: 45.66667px 27px;
            background-size: 45.66667px 27px;
    height: 27px;
  }
  .top > section.about div.about-Di .left .waves {
    margin: -84px 0 0 2.33333px;
  }
  .top > section.about div.about-Di .left .waves li {
    height: 95.66667px;
  }
  .top > section.about div.about-Di .left .waves li:nth-child(1) {
    -webkit-background-size: 33px 95.66667px;
       -moz-background-size: 33px 95.66667px;
            background-size: 33px 95.66667px;
    width: 33px;
  }
  .top > section.about div.about-Di .left .waves li:nth-child(2) {
    -webkit-background-size: 19px 95.66667px;
       -moz-background-size: 19px 95.66667px;
            background-size: 19px 95.66667px;
    width: 19px;
  }
  .top > section.about div.about-Di .left .waves li:nth-child(3) {
    -webkit-background-size: 21px 95.66667px;
       -moz-background-size: 21px 95.66667px;
            background-size: 21px 95.66667px;
    width: 21px;
  }
  .top > section.about div.about-Di .left .waves li:nth-child(4) {
    -webkit-background-size: 84.33333px 95.66667px;
       -moz-background-size: 84.33333px 95.66667px;
            background-size: 84.33333px 95.66667px;
    width: 84.33333px;
  }
  .top > section.about div.about-Di .left section {
    position: absolute;
    left: 4.66667px;
    top: 74.33333px;
    padding: 0;
    border: 0;
    background: url(../images/about/text.png) no-repeat left top;
    -webkit-background-size: 52.33333px 42.33333px;
       -moz-background-size: 52.33333px 42.33333px;
            background-size: 52.33333px 42.33333px;
    width: 52.33333px;
    height: 42.33333px;
  }
  .top > section.about div.about-Di .left section h4,
  .top > section.about div.about-Di .left section p {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .top > section.about div.about-Di .left section h4 br,
  .top > section.about div.about-Di .left section p br {
    display: none;
  }
  .top > section.about div.about-Di .right {
    width: 144px;
    margin-top: 19.66667px;
  }
  .top > section.about div.about-Di .right .text-1 span,
  .top > section.about div.about-Di .right .text-1 small {
    height: 19.66667px;
  }
  .top > section.about div.about-Di .right .text-1 .word-1 {
    -webkit-background-size: 63.66667px 19.66667px;
       -moz-background-size: 63.66667px 19.66667px;
            background-size: 63.66667px 19.66667px;
    width: 63.66667px;
  }
  .top > section.about div.about-Di .right .text-1 .and {
    -webkit-background-size: 6.66667px 19.66667px;
       -moz-background-size: 6.66667px 19.66667px;
            background-size: 6.66667px 19.66667px;
    width: 6.66667px;
  }
  .top > section.about div.about-Di .right .text-1 .word-2 {
    -webkit-background-size: 65.33333px 19.66667px;
       -moz-background-size: 65.33333px 19.66667px;
            background-size: 65.33333px 19.66667px;
    width: 65.33333px;
  }
  .top > section.about div.about-Di .right .text-1 .text-1-last {
    margin: 4px 0 0 5.33333px;
    -webkit-background-size: 108px 10.33333px;
       -moz-background-size: 108px 10.33333px;
            background-size: 108px 10.33333px;
    width: 108px;
    height: 10.33333px;
  }
  .top > section.about div.about-Di .right .arrow {
    margin: 15.33333px 0 0;
    -webkit-background-size: 80.66667px 25px;
       -moz-background-size: 80.66667px 25px;
            background-size: 80.66667px 25px;
    height: 25px;
  }
  .top > section.about div.about-Di .right h3 {
    margin: 14.33333px 0 0;
    -webkit-background-size: 135px 24.66667px;
       -moz-background-size: 135px 24.66667px;
            background-size: 135px 24.66667px;
    height: 24.66667px;
  }
  .top > section.opinion {
    padding-bottom: 9.66667px;
  }
  .top > section.opinion .content {
    width: 290px;
    border-width: 4px;
    padding-bottom: 7px;
  }
  .top > section.opinion h2 {
    -webkit-background-size: 89px 33.66667px;
       -moz-background-size: 89px 33.66667px;
            background-size: 89px 33.66667px;
    width: 89px;
    height: 33.66667px;
  }
  .top > section.opinion .person {
    font-size: 9px;
    line-height: 1.2;
  }
  .top > section.opinion .person small.title {
    white-space: normal;
    font-size: 7px;
  }
  .top > section.opinion .person-1 {
    margin: 17px 0 0 8px;
    -webkit-background-size: 54.33333px 86px;
       -moz-background-size: 54.33333px 86px;
            background-size: 54.33333px 86px;
    width: 54.33333px;
    padding-top: 86px;
    height: 26.66667px;
  }
  .top > section.opinion dl {
    margin: -112.66667px 0 0 62px;
  }
  .top > section.opinion dl dt {
    height: 14px;
    line-height: 14px;
    width: auto;
    margin-right: 4px;
    font-size: 9px;
    -moz-border-radius: 7px;
         border-radius: 7px;
    padding: 0 0 0 20px;
  }
  .top > section.opinion dl dt span {
    top: -4px;
    font-size: 10px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    -moz-border-radius: 11px;
         border-radius: 11px;
    border-width: 2px;
  }
  .top > section.opinion dl dd {
    padding: 5.33333px 16px 5.33333px 16px;
  }
  .top > section.opinion dl dd p {
    font-size: 9px;
  }
  .top > section.opinion section {
    width: 265.33333px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border-width: 4px;
  }
  .top > section.opinion section h3 {
    font-size: 10px;
    padding: 10px 0;
    width: 217px;
  }
  .top > section.opinion section h3 strong {
    font-size: 13px;
  }
  .top > section.opinion section .person {
    font-size: 9px;
    margin: 0 3.33333px;
    padding: 46.33333px 0 3.33333px;
  }
  .top > section.opinion section .person small.title {
    font-size: 7px;
  }
  .top > section.opinion .opinion-sub-1 {
    height: auto;
  }
  .top > section.opinion .opinion-sub-1 h3 {
    padding-top: 10px;
    height: 57.66667px;
  }
  .top > section.opinion .opinion-sub-1 .person {
    margin-top: -73.66667px;
    -webkit-background-size: 43px 43px;
       -moz-background-size: 43px 43px;
            background-size: 43px 43px;
  }
  .top > section.opinion .opinion-sub-2 {
    height: auto;
    margin-top: 3px;
  }
  .top > section.opinion .opinion-sub-2 h3 {
    padding-top: 10px;
    width: 173.33333px;
    padding-left: 74px;
    height: 57.66667px;
  }
  .top > section.opinion .opinion-sub-2 .person {
    margin-top: -73.66667px;
    -webkit-background-size: 43px 43px;
       -moz-background-size: 43px 43px;
            background-size: 43px 43px;
    width: 90px;
  }
  .top > section.usage {
    margin-top: 16.66667px;
    background-position: left 26.66667px;
  }
  .top > section.usage > .content {
    background-position: 21.33333px 1.66667px;
    -webkit-background-size: 58px 69.33333px;
       -moz-background-size: 58px 69.33333px;
            background-size: 58px 69.33333px;
    padding-top: 33.33333px;
  }
  .top > section.usage h2,
  .top > section.usage .subtitle {
    margin-left: 100px;
    width: 154.33333px;
  }
  .top > section.usage h2 {
    -webkit-background-size: 154.33333px 17.33333px;
       -moz-background-size: 154.33333px 17.33333px;
            background-size: 154.33333px 17.33333px;
    width: 154.33333px;
    height: 17.33333px;
  }
  .top > section.usage .subtitle {
    height: 52.66667px;
  }
  .top > section.usage ul {
    background: url(../images/usage/silhouette.png) no-repeat center 20px;
    background-position: center 6.66667px;
    -webkit-background-size: 86px 250.33333px;
       -moz-background-size: 86px 250.33333px;
            background-size: 86px 250.33333px;
    height: 265.66667px;
  }
  .top > section.usage ul > li:nth-child(1) {
    -webkit-background-size: 79.33333px 66.66667px;
       -moz-background-size: 79.33333px 66.66667px;
            background-size: 79.33333px 66.66667px;
    width: 79.33333px;
    height: 66.66667px;
    left: 184.33333px;
    top: 1.66667px;
  }
  .top > section.usage ul > li:nth-child(2) {
    -webkit-background-size: 80.33333px 65.33333px;
       -moz-background-size: 80.33333px 65.33333px;
            background-size: 80.33333px 65.33333px;
    width: 80.33333px;
    height: 65.33333px;
    left: 51px;
    top: 1px;
  }
  .top > section.usage ul > li:nth-child(3) {
    -webkit-background-size: 104px 61.33333px;
       -moz-background-size: 104px 61.33333px;
            background-size: 104px 61.33333px;
    width: 104px;
    height: 61.33333px;
    left: 13.66667px;
    top: 66px;
  }
  .top > section.usage ul > li:nth-child(4) {
    -webkit-background-size: 61.66667px 61.33333px;
       -moz-background-size: 61.66667px 61.33333px;
            background-size: 61.66667px 61.33333px;
    width: 61.66667px;
    height: 61.33333px;
    left: 126px;
    top: 87px;
  }
  .top > section.usage ul > li:nth-child(5) {
    -webkit-background-size: 92.33333px 61.33333px;
       -moz-background-size: 92.33333px 61.33333px;
            background-size: 92.33333px 61.33333px;
    width: 92.33333px;
    height: 61.33333px;
    left: 205px;
    top: 65px;
  }
  .top > section.usage ul > li:nth-child(6) {
    -webkit-background-size: 77.66667px 61.66667px;
       -moz-background-size: 77.66667px 61.66667px;
            background-size: 77.66667px 61.66667px;
    width: 77.66667px;
    height: 61.66667px;
    left: 182.66667px;
    top: 131.33333px;
  }
  .top > section.usage ul > li:nth-child(7) {
    -webkit-background-size: 83.66667px 61.33333px;
       -moz-background-size: 83.66667px 61.33333px;
            background-size: 83.66667px 61.33333px;
    width: 83.66667px;
    height: 61.33333px;
    left: 46.66667px;
    top: 132.33333px;
  }
  .top > section.usage ul > li:nth-child(8) {
    -webkit-background-size: 65.66667px 61.33333px;
       -moz-background-size: 65.66667px 61.33333px;
            background-size: 65.66667px 61.33333px;
    width: 65.66667px;
    height: 61.33333px;
    left: 78.33333px;
    top: 204.33333px;
  }
  .top > section.usage p.text {
    margin: -58px 0 0 173.33333px;
    font-size: 9px;
    padding: 4px 4px 3.33333px;
    line-height: 1.8;
    width: 116.33333px;
    border-width: 2px;
    -moz-border-radius: 5.33333px;
         border-radius: 5.33333px;
  }
  .top > section.patent {
    margin-top: 20px;
  }
  .top > section.patent .content {
    width: 286px;
    height: auto;
    padding-bottom: 20px;
    -webkit-background-size: 283px 100%;
       -moz-background-size: 283px 100%;
            background-size: 283px 100%;
  }
  .top > section.patent img {
    width: 78.66667px;
    height: 113px;
    margin: 16px 14.33333px 0 0;
  }
  .top > section.patent h2 {
    background-position: left 23.66667px;
    -webkit-background-size: 167.66667px 43.66667px;
       -moz-background-size: 167.66667px 43.66667px;
            background-size: 167.66667px 43.66667px;
    width: 167.66667px;
    height: 67.33333px;
    margin-left: 18px;
  }
  .top > section.patent .text {
    margin: 6.66667px 0 0 18px;
    width: 163.33333px;
    font-size: 11px;
  }
  .top > section.patent .number {
    margin: 3.33333px 0 0 18px;
    width: 163.33333px;
  }
  .top > section.patent .number small {
    font-size: 9px;
  }
  .top > section.technology {
    margin-top: 18.33333px;
  }
  .top > section.technology .content {
    border-width: 3px;
    width: 261.33333px;
    padding-top: 7.66667px;
  }
  .top > section.technology h2 {
    -webkit-background-size: 208px 46.5px;
       -moz-background-size: 208px 46.5px;
            background-size: 208px 46.5px;
    height: 46.5px;
  }
  .top > section.technology .text {
    width: 200px;
    margin-top: 24px;
    font-size: 12px;
  }
  .top > section.technology .cooperation {
    height: auto;
    height: 183.33333px;
  }
  .top > section.technology .cooperation h3 {
    background-image: url(../images/technology/cooperation-title.png);
    -webkit-background-size: 55px 49.33333px;
       -moz-background-size: 55px 49.33333px;
            background-size: 55px 49.33333px;
    width: 55px;
    height: 49.33333px;
    left: 97.66667px;
    top: 67.66667px;
  }
  .top > section.technology .cooperation ul li p {
    font-size: 9px;
  }
  .top > section.technology .cooperation ul li.industry span {
    -webkit-background-size: 53px 53px;
       -moz-background-size: 53px 53px;
            background-size: 53px 53px;
    width: 53px;
    height: 53px;
    left: 56px;
    top: 76px;
  }
  .top > section.technology .cooperation ul li.industry p {
    left: 8px;
    top: 134px;
  }
  .top > section.technology .cooperation ul li.academic span {
    -webkit-background-size: 99.66667px 112px;
       -moz-background-size: 99.66667px 112px;
            background-size: 99.66667px 112px;
    width: 99.66667px;
    height: 112px;
    left: 143px;
    top: 17px;
  }
  .top > section.technology .cooperation ul li.academic p {
    left: 155px;
    top: 134px;
  }
  .top > section.technology .cooperation ul li.government span {
    left: 11px;
    top: 17px;
    -webkit-background-size: 143.33333px 53.66667px;
       -moz-background-size: 143.33333px 53.66667px;
            background-size: 143.33333px 53.66667px;
    width: 143.33333px;
    height: 53.66667px;
  }
  .top > section.technology .cooperation ul li.government p {
    left: 0;
    right: 0;
    text-align: center;
    top: 0px;
  }
  .top > section.faq {
    margin-top: 20px;
    padding-bottom: 10px;
    background: url(../images/faq/bg.png) left top repeat-x #fcf8ec;
    -webkit-background-size: 4px 77px;
       -moz-background-size: 4px 77px;
            background-size: 4px 77px;
  }
  .top > section.faq h2 {
    height: 77px;
    line-height: 70px;
    font-size: 18px;
  }
  .top > section.faq dl {
    width: auto;
    margin: 1px auto 0;
  }
  .top > section.faq dl dt {
    line-height: 21px;
    height: auto;
    background: url(../images/faq/mark-Q.png) no-repeat 10px 17px;
    border-bottom: 1px dotted #999;
    padding: 15px 30px 15px 40px;
  }
  .top > section.faq dl dt:hover {
    color: inherit;
  }
  .top > section.faq dl dt span {
    left: auto;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 11px;
    height: 11px;
    -webkit-background-size: 11px 44px;
       -moz-background-size: 11px 44px;
            background-size: 11px 44px;
  }
  .top > section.faq dl dt span.anim-0 {
    background-position: left top;
  }
  .top > section.faq dl dt span.anim-1 {
    background-position: left -11px;
  }
  .top > section.faq dl dt span.anim-2 {
    background-position: left -22px;
  }
  .top > section.faq dl dt span.anim-3 {
    background-position: left -33px;
  }
  .top > section.faq dl dd {
    padding: 22px 13px;
    background: none;
    border-bottom: 1px dotted #999;
  }
  .top > section.conclusion {
    margin-top: 19.33333px;
  }
  .top > section.conclusion .content {
    -webkit-background-size: 293.33333px 105.66667px;
       -moz-background-size: 293.33333px 105.66667px;
            background-size: 293.33333px 105.66667px;
    padding-top: 67.66667px;
  }
  .top > section.conclusion h2 {
    -webkit-background-size: 269px 41px;
       -moz-background-size: 269px 41px;
            background-size: 269px 41px;
    margin-left: 27.66667px;
    width: 269px;
    height: 41px;
  }
  .top > footer {
    margin-top: 20px;
    background-position: left bottom;
    height: auto;
  }
  .top > footer ul {
    margin: 0 22px;
    height: auto;
  }
  .top > footer ul li {
    display: block;
    height: 44px;
    line-height: 44px;
    text-align: left;
    background: url(../images/footer/border.png) repeat-x left bottom;
  }
  .top > footer ul li:nth-last-child(2) {
    background: none;
  }
  .top > footer ul li:nth-child(2n+1) {
    display: none;
  }
  .top > footer ul li a {
    display: block;
    font-size: 12px;
    color: #000;
  }
  .top > footer ul li a:before {
    font-size: 10px;
    content: '? ';
    color: #684d1e;
  }
  .top > footer .copyright {
    height: 54px;
    line-height: 54px;
    font-size: 9px;
  }
  .pagetop {
    bottom: 33px;
    width: 40px;
    height: 40px;
    line-height: 57px;
    font-size: 9px;
    -moz-border-radius: 4px;
         border-radius: 4px;
  }
  .pagetop:before {
    top: -15px;
  }
}

@media screen and (max-width: 949px) and (orientation: landscape) {
  body.sp .pagetop {
    -webkit-transform-origin: right bottom;
       -moz-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
            transform: scale(0.6);
  }
}