@charset "UTF-8";
html[data-whatinput=keyboard] .nxt-LocalNav__callLink:focus, html[data-whatinput=keyboard] .nxt-LocalNav__callToggle:focus, html[data-whatinput=keyboard] .nxt-LocalNav__toggle:focus {
  outline: #5f96ff solid 2px
}

.nxt-LocalNav {
  position: relative;
  z-index: 3;
  padding-top: 48px;
  font-family: "Yu Gothic", sans-serif;
  line-height: 48px
}

.nxt-LocalNav__backdrop {
  position: fixed;
  top: 57px;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, .65);
  opacity: 0;
  transition: visibility 0s .2s, opacity .2s ease-out;
  pointer-events: none
}

.nxt-LocalNav__backdrop-expanded {
  visibility: visible;
  opacity: 1;
  transition: visibility .2s, opacity .2s ease-out;
  pointer-events: auto
}

.nxt-LocalNav__inner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  padding-right: 16px;
  padding-left: 16px;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

@media (min-width:768px) {
  .nxt-LocalNav {
    line-height: 40px;
    padding-top: 40px
  }
  [data-useragent*="ios_v10."] .nxt-LocalNav__inner {
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    transform-style: preserve-3d
  }
  .nxt-LocalNav__inner {
    padding-right: calc((100% - 928px)/ 2);
    padding-left: calc((100% - 928px)/ 2)
  }
}

@media (min-width:1280px) {
  .nxt-LocalNav__inner {
    padding-right: calc((100% - 1160px)/ 2);
    padding-left: calc((100% - 1160px)/ 2)
  }
}

.nxt-LocalNav-fixed .nxt-LocalNav__inner {
  position: fixed
}

.nxt-LocalNav__inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #fff
}

.nxt-LocalNav__label, .nxt-LocalNav__toggle {
  position: relative;
  z-index: 1;
  font-weight: 700
}

.nxt-LocalNav__labelLink {
  display: block;
  margin-left: -8px;
  padding-right: 8px;
  padding-left: 8px
}

html[data-whatinput=keyboard] .nxt-LocalNav__labelLink:focus {
  box-shadow: inset 0 0 0 2px #5f96ff
}

.nxt-LocalNav__labelLink:hover {
  color: inherit;
  text-decoration: none
}

.nxt-LocalNav__toggle {
  margin: 0 -8px 0 0;
  padding: 0 8px;
  font-size: 12px;
  border: 0;
  cursor: pointer
}

.nxt-LocalNav__toggleIcon {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  vertical-align: text-bottom
}

.nxt-LocalNav__listWrapper {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  overflow: auto;
  font-size: 12px;
  visibility: hidden;
  transform: translate(0, -100%);
  transition: visibility .2s, transform .2s ease-out
}

.nxt-LocalNav__listWrapper-expanded {
  visibility: visible;
  transform: none
}

@media (min-width:768px) {
  .nxt-LocalNav__inner::before {
    content: normal
  }
  .nxt-LocalNav__toggle {
    display: none
  }
  .nxt-LocalNav__listWrapper {
    position: static;
    z-index: auto;
    visibility: visible;
    margin-right: -8px;
    transform: none;
    transition: 0s
  }
  .nxt-LocalNav__callListWrapper {
    position: fixed;
    top: calc(101px + 14.44444vw);
    right: 0
  }
}

@media (min-width:1280px) {
  .nxt-LocalNav__callListWrapper {
    top: calc(93px + 14.44444vw)
  }
}

.nxt-LocalNav__callList {
  display: flex;
  flex-wrap: wrap;
  background-color: #000
}

@media not all and (min-width:768px) {
  .nxt-LocalNav__callList {
    margin-right: 0 !important
  }
}

.nxt-LocalNav__callItem {
  width: 50%
}

@media (min-width:768px) {
  .nxt-LocalNav__callList {
    display: block;
    flex-wrap: nowrap;
    border: 1px solid #333;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    will-change: margin-right;
    transition: margin-right .2s ease-out
  }
  .nxt-LocalNav__callItem {
    width: auto
  }
}

.nxt-LocalNav__callItem:first-child {
  width: 100%
}

.nxt-LocalNav__callLink {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 48px;
  height: 100%;
  padding-right: 16px;
  padding-left: 16px;
  line-height: 1.5
}

@media (min-width:768px) {
  .nxt-LocalNav__callItem:first-child {
    width: auto
  }
  .nxt-LocalNav__callLink {
    padding-right: 8px;
    padding-left: 8px;
    height: 48px
  }
}

.nxt-LocalNav__callLink:link, .nxt-LocalNav__callLink:visited {
  color: #fff
}

.nxt-LocalNav__callLink:hover {
  color: #eb0a1e;
  text-decoration: none
}

.nxt-LocalNav__callLink::after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 0;
  left: 16px;
  display: block;
  height: 1px;
  background-color: #333
}

.nxt-LocalNav__callItem:nth-last-child(-n+2) .nxt-LocalNav__callLink::after {
  display: none
}

@media (min-width:768px) {
  .nxt-LocalNav__callLink::after {
    right: 8px;
    left: 8px
  }
  .nxt-LocalNav__callItem:nth-last-child(2) .nxt-LocalNav__callLink::after {
    display: block
  }
}

.nxt-LocalNav__callLinkIcon {
  width: 16px;
  height: 16px;
  margin-right: 12px
}

.nxt-LocalNav__callLinkText {
  width: calc(100% - 28px)
}

.nxt-LocalNav__callLinkText-simulation {
  font-size: 10px
}

.nxt-LocalNav__callToggle {
  display: none
}

@media (min-width:768px) {
  .nxt-LocalNav__callToggle {
    position: absolute;
    top: 100%;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: 8px;
    padding: 0;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .25);
    background-color: rgba(245, 245, 245, .2);
    border: 0;
    border-radius: 50%;
    transition: background-color .2s ease-out;
    cursor: pointer
  }
  .nxt-LocalNav__callToggle:hover {
    background-color: rgba(245, 245, 245, .4)
  }
}

.nxt-LocalNav__callToggleIcon {
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  transition: transform .2s ease-out
}

.nxt-LocalNav__callToggle-expanded .nxt-LocalNav__callToggleIcon {
  transform: none
}

.nxt-LocalNav__callToggleIcon circle {
  fill: #999
}

.nxt-LocalNav__callToggleIcon path {
  fill: #555
}

.nxt-LocalNav__primaryList {
  font-weight: 700;
  background-color: #fff
}

.nxt-LocalNav__primaryLink {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-right: 16px;
  padding-left: 16px
}

@media (min-width:768px) {
  .nxt-LocalNav__primaryList {
    display: flex;
    background-color: transparent
  }
  .nxt-LocalNav__primaryItem:not(:first-child) {
    margin-left: 8px
  }
  .nxt-LocalNav__primaryLink {
    padding-right: 8px;
    padding-left: 8px
  }
}

button.nxt-LocalNav__primaryLink {
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-align: inherit;
  color: inherit;
  cursor: pointer
}

.nxt-Button, .nxt-Subheading {
  font-family: "Yu Gothic", sans-serif
}

.nxt-LocalNav__primaryLink:hover {
  text-decoration: none
}

.nxt-LocalNav__primaryLink[aria-current=page] {
  color: #999
}

html[data-whatinput=keyboard] .nxt-LocalNav__primaryLink:focus {
  box-shadow: inset 0 0 0 2px #5f96ff
}

.nxt-LocalNav__primaryLink::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d3d3d3
}

.nxt-LocalNav__primaryItem:last-child .nxt-LocalNav__primaryLink::after {
  display: none
}

.nxt-LocalNav__primaryLinkIcon {
  width: 16px;
  height: 16px;
  margin-left: auto;
  fill: #eb0a1e
}

.nxt-Subsection {
  margin-top: 40px
}

@media (min-width:768px) {
  .nxt-LocalNav__primaryLink::after, .nxt-LocalNav__primaryLinkIcon {
    display: none
  }
  .nxt-LocalNav__primaryLink-simulation .nxt-LocalNav__primaryLinkIcon {
    display: block;
    margin-left: 8px
  }
  .nxt-Subsection {
    margin-top: 80px
  }
}

.nxt-Subheading+.nxt-Subsection {
  margin-top: 0
}

@media (min-width:768px) {
  .nxt-Subheading+.nxt-Subsection {
    margin-top: 40px
  }
}

.nxt-Subsection[id]::before {
  content: "";
  display: block;
  height: 68px;
  visibility: hidden;
  margin-top: -68px;
  pointer-events: none
}

.nxt-Subsection-alt {
  background-color: #f5f5f5;
  padding-top: 40px;
  padding-bottom: 40px
}

@media (min-width:768px) {
  .nxt-Subsection[id]::before {
    height: 80px;
    margin-top: -80px
  }
  .nxt-Subsection-alt {
    padding-top: 80px;
    padding-bottom: 80px
  }
}

.nxt-Subsection-smallGutter {
  margin-top: 40px
}

.nxt-Button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  padding: 13px 19px;
  text-align: left;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}

.nxt-Subsection-alt .nxt-Button {
  background-color: #fff
}

.nxt-FeatureCoverContent__linkBlock>.nxt-Button, .nxt-FeatureCoverVisual__linkBlock>.nxt-Button {
  width: 100%
}

.nxt-Button, .nxt-Button:hover, .nxt-Button:link, .nxt-Button:visited {
  color: inherit;
  text-decoration: none
}

.nxt-Button:hover {
  color: #eb0a1e
}

html[data-whatinput=keyboard] .nxt-Button:focus {
  box-shadow: 0 0 0 2px #5f96ff
}

.nxt-Button-vertical {
  flex-direction: column;
  padding-top: 28px;
  padding-bottom: 28px;
  text-align: center
}

.nxt-Button-withImage {
  padding: 0;
  flex-direction: column;
  align-items: stretch
}

.nxt-Button-small {
  font-size: 12px;
  padding-top: 9px;
  padding-bottom: 9px
}

.nxt-Button-xsmall {
  font-size: 10px;
  line-height: 16px;
  padding-top: 3px;
  padding-bottom: 3px
}

.nxt-Button-full {
  display: flex;
  width: 100%
}

.nxt-Button-light {
  background-color: rgba(255, 255, 255, .65)
}

.nxt-Button-thinlight {
  background-color: rgba(255, 255, 255, .1);
  border-color: #f5f5f5
}

.nxt-Button-dark {
  background-color: rgba(0, 0, 0, .65);
  border-color: #555
}

.nxt-Button-dark, .nxt-Button-dark:link, .nxt-Button-dark:visited {
  color: #fff
}

.nxt-Button-dark:hover {
  color: #eb0a1e
}

.nxt-Button__imageBlock {
  display: block;
  background-color: #fff;
  padding: 21px 19px;
  text-align: center;
  border-bottom: 1px solid #d3d3d3;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 100%
}

.nxt-Button__textBlock {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 13px 19px;
  text-align: left;
  height: 100%
}

.nxt-Button__image {
  height: 30px;
  width: auto;
  vertical-align: top
}

.nxt-Button__text {
  width: 100%
}

.nxt-Button__mutedText {
  font-weight: 400
}

.nxt-Button__mainText {
  display: block
}

.nxt-Button__subText {
  display: block;
  font-size: 12px;
  font-weight: 400
}

.nxt-Subheading, .nxt-Subheading__lede {
  font-weight: 700
}

.nxt-Button__icon {
  box-sizing: content-box;
  color: #eb0a1e;
  fill: currentColor;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 8px;
  width: 16px;
  height: 16px
}

.nxt-Button-xsmall .nxt-Button__icon {
  width: 12px;
  height: 12px
}

.nxt-Button-vertical .nxt-Button__icon {
  margin-left: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0;
  width: 36px;
  height: 36px;
  order: -1
}

.nxt-Button__inlineImage {
  height: 32px;
  margin: -6px 8px -6px -8px
}

.nxt-ButtonGrid {
  display: flex;
  flex-wrap: wrap;
  margin: -4px -4px 40px
}

.nxt-ButtonGrid__item {
  padding: 4px;
  width: 100%
}

.nxt-ButtonGrid__item-1of2 {
  width: 50%
}

.nxt-ButtonGrid__item-1of3 {
  width: 33.33333%
}

.nxt-ButtonGrid__item-1of4 {
  width: 25%
}

@media (min-width:768px) {
  .nxt-ButtonGrid__item-m1of2 {
    width: 50%
  }
  .nxt-ButtonGrid__item-m1of3 {
    width: 33.33333%
  }
  .nxt-ButtonGrid__item-m1of4 {
    width: 25%
  }
  .nxt-ButtonGrid__item-m1of5 {
    width: 20%
  }
  .nxt-ButtonGrid__item-m1of6 {
    width: 16.66667%
  }
  .nxt-ButtonGrid__item-m2of3 {
    width: 66.66667%
  }
  .nxt-ButtonGrid__item-m3of4 {
    width: 75%
  }
}

.nxt-ButtonGrid__item>* {
  width: 100%;
  height: 100%
}

.nxt-ButtonGrid-center {
  justify-content: center
}

.nxt-ButtonGrid-right {
  justify-content: flex-end
}

.nxt-ContentWrapper {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 32px)
}

@media (min-width:768px) {
  .nxt-ContentWrapper {
    width: 928px
  }
  .nxt-ContentWrapper__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between
  }
}

@media (min-width:1280px) {
  .nxt-ContentWrapper {
    width: 1160px
  }
}

@media not all and (min-width:768px) {
  .nxt-ContentWrapper .nxt-ContentWrapper {
    width: 100%
  }
}

.nxt-ContentWrapper[class*=nxt-ContentWrapper-flag-]>:last-child {
  margin-bottom: 0
}

@media (min-width:768px) {
  .nxt-ContentWrapper[class*=nxt-ContentWrapper-flag-] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start
  }
  .nxt-ContentWrapper-flag-3>*, .nxt-ContentWrapper-flag-4>* {
    width: grid-col(9, 12, 40px)
  }
}

@media (min-width:1280px) {
  .nxt-ContentWrapper-flag-4>* {
    width: grid-col(8, 12, 40px)
  }
}

.nxt-Footnotes {
  list-style-type: none;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #757575
}

.nxt-Footnotes+.nxt-Footnotes {
  margin-top: -20px
}

.nxt-SimulationApp__footnotes>.nxt-Footnotes {
  margin-top: 40px;
  margin-bottom: 0
}

.nxt-BasicTable+.nxt-Footnotes {
  margin-top: -20px
}

.nxt-ComparisonApp__col>.nxt-Footnotes {
  margin-top: 24px;
  margin-bottom: 0
}

.nxt-Footnotes-inline .nxt-Footnotes__item {
  display: inline
}

.nxt-Footnotes-inline .nxt-Footnotes__item+.nxt-Footnotes__item {
  padding-left: .8em
}

.nxt-Cover .nxt-Footnotes__item {
  color: #a0b1dc
}

.nxt-FeatureCardFull__contentBlock .nxt-Footnotes:last-child, .nxt-FeatureCardHalf__contentBlock .nxt-Footnotes:last-child {
  margin-bottom: 0
}

.nxt-Footnotes a {
  text-decoration: underline !important
}

.nxt-Footnotes-async[data-loading]::before {
  content: attr(data-loading)
}

.nxt-Footnotes-async .nxt-Footnotes__item {
  display: none
}

.nxt-Separator {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  border: 0;
  background-color: #d3d3d3
}

.nxt-Subheading {
  font-size: 20px;
  line-height: 28px;
  font-feature-settings: "palt";
  font-kerning: normal;
  margin-bottom: 20px;
  padding-top: 11px;
  border-top: 1px solid #d3d3d3
}

.nxt-Subheading__banner {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle !important
}

.nxt-Subheading__description {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
  font-family: sans-serif;
  font-feature-settings: normal;
  font-kerning: none;
  font-weight: 400
}

.nxt-Subheading-cover {
  border-top-color: #788cbe
}

.nxt-Subheading-top {
  border-top: 0
}

.nxt-Subheading-dots {
  border-top: 1px dotted #333
}

.nxt-Subheading-secondary {
  font-size: 14px;
  line-height: 28px
}

@media (min-width:768px) {
  .nxt-ContentWrapper-flag-3>.nxt-Subheading, .nxt-ContentWrapper-flag-4>.nxt-Subheading {
    position: absolute;
    top: 0;
    left: 0;
    width: grid-col(3, 12, 40px)
  }
}

@media (min-width:1280px) {
  .nxt-ContentWrapper-flag-4>.nxt-Subheading {
    width: grid-col(4, 12, 40px)
  }
}

.nxt-Cover .nxt-Subheading-strong {
  color: #fff
}

.nxt-Modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: flex;
  visibility: hidden;
  align-items: flex-start;
  justify-content: center;
  pointer-events: none;
  animation-name: modal-animation-close;
  animation-duration: 250ms;
  animation-fill-mode: forwards
}

.nxt-Modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  opacity: 0;
  transition: opacity .15s ease-out
}

.nxt-Modal__overlay {
  position: relative;
  z-index: 1;
  opacity: 0;
  flex: 0 0 auto;
  transition: opacity .3s ease-out
}

@media not all and (min-width:768px) {
  .nxt-Modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

.nxt-Modal-fixed {
  position: fixed;
  align-items: center
}

.nxt-Modal-open {
  visibility: visible;
  pointer-events: auto;
  animation: none
}

.nxt-Modal-open .nxt-Modal__backdrop {
  opacity: 1;
  transition-duration: .3s
}

@media (min-width:768px) {
  .nxt-Modal-open.nxt-Modal-animated .nxt-Modal__backdrop {
    transition-delay: .3s
  }
}

.nxt-Modal-open .nxt-Modal__overlay {
  opacity: 1;
  transition-duration: .2s;
  transition-delay: .1s
}

@keyframes modal-animation-close {
  0%, 99% {
    visibility: visible
  }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline
}

html {
  line-height: 1
}

ol, ul {
  list-style: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}

a img {
  border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

#contents-body div.century-main-content .module__inner {
  width: 100%;
  max-width: 1160px
}

@media screen and (max-width:1280px) {
  #contents-body div.century-main-content .module__inner {
    max-width: 928px
  }
}

div.century-main-content {
  position: relative;
  z-index: 1;
  color: #fff;
  background-color: #0b1014
}

div.century-main-content #mq-detect {
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content .module__inner {
    width: calc(100% - 48px);
    overflow: visible
  }
  body {
    font-family: serif
  }
  #contents-body div.century-main-content {
    color: #fff;
    font-size: 13px;
    line-height: 24px
  }
  #mq-detect {
    display: none
  }
}

body {
  min-width: 1160px;
  overflow-x: hidden
}

div.century-main-content div.century-main-inner {
  max-width: 1440px;
  margin: auto;
  background-color: #111921
}

@media screen and (max-width:1279px) {
  body {
    min-width: 928px
  }
}

@media screen and (max-width:767px) {
  body {
    min-width: 320px
  }
  #contents-body div.century-main-content {
    width: 100%;
    font-family: sans-serif;
    max-width: 768px;
    overflow: hidden
  }
}

@media screen {
  #contents-body div.century-main-content section.block.cover {
    position: relative;
    height: 712px
  }
  #contents-body div.century-main-content section.block.cover .text-container {
    position: absolute;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 2
  }
  #contents-body div.century-main-content section.block.cover h1.logo__century {
    position: absolute;
    top: 135px;
    left: -12px;
    background-image: url(../image/top/cover/logo__century.svg);
    width: 240px;
    height: 112px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.cover h1.logo__century::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.cover img.bnr_gd2018{
    width: 225px;
    position: absolute;
    top: 68.5%;
    left: 0.01%;
  }
  #contents-body div.century-main-content section.block.cover p.body {
    width: 248px;
    height: 96px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.cover p.body::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.cover .photo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 712px;
    overflow: hidden;
    z-index: 1
  }
  #contents-body div.century-main-content section.block.cover .photo-container .inner {
    position: absolute;
    width: 100%;
    height: 904px;
    top: 0;
    background-position: center
  }
  #contents-body div.century-main-content section.block.cover:not(.is-shown) .photo-container, #contents-body div.century-main-content section.block.cover:not(.is-shown) .text-container {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.cover .canvas-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
  }
  #contents-body div.century-main-content section.block.cover.active .photo-container .inner {
    background-image: url(../image/top/cover/main-photo.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.cover.active .photo-container .inner {
    background-image: url(../image/top/cover/main-photo@2x.jpg)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.cover p.body {
    position: absolute;
    left: -12px;
    bottom: 270px;
    background-size: contain;
    background-image: url(../image/top/cover/body.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.cover p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/cover/body.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.cover:not(.is-shown) .photo-container, #contents-body div.century-main-content section.block.cover:not(.is-shown) .text-container {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.cover .canvas-container {
    z-index: 3;
    background: #000
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.cover, #contents-body div.century-main-content section.block.cover .photo-container {
    height: 632px
  }
  #contents-body div.century-main-content section.block.cover h1.logo__century {
    top: 115px
  }
  #contents-body div.century-main-content section.block.cover p.body {
    bottom: 260px
  }
  #contents-body div.century-main-content section.block.cover .photo-container .inner {
    height: 824px
  }
  #contents-body div.century-main-content section.block.cover.active .photo-container .inner {
    background-image: url(../image/top/cover/main-photo__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.cover.active .photo-container .inner {
    background-image: url(../image/top/cover/main-photo__m@2x.jpg)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.cover {
    height: auto;
    padding-bottom: 12px
  }
  #contents-body div.century-main-content section.block.cover .photo-container {
    height: auto
  }
  #contents-body div.century-main-content section.block.cover .photo-container:before {
    content: "";
    display: block;
    padding-top: 100%
  }
  #contents-body div.century-main-content section.block.cover .photo-container div.inner {
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0
  }
  #contents-body div.century-main-content section.block.cover .text-container {
    position: relative
  }
  #contents-body div.century-main-content section.block.cover .canvas-container {
    z-index: 3
  }
  #contents-body div.century-main-content section.block.cover .canvas-container:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 80px);
    top: 0;
    left: 0;
    background: #000
  }
  #contents-body div.century-main-content section.block.cover .canvas-container canvas {
    position: relative;
    z-index: 1
  }
  #contents-body div.century-main-content section.block.cover h1.logo__century {
    position: relative;
    width: 120px;
    height: 56px;
    top: 20px;
    left: -6px;
    margin-bottom: calc(100% - 24px);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.cover p.body {
    position: relative;
    width: 244px;
    height: 84px;
    left: -8px;
    bottom: auto;
    background-image: url(../image/top/cover/sp__body.svg);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.cover.active .photo-container .inner {
    background-image: url(../image/top/cover/sp__main-photo.jpg)
  }
  #contents-body div.century-main-content section.block.cover img.bnr_gd2018 {
    position: absolute;
    width: 100px;
    left: auto;
    right: 0%;
    top: 8%;
  }
}

@media screen {
  #contents-body div.century-main-content section.block.introduction {
    height: 760px;
    position: relative
  }
  #contents-body div.century-main-content section.block.introduction .inner-container {
    height: 100%;
    overflow: visible;
    margin: auto;
    top: 128px;
    position: relative
  }
  #contents-body div.century-main-content section.block.introduction:not(.is-shown) .inner-container {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.introduction h2.block-title {
    width: 168px;
    height: 80px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/introduction/block-title.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    left: -12px;
    margin-top: 24px;
    margin-bottom: 64px
  }
  #contents-body div.century-main-content section.block.introduction h2.block-title::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.introduction .body-container {
    position: relative;
    left: -12px
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.body {
    position: relative;
    width: 464px;
    height: 192px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 32px
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.body::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.introduction .body-container .signature {
    position: relative;
    width: 464px;
    height: 32px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/introduction/signature.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.introduction .body-container .signature::selection {
    color: transparent;
    background: 0 0
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container .signature {
    background-image: url(../image/top/introduction/signature@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.introduction .body-container .signature:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/introduction/signature.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.introduction .photo-container {
    width: 680px;
    height: 448px;
    position: absolute;
    right: 0
  }
  #contents-body div.century-main-content section.block.introduction .photo-container div.inner {
    width: 100%;
    height: 100%
  }
  #contents-body div.century-main-content section.block.introduction .canvas-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container .signature:after {
    background-image: url(../image/top/introduction/signature@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.introduction .photo-container {
    top: -24px
  }
  #contents-body div.century-main-content section.block.introduction .photo-container div.inner {
    background-image: url(../image/top/introduction/photo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .photo-container div.inner {
    background-image: url(../image/top/introduction/photo@2x.jpg)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.introduction .body-container p.body {
    background-image: url(../image/top/introduction/body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container p.body {
    background-image: url(../image/top/introduction/body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.introduction .body-container p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/introduction/body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container p.body:after {
    background-image: url(../image/top/introduction/body@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.introduction {
    height: 664px
  }
  #contents-body div.century-main-content section.block.introduction .inner-container {
    top: 96px
  }
  #contents-body div.century-main-content section.block.introduction h2.block-title {
    margin-bottom: 16px
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.body {
    width: 376px;
    height: 224px;
    background-image: url(../image/top/introduction/body__m.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 16px
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container p.body {
    background-image: url(../image/top/introduction/body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.introduction .body-container p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/introduction/body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container p.body:after {
    background-image: url(../image/top/introduction/body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.introduction .body-container .signature {
    width: 376px;
    background-image: url(../image/top/introduction/signature__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container .signature {
    background-image: url(../image/top/introduction/signature__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.introduction .body-container .signature:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/introduction/signature__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .body-container .signature:after {
    background-image: url(../image/top/introduction/signature__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.introduction .photo-container {
    top: 8px;
    width: 544px;
    height: 352px
  }
  #contents-body div.century-main-content section.block.introduction .photo-container div.inner {
    background-image: url(../image/top/introduction/photo__m.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.introduction .photo-container div.inner {
    background-image: url(../image/top/introduction/photo__m@2x.jpg)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.introduction {
    height: auto;
    margin-bottom: 30px
  }
  #contents-body div.century-main-content section.block.introduction .inner-container {
    top: 0
  }
  #contents-body div.century-main-content section.block.introduction h2.block-title {
    background-image: url(../image/top/introduction/sp__block-title.svg);
    width: 156px;
    height: 72px;
    left: -8px;
    margin-top: 0;
    margin-bottom: 24px
  }
  #contents-body div.century-main-content section.block.introduction .photo-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 44px auto auto
  }
  #contents-body div.century-main-content section.block.introduction .photo-container:before {
    content: "";
    display: block;
    padding-top: 66.05505%
  }
  #contents-body div.century-main-content section.block.introduction .photo-container div.inner {
    position: absolute;
    top: 0;
    background-image: url(../image/top/introduction/sp__photo.jpg);
    background-size: cover;
    background-position: center
  }
  #contents-body div.century-main-content section.block.introduction .text-container {
    position: relative;
    padding-top: calc(66.05505% + 26px)
  }
  #contents-body div.century-main-content section.block.introduction .body-container {
    left: 0
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.body {
    color: #fff;
    background: 0 0;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    text-align: justify
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.signature {
    background: 0 0;
    width: 100%;
    height: 24px;
    color: #fff;
    display: table;
    margin-bottom: 24px;
    text-align: justify
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.signature:before {
    content: "";
    display: table-cell;
    width: 100%;
    height: 1px;
    background-image: url(../image/top/introduction/signature__boarder.gif);
    background-size: contain;
    background-repeat: repeat-x
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.signature:after {
    content: none
  }
  #contents-body div.century-main-content section.block.introduction .body-container p.signature span {
    display: table-cell;
    white-space: nowrap;
    padding-left: 12px
  }
  #contents-body div.century-main-content section.block.introduction .canvas-container {
    pointer-events: none
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature {
    position: relative
  }
  #contents-body div.century-main-content section.block.feature .main-container {
    position: relative;
    overflow: visible
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 712px;
    overflow: hidden;
    background-position: center;
    background-color: #000;
    z-index: 0
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container .inner {
    backface-visibility: hidden;
    background: center #000;
    position: absolute;
    width: 100%;
    height: 904px;
    top: 0;
    background-size: cover;
    opacity: 0
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container .inner.is-showing {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 2s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    z-index: 2
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container .inner.is-current {
    z-index: 1;
    opacity: 1
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container {
    position: relative;
    top: 72px;
    min-height: 712px;
    margin: auto;
    z-index: 1
  }
  #contents-body div.century-main-content section.block.feature .main-container h3.symbolic-letter {
    position: absolute;
    top: -4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 88px;
    height: 88px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature .main-container h3.symbolic-letter::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature .main-container h2.feature-title {
    position: absolute;
    top: 0;
    background-position: center;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature .main-container p.body {
    position: absolute;
    top: 592px;
    left: -12px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button {
    position: absolute;
    top: 600px;
    right: 0;
    width: 372px;
    height: 80px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature .main-container a.link-button:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 0;
    transform-origin: left top
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button:hover:after {
    width: 100%;
    transition-property: width;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature .main-container a.link-button {
    position: relative;
    background-color: #000;
    top: auto;
    display: block;
    width: 100%;
    height: 48px;
    margin-bottom: 60px
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: #303030;
    border-width: 1px;
    z-index: 1;
    box-sizing: border-box
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button:after {
    content: "";
    display: block;
    position: absolute;
    width: 48px;
    height: 48px;
    background-image: url(../image/top/common/sp__link-button__arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    right: 0
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature .main-container:not(.is-shown) .inner-container, #contents-body div.century-main-content section.block.feature .main-container:not(.is-shown) .photo-container .inner-container {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container:not(.letter-right) h3.symbolic-letter {
    left: -12px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container:not(.letter-right) h2.feature-title {
    right: -8px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container.letter-right h3.symbolic-letter {
    right: -12px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container.letter-right h2.feature-title {
    left: -8px
  }
  #contents-body div.century-main-content section.block.feature .main-container:not(.is-shown) .photo-container:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 1
  }
  #contents-body div.century-main-content section.block.feature ul.specs {
    width: 1160px;
    margin: auto;
    position: relative;
    top: -72px;
    z-index: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
  }
  #contents-body div.century-main-content section.block.feature ul.specs li {
    width: calc((100% - 2px)/ 3);
    position: relative
  }
  #contents-body div.century-main-content section.block.feature ul.specs li:not(:nth-child(1)) .thumbnail-container {
    position: relative
  }
  #contents-body div.century-main-content section.block.feature ul.specs li:not(:nth-child(1)) .thumbnail-container:before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    left: -1px;
    background: #151c23
  }
  #contents-body div.century-main-content section.block.feature ul.specs .thumbnail-container {
    height: 208px;
    background-position: center;
    margin-bottom: 24px
  }
  #contents-body div.century-main-content section.block.feature ul.specs p.caption {
    width: 288px;
    height: 64px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 16px
  }
  #contents-body div.century-main-content section.block.feature ul.specs p.caption::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail {
    display: inline-block;
    width: 260px;
    height: 40px;
    position: relative
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail .label {
    display: block;
    width: 228px;
    height: 32px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    top: 0
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail .label::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail .label:after, #contents-body div.century-main-content section.block.feature ul.specs a.show-detail .label:before {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 39px
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail .label:before {
    width: 100%;
    background-image: url(../image/top/common/specs__show-detail__border.png);
    background-repeat: repeat-x
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail .label:after {
    width: 0;
    background-color: #fff
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail:hover .label:after {
    transition-property: width;
    transition-duration: .16s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    width: 100%
  }
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail:after {
    content: "";
    display: block;
    width: 32px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../image/top/common/specs__show-detail__arrow.png);
    background-size: contain;
    background-position: center bottom
  }
  #contents-body div.century-main-content section.block.feature .canvas-container {
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__exterior/cover-photo_01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__exterior/cover-photo_01@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__exterior/cover-photo_02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__exterior/cover-photo_02@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__exterior/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__exterior/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__exterior/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active p.body {
    background-image: url(../image/top/feature__exterior/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active p.body {
    background-image: url(../image/top/feature__exterior/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__exterior/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active p.body:after {
    background-image: url(../image/top/feature__exterior/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__interior/cover-photo_01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__interior/cover-photo_01@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__interior/cover-photo_02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__interior/cover-photo_02@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__interior/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__interior/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__interior/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active p.body {
    background-image: url(../image/top/feature__interior/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active p.body {
    background-image: url(../image/top/feature__interior/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__interior/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active p.body:after {
    background-image: url(../image/top/feature__interior/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__artisan/cover-photo_01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__artisan/cover-photo_01@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__artisan/cover-photo_02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__artisan/cover-photo_02@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__artisan/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active p.body {
    background-image: url(../image/top/feature__artisan/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active p.body {
    background-image: url(../image/top/feature__artisan/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active p.body:after {
    background-image: url(../image/top/feature__artisan/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__performance/cover-photo_01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__performance/cover-photo_01@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__performance/cover-photo_02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__performance/cover-photo_02@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__performance/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__performance/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__performance/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active p.body {
    background-image: url(../image/top/feature__performance/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active p.body {
    background-image: url(../image/top/feature__performance/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__performance/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active p.body:after {
    background-image: url(../image/top/feature__performance/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__safety/cover-photo_01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__safety/cover-photo_01@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__safety/cover-photo_02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__safety/cover-photo_02@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__safety/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__safety/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__safety/feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active p.body {
    background-image: url(../image/top/feature__safety/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active p.body {
    background-image: url(../image/top/feature__safety/cover-body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active p.body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__safety/cover-body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active p.body:after {
    background-image: url(../image/top/feature__safety/cover-body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button {
    background-image: url(../image/top/feature__exterior/link-button.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button {
    background-image: url(../image/top/feature__exterior/link-button@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__exterior/link-button__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__exterior/link-button__over@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button {
    background-image: url(../image/top/feature__interior/link-button.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button {
    background-image: url(../image/top/feature__interior/link-button@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__interior/link-button__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__interior/link-button__over@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button {
    background-image: url(../image/top/feature__artisan/link-button.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button {
    background-image: url(../image/top/feature__artisan/link-button@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__artisan/link-button__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__artisan/link-button__over@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button {
    background-image: url(../image/top/feature__performance/link-button.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button {
    background-image: url(../image/top/feature__performance/link-button@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__performance/link-button__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__performance/link-button__over@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button {
    background-image: url(../image/top/feature__safety/link-button.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button {
    background-image: url(../image/top/feature__safety/link-button@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__safety/link-button__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__safety/link-button__over@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature .main-container .photo-container {
    height: 632px
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container .inner {
    height: 824px
  }
  #contents-body div.century-main-content section.block.feature .main-container p.body {
    top: 512px
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button {
    width: 304px;
    height: 80px;
    top: 520px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container:not(.letter-right) h2.feature-title {
    right: -8px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container.letter-right h2.feature-title {
    left: -8px
  }
  #contents-body div.century-main-content section.block.feature ul.specs {
    top: -48px;
    width: 928px
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__exterior/cover-photo_01__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__exterior/cover-photo_01__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__exterior/cover-photo_02__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__exterior/cover-photo_02__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button {
    background-image: url(../image/top/feature__exterior/link-button__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button {
    background-image: url(../image/top/feature__exterior/link-button__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__exterior/link-button__m__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__exterior/link-button__m__over@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__interior/cover-photo_01__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__interior/cover-photo_01__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__interior/cover-photo_02__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__interior/cover-photo_02__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button {
    background-image: url(../image/top/feature__interior/link-button__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button {
    background-image: url(../image/top/feature__interior/link-button__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__interior/link-button__m__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__interior/link-button__m__over@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__artisan/cover-photo_01__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__artisan/cover-photo_01__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__artisan/cover-photo_02__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__artisan/cover-photo_02__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button {
    background-image: url(../image/top/feature__artisan/link-button__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button {
    background-image: url(../image/top/feature__artisan/link-button__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__artisan/link-button__m__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__artisan/link-button__m__over@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__performance/cover-photo_01__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__performance/cover-photo_01__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__performance/cover-photo_02__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__performance/cover-photo_02__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button {
    background-image: url(../image/top/feature__performance/link-button__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button {
    background-image: url(../image/top/feature__performance/link-button__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__performance/link-button__m__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__performance/link-button__m__over@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__safety/cover-photo_01__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__safety/cover-photo_01__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__safety/cover-photo_02__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__safety/cover-photo_02__m@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button {
    background-image: url(../image/top/feature__safety/link-button__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button {
    background-image: url(../image/top/feature__safety/link-button__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__safety/link-button__m__over.png);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button:after {
    background-image: url(../image/top/feature__safety/link-button__m__over@2x.png)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature .main-container .inner-container {
    top: 0;
    min-height: 0;
    padding-top: calc(67.2% - 18px)
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container {
    height: auto;
    background-size: cover;
    background-position: center center
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container:before {
    content: "";
    display: block;
    padding-top: 67.2%
  }
  #contents-body div.century-main-content section.block.feature .main-container .photo-container .inner {
    height: 100%
  }
  #contents-body div.century-main-content section.block.feature .main-container h3.symbolic-letter {
    top: 18px;
    width: 48px;
    height: 48px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature .main-container h3.symbolic-letter::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature .main-container h2.feature-title {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    left: -8px;
    margin-bottom: 12px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container p.body {
    position: relative;
    top: auto;
    color: #fff;
    width: 100%;
    height: auto;
    left: auto;
    margin-bottom: 18px;
    text-align: justify
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button {
    background-position: left center
  }
  #contents-body div.century-main-content section.block.feature .main-container a.link-button canvas {
    display: none
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container:not(.letter-right) h3.symbolic-letter {
    left: -6px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container.letter-right h2.feature-title, #contents-body div.century-main-content section.block.feature .main-container .inner-container:not(.letter-right) h2.feature-title {
    left: -8px
  }
  #contents-body div.century-main-content section.block.feature .main-container .inner-container.letter-right h3.symbolic-letter {
    right: -6px
  }
  #contents-body div.century-main-content section.block.feature .canvas-container {
    height: 100%;
    pointer-events: none
  }
  #contents-body div.century-main-content section.block.feature ul.specs {
    width: calc(100% - 48px);
    top: auto;
    flex-wrap: wrap;
    margin-bottom: 36px
  }
  #contents-body div.century-main-content section.block.feature ul.specs li {
    width: calc(50% - 6px);
    margin-bottom: 24px
  }
  #contents-body div.century-main-content section.block.feature ul.specs li .thumbnail-container {
    height: 96px;
    margin-bottom: 8px;
    background-size: cover;
    background-position: center
  }
  #contents-body div.century-main-content section.block.feature ul.specs li .thumbnail-container:before {
    content: none !important;
    display: none
  }
  #contents-body div.century-main-content section.block.feature ul.specs li p.caption {
    position: relative;
    width: calc(100% + 2px);
    max-width: 160px;
    height: auto;
    font-size: 0;
    line-height: 0;
    left: -1px;
    background: 0 0;
    margin-bottom: 8px
  }
  #contents-body div.century-main-content section.block.feature ul.specs li p.caption:before {
    content: "";
    display: block;
    padding-top: 25%
  }
  #contents-body div.century-main-content section.block.feature ul.specs li p.caption:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top
  }
  #contents-body div.century-main-content section.block.feature ul.specs li a.show-detail {
    width: 100%;
    height: 20px
  }
  #contents-body div.century-main-content section.block.feature ul.specs li a.show-detail .label {
    width: 100%;
    height: 20px;
    background-size: contain;
    background-position: left center;
    font-size: 0;
    line-height: 0
  }
  #contents-body div.century-main-content section.block.feature ul.specs li a.show-detail .label:after, #contents-body div.century-main-content section.block.feature ul.specs li a.show-detail .label:before {
    top: 27px
  }
  #contents-body div.century-main-content section.block.feature ul.specs li a.show-detail:after {
    width: 22px;
    height: 28px;
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-image: url(../image/top/common/sp__specs__show-detail__arrow.png)
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__exterior/sp__cover-photo_01.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__exterior/sp__cover-photo_02.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__exterior/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active p.body {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active p.body:after {
    content: none
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__exterior/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__exterior/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__exterior .main-container.active a.link-button {
    background-image: url(../image/top/feature__exterior/sp__link-button__label.png)
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__interior/sp__cover-photo_01.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__interior/sp__cover-photo_02.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__interior/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active p.body {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active p.body:after {
    content: none
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__interior/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__interior/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__interior .main-container.active a.link-button {
    background-image: url(../image/top/feature__interior/sp__link-button__label.png)
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__artisan/sp__cover-photo_01.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__artisan/sp__cover-photo_02.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__artisan/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active p.body {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active p.body:after {
    content: none
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__artisan .main-container.active a.link-button {
    background-image: url(../image/top/feature__artisan/sp__link-button__label.png)
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__performance/sp__cover-photo_01.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__performance/sp__cover-photo_02.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__performance/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active p.body {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active p.body:after {
    content: none
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__performance/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__performance/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__performance .main-container.active a.link-button {
    background-image: url(../image/top/feature__performance/sp__link-button__label.png)
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(1) {
    background-image: url(../image/top/feature__safety/sp__cover-photo_01.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active .photo-container .inner:nth-child(2) {
    background-image: url(../image/top/feature__safety/sp__cover-photo_02.jpg)
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active h3.symbolic-letter {
    background-image: url(../image/top/feature__safety/symbolic-letter.svg)
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active p.body {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active p.body:after {
    content: none
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active h2.feature-title {
    background-size: contain;
    background-image: url(../image/top/feature__safety/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active h2.feature-title:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__safety/sp__feature-title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature.feature__safety .main-container.active a.link-button {
    background-image: url(../image/top/feature__safety/sp__link-button__label.png)
  }
}

@media screen and (max-width:359px) {
  #contents-body div.century-main-content section.block.feature ul.specs a.show-detail:after {
    content: none
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__exterior {
    height: 912px
  }
  #contents-body div.century-main-content section.block.feature__exterior .main-container {
    height: 864px
  }
  #contents-body div.century-main-content section.block.feature__exterior .main-container h2.feature-title {
    width: 40px;
    height: 248px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature__exterior .main-container h2.feature-title::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__exterior .main-container p.body {
    width: 464px;
    height: 128px
  }
  #contents-body div.century-main-content section.block.feature__exterior .canvas-container {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__exterior {
    height: 912px
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__exterior, #contents-body div.century-main-content section.block.feature__exterior .main-container {
    height: auto
  }
  #contents-body div.century-main-content section.block.feature__exterior .main-container h2.feature-title {
    width: 232px;
    height: 36px
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__interior {
    height: 960px
  }
  #contents-body div.century-main-content section.block.feature__interior .main-container {
    height: 864px
  }
  #contents-body div.century-main-content section.block.feature__interior .main-container h2.feature-title {
    width: 80px;
    height: 232px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature__interior .main-container h2.feature-title::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__interior .main-container p.body {
    width: 386px;
    height: 96px
  }
  #contents-body div.century-main-content section.block.feature__interior .canvas-container {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__interior, #contents-body div.century-main-content section.block.feature__interior .main-container {
    height: 880px
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__interior, #contents-body div.century-main-content section.block.feature__interior .main-container {
    height: auto
  }
  #contents-body div.century-main-content section.block.feature__interior .main-container h2.feature-title {
    width: 222px;
    height: 72px
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan {
    background: #000
  }
  #contents-body div.century-main-content section.block.feature__artisan .main-container {
    height: 752px
  }
  #contents-body div.century-main-content section.block.feature__artisan .main-container h2.feature-title {
    width: 80px;
    height: 240px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature__artisan .main-container h2.feature-title::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .main-container p.body {
    top: 520px;
    width: 464px;
    height: 104px
  }
  #contents-body div.century-main-content section.block.feature__artisan .canvas-container {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container {
    position: relative;
    padding-bottom: 128px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container {
    height: 592px;
    overflow: visible;
    margin: auto;
    position: relative
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container {
    position: relative;
    overflow: hidden;
    top: 48px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-image: url(../image/top/feature__artisan/sub__photo01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container:after {
    background-image: url(../image/top/feature__artisan/sub__photo01@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container {
    position: absolute;
    right: -48px;
    top: 0;
    width: 436px;
    height: 400px;
    background: #111921;
    box-sizing: border-box;
    padding: 40px 36px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container h3 {
    width: 304px;
    height: 40px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/feature__artisan/sub__title.svg);
    margin-bottom: 24px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container h3::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p {
    width: 364px;
    height: 256px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    background-image: url(../image/top/feature__artisan/sub__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p::selection {
    color: transparent;
    background: 0 0
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p {
    background-image: url(../image/top/feature__artisan/sub__body@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/sub__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p:after {
    background-image: url(../image/top/feature__artisan/sub__body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .photo-container {
    width: 920px;
    height: 544px
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan {
    padding-top: 32px
  }
  #contents-body div.century-main-content section.block.feature__artisan .main-container {
    height: 640px
  }
  #contents-body div.century-main-content section.block.feature__artisan .main-container p.body {
    top: 440px
  }
  #contents-body div.century-main-content section.block.feature__artisan .canvas-container {
    height: 640px;
    top: 32px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container {
    padding-bottom: 128px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container {
    width: 368px;
    height: 464px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p {
    width: 296px;
    height: 320px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/feature__artisan/sub__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p::selection {
    color: transparent;
    background: 0 0
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p {
    background-image: url(../image/top/feature__artisan/sub__body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/sub__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p:after {
    background-image: url(../image/top/feature__artisan/sub__body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container {
    width: 928px;
    height: 544px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container:after {
    background-image: url(../image/top/feature__artisan/sub__photo01__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container:after {
    background-image: url(../image/top/feature__artisan/sub__photo01__m@2x.jpg)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .canvas-container {
    height: 752px
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__artisan .main-container {
    height: auto;
    margin-bottom: 30px
  }
  #contents-body div.century-main-content section.block.feature__artisan .main-container h2.feature-title {
    width: 217px;
    height: 72px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container {
    padding-bottom: 36px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container {
    height: auto
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container {
    top: 0;
    height: 252px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .photo-container:after {
    top: 0;
    background-image: url(../image/top/feature__artisan/sp__sub__photo01.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container {
    position: relative;
    width: 100%;
    height: auto;
    right: auto;
    padding: 18px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container h3 {
    background-image: url(../image/top/feature__artisan/sp__sub__title.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    left: -8px;
    width: 224px;
    height: 32px;
    margin-bottom: 8px
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p {
    background: 0 0;
    color: #fff;
    width: 100%;
    height: auto;
    text-align: justify
  }
  #contents-body div.century-main-content section.block.feature__artisan .sub-container .inner-container .text-container p:after {
    content: none
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .details-container {
    overflow: visible
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container p {
    width: 704px;
    height: 128px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
    right: -12px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container p::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.photos {
    display: table;
    width: 100%;
    height: 336px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.photos li.photo-item {
    display: table-cell;
    height: 100%;
    position: relative
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.photos li.photo-item:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__01 li.photo-item {
    width: 50%
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container .photo-container {
    background: #000;
    margin-bottom: 32px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container .text-container {
    position: relative;
    margin: auto;
    overflow: hidden;
    height: 256px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more {
    display: none
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container h3 {
    position: relative;
    width: 252px;
    height: 80px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    left: -12px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container h3::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container .detail-item__02 h3 {
    height: 88px
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p {
    background-image: url(../image/top/feature__artisan/detail__01__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p {
    background-image: url(../image/top/feature__artisan/detail__01__body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/detail__01__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p:after {
    background-image: url(../image/top/feature__artisan/detail__01__body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p {
    background-image: url(../image/top/feature__artisan/detail__02__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p {
    background-image: url(../image/top/feature__artisan/detail__02__body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/detail__02__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p:after {
    background-image: url(../image/top/feature__artisan/detail__02__body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p {
    background-image: url(../image/top/feature__artisan/detail__03__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p {
    background-image: url(../image/top/feature__artisan/detail__03__body@2x.png)
  }
}

@media screen and (min-width:1281px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/detail__03__body.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__01 .text-container h3, #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__03 h3 {
    top: 8px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__01 .text-container p, #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__02 p {
    height: 136px
  }
}

@media screen and (min-width:1281px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:1281px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p:after {
    background-image: url(../image/top/feature__artisan/detail__03__body@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item {
    position: relative
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item h3 {
    position: relative;
    left: -12px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item p {
    position: relative;
    right: -12px;
    width: 568px;
    height: 136px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item p::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p {
    background-image: url(../image/top/feature__artisan/detail__01__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p {
    background-image: url(../image/top/feature__artisan/detail__01__body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/detail__01__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 p:after {
    background-image: url(../image/top/feature__artisan/detail__01__body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p {
    background-image: url(../image/top/feature__artisan/detail__02__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p {
    background-image: url(../image/top/feature__artisan/detail__02__body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/detail__02__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 p:after {
    background-image: url(../image/top/feature__artisan/detail__02__body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p {
    background-image: url(../image/top/feature__artisan/detail__03__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p {
    background-image: url(../image/top/feature__artisan/detail__03__body__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/detail__03__body__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__01 h3, #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__03 h3 {
    top: 8px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__01 .text-container {
    height: 288px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.detail-item__01 p {
    height: 168px
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 p:after {
    background-image: url(../image/top/feature__artisan/detail__03__body__m@2x.png)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item {
    position: relative
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item:not(.is-shown) .photo-container, #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item:not(.is-shown) .text-container {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.is-shown .photo-container, #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.is-shown .text-container {
    transition-property: opacity;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    opacity: 1
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 h3 {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/detail__01__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/detail__01__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 li.photo-item:nth-child(1) {
    background-image: url(../image/top/feature__artisan/detail__01__photo__01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 li.photo-item:nth-child(1) {
    background-image: url(../image/top/feature__artisan/detail__01__photo__01@2x.jpg)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 li.photo-item:nth-child(2) {
    background-image: url(../image/top/feature__artisan/detail__01__photo__02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__01 li.photo-item:nth-child(2) {
    background-image: url(../image/top/feature__artisan/detail__01__photo__02@2x.jpg)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 h3 {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/detail__02__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/detail__02__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 li.photo-item:nth-child(1) {
    background-image: url(../image/top/feature__artisan/detail__02__photo__01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 li.photo-item:nth-child(1) {
    background-image: url(../image/top/feature__artisan/detail__02__photo__01@2x.jpg)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 li.photo-item:nth-child(2) {
    background-image: url(../image/top/feature__artisan/detail__02__photo__02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__02 li.photo-item:nth-child(2) {
    background-image: url(../image/top/feature__artisan/detail__02__photo__02@2x.jpg)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 h3 {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/detail__03__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/detail__03__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 li.photo-item:nth-child(1) {
    background-image: url(../image/top/feature__artisan/detail__03__photo__01.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 li.photo-item:nth-child(1) {
    background-image: url(../image/top/feature__artisan/detail__03__photo__01@2x.jpg)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 li.photo-item:nth-child(2) {
    background-image: url(../image/top/feature__artisan/detail__03__photo__02.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container .detail-canvas-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.active.detail-item__03 li.photo-item:nth-child(2) {
    background-image: url(../image/top/feature__artisan/detail__03__photo__02@2x.jpg)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item:not(.is-shown) .photo-container, #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item:not(.is-shown) .text-container {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.is-shown .photo-container, #contents-body div.century-main-content section.block.feature__artisan .details-container li.detail-item.is-shown .text-container {
    transition-property: opacity;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    opacity: 1
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container .photo-container {
    margin-bottom: 14px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.photos {
    height: 156px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container h3 {
    top: 4px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container p {
    color: #fff;
    width: 100%;
    height: auto;
    transition-property: max-height;
    transition-duration: 1s;
    display: none
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container p.is-opened {
    margin-top: -8px;
    margin-bottom: 18px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container .text-container {
    width: calc(100% - 85px);
    padding-bottom: 36px;
    height: auto
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more {
    display: block;
    width: 100%;
    height: 32px;
    position: relative;
    clear: both
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../image/top/common/dotted-border.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 1px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label:after {
    content: "";
    display: block;
    width: 24px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label.label__open {
    background-image: url(../image/top/feature__artisan/sp__detail__read-more__label__open.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label.label__open:after {
    background-image: url(../image/top/feature__artisan/sp__detail__read-more__icon__open.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label.label__close {
    background-image: url(../image/top/feature__artisan/sp__detail__read-more__label__close.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more .label.label__close:after {
    background-image: url(../image/top/feature__artisan/sp__detail__read-more__icon__close.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more.is-opened .label__open, #contents-body div.century-main-content section.block.feature__artisan .details-container a.read-more:not(.is-opened) .label__close {
    display: none
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item h3 {
    background-size: contain;
    background-repeat: no-repeat;
    float: none;
    position: relative;
    left: -8px;
    width: 184px;
    height: 56px;
    margin-bottom: 26px
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.detail-item__02 h3 {
    height: 60px;
    top: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item p {
    background: 0 0;
    float: none;
    right: auto;
    text-align: justify
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__01 h3 {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__detail__01__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__01 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__detail__01__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__01 li.photo-item:nth-child(1):after {
    background-image: url(../image/top/feature__artisan/sp__detail__01__photo__01.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__01 li.photo-item:nth-child(2):after {
    background-image: url(../image/top/feature__artisan/sp__detail__01__photo__02.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__02 h3 {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__detail__02__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__02 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__detail__02__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__02 li.photo-item:nth-child(1):after {
    background-image: url(../image/top/feature__artisan/sp__detail__02__photo__01.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__02 li.photo-item:nth-child(2):after {
    background-image: url(../image/top/feature__artisan/sp__detail__02__photo__02.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__03 h3 {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__detail__03__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__03 h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__detail__03__title.svg);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__03 li.photo-item:nth-child(1):after {
    background-image: url(../image/top/feature__artisan/sp__detail__03__photo__01.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .details-container ul.details li.detail-item.active.detail-item__03 li.photo-item:nth-child(2):after {
    background-image: url(../image/top/feature__artisan/sp__detail__03__photo__02.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 128px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container .designs-inner-container {
    width: 1160px;
    margin: auto
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container h3 {
    width: 152px;
    height: 40px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    left: -12px;
    background-image: url(../image/top/feature__artisan/designs__title.svg);
    margin-bottom: 56px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container h3::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container h3:after {
    content: "";
    display: block;
    width: 128px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 12px;
    bottom: -8px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li {
    width: 25%;
    height: 344px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li .thumbnail-container {
    position: relative;
    background-position: center;
    margin-bottom: 16px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li .thumbnail-container:before {
    content: "";
    position: absolute;
    left: -1px;
    width: 1px;
    height: 100%;
    background: #000
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li p.caption {
    width: 160px;
    height: 48px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li p.caption::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container .thumbnail-container {
    height: 208px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__01__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 p.caption {
    background-image: url(../image/top/feature__artisan/design__01__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__01__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__01__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__01__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__01__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__02__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 p.caption {
    background-image: url(../image/top/feature__artisan/design__02__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__02__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__02__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__02__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__02__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__03__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 p.caption {
    background-image: url(../image/top/feature__artisan/design__03__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__03__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__03__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__03__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__03__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__04__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 p.caption {
    background-image: url(../image/top/feature__artisan/design__04__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__04__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__04__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__04__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__04__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__05__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 p.caption {
    background-image: url(../image/top/feature__artisan/design__05__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__05__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__05__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__05__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__05__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__06__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 p.caption {
    background-image: url(../image/top/feature__artisan/design__06__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__06__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__06__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__06__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__06__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__07__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 p.caption {
    background-image: url(../image/top/feature__artisan/design__07__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__07__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__07__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__07__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__07__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 p.caption {
    position: relative;
    background-image: url(../image/top/feature__artisan/design__08__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 p.caption {
    background-image: url(../image/top/feature__artisan/design__08__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/feature__artisan/design__08__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 p.caption:after {
    background-image: url(../image/top/feature__artisan/design__08__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__08__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/design__08__thumbnail@2x.jpg)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container .designs-inner-container {
    width: 928px
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container, #contents-body div.century-main-content section.block.feature__artisan .designs-container .designs-inner-container {
    position: relative
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container p.description {
    width: 336px;
    height: 32px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/feature__artisan/design__description.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    right: -12px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container p.description::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container:not(.is-shown) h3, #contents-body div.century-main-content section.block.feature__artisan .designs-container:not(.is-shown) li.design-item, #contents-body div.century-main-content section.block.feature__artisan .designs-container:not(.is-shown) p.description {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.is-shown h3, #contents-body div.century-main-content section.block.feature__artisan .designs-container.is-shown li.design-item, #contents-body div.century-main-content section.block.feature__artisan .designs-container.is-shown p.description {
    transition-property: opacity;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    opacity: 1
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container .designs-canvas-container {
    position: absolute;
    top: 0;
    width: calc(100% + 32px);
    height: 100%
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container p.description {
    background-image: url(../image/top/feature__artisan/design__description@2x.png)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__artisan .designs-container {
    padding-top: 24px;
    padding-bottom: 36px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container .designs-inner-container {
    width: calc(100% - 85px)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container:not(.is-shown) h3, #contents-body div.century-main-content section.block.feature__artisan .designs-container:not(.is-shown) li.design-item, #contents-body div.century-main-content section.block.feature__artisan .designs-container:not(.is-shown) p.description {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.is-shown h3, #contents-body div.century-main-content section.block.feature__artisan .designs-container.is-shown li.design-item, #contents-body div.century-main-content section.block.feature__artisan .designs-container.is-shown p.description {
    transition-property: opacity;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(.645, .045, .355, 1);
    opacity: 1
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container h3 {
    width: 100%;
    height: 48px;
    left: 0;
    background-image: url(../image/top/feature__artisan/sp__designs__title.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-bottom: 20px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container h3:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container h3:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container h3:before {
    top: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container h3:after {
    bottom: 0
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container p.description {
    color: transparent;
    width: 192px;
    height: 20px;
    background-position: left top;
    margin-bottom: 20px;
    position: relative;
    left: -4px;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__designs__description.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container p.description:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__designs__description.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li.design-item {
    height: 156px;
    width: 50%
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li.design-item .thumbnail-container {
    height: 96px;
    background-size: cover;
    background-position: center;
    margin-bottom: 8px
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container ul li.design-item p.caption {
    width: 116px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 p.caption:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 p.caption:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 p.caption:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 p.caption:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 p.caption:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 p.caption:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 p.caption:after, #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 p.caption:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__01__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__01__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__01__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__02__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__02__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__02__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__03__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__03__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__03__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__04__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__04__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__04 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__04__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__05__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__05__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__05 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__05__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__06__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__06__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__06 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__06__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__07__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__07__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__07 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__07__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 p.caption {
    background-size: contain;
    background-image: url(../image/top/feature__artisan/sp__design__08__caption.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 p.caption:after {
    background-image: url(../image/top/feature__artisan/sp__design__08__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__artisan .designs-container.active ul li.design-item__08 .thumbnail-container {
    background-image: url(../image/top/feature__artisan/sp__design__08__thumbnail.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance {
    height: 1200px
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container h2.feature-title {
    width: 80px;
    height: 224px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container h2.feature-title::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container p.body {
    top: 464px;
    width: 664px;
    height: 64px
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__performance/spec__01__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__performance/spec__01__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 p.caption {
    background-image: url(../image/top/feature__performance/spec__01__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 p.caption {
    background-image: url(../image/top/feature__performance/spec__01__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 .label {
    background-image: url(../image/top/feature__performance/spec__01__show-detail.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 .label {
    background-image: url(../image/top/feature__performance/spec__01__show-detail@2x.png)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__performance/sp__spec__01__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 p.caption {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 p.caption:after {
    background-image: url(../image/top/feature__performance/sp__spec__01__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__01 .label {
    background-image: url(../image/top/feature__performance/sp__spec__01__show-detail.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__performance/spec__02__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__performance/spec__02__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 p.caption {
    background-image: url(../image/top/feature__performance/spec__02__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 p.caption {
    background-image: url(../image/top/feature__performance/spec__02__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 .label {
    background-image: url(../image/top/feature__performance/spec__02__show-detail.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 .label {
    background-image: url(../image/top/feature__performance/spec__02__show-detail@2x.png)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__performance/sp__spec__02__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 p.caption {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 p.caption:after {
    background-image: url(../image/top/feature__performance/sp__spec__02__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__02 .label {
    background-image: url(../image/top/feature__performance/sp__spec__02__show-detail.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__performance/spec__03__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__performance/spec__03__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 p.caption {
    background-image: url(../image/top/feature__performance/spec__03__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 p.caption {
    background-image: url(../image/top/feature__performance/spec__03__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 .label {
    background-image: url(../image/top/feature__performance/spec__03__show-detail.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__performance .canvas-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 720px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 .label {
    background-image: url(../image/top/feature__performance/spec__03__show-detail@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__performance {
    height: 1152px
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container, #contents-body div.century-main-content section.block.feature__performance .main-container .photo-container {
    height: 640px
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container p.body {
    top: 440px
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__performance/sp__spec__03__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 p.caption {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 p.caption:after {
    background-image: url(../image/top/feature__performance/sp__spec__03__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__performance li.spec-item__03 .label {
    background-image: url(../image/top/feature__performance/sp__spec__03__show-detail.png)
  }
  #contents-body div.century-main-content section.block.feature__performance, #contents-body div.century-main-content section.block.feature__performance .main-container {
    height: auto
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container h2.feature-title {
    width: 212px;
    height: 72px;
    left: -8px
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container p.body {
    margin-bottom: 30px
  }
  #contents-body div.century-main-content section.block.feature__performance .main-container .inner-container p.body {
    margin-bottom: 28px
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety {
    height: 1200px
  }
  #contents-body div.century-main-content section.block.feature__safety .main-container {
    height: 712px;
    overflow: hidden
  }
  #contents-body div.century-main-content section.block.feature__safety .main-container h2.feature-title {
    width: 200px;
    height: 232px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.feature__safety .main-container h2.feature-title::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__safety/spec__01__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__safety/spec__01__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 p.caption {
    background-image: url(../image/top/feature__safety/spec__01__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 p.caption {
    background-image: url(../image/top/feature__safety/spec__01__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 .label {
    background-image: url(../image/top/feature__safety/spec__01__show-detail.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 .label {
    background-image: url(../image/top/feature__safety/spec__01__show-detail@2x.png)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 .thumbnail-container {
    background-image: url(../image/top/feature__safety/sp__spec__01__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 p.caption {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 p.caption:after {
    background-image: url(../image/top/feature__safety/sp__spec__01__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__01 .label {
    background-image: url(../image/top/feature__safety/sp__spec__01__show-detail.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__safety/spec__02__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__safety/spec__02__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 p.caption {
    background-image: url(../image/top/feature__safety/spec__02__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 p.caption {
    background-image: url(../image/top/feature__safety/spec__02__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 .label {
    background-image: url(../image/top/feature__safety/spec__02__show-detail.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 .label {
    background-image: url(../image/top/feature__safety/spec__02__show-detail@2x.png)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 .thumbnail-container {
    background-image: url(../image/top/feature__safety/sp__spec__02__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 p.caption {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 p.caption:after {
    background-image: url(../image/top/feature__safety/sp__spec__02__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__02 .label {
    background-image: url(../image/top/feature__safety/sp__spec__02__show-detail.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__safety/spec__03__thumbnail.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__safety/spec__03__thumbnail@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 p.caption {
    background-image: url(../image/top/feature__safety/spec__03__caption.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 p.caption {
    background-image: url(../image/top/feature__safety/spec__03__caption@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 .label {
    background-image: url(../image/top/feature__safety/spec__03__show-detail.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.feature__safety .canvas-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 720px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 .label {
    background-image: url(../image/top/feature__safety/spec__03__show-detail@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.feature__safety {
    height: 1152px
  }
  #contents-body div.century-main-content section.block.feature__safety .main-container, #contents-body div.century-main-content section.block.feature__safety .main-container .photo-container {
    height: 640px
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 .thumbnail-container {
    background-image: url(../image/top/feature__safety/sp__spec__03__thumbnail.jpg)
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 p.caption {
    background: 0 0
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 p.caption:after {
    background-image: url(../image/top/feature__safety/sp__spec__03__caption.png)
  }
  #contents-body div.century-main-content section.block.feature__safety li.spec-item__03 .label {
    background-image: url(../image/top/feature__safety/sp__spec__03__show-detail.png)
  }
  #contents-body div.century-main-content section.block.feature__safety, #contents-body div.century-main-content section.block.feature__safety .main-container {
    height: auto
  }
  #contents-body div.century-main-content section.block.feature__safety .main-container h2.feature-title {
    width: 284px;
    height: 144px;
    margin-bottom: 30px
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .car-bodies .car-body:not(.current), #contents-body div.century-main-content section.block.color-selector .text-container .color-info:not(.current) {
    opacity: 0
  }
  #contents-body div.century-main-content section.block.color-selector {
    height: 544px;
    position: relative;
    overflow: hidden;
    background-image: url(../image/top/color-selector/bg-pattern.png);
    background-position: center;
    background-repeat: repeat
  }
  #contents-body div.century-main-content section.block.color-selector .inner-container {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%
  }
  #contents-body div.century-main-content section.block.color-selector h2.block-title {
    width: 152px;
    height: 48px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/color-selector/block-title.svg);
    position: absolute;
    top: 40px;
    left: -12px
  }
  #contents-body div.century-main-content section.block.color-selector h2.block-title::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.color-selector .car-bodies {
    position: absolute;
    width: 680px;
    height: 200px;
    top: 24px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
  }
  #contents-body div.century-main-content section.block.color-selector .car-bodies .car-body, #contents-body div.century-main-content section.block.color-selector .car-bodies canvas {
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    position: absolute
  }
  #contents-body div.century-main-content section.block.color-selector .text-container {
    position: absolute;
    top: 40px;
    right: 0;
    width: 200px
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden
  }
  #contents-body div.century-main-content section.block.color-selector h3.color-name {
    width: 200px;
    height: 64px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 16px
  }
  #contents-body div.century-main-content section.block.color-selector h3.color-name::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.color-selector p.color-body {
    width: 200px;
    height: 64px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.color-selector p.color-body::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.color-selector .control {
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    background: #000;
    box-sizing: border-box;
    border-top-style: solid;
    border-top-color: #202020;
    border-top-width: 1px;
    transform: translateY(80px)
  }
  #contents-body div.century-main-content section.block.color-selector .control.is-active {
    transform: translateY(0);
    transition-property: transform;
    transition-duration: .64s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  #contents-body div.century-main-content section.block.color-selector .control:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #202020
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative;
    z-index: 1;
    top: -1px
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li {
    width: 112px;
    height: 80px;
    margin: 0 8px;
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li a.color {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li a.color::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li a.color:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #666;
    position: absolute;
    bottom: 0;
    transform: translateY(2px);
    transition-property: transform;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li a.color:hover:after {
    transform: translateY(0)
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li a.color.current:after {
    background-color: #fff;
    transform: translateY(0)
  }
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__kamui {
    background-image: url(../image/top/color-selector/car-body__kamui.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__kamui {
    background-image: url(../image/top/color-selector/car-body__kamui@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .control a.color__kamui {
    background-image: url(../image/top/color-selector/control__color-item__kamui.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .control a.color__kamui {
    background-image: url(../image/top/color-selector/control__color-item__kamui@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name {
    position: relative;
    background-image: url(../image/top/color-selector/color-name__kamui.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name {
    background-image: url(../image/top/color-selector/color-name__kamui@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__kamui.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__kamui@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body {
    position: relative;
    background-image: url(../image/top/color-selector/color-body__kamui.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body {
    background-image: url(../image/top/color-selector/color-body__kamui@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__kamui.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__kamui@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__mashu {
    background-image: url(../image/top/color-selector/car-body__mashu.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__mashu {
    background-image: url(../image/top/color-selector/car-body__mashu@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .control a.color__mashu {
    background-image: url(../image/top/color-selector/control__color-item__mashu.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .control a.color__mashu {
    background-image: url(../image/top/color-selector/control__color-item__mashu@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name {
    position: relative;
    background-image: url(../image/top/color-selector/color-name__mashu.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name {
    background-image: url(../image/top/color-selector/color-name__mashu@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__mashu.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__mashu@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body {
    position: relative;
    background-image: url(../image/top/color-selector/color-body__mashu.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body {
    background-image: url(../image/top/color-selector/color-body__mashu@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__mashu.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__mashu@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__asuka {
    background-image: url(../image/top/color-selector/car-body__asuka.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__asuka {
    background-image: url(../image/top/color-selector/car-body__asuka@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .control a.color__asuka {
    background-image: url(../image/top/color-selector/control__color-item__asuka.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .control a.color__asuka {
    background-image: url(../image/top/color-selector/control__color-item__asuka@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name {
    position: relative;
    background-image: url(../image/top/color-selector/color-name__asuka.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name {
    background-image: url(../image/top/color-selector/color-name__asuka@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__asuka.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__asuka@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body {
    position: relative;
    background-image: url(../image/top/color-selector/color-body__asuka.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body {
    background-image: url(../image/top/color-selector/color-body__asuka@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__asuka.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__asuka@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__seika {
    background-image: url(../image/top/color-selector/car-body__seika.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__seika {
    background-image: url(../image/top/color-selector/car-body__seika@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .control a.color__seika {
    background-image: url(../image/top/color-selector/control__color-item__seika.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .control a.color__seika {
    background-image: url(../image/top/color-selector/control__color-item__seika@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name {
    position: relative;
    background-image: url(../image/top/color-selector/color-name__seika.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name {
    background-image: url(../image/top/color-selector/color-name__seika@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__seika.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__seika@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body {
    position: relative;
    background-image: url(../image/top/color-selector/color-body__seika.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body {
    background-image: url(../image/top/color-selector/color-body__seika@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__seika.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__seika@2x.png)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .color-info__kamui p.color-body {
    height: 96px
  }
  #contents-body div.century-main-content section.block.color-selector .color-info__seika h3.color-name {
    height: 84px
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container {
    top: 48px;
    right: -12px;
    width: 184px
  }
  #contents-body div.century-main-content section.block.color-selector .text-container h3.color-name {
    width: 184px;
    height: 88px;
    margin-bottom: 12px
  }
  #contents-body div.century-main-content section.block.color-selector .text-container p.color-body {
    width: 184px;
    height: 96px
  }
  #contents-body div.century-main-content section.block.color-selector .car-bodies {
    width: 498px;
    height: 146px;
    top: -16px
  }
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__kamui {
    background-image: url(../image/top/color-selector/car-body__kamui__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__kamui {
    background-image: url(../image/top/color-selector/car-body__kamui__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name {
    background-image: url(../image/top/color-selector/color-name__kamui__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name {
    background-image: url(../image/top/color-selector/color-name__kamui__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__kamui__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__kamui__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body {
    background-image: url(../image/top/color-selector/color-body__kamui__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body {
    background-image: url(../image/top/color-selector/color-body__kamui__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__kamui__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__kamui__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__mashu {
    background-image: url(../image/top/color-selector/car-body__mashu__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__mashu {
    background-image: url(../image/top/color-selector/car-body__mashu__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name {
    background-image: url(../image/top/color-selector/color-name__mashu__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name {
    background-image: url(../image/top/color-selector/color-name__mashu__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__mashu__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__mashu__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body {
    background-image: url(../image/top/color-selector/color-body__mashu__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body {
    background-image: url(../image/top/color-selector/color-body__mashu__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__mashu__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__mashu__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__asuka {
    background-image: url(../image/top/color-selector/car-body__asuka__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__asuka {
    background-image: url(../image/top/color-selector/car-body__asuka__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name {
    background-image: url(../image/top/color-selector/color-name__asuka__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name {
    background-image: url(../image/top/color-selector/color-name__asuka__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__asuka__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__asuka__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body {
    background-image: url(../image/top/color-selector/color-body__asuka__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body {
    background-image: url(../image/top/color-selector/color-body__asuka__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__asuka__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__asuka__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .car-body {
    position: relative
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__seika {
    background-image: url(../image/top/color-selector/car-body__seika__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__seika {
    background-image: url(../image/top/color-selector/car-body__seika__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name {
    background-image: url(../image/top/color-selector/color-name__seika__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name {
    background-image: url(../image/top/color-selector/color-name__seika__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-name__seika__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name:after {
    background-image: url(../image/top/color-selector/color-name__seika__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body {
    background-image: url(../image/top/color-selector/color-body__seika__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body {
    background-image: url(../image/top/color-selector/color-body__seika__m@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background-image: url(../image/top/color-selector/color-body__seika__m.png);
    background-size: contain;
    background-repeat: no-repeat
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body:after {
    background-image: url(../image/top/color-selector/color-body__seika__m@2x.png)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.color-selector {
    height: 444px
  }
  #contents-body div.century-main-content section.block.color-selector .text-container {
    position: relative;
    right: auto;
    left: auto;
    width: auto;
    top: 0
  }
  #contents-body div.century-main-content section.block.color-selector .inner-container {
    padding-top: 24px
  }
  #contents-body div.century-main-content section.block.color-selector h2.block-title {
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    height: 48px;
    background-image: url(../image/top/color-selector/sp__block-title.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 20px
  }
  #contents-body div.century-main-content section.block.color-selector h2.block-title:after, #contents-body div.century-main-content section.block.color-selector h2.block-title:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute
  }
  #contents-body div.century-main-content section.block.color-selector h2.block-title:before {
    top: 0
  }
  #contents-body div.century-main-content section.block.color-selector h2.block-title:after {
    bottom: 0
  }
  #contents-body div.century-main-content section.block.color-selector h3.color-name {
    width: 158px;
    height: 44px;
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
    margin-bottom: 16px
  }
  #contents-body div.century-main-content section.block.color-selector p.color-body {
    width: 210px;
    height: 40px
  }
  #contents-body div.century-main-content section.block.color-selector .control {
    height: 60px
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors {
    width: calc(100% - 48px);
    margin: auto
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li {
    height: 60px;
    margin: 0
  }
  #contents-body div.century-main-content section.block.color-selector .control ul.colors li a.color:not(.current):hover:after {
    content: "";
    transform: translateY(2px)
  }
  #contents-body div.century-main-content section.block.color-selector .car-bodies {
    width: calc(100% - 48px);
    max-width: 327px;
    max-height: 96px;
    height: auto;
    top: 108px
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name:after, #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body:after, #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name:after, #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body:after, #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name:after, #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body:after, #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name:after, #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .car-bodies:before {
    content: "";
    display: block;
    padding-top: 29.3578%
  }
  #contents-body div.century-main-content section.block.color-selector .car-bodies .car-body {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__kamui {
    background-image: url(../image/top/color-selector/sp__car-body__kamui.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-name__kamui.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui h3.color-name:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-name__kamui.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-body__kamui.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__kamui p.color-body:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-body__kamui.png)
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__mashu {
    background-image: url(../image/top/color-selector/sp__car-body__mashu.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-name__mashu.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu h3.color-name:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-name__mashu.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-body__mashu.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__mashu p.color-body:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-body__mashu.png)
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__asuka {
    background-image: url(../image/top/color-selector/sp__car-body__asuka.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-name__asuka.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka h3.color-name:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-name__asuka.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-body__asuka.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__asuka p.color-body:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-body__asuka.png)
  }
  #contents-body div.century-main-content section.block.color-selector .car-body.car-body__seika {
    background-image: url(../image/top/color-selector/sp__car-body__seika.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-name__seika.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika h3.color-name:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-name__seika.png)
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body {
    background-size: contain;
    background-image: url(../image/top/color-selector/sp__color-body__seika.png);
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.color-selector .text-container .color-info__seika p.color-body:after {
    top: 0;
    background-image: url(../image/top/color-selector/sp__color-body__seika.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.purchase {
    height: 824px;
    position: relative;
    overflow: visible
  }
  #contents-body div.century-main-content section.block.purchase .photo-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../image/top/purchase/main-photo.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.purchase .photo-container {
    background-image: url(../image/top/purchase/main-photo@2x.jpg)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.purchase .text-container {
    position: relative;
    width: 1160px;
    margin: auto;
    overflow: visible;
    top: 240px
  }
  #contents-body div.century-main-content section.block.purchase h2.logo__century {
    position: relative;
    left: -12px;
    background-image: url(../image/top/cover/logo__century.svg);
    width: 240px;
    height: 112px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 40px
  }
  #contents-body div.century-main-content section.block.purchase h2.logo__century::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.purchase .price {
    width: 240px;
    height: 80px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/purchase/price.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 16px
  }
  #contents-body div.century-main-content section.block.purchase .price::selection {
    color: transparent;
    background: 0 0
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.purchase .price {
    background-image: url(../image/top/purchase/price@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.purchase ul.links {
    position: relative;
    width: 340px
  }
  #contents-body div.century-main-content section.block.purchase ul.links:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: url(../image/top/common/dotted-border.png);
    position: relative
  }
  #contents-body div.century-main-content section.block.purchase ul.links li {
    height: 48px;
    position: relative
  }
  #contents-body div.century-main-content section.block.purchase ul.links li:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
    position: absolute;
    background-image: url(../image/top/common/dotted-border.png)
  }
  #contents-body div.century-main-content section.block.purchase ul.links li a {
    display: block;
    position: relative;
    height: 100%;
    background-size: 144px 32px;
    background-repeat: no-repeat;
    background-position: left center;
    color: transparent
  }
  #contents-body div.century-main-content section.block.purchase ul.links li a.detail {
    background-image: url(../image/top/purchase/link__detail.png);
    background-repeat: no-repeat;
    background-size: 144px 32px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.purchase ul.links li a.detail {
    background-image: url(../image/top/purchase/link__detail@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.purchase ul.links li a.estimate {
    background-image: url(../image/top/purchase/link__estimate.png);
    background-repeat: no-repeat;
    background-size: 144px 32px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.purchase ul.links li a.estimate {
    background-image: url(../image/top/purchase/link__estimate@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.purchase ul.links li a.catalogue {
    background-image: url(../image/top/purchase/link__catalogue.png);
    background-repeat: no-repeat;
    background-size: 144px 32px
  }
}

@media screen and (-webkit-min-device-pixel-ratio:2), screen and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.purchase ul.links li a.catalogue {
    background-image: url(../image/top/purchase/link__catalogue@2x.png)
  }
}

@media screen {
  #contents-body div.century-main-content section.block.purchase ul.links li a:after {
    position: absolute;
    content: '';
    display: block;
    width: 24px;
    height: 48px;
    right: 0;
    top: 0;
    background-image: url(../image/top/purchase/link__arrow.png);
    background-size: contain
  }
  #contents-body div.century-main-content section.block.purchase ul.links li a:hover {
    background-color: rgba(255, 255, 255, .1)
  }
}

@media screen and (min-width:768px) {
  #contents-body div.century-main-content section.block.purchase a.link__eco-car {
    display: block;
    margin-top: 80px;
    position: relative;
    z-index: 1;
    width: 200px;
    height: 32px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #000
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 200px;
    height: 32px;
    background-image: url(../image/top/purchase/link__eco-car.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 200px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0);
    z-index: 1
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car:hover:after {
    background-color: rgba(255, 255, 255, .1)
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.purchase a.link__eco-car:before {
    background-image: url(../image/top/purchase/link__eco-car@2x.png)
  }
}

@media screen and (max-width:1280px) and (min-width:768px) {
  #contents-body div.century-main-content section.block.purchase {
    height: 704px
  }
  #contents-body div.century-main-content section.block.purchase .text-container {
    width: 928px;
    top: 150px
  }
  #contents-body div.century-main-content section.block.purchase h2.logo__century {
    margin-bottom: 26px
  }
  #contents-body div.century-main-content section.block.purchase .photo-container {
    background-image: url(../image/top/purchase/main-photo__m.jpg);
    background-size: cover;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.purchase ul.links {
    width: 272px
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car {
    margin-top: 64px
  }
}

@media screen and (max-width:1280px) and (min-width:768px) and (-webkit-min-device-pixel-ratio:2), screen and (max-width:1280px) and (min-width:768px) and (min-resolution:2dppx) {
  #contents-body div.century-main-content section.block.purchase .photo-container {
    background-image: url(../image/top/purchase/main-photo__m@2x.jpg)
  }
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content section.block.purchase {
    height: auto
  }
  #contents-body div.century-main-content section.block.purchase .photo-container {
    position: relative;
    height: 312px;
    background-image: url(../image/top/purchase/sp__main-photo.jpg)
  }
  #contents-body div.century-main-content section.block.purchase .text-container {
    background: #111921;
    top: 0;
    width: calc(100% - 48px);
    margin: auto;
    padding-top: 20px
  }
  #contents-body div.century-main-content section.block.purchase h2.logo__century {
    display: none
  }
  #contents-body div.century-main-content section.block.purchase .price {
    width: 200px;
    height: 64px;
    margin-bottom: 12px;
    background-image: url(../image/top/purchase/sp__price.png)
  }
  #contents-body div.century-main-content section.block.purchase ul.links {
    width: 100%;
    margin-bottom: 24px
  }
  #contents-body div.century-main-content section.block.purchase ul.links:before {
    top: 1px
  }
  #contents-body div.century-main-content section.block.purchase ul.links li {
    height: 60px
  }
  #contents-body div.century-main-content section.block.purchase ul.links a {
    background-size: 72px 20px
  }
  #contents-body div.century-main-content section.block.purchase ul.links a.detail {
    background-image: url(../image/top/purchase/sp__link__detail.png) !important
  }
  #contents-body div.century-main-content section.block.purchase ul.links a.estimate {
    background-image: url(../image/top/purchase/sp__link__estimate.png) !important
  }
  #contents-body div.century-main-content section.block.purchase ul.links a.catalogue {
    background-image: url(../image/top/purchase/sp__link__catalogue.png) !important
  }
  #contents-body div.century-main-content section.block.purchase ul.links a:after {
    bottom: 0;
    margin: auto
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car {
    position: relative;
    display: block;
    width: 100%;
    height: 36px;
    background-color: #000;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-color: #575757;
    margin-bottom: 60px
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car span.label {
    position: absolute;
    left: 11px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 92px;
    height: 20px;
    color: transparent;
    -webkit-user-select: none;
    -mox-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(../image/top/purchase/sp__link__eco-car__label.png);
    background-size: contain;
    background-repeat: no-repeat
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car span.label::selection {
    color: transparent;
    background: 0 0
  }
  #contents-body div.century-main-content section.block.purchase a.link__eco-car:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url(../image/top/purchase/sp__link__eco-car__arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    right: 11px;
    margin: auto
  }
}

.nxt-LocalNav__callListWrapper {
  display: none
}

.nxt-LocalNav__labelLink {
  font-size: 14px
}

@media (min-width:768px), print {
  body, option, select {
    letter-spacing: normal
  }
}

#contents-body div.century-main-content .scroll-prompt {
  width: 64px;
  height: 64px;
  margin: auto;
  background-image: url(../image/top/common/scroll-prompt.png);
  background-size: contain;
  background-position: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition-property: opacity;
  transition-delay: .1s;
  transition-duration: .4s;
  transition-timing-function: linear
}

#contents-body div.century-main-content .scroll-prompt span {
  display: block;
  width: 1px;
  height: 32px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, .5)
}

#contents-body div.century-main-content .scroll-prompt.is-shown {
  opacity: 1
}

#contents-body div.century-main-content .scroll-prompt.is-completed {
  display: none
}

@media screen and (max-width:767px) {
  #contents-body div.century-main-content .scroll-prompt {
    display: none
  }
}

.global-footer {
  margin-top: 100px
}
@media screen and (min-width: 768px) {
  .global-footer {
    margin-top: 147px
  }
}