@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@font-face {
  font-family: 'iconfont';
  src: url("fonts/iconfont.eot?a533vz");
  src: url("fonts/iconfont.eot?a533vz#iefix") format("embedded-opentype"), url("fonts/iconfont.ttf?a533vz") format("truetype"), url("fonts/iconfont.woff?a533vz") format("woff"), url("fonts/iconfont.svg?a533vz#iconfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailCaseText__title, .rn16DetailCase__title small, .rn16DetailModel__houses__title, .rn16DetailModel__pickup__title, .rn16DetailModel__pickup__title--tablet, .rn16DetailModel__select label {
    line-height: 1.5;
    font-size: 20px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailCaseText__title, .rn16DetailCase__title small, .rn16DetailModel__houses__title, .rn16DetailModel__pickup__title, .rn16DetailModel__pickup__title--tablet, .rn16DetailModel__select label {
    line-height: 1.5;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16ModelHouse__title, .rn16ModelHouse__ietype, .rn16Interview .rn16InterviewArticle__title, .rn16Mitsunoie p, .rn16KouzaYoyaku p, .rn16Kengaku__body p, .rn16Kengaku__body li, .rn16NewReportBlock__title span, .rn16NewReportBlock__body li, .rn16ReportBlock__title span, .rn16ReportBlock__title2 span,.rn16ReportBlock__body li, .rn16MujiLink--text a, .rn16MujiLink--text li, .rn16DetailGallery__text p, .rn16DetailSizeDoc__description p, .rn16DetailModel__pickup__text p {
    line-height: 1.8;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16ModelHouse__title, .rn16ModelHouse__ietype, .rn16Interview .rn16InterviewArticle__title, .rn16Mitsunoie p, .rn16KouzaYoyaku p, .rn16Kengaku__body p, .rn16Kengaku__body li, .rn16NewReportBlock__title span, .rn16NewReportBlock__body li, .rn16ReportBlock__title span, .rn16ReportBlock__title2 span,.rn16ReportBlock__body li, .rn16MujiLink--text a, .rn16MujiLink--text li, .rn16DetailGallery__text p, .rn16DetailSizeDoc__description p, .rn16DetailModel__pickup__text p {
    line-height: 1.8;
    font-size: 14px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16Button, .rn16Select select, .rn16ModelHouseBlock label, .rn16ModelHouse__address, .rn16ModelHouse__meta, .rn16Interview .rn16InterviewArticle__date, .rn16Interview .rn16InterviewArticle__body, .rn16Interview .rn16InterviewArticle__body p, .rn16Kangae__body p, .rn16Kengaku__body li, .rn16Kengaku__footer a, .rn16DetailCaseHeader__description p, .rn16DetailCaseText__description p, .rn16DetailCase__description p, .rn16DetailCase__footer a, .rn16DetailSizeDoc__description a, .rn16DetailInfoBlock__text, .rn16DetailInfoBlock__item {
    line-height: 1.8;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Button, .rn16Select select, .rn16ModelHouseBlock label, .rn16ModelHouse__address, .rn16ModelHouse__meta, .rn16Interview .rn16InterviewArticle__date, .rn16Interview .rn16InterviewArticle__body, .rn16Interview .rn16InterviewArticle__body p, .rn16Kangae__body p, .rn16Kengaku__body li, .rn16Kengaku__footer a, .rn16DetailCaseHeader__description p, .rn16DetailCaseText__description p, .rn16DetailCase__description p, .rn16DetailCase__footer a, .rn16DetailSizeDoc__description a, .rn16DetailInfoBlock__text, .rn16DetailInfoBlock__item {
    line-height: 1.8;
    font-size: 14px;
  }
}

.rn16Column__date, .rn16Interview .rn16InterviewArticle__date, .rn16NewReport__date, .rn16Report__date, .rn16Report__date2, .rn16DetailCaseBase__ken span.number, .rn16DetailCasePrice__info p span.number, .rn16DetailCaseFloor__info p span.number, .rn16DetailSizeBase__ken span.number, .rn16DetailSizePrice__info p > span.number, .rn16DetailSizeFloor__info p > span.number {
  font-family: 'Open Sans', sans-serif !important;
}

.rn16Button:after, .rn16Select:before, .rn16ModelHouse__close:before, .rn16ModelHouse__info:after, .rn16MainVisualBox--video a:before, .rn16Kangae__header:before, .rn16Kengaku__body a:after, .rn16Kengaku__footer a:after, .rn16Kengaku__text:after, .rn16NewReportBlock__title span:after, .rn16ReportBlock__title span:after,.rn16ReportBlock__title2 span:after, .rn16MujiLink--text a:after, .rn16DetailContentNav__toggle:before, .rn16DetailContent__scroll span:before, .rn16DetailCase__footer a:after, .rn16DetailCaseBase__ken span.x + span:before, .rn16DetailCaseBase__m span.x + span:before, .rn16DetailCaseBase__ken small span.x + span:before, .rn16DetailCaseBase__m small span.x + span:before, .rn16DetailSizeDoc__description a:after, .rn16DetailSizeNav__button a:before, .rn16DetailSizeBase__ken span.x + span:before, .rn16DetailSizeBase__m span.x + span:before, .rn16DetailSizeBase__ken small span.x + span:before, .rn16DetailSizeBase__m small span.x + span:before, .rn16DetailInfoBlock__item a:after, .rn16Kinoie .rn16DetailGallery__visual--v1:before, .rn16Kinoie .rn16DetailGallery__visual--v2:before, .rn16Kinoie .rn16DetailGallery__visual--v3:before, .rn16Kinoie .rn16DetailGallery__visual--v4:before, .rn16Kinoie .rn16DetailGallery__visual--v5:before, .rn16Kinoie .rn16DetailGallery__visual--v6:before, .rn16Kinoie .rn16DetailGallery__visual--v7:before, .rn16Kinoie .rn16DetailGallery__visual--v8:before, .rn16Kinoie .rn16DetailGallery__visual--v9:before, .rn16Kinoie .rn16DetailGallery__visual--v10:before, .rn16Kinoie .rn16DetailGallery__visual--v11:before, .rn16Kinoie .rn16DetailGallery__visual--v12:before, .rn16Kinoie .rn16DetailGallery__visual--v13:before, .rn16Kinoie .rn16DetailGallery__visual--v14:before, .rn16Kinoie .rn16DetailGallery__visual--v15:before, .rn16Kinoie .rn16DetailGallery__visual--v16:before, .rn16Kinoie .rn16DetailGallery__visual--v17:before, .rn16Madonoie .rn16DetailGallery__visual--v1:before, .rn16Madonoie .rn16DetailGallery__visual--v2:before, .rn16Madonoie .rn16DetailGallery__visual--v3:before, .rn16Madonoie .rn16DetailGallery__visual--v4:before, .rn16Madonoie .rn16DetailGallery__visual--v5:before, .rn16Madonoie .rn16DetailGallery__visual--v6:before, .rn16Madonoie .rn16DetailGallery__visual--v7:before, .rn16Madonoie .rn16DetailGallery__visual--v8:before, .rn16Madonoie .rn16DetailGallery__visual--v9:before, .rn16Madonoie .rn16DetailGallery__visual--v10:before, .rn16Madonoie .rn16DetailGallery__visual--v11:before, .rn16Madonoie .rn16DetailGallery__visual--v12:before, .rn16Madonoie .rn16DetailGallery__visual--v13:before, .rn16Madonoie .rn16DetailGallery__visual--v14:before, .rn16Madonoie .rn16DetailGallery__visual--v15:before, .rn16Madonoie .rn16DetailGallery__visual--v16:before, .rn16Madonoie .rn16DetailGallery__visual--v17:before, .rn16Tatenoie .rn16DetailGallery__visual--v1:before, .rn16Tatenoie .rn16DetailGallery__visual--v2:before, .rn16Tatenoie .rn16DetailGallery__visual--v3:before, .rn16Tatenoie .rn16DetailGallery__visual--v4:before, .rn16Tatenoie .rn16DetailGallery__visual--v5:before, .rn16Tatenoie .rn16DetailGallery__visual--v6:before, .rn16Tatenoie .rn16DetailGallery__visual--v7:before, .rn16Tatenoie .rn16DetailGallery__visual--v8:before, .rn16Tatenoie .rn16DetailGallery__visual--v9:before, .rn16Tatenoie .rn16DetailGallery__visual--v10:before, .rn16Tatenoie .rn16DetailGallery__visual--v11:before, .rn16Tatenoie .rn16DetailGallery__visual--v12:before, .rn16Tatenoie .rn16DetailGallery__visual--v13:before, .rn16Tatenoie .rn16DetailGallery__visual--v14:before, .rn16Tatenoie .rn16DetailGallery__visual--v15:before, .rn16Tatenoie .rn16DetailGallery__visual--v16:before, .rn16Tatenoie .rn16DetailGallery__visual--v17:before {
  font-family: 'iconfont';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal !important;
}

.rn16ColumnBlock__title, .rn16ModelHouseBlock__title, .rn16MainVisualVideo__close, .rn16Interview__title, .rn16Interview__nav li a, .rn16MitsunoieBlock__title, .rn16Mitsunoie__title, .rn16KangaeBlock__title, .rn16Kangae__title span, .rn16KouzaBlock__title, .rn16KengakuBlock__title, .rn16NewReportBlock__title small, .rn16ReportBlock__title small, .rn16ReportBlock__title2 small, .rn16MujiLink--img a, .rn16DetailContentNav__title, .rn16DetailContent__title, .rn16DetailGallery__title, .rn16DetailLink span, .rn16DetailCaseHeader__title, .rn16DetailCase__title span, .rn16DetailSizeDoc__title, .rn16DetailSizePrint__floor__name, .rn16DetailModelBlock__title span, .rn16DetailInfoBlock__title {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 1px;
  line-height: 1;
}

.rn16ModelHouse__close, .rn16Kengaku__body a, .rn16Kengaku__footer a, .rn16NewReport, .rn16Report, .rn16MujiLink a, .rn16DetailGallery__gooddesign, .rn16DetailCase__footer a:hover, .rn16DetailSizeDoc__description a:hover, .rn16DetailSizeNav__button a, .rn16DetailModel__pickup__title--tablet, .rn16DetailInfoBlock__item a {
  -webkit-tap-highlight-color: transparent;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.rn16ModelHouse__close:hover, .rn16Kengaku__body a:hover, .rn16Kengaku__footer a:hover, .rn16NewReport:hover, .rn16Report:hover, .rn16MujiLink a:hover, .rn16DetailGallery__gooddesign:hover, .rn16DetailCase__footer a:hover, .rn16DetailSizeDoc__description a:hover, .rn16DetailSizeNav__button a:hover, .rn16DetailModel__pickup__title--tablet:hover, .rn16DetailInfoBlock__item a:hover {
  opacity: .5;
}

.fadeIn {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.fadeIn.isVisible {
  opacity: 1;
}

.rn16Button {
  position: relative;
  display: inline-block;
  border: 1px solid #eaeaea;
  border-radius: 0;
  padding: 24px 86px 24px 50px;
  text-decoration: none;
  color: #191919;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media only screen and (max-width: 749px) {
  .rn16Button {
    padding: 14px 54px 14px 25px;
  }
}

.rn16Button:after {
  position: absolute;
  display: block;
  content: '';
  color: rgba(51, 51, 51, 0.5);
  margin: auto 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media only screen and (min-width: 750px) {
  .rn16Button:after {
    right: 37px;
    padding: 0;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Button:after {
    right: 27px;
    padding: 14px 0;
    line-height: 14px;
    height: 14px;
    font-weight: bold;
    font-size: 9px;
  }
}

.rn16Button:hover {
  opacity: 1;
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.rn16Button:hover:after {
  color: #fff;
}

.rn16Button--small {
  padding: 11px 71px 10px 37px;
}

.rn16Button--small .rn16Button:after {
  font-size: 10px;
}

.rn16Select {
  position: relative;
  border: 1px solid #eaeaea;
  border-radius: 0;
}

.rn16Select select {
  position: relative;
  z-index: 2;
  width: 100%;
  box-border: border;
  outline: none;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  padding: 6px 48px 6px 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #191919;
  cursor: pointer;
}

.rn16Select select::-ms-expand {
  display: none;
}

.rn16Select:before {
  z-index: 1;
  display: block;
  content: '';
  line-height: 28px;
  font-size: 12px;
  padding: 6px 0;
  color: #191919;
  position: absolute;
  top: 0;
  right: 20px;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailCaseText__title, .rn16DetailCase__title small, .rn16DetailModel__houses__title, .rn16DetailModel__pickup__title, .rn16DetailModel__pickup__title--tablet, .rn16DetailModel__select label {
    line-height: 1.5;
    font-size: 20px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailCaseText__title, .rn16DetailCase__title small, .rn16DetailModel__houses__title, .rn16DetailModel__pickup__title, .rn16DetailModel__pickup__title--tablet, .rn16DetailModel__select label {
    line-height: 1.5;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16ModelHouse__title, .rn16ModelHouse__ietype, .rn16Interview .rn16InterviewArticle__title, .rn16Mitsunoie p, .rn16KouzaYoyaku p, .rn16Kengaku__body p, .rn16Kengaku__body li, .rn16NewReportBlock__title span, .rn16NewReportBlock__body li, .rn16ReportBlock__title span, .rn16ReportBlock__title2 span,  .rn16ReportBlock__body li, .rn16MujiLink--text a, .rn16MujiLink--text li, .rn16DetailGallery__text p, .rn16DetailSizeDoc__description p, .rn16DetailModel__pickup__text p {
    line-height: 1.8;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16ModelHouse__title, .rn16ModelHouse__ietype, .rn16Interview .rn16InterviewArticle__title, .rn16Mitsunoie p, .rn16KouzaYoyaku p, .rn16Kengaku__body p, .rn16Kengaku__body li, .rn16NewReportBlock__title span, .rn16NewReportBlock__body li, .rn16ReportBlock__title span, .rn16ReportBlock__title2 span, .rn16ReportBlock__body li, .rn16MujiLink--text a, .rn16MujiLink--text li, .rn16DetailGallery__text p, .rn16DetailSizeDoc__description p, .rn16DetailModel__pickup__text p {
    line-height: 1.8;
    font-size: 14px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16Button, .rn16Select select, .rn16ModelHouseBlock label, .rn16ModelHouse__address, .rn16ModelHouse__meta, .rn16Interview .rn16InterviewArticle__date, .rn16Interview .rn16InterviewArticle__body, .rn16Interview .rn16InterviewArticle__body p, .rn16Kangae__body p, .rn16Kengaku__body li, .rn16Kengaku__footer a, .rn16DetailCaseHeader__description p, .rn16DetailCaseText__description p, .rn16DetailCase__description p, .rn16DetailCase__footer a, .rn16DetailSizeDoc__description a, .rn16DetailInfoBlock__text, .rn16DetailInfoBlock__item {
    line-height: 1.8;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Button, .rn16Select select, .rn16ModelHouseBlock label, .rn16ModelHouse__address, .rn16ModelHouse__meta, .rn16Interview .rn16InterviewArticle__date, .rn16Interview .rn16InterviewArticle__body, .rn16Interview .rn16InterviewArticle__body p, .rn16Kangae__body p, .rn16Kengaku__body li, .rn16Kengaku__footer a, .rn16DetailCaseHeader__description p, .rn16DetailCaseText__description p, .rn16DetailCase__description p, .rn16DetailCase__footer a, .rn16DetailSizeDoc__description a, .rn16DetailInfoBlock__text, .rn16DetailInfoBlock__item {
    line-height: 1.8;
    font-size: 14px;
  }
}

.rn16Column__date, .rn16Interview .rn16InterviewArticle__date, .rn16NewReport__date, .rn16Report__date, .rn16Report__date2, .rn16DetailCaseBase__ken span.number, .rn16DetailCasePrice__info p span.number, .rn16DetailCaseFloor__info p span.number, .rn16DetailSizeBase__ken span.number, .rn16DetailSizePrice__info p > span.number, rn16DetailSizeFloor__info p > span.number {
  font-family: 'Open Sans', sans-serif !important;
}

.rn16Button:after, .rn16Select:before, .rn16ModelHouse__close:before, .rn16ModelHouse__info:after, .rn16MainVisualBox--video a:before, .rn16Kangae__header:before, .rn16Kengaku__body a:after, .rn16Kengaku__footer a:after, .rn16Kengaku__text:after, .rn16NewReportBlock__title span:after, .rn16ReportBlock__title span:after,.rn16ReportBlock__title2 span:after, .rn16MujiLink--text a:after, .rn16DetailContentNav__toggle:before, .rn16DetailContent__scroll span:before, .rn16DetailCase__footer a:after, .rn16DetailCaseBase__ken span.x + span:before, .rn16DetailCaseBase__m span.x + span:before, .rn16DetailCaseBase__ken small span.x + span:before, .rn16DetailCaseBase__m small span.x + span:before, .rn16DetailSizeDoc__description a:after, .rn16DetailSizeNav__button a:before, .rn16DetailSizeBase__ken span.x + span:before, .rn16DetailSizeBase__m span.x + span:before, .rn16DetailSizeBase__ken small span.x + span:before, .rn16DetailSizeBase__m small span.x + span:before, .rn16DetailInfoBlock__item a:after, .rn16Kinoie .rn16DetailGallery__visual--v1:before, .rn16Kinoie .rn16DetailGallery__visual--v2:before, .rn16Kinoie .rn16DetailGallery__visual--v3:before, .rn16Kinoie .rn16DetailGallery__visual--v4:before, .rn16Kinoie .rn16DetailGallery__visual--v5:before, .rn16Kinoie .rn16DetailGallery__visual--v6:before, .rn16Kinoie .rn16DetailGallery__visual--v7:before, .rn16Kinoie .rn16DetailGallery__visual--v8:before, .rn16Kinoie .rn16DetailGallery__visual--v9:before, .rn16Kinoie .rn16DetailGallery__visual--v10:before, .rn16Kinoie .rn16DetailGallery__visual--v11:before, .rn16Kinoie .rn16DetailGallery__visual--v12:before, .rn16Kinoie .rn16DetailGallery__visual--v13:before, .rn16Kinoie .rn16DetailGallery__visual--v14:before, .rn16Kinoie .rn16DetailGallery__visual--v15:before, .rn16Kinoie .rn16DetailGallery__visual--v16:before, .rn16Kinoie .rn16DetailGallery__visual--v17:before, .rn16Madonoie .rn16DetailGallery__visual--v1:before, .rn16Madonoie .rn16DetailGallery__visual--v2:before, .rn16Madonoie .rn16DetailGallery__visual--v3:before, .rn16Madonoie .rn16DetailGallery__visual--v4:before, .rn16Madonoie .rn16DetailGallery__visual--v5:before, .rn16Madonoie .rn16DetailGallery__visual--v6:before, .rn16Madonoie .rn16DetailGallery__visual--v7:before, .rn16Madonoie .rn16DetailGallery__visual--v8:before, .rn16Madonoie .rn16DetailGallery__visual--v9:before, .rn16Madonoie .rn16DetailGallery__visual--v10:before, .rn16Madonoie .rn16DetailGallery__visual--v11:before, .rn16Madonoie .rn16DetailGallery__visual--v12:before, .rn16Madonoie .rn16DetailGallery__visual--v13:before, .rn16Madonoie .rn16DetailGallery__visual--v14:before, .rn16Madonoie .rn16DetailGallery__visual--v15:before, .rn16Madonoie .rn16DetailGallery__visual--v16:before, .rn16Madonoie .rn16DetailGallery__visual--v17:before, .rn16Tatenoie .rn16DetailGallery__visual--v1:before, .rn16Tatenoie .rn16DetailGallery__visual--v2:before, .rn16Tatenoie .rn16DetailGallery__visual--v3:before, .rn16Tatenoie .rn16DetailGallery__visual--v4:before, .rn16Tatenoie .rn16DetailGallery__visual--v5:before, .rn16Tatenoie .rn16DetailGallery__visual--v6:before, .rn16Tatenoie .rn16DetailGallery__visual--v7:before, .rn16Tatenoie .rn16DetailGallery__visual--v8:before, .rn16Tatenoie .rn16DetailGallery__visual--v9:before, .rn16Tatenoie .rn16DetailGallery__visual--v10:before, .rn16Tatenoie .rn16DetailGallery__visual--v11:before, .rn16Tatenoie .rn16DetailGallery__visual--v12:before, .rn16Tatenoie .rn16DetailGallery__visual--v13:before, .rn16Tatenoie .rn16DetailGallery__visual--v14:before, .rn16Tatenoie .rn16DetailGallery__visual--v15:before, .rn16Tatenoie .rn16DetailGallery__visual--v16:before, .rn16Tatenoie .rn16DetailGallery__visual--v17:before {
  font-family: 'iconfont';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal !important;
}

.rn16ColumnBlock__title, .rn16ModelHouseBlock__title, .rn16MainVisualVideo__close, .rn16Interview__title, .rn16Interview__nav li a, .rn16MitsunoieBlock__title, .rn16Mitsunoie__title, .rn16KangaeBlock__title, .rn16Kangae__title span, .rn16KouzaBlock__title, .rn16KengakuBlock__title, .rn16NewReportBlock__title small, .rn16ReportBlock__title small, .rn16ReportBlock__title2 small, .rn16MujiLink--img a, .rn16DetailContentNav__title, .rn16DetailContent__title, .rn16DetailGallery__title, .rn16DetailLink span, .rn16DetailCaseHeader__title, .rn16DetailCase__title span, .rn16DetailSizeDoc__title, .rn16DetailSizePrint__floor__name, .rn16DetailModelBlock__title span, .rn16DetailInfoBlock__title {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 1px;
  line-height: 1;
}

.rn16ModelHouse__close, .rn16Kengaku__body a, .rn16Kengaku__footer a, .rn16NewReport, .rn16Report, .rn16MujiLink a, .rn16DetailGallery__gooddesign, .rn16DetailCase__footer a:hover, .rn16DetailSizeDoc__description a:hover, .rn16DetailSizeNav__button a, .rn16DetailModel__pickup__title--tablet, .rn16DetailInfoBlock__item a {
  -webkit-tap-highlight-color: transparent;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.rn16ModelHouse__close:hover, .rn16Kengaku__body a:hover, .rn16Kengaku__footer a:hover, .rn16NewReport:hover, .rn16Report:hover, .rn16MujiLink a:hover, .rn16DetailGallery__gooddesign:hover, .rn16DetailCase__footer a:hover, .rn16DetailSizeDoc__description a:hover, .rn16DetailSizeNav__button a:hover, .rn16DetailModel__pickup__title--tablet:hover, .rn16DetailInfoBlock__item a:hover {
  opacity: .5;
}

body {
  color: #191919;
  letter-spacing: .05em;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
}

img {
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #000;
}

select {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.wrap {
  position: relative;
  z-index: 2;
}

.nr16MainWhite {
  background: #fff;
}

.rn16ColumnBlock {
  position: relative;
  background: #fff;
}

.rn16ColumnBlock__inner {
  background: rgba(242, 242, 242, 0.3);
}

@media only screen and (min-width: 750px) {
  .rn16ColumnBlock {
    padding-top: 70px;
  }
  .rn16ColumnBlock__header, .rn16ColumnBlock__body {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 1144px;
    margin: 0 auto;
    padding: 0 60px;
  }
  .rn16ColumnBlock__title {
    position: absolute;
    top: -58px;
    right: 60px;
    width: 94px;
    height: 150px;
    background: url("../../top/img/ttl_sumaikoramu.svg") left center no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ColumnBlock__title {
    right: 50px;
    width: 9.1%;
  }
}

@media only screen and (min-width: 750px) {
  .rn16ColumnBlock__body {
    padding: 50px 184px 45px 30px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ColumnBlock__body {
    padding: 7.8% 140px 4.6% 30px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16ColumnBlock--interview .rn16ColumnBlock__title {
    height: 224px;
    width: 97px;
    background: url("../../shared/img/ttl_interview.svg") left center no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ColumnBlock--interview .rn16ColumnBlock__title {
    width: 9.4%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16ColumnBlock {
    padding-top: 0px;
  }
  .rn16ColumnBlock__inner {
    overflow: hidden;
    padding: 40px 0 0;
  }
  .rn16ColumnBlock__header {
    padding: 0 30px;
  }
  .rn16ColumnBlock__title {
    width: 148px;
    height: 20px;
    background: url("../../top/img/mobile/ttl_sumaikoramu.svg") left top no-repeat;
    background-size: contain;
  }
  .rn16ColumnBlock__body {
    margin-top: 30px;
    padding-bottom: 45px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .rn16ColumnBlock--interview .rn16ColumnBlock__title {
    width: 186.5px;
    height: 20.5px;
    background: url("../../shared/img/mobile/ttl_interview.svg") left top no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Column {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .rn16Column__item {
    display: table-cell;
    vertical-align: top;
    padding-left: 30px;
    overflow: hidden;
  }
  .rn16Column__image {
    position: relative;
    overflow: hidden;
  }
  .rn16Column__image:after {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .rn16Column__image__inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .rn16Column__text {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  .rn16Column p {
    margin-top: 2px;
    line-height: 22px;
    font-size: 14px;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  .rn16Column__date {
    letter-spacing: 0;
    margin-top: 10px !important;
    display: block;
    line-height: 28px !important;
    font-size: 13px !important;
    font-weight: 400;
    opacity: .5;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  .rn16Column a {
    max-width: 180px;
    width: 100%;
    display: block;
    margin: auto 0 0 0;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Column a {
    max-width: 160px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Column a:hover {
    opacity: 1;
  }
  a .rn16Column__image__inner {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
  a:hover .rn16Column__image__inner {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
  a:hover .rn16Column__text {
    opacity: .5;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Column {
    display: table;
    width: 100%;
    padding: 0 30px;
    table-layout: fixed;
  }
  .rn16Column__item {
    display: table-cell;
    width: 123px;
    padding-left: 40px;
  }
  .rn16Column__item:first-child {
    padding-left: 0;
  }
  .rn16Column__image {
    position: relative;
    overflow: hidden;
  }
  .rn16Column__image:after {
    content: '';
    display: block;
    padding-top: 100%;
  }
  .rn16Column__image__inner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .rn16Column__text {
    opacity: 1;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  .rn16Column__date {
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 6px;
    display: block;
    line-height: 1;
    font-size: 11px;
    font-weight: 400;
    opacity: .5;
  }
  .rn16Column p {
    line-height: 17px;
    font-size: 12px;
  }
  .rn16Column a {
    width: 123px;
    width: 100%;
    display: block;
    margin: 0 0 0 auto;
  }
  .rn16Column a:hover {
    opacity: 1;
  }
  a .rn16Column__image__inner {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
  a:hover .rn16Column__image__inner {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  a:hover .rn16Column__text {
    opacity: .5;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16DetailCaseText__title, .rn16DetailCase__title small, .rn16DetailModel__houses__title, .rn16DetailModel__pickup__title, .rn16DetailModel__pickup__title--tablet, .rn16DetailModel__select label {
    line-height: 1.5;
    font-size: 20px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailCaseText__title, .rn16DetailCase__title small, .rn16DetailModel__houses__title, .rn16DetailModel__pickup__title, .rn16DetailModel__pickup__title--tablet, .rn16DetailModel__select label {
    line-height: 1.5;
    font-size: 16px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16ModelHouse__title, .rn16ModelHouse__ietype, .rn16Interview .rn16InterviewArticle__title, .rn16Mitsunoie p, .rn16KouzaYoyaku p, .rn16Kengaku__body p, .rn16Kengaku__body li, .rn16NewReportBlock__title span, .rn16NewReportBlock__body li, .rn16ReportBlock__title span, .rn16ReportBlock__title2 span, .rn16ReportBlock__body li, .rn16MujiLink--text a, .rn16MujiLink--text li, .rn16DetailGallery__text p, .rn16DetailSizeDoc__description p, .rn16DetailModel__pickup__text p {
    line-height: 1.8;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16ModelHouse__title, .rn16ModelHouse__ietype, .rn16Interview .rn16InterviewArticle__title, .rn16Mitsunoie p, .rn16KouzaYoyaku p, .rn16Kengaku__body p, .rn16Kengaku__body li, .rn16NewReportBlock__title span, .rn16NewReportBlock__body li, .rn16ReportBlock__title span, .rn16ReportBlock__title2 span,  .rn16ReportBlock__body li, .rn16MujiLink--text a, .rn16MujiLink--text li, .rn16DetailGallery__text p, .rn16DetailSizeDoc__description p, .rn16DetailModel__pickup__text p {
    line-height: 1.8;
    font-size: 14px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16Button, .rn16Select select, .rn16ModelHouseBlock label, .rn16ModelHouse__address, .rn16ModelHouse__meta, .rn16Interview .rn16InterviewArticle__date, .rn16Interview .rn16InterviewArticle__body, .rn16Interview .rn16InterviewArticle__body p, .rn16Kangae__body p, .rn16Kengaku__body li, .rn16Kengaku__footer a, .rn16DetailCaseHeader__description p, .rn16DetailCaseText__description p, .rn16DetailCase__description p, .rn16DetailCase__footer a, .rn16DetailSizeDoc__description a, .rn16DetailInfoBlock__text, .rn16DetailInfoBlock__item {
    line-height: 1.8;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Button, .rn16Select select, .rn16ModelHouseBlock label, .rn16ModelHouse__address, .rn16ModelHouse__meta, .rn16Interview .rn16InterviewArticle__date, .rn16Interview .rn16InterviewArticle__body, .rn16Interview .rn16InterviewArticle__body p, .rn16Kangae__body p, .rn16Kengaku__body li, .rn16Kengaku__footer a, .rn16DetailCaseHeader__description p, .rn16DetailCaseText__description p, .rn16DetailCase__description p, .rn16DetailCase__footer a, .rn16DetailSizeDoc__description a, .rn16DetailInfoBlock__text, .rn16DetailInfoBlock__item {
    line-height: 1.8;
    font-size: 14px;
  }
}

.rn16Column__date, .rn16Interview .rn16InterviewArticle__date, .rn16NewReport__date, .rn16Report__date, .rn16Report__date2, .rn16DetailCaseBase__ken span.number, .rn16DetailCasePrice__info p span.number, .rn16DetailCaseFloor__info p span.number, .rn16DetailSizeBase__ken span.number, .rn16DetailSizePrice__info p > span.number, rn16DetailSizeFloor__info p > span.number {
  font-family: 'Open Sans', sans-serif !important;
}

.rn16Button:after, .rn16Select:before, .rn16ModelHouse__close:before, .rn16ModelHouse__info:after, .rn16MainVisualBox--video a:before, .rn16Kangae__header:before, .rn16Kengaku__body a:after, .rn16Kengaku__footer a:after, .rn16Kengaku__text:after, .rn16NewReportBlock__title span:after, .rn16ReportBlock__title span:after, .rn16ReportBlock__title2 span:after, .rn16MujiLink--text a:after, .rn16DetailContentNav__toggle:before, .rn16DetailContent__scroll span:before, .rn16DetailCase__footer a:after, .rn16DetailCaseBase__ken span.x + span:before, .rn16DetailCaseBase__m span.x + span:before, .rn16DetailCaseBase__ken small span.x + span:before, .rn16DetailCaseBase__m small span.x + span:before, .rn16DetailSizeDoc__description a:after, .rn16DetailSizeNav__button a:before, .rn16DetailSizeBase__ken span.x + span:before, .rn16DetailSizeBase__m span.x + span:before, .rn16DetailSizeBase__ken small span.x + span:before, .rn16DetailSizeBase__m small span.x + span:before, .rn16DetailInfoBlock__item a:after, .rn16Kinoie .rn16DetailGallery__visual--v1:before, .rn16Kinoie .rn16DetailGallery__visual--v2:before, .rn16Kinoie .rn16DetailGallery__visual--v3:before, .rn16Kinoie .rn16DetailGallery__visual--v4:before, .rn16Kinoie .rn16DetailGallery__visual--v5:before, .rn16Kinoie .rn16DetailGallery__visual--v6:before, .rn16Kinoie .rn16DetailGallery__visual--v7:before, .rn16Kinoie .rn16DetailGallery__visual--v8:before, .rn16Kinoie .rn16DetailGallery__visual--v9:before, .rn16Kinoie .rn16DetailGallery__visual--v10:before, .rn16Kinoie .rn16DetailGallery__visual--v11:before, .rn16Kinoie .rn16DetailGallery__visual--v12:before, .rn16Kinoie .rn16DetailGallery__visual--v13:before, .rn16Kinoie .rn16DetailGallery__visual--v14:before, .rn16Kinoie .rn16DetailGallery__visual--v15:before, .rn16Kinoie .rn16DetailGallery__visual--v16:before, .rn16Kinoie .rn16DetailGallery__visual--v17:before, .rn16Madonoie .rn16DetailGallery__visual--v1:before, .rn16Madonoie .rn16DetailGallery__visual--v2:before, .rn16Madonoie .rn16DetailGallery__visual--v3:before, .rn16Madonoie .rn16DetailGallery__visual--v4:before, .rn16Madonoie .rn16DetailGallery__visual--v5:before, .rn16Madonoie .rn16DetailGallery__visual--v6:before, .rn16Madonoie .rn16DetailGallery__visual--v7:before, .rn16Madonoie .rn16DetailGallery__visual--v8:before, .rn16Madonoie .rn16DetailGallery__visual--v9:before, .rn16Madonoie .rn16DetailGallery__visual--v10:before, .rn16Madonoie .rn16DetailGallery__visual--v11:before, .rn16Madonoie .rn16DetailGallery__visual--v12:before, .rn16Madonoie .rn16DetailGallery__visual--v13:before, .rn16Madonoie .rn16DetailGallery__visual--v14:before, .rn16Madonoie .rn16DetailGallery__visual--v15:before, .rn16Madonoie .rn16DetailGallery__visual--v16:before, .rn16Madonoie .rn16DetailGallery__visual--v17:before, .rn16Tatenoie .rn16DetailGallery__visual--v1:before, .rn16Tatenoie .rn16DetailGallery__visual--v2:before, .rn16Tatenoie .rn16DetailGallery__visual--v3:before, .rn16Tatenoie .rn16DetailGallery__visual--v4:before, .rn16Tatenoie .rn16DetailGallery__visual--v5:before, .rn16Tatenoie .rn16DetailGallery__visual--v6:before, .rn16Tatenoie .rn16DetailGallery__visual--v7:before, .rn16Tatenoie .rn16DetailGallery__visual--v8:before, .rn16Tatenoie .rn16DetailGallery__visual--v9:before, .rn16Tatenoie .rn16DetailGallery__visual--v10:before, .rn16Tatenoie .rn16DetailGallery__visual--v11:before, .rn16Tatenoie .rn16DetailGallery__visual--v12:before, .rn16Tatenoie .rn16DetailGallery__visual--v13:before, .rn16Tatenoie .rn16DetailGallery__visual--v14:before, .rn16Tatenoie .rn16DetailGallery__visual--v15:before, .rn16Tatenoie .rn16DetailGallery__visual--v16:before, .rn16Tatenoie .rn16DetailGallery__visual--v17:before {
  font-family: 'iconfont';
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal !important;
}

.rn16ColumnBlock__title, .rn16ModelHouseBlock__title, .rn16MainVisualVideo__close, .rn16Interview__title, .rn16Interview__nav li a, .rn16MitsunoieBlock__title, .rn16Mitsunoie__title, .rn16KangaeBlock__title, .rn16Kangae__title span, .rn16KouzaBlock__title, .rn16KengakuBlock__title, .rn16NewReportBlock__title small, .rn16ReportBlock__title small, .rn16ReportBlock__title2 small, .rn16MujiLink--img a, .rn16DetailContentNav__title, .rn16DetailContent__title, .rn16DetailGallery__title, .rn16DetailLink span, .rn16DetailCaseHeader__title, .rn16DetailCase__title span, .rn16DetailSizeDoc__title, .rn16DetailSizePrint__floor__name, .rn16DetailModelBlock__title span, .rn16DetailInfoBlock__title {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 1px;
  line-height: 1;
}

.rn16ModelHouse__close, .rn16Kengaku__body a, .rn16Kengaku__footer a, .rn16NewReport, .rn16Report, .rn16MujiLink a, .rn16DetailGallery__gooddesign, .rn16DetailCase__footer a:hover, .rn16DetailSizeDoc__description a:hover, .rn16DetailSizeNav__button a, .rn16DetailModel__pickup__title--tablet, .rn16DetailInfoBlock__item a {
  -webkit-tap-highlight-color: transparent;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.rn16ModelHouse__close:hover, .rn16Kengaku__body a:hover, .rn16Kengaku__footer a:hover, .rn16NewReport:hover, .rn16Report:hover, .rn16MujiLink a:hover, .rn16DetailGallery__gooddesign:hover, .rn16DetailCase__footer a:hover, .rn16DetailSizeDoc__description a:hover, .rn16DetailSizeNav__button a:hover, .rn16DetailModel__pickup__title--tablet:hover, .rn16DetailInfoBlock__item a:hover {
  opacity: .5;
}

.rn16ModelHouseBlock__map__marker {
  height: 0;
}

.rn16ModelHouseBlock__map__marker div {
  margin: 0 auto;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.rn16ModelHouseBlock__map__marker div:hover {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
  z-index: 1;
}

.rn16ModelHouseBlock__map__marker.selected div {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
  z-index: 1;
}

.rn16ModelHouseBlock__map.zoomOutMiddle .rn16ModelHouseBlock__map__marker div {
  -webkit-transform: scale3d(0.6, 0.6, 1);
  transform: scale3d(0.6, 0.6, 1);
}

.rn16ModelHouseBlock__map.zoomOutMiddle .rn16ModelHouseBlock__map__marker div:hover {
  -webkit-transform: scale3d(0.66, 0.66, 1);
  transform: scale3d(0.66, 0.66, 1);
}

.rn16ModelHouseBlock__map.zoomOutMiddle .rn16ModelHouseBlock__map__marker.selected div {
  -webkit-transform: scale3d(0.66, 0.66, 1);
  transform: scale3d(0.66, 0.66, 1);
}

.rn16ModelHouseBlock__map.zoomOut .rn16ModelHouseBlock__map__marker:not(.selected) div {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
}

.rn16ModelHouseBlock__map.zoomOut .rn16ModelHouseBlock__map__marker:hover div {
  opacity: 1;
  -webkit-transform: scale3d(0.66, 0.66, 1);
  transform: scale3d(0.66, 0.66, 1);
}

.rn16ModelHouseBlock__map.zoomOut .rn16ModelHouseBlock__map__marker:hover:after {
  opacity: 0;
}

.rn16ModelHouseBlock__map.zoomOut .rn16ModelHouseBlock__map__marker.selected div {
  -webkit-transform: scale3d(0.66, 0.66, 1);
  transform: scale3d(0.66, 0.66, 1);
}

.rn16ModelHouseBlock__map__marker:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -5px;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.rn16ModelHouseBlock__map.zoomOut .rn16ModelHouseBlock__map__marker:after {
  opacity: 1;
}

.rn16ModelHouseBlock__map.zoomOut .rn16ModelHouseBlock__map__marker.selected:after {
  opacity: 0;
}

.rn16ModelHouseBlock__map__marker.ki:after {
  background-color: #781317;
}

.rn16ModelHouseBlock__map__marker.mado:after {
  background-color: #115560;
}

.rn16ModelHouseBlock__map__marker.tate:after {
  background-color: #897051;
}

@media only screen and (min-width: 750px) {
  .rn16ModelHouseBlock {
    padding-top: 13.8%;
  }
  .rn16ModelHouseBlock__body {
    position: relative;
    width: 100%;
    height: 500px;
  }
  .rn16ModelHouseBlock__map {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .rn16ModelHouseBlock__form {
    z-index: 11;
    position: absolute;
    left: 60px;
    top: 50%;
    box-sizing: border-box;
  }
  .rn16ModelHouseBlock__form__inner {
    position: relative;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    box-sizing: border-box;
    width: 308px;
    padding: 48px 41px 50px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ModelHouseBlock__form__inner {
    width: 278px;
    padding: 48px 41px 50px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16ModelHouseBlock__form__inner:before {
    content: '';
    background: url("../../top/img/ttl_model.svg") left top no-repeat;
    background-size: contain;
    display: block;
    height: 20px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ModelHouseBlock__form__inner:before {
    height: 17px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16ModelHouseBlock__field {
    margin-top: 38px;
  }
  .rn16ModelHouseBlock__field:first-child {
    margin-top: 34px;
  }
  .rn16ModelHouseBlock label {
    margin: 0 0 10px;
    display: block;
    font-weight: bold;
  }
}

@media only screen and (max-width: 749px) {
  .rn16ModelHouseBlock {
    margin-top: 100px;
  }
  .rn16ModelHouseBlock__title {
    height: 21px;
    background: url("../../top/img/ttl_model.svg") center top no-repeat;
    background-size: contain;
  }
  .rn16ModelHouseBlock__body {
    margin-top: 43px;
    position: relative;
  }
  .rn16ModelHouseBlock__map {
    height: 270px;
  }
  .rn16ModelHouseBlock__form {
    padding: 30px 50px 0;
  }
  .rn16ModelHouseBlock__field {
    margin-top: 15px;
  }
  .rn16ModelHouseBlock__field:first-child {
    margin-top: 0;
  }
  .rn16ModelHouseBlock label {
    margin: 0 0 15px;
    display: block;
    font-weight: bold;
  }
}

.rn16ModelHouse {
  display: none;
  position: absolute;
  top: 50%;
  right: 60px;
  z-index: 10;
  width: 345px;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16ModelHouse {
    width: 270px;
  }
}

.rn16ModelHouse__inner {
  position: relative;
  background: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rn16ModelHouse__header {
  overflow: hidden;
  padding: 15px 21px 13px 30px;
}

.rn16ModelHouse__title {
  float: left;
  font-weight: bold;
  width: 256px;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16ModelHouse__title {
    padding: 2px 0 0;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16ModelHouse__title {
    width: 181px;
  }
}

.rn16ModelHouse__close {
  float: right;
  margin-top: -3px;
  overflow: hidden;
  line-height: 28px;
  font-size: 10px;
  color: #000;
  background: none;
  border: none;
  display: block;
  width: 28px;
  height: 28px;
}

.rn16ModelHouse__close:before {
  opacity: .5;
  text-align: center;
  content: '';
}

.rn16ModelHouse__body {
  display: block;
}

.rn16ModelHouse__body img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.rn16ModelHouse__info {
  position: relative;
  padding: 15px 50px 13px 30px;
}

.rn16ModelHouse__info:after {
  position: absolute;
  display: block;
  content: '';
  color: #7e7e7e;
  margin: auto 0;
  top: 0;
  bottom: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media only screen and (min-width: 750px) {
  .rn16ModelHouse__info:after {
    right: 25px;
    padding: 0;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16ModelHouse__info:after {
    right: 27px;
    padding: 14px 0;
    line-height: 14px;
    height: 14px;
    font-weight: bold;
    font-size: 9px;
  }
}

.rn16ModelHouse__ietype {
  font-weight: bold;
}

.rn16ModelHouse__address, .rn16ModelHouse__meta {
  margin: 0;
}

.rn16ModelHouse__meta {
  margin-top: -3px;
}

.rn16ModelHouse__meta span {
  display: inline-block;
}

@media only screen and (max-width: 749px) {
  .rn16ModelHouse {
    display: none;
  }
}

.rn16MainVisualVideo {
  display: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
}

.rn16MainVisualVideo.open {
  display: block;
}

.rn16MainVisualVideo__inner {
  display: table;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 50px 98px;
}

.rn16MainVisualVideo__body {
  display: table-cell;
  vertical-align: middle;
}

.rn16MainVisualVideo__player {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: 56.25%;
  background: black;
}

.rn16MainVisualVideo__player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rn16MainVisualVideo__close {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  top: 0;
  right: -49px;
  z-index: 10001;
  background: url("../img/icon_close_video.svg") center center no-repeat;
  background-size: 26px 26px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.rn16MainVisualVideo__close:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.rn16MainVisual {
  position: relative;
  width: 100%;
  background: #fff;
}

@media only screen and (min-width: 750px) {
  .rn16MainVisual:before {
    content: '';
    display: block;
    padding-top: 48.6%;
  }
  .rn16MainVisual__inner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MainVisual__inner {
    position: relative;
    padding: 0 30px;
  }
}

.rn16MainVisualBox {
  display: block;
  overflow: hidden;
  background: #fff;
}

.rn16MainVisualBox a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
}

.rn16MainVisualBox a:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox {
    position: relative;
  }
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox--video {
    /*z-index: 4;/*動画バナーを表示*/
	z-index: 1;/*動画バナーの上に静止画バナー＝スマホでは動画表示でPCでは動画非表示*/
    /*top: 50%;/*動画バナーを下部に表示させる場合*/
    left: 50%;
    width: 25%;
    height: 50%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .rn16MainVisualBox--video--wide {
    width: 50%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--video {
    width: 100%;
	margin-bottom: 20px;
  }
}

.rn16MainVisualBox--video a {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--video a {
    padding-top: 59.36%;
  }
}

.rn16MainVisualBox--video a:before {
  z-index: 1;
  position: absolute;
  display: block;
  text-align: center;
  color: #fff;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox--video a:before {
    background: url("../../top/img/ttl_video.png") center 45% no-repeat;
    background-size: 50% auto;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--video a:before {
    background: url("../../top/img/mobile/ttl_video.png") center 42% no-repeat;
    background-size: 44.4% auto !important;
  }
}

.rn16MainVisualBox--video a iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rn16MainVisualBox--video a:after {
  background-image: url("../../top/img/img_mainvisual_video.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--video a:after {
    background-image: url("../../top/img/mobile/img_mainvisual_video.jpg");
  }
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox--video a:hover:before {
    opacity: .7;
  }
}

.rn16MainVisualBox--video--wide a:before {
  background-size: 28.47% auto;
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox--video.standby {
    -webkit-transition: all .5s ease 0.5s;
    transition: all .5s ease 0.5s;
  }
  .rn16MainVisualBox--video.standby.opened, .rn16MainVisualBox--video.standby:hover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .rn16MainVisualBox--video.standby.opened.play a, .rn16MainVisualBox--video.standby:hover.play a {
    opacity: 0;
  }
}

.rn16MainVisualBox--video__embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox--campaign {
    z-index: 3;
    top: 0;
    left: 50%;
    width: 50%;
    height: 50%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--campaign {
    width: 100%;
    margin-bottom: 20px;
  }
}

.rn16MainVisualBox--campaign a {
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--campaign a {
    padding-top: 48.6%;
  }
}

.rn16MainVisualBox--campaign a:after {
  background-image: url("../../top/img/img_mainvisual_campaign.jpg");
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox--banner {
    z-index: 2;
    top: 50%;
    left: 75%;
    width: 25%;
    height: 50%;
  }
  .rn16MainVisualBox--banner2 {
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 25%;
    height: 50%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--banner {
    width: 100%;
    margin-bottom: 20px;
  }
  .rn16MainVisualBox--banner2 {
    width: 100%;
    margin-bottom: 20px;
  }
}

.rn16MainVisualBox--banner a:after {
  background-image: url("../../top/img/img_mainvisual_banner.jpg");
}
.rn16MainVisualBox--banner2 a:after {
  background-image: url("../../top/img/img_mainvisual_bannerleft.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--banner a {
    padding-top: 34.28%;
  }
  .rn16MainVisualBox--banner2 a {
    padding-top: 34.28%;
  }
  .rn16MainVisualBox--banner a:after {
    background-image: url("../../top/img/mobile/img_mainvisual_banner.jpg");
  }
  .rn16MainVisualBox--banner2 a:after {
    background-image: url("../../top/img/mobile/img_mainvisual_bannerleft.jpg");
  }
}

@media only screen and (min-width: 750px) {
  .rn16MainVisualBox--interview {
    z-index: 1;
    width: 50%;
    height: 100%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MainVisualBox--interview {
    clear: both;
    width: 100%;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Interview {
    position: relative;
    height: 100%;
  }
  .rn16Interview__header {
    position: absolute;
    z-index: 100;
    bottom: 11.9em;
    width: 100%;
    box-sizing: border-box;
    padding: 0 60px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Interview__header {
    bottom: 10.9em;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Interview__header:after {
    content: '';
    display: block;
    width: 100%;
    height: 25px;
    font-size: 1px;
    line-height: 1;
    border-bottom: 1px solid #fff;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Interview__header:after {
    height: 19px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Interview__title {
    height: 20px;
    width: 90%;
    background: url("../../top/img/ttl_interview.svg") left bottom no-repeat;
    background-size: contain;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Interview {
    position: relative;
    margin-top: 0;
  }
  .rn16Interview__header {
    position: absolute;
    z-index: 100;
    padding-top: 169px;
  }
  .rn16Interview__title {
    width: 207px;
    height: 16px;
    background: url("../../top/img/mobile/ttl_interview.svg") left top no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Interview__body {
    height: 100%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Interview__body {
    height: 284px;
  }
}

.rn16Interview__articles {
  height: 100%;
}

.rn16Interview__nav {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .rn16Interview__nav {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 50%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%);
    padding-top: 15px;
  }
}

.rn16Interview__nav ul {
  display: table;
  margin: 0 auto;
  opacity: .4;
}

.rn16Interview__nav li {
  display: table-cell;
  width: 8px;
  height: 8px;
  padding: 0 5px;
  line-height: 8px;
  overflow: hidden;
}

.rn16Interview__nav li a {
  float: left;
  display: block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  background: #e1e1e1;
  border-radius: 4px;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
}

.rn16Interview__nav li.current a {
  background: #c1c1c1;
}

@media only screen and (max-width: 749px) {
  .rn16Interview__nav li {
    width: 8px;
    height: 8px;
    padding: 0 5px;
    line-height: 8px;
  }
  .rn16Interview__nav li a {
    width: 8px;
    height: 8px;
    border-radius: 4px;
  }
}

.rn16Interview .rn16InterviewArticle {
  opacity: 0;
  display: block;
  position: absolute;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

@media only screen and (min-width: 750px) {
  .rn16Interview .rn16InterviewArticle {
    height: 100%;
    top: 0;
    left: 0;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Interview .rn16InterviewArticle {
    height: 284px;
  }
}

.rn16Interview .rn16InterviewArticle__inner {
  position: absolute;
  z-index: 2;
  bottom: 0;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 140px 60px 38px;
}

@media only screen and (min-width: 750px) {
  .rn16Interview .rn16InterviewArticle__inner {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 30%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 30%, white 100%);
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16Interview .rn16InterviewArticle__inner {
    padding: 96px 60px 23px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Interview .rn16InterviewArticle__inner {
    top: 192px;
    bottom: auto;
    padding: 0;
    overflow: hidden;
    height: 92px;
  }
}

.rn16Interview .rn16InterviewArticle__image:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

@media only screen and (min-width: 1061px) {
  .rn16Interview .rn16InterviewArticle__image:before {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 90%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.8) 90%, white 100%);
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16Interview .rn16InterviewArticle__image:before {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0.8) 80%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0.8) 80%, white 100%);
  }
}

@media only screen and (max-width: 749px) {
  .rn16Interview .rn16InterviewArticle__image:before {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 36%, white 64%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 36%, white 64%);
  }
}

.rn16Interview .rn16InterviewArticle__header, .rn16Interview .rn16InterviewArticle__body {
  margin: 0 auto;
  width: 100%;
  -webkit-transition: opacity 2.5s ease;
  transition: opacity 2.5s ease;
}

@media only screen and (max-width: 749px) {
  .rn16Interview .rn16InterviewArticle__header {
    display: table;
    width: 100%;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Interview .rn16InterviewArticle__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Interview .rn16InterviewArticle__title {
    display: table-row-group;
    font-weight: normal;
  }
}

.rn16Interview .rn16InterviewArticle__date {
  letter-spacing: 0;
  display: block;
  margin: -4px 0 0;
  font-weight: 500;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16Interview .rn16InterviewArticle__date {
    margin: 0 0;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Interview .rn16InterviewArticle__date {
    display: table-header-group;
    color: rgba(51, 51, 51, 0.5);
  }
}

.rn16Interview .rn16InterviewArticle__body {
  margin-top: 8px;
  height: 5.5em;
  overflow: hidden;
}

.rn16Interview .rn16InterviewArticle__body p {
  overflow: hidden;
  color: #191919;
}

@media only screen and (max-width: 749px) {
  .rn16Interview .rn16InterviewArticle__body {
    display: none;
  }
}

.rn16Interview .rn16InterviewArticle__image {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

.rn16Interview .rn16InterviewArticle:hover .rn16Interview .rn16InterviewArticle__image {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.rn16MitsunoieBlock {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  padding: 9.7% 120px 0;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16MitsunoieBlock {
    padding: 9.7% 60px 0;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MitsunoieBlock {
    padding: 60px 30px 0;
  }
}

.rn16MitsunoieBlock__header, .rn16MitsunoieBlock__body {
  margin: 0 auto;
  max-width: 1024px;
}

.rn16MitsunoieBlock__header {
  position: relative;
}

.rn16MitsunoieBlock__title {
  z-index: 10;
  width: 116px;
  height: 243px;
  position: absolute;
  top: 0;
  right: -88px;
  background-repeat: no-repeat;
  background-position: right top;
  background-image: url("../../top/img/ttl_3tsu.svg");
  background-size: contain;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16MitsunoieBlock__title {
    width: 102px;
    right: -20px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MitsunoieBlock__title {
    width: 61px;
    right: -10px;
    background-image: url("../../top/img/mobile/ttl_3tsu.svg");
  }
}

.rn16MitsunoieBlock__body {
  padding-top: 100px;
}

@media only screen and (max-width: 749px) {
  .rn16MitsunoieBlock__body {
    padding-top: 65px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16MitsunoieBlock__body {
    padding-top: 108px;
  }
}

.rn16Mitsunoie {
  position: relative;
  display: block;
  padding-top: 13.6%;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16Mitsunoie {
    padding-top: 13.6%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie {
    padding-top: 45px;
  }
}

.rn16Mitsunoie:first-child {
  padding-top: 0;
}

.rn16Mitsunoie__image {
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.rn16Mitsunoie__image:before {
  content: '';
  display: block;
  padding-top: 58.59%;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16Mitsunoie__image:before {
    padding-top: 58.59%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie__image:before {
    padding-top: 85.7%;
  }
}

.rn16Mitsunoie__image, .rn16Mitsunoie__image:after {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.rn16Mitsunoie__image:after {
  position: absolute;
  z-index: 4;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 1;
  -webkit-transition: opacity .8s ease;
  transition: opacity .8s ease;
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie__image:after {
    display: none;
  }
}

a:hover .rn16Mitsunoie__image:after {
  display: block;
  opacity: 0;
}

.rn16Mitsunoie__title {
  position: relative;
  z-index: 5;
  margin: -20px 20px 0;
  height: 40px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie__title {
    height: 24px;
    margin-top: -13px;
  }
}

.rn16Mitsunoie__title:after {
  position: absolute;
  top: 0;
  height: 100%;
  left: 162px;
  width: 18px;
  z-index: 6;
  content: '';
  display: inline-block;
  background: url("../../top/img/icon_3tsu_arrow.svg") left center no-repeat;
  background-size: contain;
  -webkit-transition: margin-left .5s ease;
  transition: margin-left .5s ease;
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie__title:after {
    left: 102px;
    width: 10px;
    background-image: url("../../top/img/mobile/icon_3tsu_arrow.svg");
  }
}

a:hover .rn16Mitsunoie__title:after {
  margin-left: 30px;
}

.rn16Mitsunoie p {
  margin: 11px 20px 0;
  font-weight: bold;
  color: #191919;
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie p {
    font-weight: normal;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie p {
    margin-top: 9px;
  }
}

.rn16Mitsunoie__button {
  margin: 25px 20px 0;
}

.rn16Mitsunoie--kinoie .rn16Mitsunoie__image {
  background-image: url("../../top/img/img_3tsu_kinoie_2.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie--kinoie .rn16Mitsunoie__image {
    background-image: url("../../top/img/mobile/img_3tsu_kinoie.jpg");
  }
}

.rn16Mitsunoie--kinoie .rn16Mitsunoie__image:after {
  background-image: url("../../top/img/img_3tsu_kinoie_1.jpg");
}

.rn16Mitsunoie--kinoie .rn16Mitsunoie__title {
  background-image: url("../../top/img/ttl_3tsu_kinoie.svg");
}

.rn16Mitsunoie--madonoie .rn16Mitsunoie__image {
  background-image: url("../../top/img/img_3tsu_madonoie_2.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie--madonoie .rn16Mitsunoie__image {
    background-image: url("../../top/img/mobile/img_3tsu_madonoie.jpg");
  }
}

.rn16Mitsunoie--madonoie .rn16Mitsunoie__image:after {
  background-image: url("../../top/img/img_3tsu_madonoie_1.jpg");
}

.rn16Mitsunoie--madonoie .rn16Mitsunoie__title {
  background-image: url("../../top/img/ttl_3tsu_madonoie.svg");
}

.rn16Mitsunoie--tatenoie .rn16Mitsunoie__image {
  background-image: url("../../top/img/img_3tsu_tatenoie_2.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Mitsunoie--tatenoie .rn16Mitsunoie__image {
    background-image: url("../../top/img/mobile/img_3tsu_tatenoie.jpg");
  }
}

.rn16Mitsunoie--tatenoie .rn16Mitsunoie__image:after {
  background-image: url("../../top/img/img_3tsu_tatenoie_1.jpg");
}

.rn16Mitsunoie--tatenoie .rn16Mitsunoie__title {
  background-image: url("../../top/img/ttl_3tsu_tatenoie.svg");
}

.rn16KangaeBlock {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}

.rn16KangaeBlock__header, .rn16KangaeBlock__body {
  margin: 0 auto;
  max-width: 1024px;
}

.rn16KangaeBlock__header {
  position: relative;
}

.rn16KangaeBlock__title {
  background-size: contain;
  background-repeat: no-repeat;
}

.rn16KangaeBlock__body p {
  color: #191919;
}

@media only screen and (min-width: 1061px) {
  .rn16KangaeBlock {
    padding: 12.5% 120px 0;
  }
  .rn16KangaeBlock__title {
    position: absolute;
    z-index: 100;
    top: -32px;
    right: -88px;
    width: 121px;
    height: 241px;
    background-image: url("../../top/img/ttl_kangae.svg");
    background-position: right top;
  }
  .rn16KangaeBlock__body {
    display: table;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
  .rn16KangaeBlock__left, .rn16KangaeBlock__right {
    display: table-cell;
    vertical-align: bottom;
  }
  .rn16KangaeBlock__left {
    width: 41.6%;
    max-width: 427px;
    min-width: 320px;
  }
  .rn16KangaeBlock__images {
    position: relative;
    padding-top: 110%;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16KangaeBlock {
    margin-top: 110px;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16KangaeBlock {
    margin-top: 0;
    padding: 3.9% 60px 0;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16KangaeBlock__title {
    position: absolute;
    z-index: 100;
    top: 0px;
    height: 241px;
    background-position: right top;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16KangaeBlock__title {
    background-image: url("../../top/img/mobile/ttl_kangae.svg");
    width: 61px;
    right: -10px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16KangaeBlock__title {
    background-image: url("../../top/img/ttl_kangae.svg");
    right: -20px;
    width: 90px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16KangaeBlock__body {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16KangaeBlock__body {
    padding-top: 72px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16KangaeBlock__body {
    padding-top: 110px;
  }
}

.rn16Kangae:first-child {
  margin-top: 0;
}

.rn16Kangae__header {
  position: relative;
}

@media only screen and (min-width: 1061px) {
  .rn16Kangae {
    margin-top: 72px;
  }
  .rn16Kangae__link.current .rn16Kangae__title:after {
    width: 100%;
  }
  .rn16Kangae__title span, .rn16Kangae__body {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .rn16Kangae__link.current .rn16Kangae__title span,
  .rn16Kangae__link.current .rn16Kangae__body {
    opacity: .8;
  }
  .rn16Kangae__title {
    width: 100%;
    padding-top: 6.3%;
  }
  .rn16Kangae__title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(66.7% + 36px);
    width: calc(66.7% + 36px);
    height: 100%;
    background-color: #fff;
    z-index: 2;
  }
  .rn16Kangae__title span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(66.7% + 36px);
    width: calc(66.7% + 36px);
    height: 100%;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 3;
  }
  .rn16Kangae__title:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 0%;
    height: 2px;
    margin-top: -1px;
    display: block;
    background-color: rgba(51, 51, 51, 0.3);
    z-index: 1;
    -webkit-transition: width .7s ease;
    transition: width .7s ease;
  }
  .rn16Kangae__body {
    margin-top: 17px;
    width: 90%;
  }
  .rn16Kangae__footer {
    display: none;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16Kangae {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae {
    margin-top: 72px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Kangae__link {
    display: block;
  }
  .rn16Kangae__link:before {
    content: '';
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16Kangae__link:before {
    padding-top: 65.0%;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae__link:before {
    padding-top: 52.6%;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Kangae__title {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
  .rn16Kangae__link:hover .rn16Kangae__title {
    opacity: .5;
  }
  .rn16Kangae__header {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
}

@media only screen and (max-width: 1060px) and (max-width: 1060px) and (max-width: 749px) {
  .rn16Kangae__header {
    padding: 20px 0;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae__header {
    padding: 23px 0 16px;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 1060px) {
  .rn16Kangae__header:before {
    z-index: 1;
    display: block;
    content: '';
    font-size: 12px;
    color: rgba(0, 0, 0, 0.15);
    position: absolute;
    right: 0;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 1060px) and (max-width: 749px) {
  .rn16Kangae__header:before {
    line-height: 16px;
    height: 16px;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae__header:before {
    line-height: 22px;
    height: 22px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Kangae__title {
    position: relative;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16Kangae__title {
    height: 16px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae__title {
    height: 22px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Kangae__title span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 32px;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16Kangae__body {
    margin-top: 13px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae__body {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16Kangae__footer {
    text-align: left;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16Kangae__footer {
    margin-top: 25px;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae__footer {
    margin-top: 23px;
    padding: 0 18px;
  }
}

.rn16Kangae--nagaku .rn16Kangae__title span {
  background-image: url("../../top/img/ttl_kangae_1.svg");
}

.rn16Kangae--hone .rn16Kangae__title span {
  background-image: url("../../top/img/ttl_kangae_2.svg");
}

.rn16Kangae--hikari .rn16Kangae__title span {
  background-image: url("../../top/img/ttl_kangae_3.svg");
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kangae--nagaku .rn16Kangae__link:before {
    background-image: url("../../top/img/tablet/img_kangae_1.jpg");
  }
  .rn16Kangae--hone .rn16Kangae__link:before {
    background-image: url("../../top/img/tablet/img_kangae_2.jpg");
  }
  .rn16Kangae--hikari .rn16Kangae__link:before {
    background-image: url("../../top/img/tablet/img_kangae_3.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Kangae--nagaku .rn16Kangae__link:before {
    background-image: url("../../top/img/mobile/img_kangae_1.jpg");
  }
  .rn16Kangae--hone .rn16Kangae__link:before {
    background-image: url("../../top/img/mobile/img_kangae_2.jpg");
  }
  .rn16Kangae--hikari .rn16Kangae__link:before {
    background-image: url("../../top/img/mobile/img_kangae_3.jpg");
  }
}

@media only screen and (min-width: 1061px) {
  .rn16KangaeImage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .rn16KangaeImage--nagaku {
    background-image: url("../../top/img/img_kangae_1.jpg");
  }
  .rn16KangaeImage--hone {
    background-image: url("../../top/img/img_kangae_2.jpg");
  }
  .rn16KangaeImage--hikari {
    background-image: url("../../top/img/img_kangae_3.jpg");
  }
}

@media only screen and (max-width: 1060px) {
  .rn16KangaeImage {
    display: none;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16KouzaBlock {
    background: #fff;
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    min-height: 234px;
    margin: 0 auto;
    padding: 200px 0 223px;
  }
  .rn16KouzaBlock__header, .rn16KouzaBlock__body {
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
  }
  .rn16KouzaBlock__header {
    width: auto;
    padding-left: 135px;
    overflow: hidden;
    position: relative;
    text-align: right;
    height: 100%;
  }
  .rn16KouzaBlock__header img {
    display: block;
    width: 100%;
    max-width: 704px;
    vertical-align: middle;
  }
  .rn16KouzaBlock__title {
    margin: 0 0 0 -78px;
    position: absolute;
    top: 0;
    width: 97px;
    height: 100%;
    background: url("../../top/img/ttl_lecture.svg") left center no-repeat;
    background-size: contain;
  }
  .rn16KouzaBlock__body {
    width: 410px;
    padding: 0 60px 0 41px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16KouzaBlock {
    background: #fff;
    min-height: 234px;
    margin: 0 auto;
    padding: 17% 0 12%;
  }
  .rn16KouzaBlock__header, .rn16KouzaBlock__body {
    margin: 0 60px;
  }
  .rn16KouzaBlock__header {
    position: relative;
    text-align: right;
  }
  .rn16KouzaBlock__header img {
    width: 90%;
  }
  .rn16KouzaBlock__title {
    position: absolute;
    top: 0;
    left: 0;
    width: 12%;
    height: 100%;
    background: url("../../top/img/ttl_lecture.svg") right center no-repeat;
    background-size: contain;
  }
  .rn16KouzaBlock__body {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16KouzaBlock {
    padding: 159px 30px 56px;
  }
  .rn16KouzaBlock__header {
    position: relative;
  }
  .rn16KouzaBlock__header img {
    width: 100%;
    margin: 0 auto;
  }
  .rn16KouzaBlock__title {
    position: absolute;
    top: -70px;
    right: -10px;
    width: 61px;
    height: 182.5px;
    background: url("../../top/img/mobile/ttl_lecture.svg") right top no-repeat;
    background-size: contain;
  }
  .rn16KouzaBlock__body {
    margin-top: 25px;
  }
}

.rn16KouzaYoyaku p {
  margin: 0;
}

@media only screen and (min-width: 1061px) {
  .rn16KouzaYoyaku p span {
    display: inline-block;
  }
}

@media only screen and (min-width: 750px) {
  .rn16KouzaYoyaku__button {
    margin-top: 15px;
    font-weight: bold;
  }
}

@media only screen and (max-width: 749px) {
  .rn16KouzaYoyaku__button {
    margin-top: 18px;
  }
}

.rn16KengakuBlock a {
  color: #191919;
}

@media only screen and (min-width: 1061px) {
  .rn16KengakuBlock {
    background: rgba(242, 242, 242, 0.3);
  }
  .rn16KengakuBlock__header, .rn16KengakuBlock__body {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 0;
  }
  .rn16KengakuBlock__title {
    position: absolute;
    z-index: 1;
    top: -60px;
    right: 60px;
    width: 38px;
    height: 276px;
    background: url("../../top/img/ttl_event.svg") left top no-repeat;
    background-size: contain;
  }
}

@media only screen and (min-width: 1061px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16KengakuBlock__title {
    right: 40px;
    width: 3.7%;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16KengakuBlock__body {
    padding: 40px 148px 50px 60px;
  }
}

@media only screen and (min-width: 1061px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16KengakuBlock__body {
    padding-right: 120px;
    padding-left: 60px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16KengakuBlock__body img {
    float: right;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16KengakuBlock {
    padding: 20px 0 0;
  }
  .rn16KengakuBlock__header, .rn16KengakuBlock__body {
    position: relative;
    margin: 0;
  }
  .rn16KengakuBlock__title {
    position: absolute;
    z-index: 1;
    top: -20px;
    right: 60px;
    width: 4.4%;
    height: 276px;
    background: url("../../top/img/ttl_event.svg") left top no-repeat;
    background-size: contain;
  }
  .rn16KengakuBlock__body {
    background: rgba(242, 242, 242, 0.3);
    margin-top: 40px;
    padding: 40px 88px 74px 60px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16KengakuBlock {
    padding: 64px 30px 37px;
  }
  .rn16KengakuBlock__title {
    height: 20px;
    background: url("../../top/img/mobile/ttl_event.svg") left top no-repeat;
    background-size: contain;
  }
  .rn16KengakuBlock__body {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16Kengaku {
    width: 100%;
    max-width: 1024px;
    margin: 0 0 0 auto;
    display: table;
  }
  .rn16Kengaku__body, .rn16Kengaku__footer {
    display: table-cell;
    vertical-align: top;
  }
  .rn16Kengaku__body img {
    display: none;
  }
  .rn16Kengaku__body p, .rn16Kengaku__body ul {
    max-width: 506px;
    min-width: 363px;
    margin: 0 0 0 auto;
  }
}

@media only screen and (min-width: 1061px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kengaku__body p, .rn16Kengaku__body ul {
    min-width: 0;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16Kengaku__body li {
    margin-top: 11px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .rn16Kengaku__body a {
    display: table;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 0;
  }
  .rn16Kengaku__body a:after {
    vertical-align: top;
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: right;
    font-weight: bold;
    font-size: 85%;
    content: '';
  }
  .rn16Kengaku__list {
    padding-top: 10px;
  }
  .rn16Kengaku__text {
    display: table-cell;
    vertical-align: top;
    font-size: 15px;
    font-weight: bold;
  }
  .rn16Kengaku__footer {
    max-width: 352px;
    min-width: 200px;
    padding-left: 98px;
    text-align: right;
  }
}

@media only screen and (min-width: 1061px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kengaku__footer {
    padding-left: 60px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16Kengaku__footer img {
    width: 100%;
  }
  .rn16Kengaku__footer a {
    margin-top: 22px;
    display: inline-block;
    text-decoration: none;
  }
  .rn16Kengaku__footer a:after {
    padding-left: 10px;
    font-weight: bold;
    font-size: 80%;
    content: '';
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16Kengaku {
    width: 100%;
    display: table;
  }
  .rn16Kengaku__body img {
    width: 90%;
  }
  .rn16Kengaku__body p {
    margin-top: 20px;
  }
  .rn16Kengaku__body p br {
    display: none;
  }
  .rn16Kengaku__body li {
    margin-top: 10px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .rn16Kengaku__body a {
    display: block;
    padding: 12px 0;
  }
  .rn16Kengaku__list {
    padding-top: 10px;
  }
  .rn16Kengaku__text {
    display: block;
    font-size: 15px;
    position: relative;
    margin-top: 6px;
    padding-right: 100px;
    font-weight: bold;
  }
  .rn16Kengaku__text:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-weight: bold;
    font-size: 85%;
    content: '';
  }
  .rn16Kengaku__footer {
    opacity: .5;
    text-align: right;
  }
  .rn16Kengaku__footer img {
    display: none;
  }
  .rn16Kengaku__footer a {
    margin-top: 22px;
    display: inline-block;
    color: #191919;
    text-decoration: none;
  }
  .rn16Kengaku__footer a:after {
    padding-left: 12px;
    font-weight: bold;
    font-size: 10px;
    content: '';
  }
}

@media only screen and (max-width: 749px) {
  .rn16Kengaku {
    width: 100%;
    display: table;
  }
  .rn16Kengaku__body img {
    width: 100%;
  }
  .rn16Kengaku__body p {
    margin-top: 20px;
  }
  .rn16Kengaku__body p br {
    display: none;
  }
  .rn16Kengaku__body li {
    margin-top: 10px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .rn16Kengaku__body a {
    display: block;
    padding: 8px 0;
  }
  .rn16Kengaku__list {
    padding-top: 10px;
  }
  .rn16Kengaku__text {
    display: block;
    line-height: 24px;
    font-size: 14px;
    position: relative;
    margin-top: 1px;
    padding-right: 20px;
    font-weight: bold;
  }
  .rn16Kengaku__text:after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-weight: bold;
    font-size: 85%;
    content: '';
  }
  .rn16Kengaku__footer {
    opacity: .5;
    text-align: right;
  }
  .rn16Kengaku__footer img {
    display: none;
  }
  .rn16Kengaku__footer a {
    margin-top: 24px;
    display: inline-block;
    color: #191919;
    text-decoration: none;
  }
  .rn16Kengaku__footer a:after {
    padding-left: 12px;
    font-weight: bold;
    font-size: 10px;
    content: '';
  }
}

.rn16ShiryouAndReportBlock {
  overflow: hidden;
}

@media only screen and (min-width: 1061px) {
  .rn16ShiryouAndReportBlock {
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    max-width: 1144px;
    width: 100%;
    margin: 0 auto;
    padding: 181px 60px 188px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16ShiryouAndReportBlock {
    padding: 181px 60px 188px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16ShiryouAndReportBlock {
    padding: 80px 30px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16ShiryouBlock {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    width: 220px;
    min-width: 220px;
  }
  .rn16ShiryouBlock__images {
    display: block;
    height: 207px;
    overflow: hidden;
    text-align: center;
  }
  .rn16ShiryouBlock__image {
    display: inline-block;
    height: 100%;
    margin-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .rn16ShiryouBlock__image:first-child {
    margin-left: 0;
  }
  .rn16ShiryouBlock__image--closed {
    width: 181px;
    background-image: url("../../top/img/img_catalog_closed.jpg");
  }
  .rn16ShiryouBlock__image--opened {
    width: 375px;
    background-image: url("../../top/img/img_catalog_opened.jpg");
  }
  .rn16ShiryouBlock__button {
    margin-top: 18px;
  }
  .rn16ShiryouBlock__button .rn16Button {
    display: block;
    padding-left: 18px;
    padding-right: 25px;
  }
  .rn16ShiryouBlock__button .rn16Button:after {
    right: 15px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ShiryouBlock {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16ShiryouBlock__images {
    display: block;
    height: 237px;
  }
  .rn16ShiryouBlock__image {
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .rn16ShiryouBlock__image--closed {
    background-image: url("../../top/img/img_catalog_closed.jpg");
  }
  .rn16ShiryouBlock__image--opened {
    display: none;
  }
  .rn16ShiryouBlock__button {
    text-align: center;
    margin: 25px auto 0;
  }
  .rn16ShiryouBlock__button a {
    display: inline-block;
  }
}

@media only screen and (min-width: 750px) {
  .rn16NewReportBlock {
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 750px) and (min-width: 1061px) {
  .rn16NewReportBlock {
    display: table-cell;
    vertical-align: top;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16NewReportBlock {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-width: 750px) {
  .rn16NewReportBlock a {
    display: block;
    max-width: 292px;
    width: auto;
    margin: 0 0 0 auto;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16NewReportBlock a {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 750px) {
  .rn16NewReportBlock--banner a {
    height: 186px;
    background: url("../../top/img/img_kamakura.jpg") center center no-repeat;
    background-size: contain;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
  }
  .rn16NewReportBlock__title small {
    display: block;
    background: url("../../top/img/img_kamakura.jpg") center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 205px;
  }
  .rn16NewReportBlock__title span {
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    display: block;
    position: relative;
    padding-top: 13px;
    font-weight: bold;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  .rn16NewReportBlock__title span:after {
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 50%;
    margin-top: -4px;
    font-size: 11px;
    opacity: .2;
  }
  .rn16NewReportBlock__body {
    margin-top: 6px;
  }
  .rn16NewReportBlock__body li span {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
}

@media only screen and (max-width: 749px) {
  .rn16NewReportBlock {
    margin-top: 80px;
  }
  .rn16NewReportBlock a {
    display: block;
  }
  .rn16NewReportBlock--banner a {
    width: 315px;
    height: 201px;
    margin: 0 auto;
    background: url("../../top/img/img_kamakura.jpg") center center no-repeat;
    background-size: contain;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
  }
  .rn16NewReportBlock__title small {
    display: block;
    background: url("../../top/img/img_kamakura.jpg") center center no-repeat;
    background-size: contain;
    height: 202px;
  }
  .rn16NewReportBlock__title span {
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    display: block;
    position: relative;
    padding-top: 20px;
    font-weight: bold;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
  .rn16NewReportBlock__title span:after {
    padding-top: 20px;
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 0;
  }
  .rn16NewReportBlock__body {
    margin-top: 10px;
  }
  .rn16NewReportBlock__body li span {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
}

@media only screen and (min-width: 750px) {
  .rn16NewReport {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .rn16NewReport__date {
    letter-spacing: 0;
    padding-right: 11px;
    color: #999;
  }
}

@media only screen and (max-width: 749px) {
  .rn16NewReport {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .rn16NewReport__date {
    letter-spacing: 0;
    padding-right: 11px;
    font-weight: bold;
    color: #999;
  }
}

@media only screen and (min-width: 750px) {
  .rn16ReportBlock {
    box-sizing: border-box;
  }
}

@media only screen and (min-width: 750px) and (min-width: 1061px) {
  .rn16ReportBlock {
    display: table-cell;
    max-width: 292px;
    vertical-align: top;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ReportBlock {
    float: right;
    width: 50%;
  }
}

@media only screen and (min-width: 750px) {
  .rn16ReportBlock a {
    display: block;
    max-width: 292px;
    margin: 0 0 0 auto;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16ReportBlock a {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 750px) {
  .rn16ReportBlock__title small {
    display: block;
    background: url("../../top/img/img_mitaka.jpg") center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 205px;
  }
  .rn16ReportBlock__title2 small {
    display: block;
    background: url("../../top/img/img_kamakura.jpg") center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 205px;
  }
	.rn16ReportBlock__title span {
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    display: block;
    position: relative;
    padding-top: 13px;
    font-weight: bold;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
	.rn16ReportBlock__title2 span {
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    display: block;
    position: relative;
    padding-top: 13px;
    font-weight: bold;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }	
  .rn16ReportBlock__title span:after {
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 50%;
    margin-top: -4px;
    font-size: 11px;
    opacity: .2;
  }
  .rn16ReportBlock__title2 span:after {
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 50%;
    margin-top: -4px;
    font-size: 11px;
    opacity: .2;
  }	
  .rn16ReportBlock__body {
    margin-top: 6px;
  }
  .rn16ReportBlock__body li span {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
}

@media only screen and (max-width: 749px) {
  .rn16ReportBlock {
    margin-top: 80px;
  }
  .rn16ReportBlock a {
    display: block;
  }
  .rn16ReportBlock__title small {
    display: block;
    background: url("../../top/img/img_mitaka.jpg") center center no-repeat;
    background-size: contain;
    height: 202px;
  }
  .rn16ReportBlock__title2 small {
    display: block;
    background: url("../../top/img/img_kamakura.jpg") center center no-repeat;
    background-size: contain;
    height: 202px;
  }	
  .rn16ReportBlock__title span {
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    display: block;
    position: relative;
    padding-top: 20px;
    font-weight: bold;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
	.rn16ReportBlock__title2 span{
    margin-top: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    display: block;
    position: relative;
    padding-top: 20px;
    font-weight: bold;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
	.rn16ReportBlock__title span:after {
    padding-top: 20px;
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 0;
  }
	.rn16ReportBlock__title2 span:after{
    padding-top: 20px;
    position: absolute;
    display: block;
    content: '';
    right: 0;
    top: 0;
  }	
  .rn16ReportBlock__body {
    margin-top: 10px;
  }
  .rn16ReportBlock__body li span {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Report {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .rn16Report__date {
    letter-spacing: 0;
    padding-right: 11px;
    color: #999;
  }
  .rn16Report__date2 {
    letter-spacing: 0;
    padding-right: 11px;
    color: #999;
  }	
}

@media only screen and (max-width: 749px) {
  .rn16Report {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .rn16Report__date {
    letter-spacing: 0;
    padding-right: 11px;
    font-weight: bold;
    color: #999;
  }
  .rn16Report__date2 {
    letter-spacing: 0;
    padding-right: 11px;
    font-weight: bold;
    color: #999;
  }	
}

.rn16ContentLinksBlock {
  box-sizing: border-box;
  max-width: 1144px;
  margin: 0 auto;
  padding: 11.1% 60px 0;
}

@media only screen and (min-width: 1061px) {
  .rn16ContentLinksBlock {
    width: 100%;
    display: table;
    padding-bottom: 120px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16ContentLinksBlock {
    padding: 15.6% 60px 10.6%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16ContentLinksBlock {
    padding: 78px 0 0;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16MujiLinks {
    display: table-cell;
    vertical-align: middle;
  }
  .rn16MujiLinks:first-child {
    border: none;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16MujiLinks {
    width: 100%;
    margin: 30px auto 0;
  }
  .rn16MujiLinks:first-child {
    text-align: center;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MujiLinks {
    width: 100%;
    margin: 0 auto;
  }
  .rn16MujiLinks:first-child {
    width: 235px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16MujiLink--img {
    display: inline-block;
    margin-left: 7%;
  }
  .rn16MujiLink--img:first-child {
    margin-left: 0;
  }
  .rn16MujiLink--img a {
    height: 62px;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .rn16MujiLink--ur {
    width: 140px;
  }
  .rn16MujiLink--ur a {
    background-image: url("../../top/img/img_ur.svg");
  }
  .rn16MujiLink--infill {
    width: 86px;
  }
  .rn16MujiLink--infill a {
    background-image: url("../../top/img/img_infill.svg");
  }
  .rn16MujiLink--renovation {
    width: 130px;
  }
  .rn16MujiLink--renovation a {
    background-image: url("../../top/img/img_renovation.svg");
  }
  .rn16MujiLink--housevision {
    width: 232px;
  }
  .rn16MujiLink--housevision a {
    background-image: url("../../top/img/img_housevision.svg");
  }
  .rn16MujiLink--minna {
    width: 145px;
  }
  .rn16MujiLink--minna a {
    background-image: url("../../top/img/img_minna.svg");
  }
  .rn16MujiLink--text {
    text-align: right;
  }
  .rn16MujiLink--text li {
    display: inline-block;
    margin-left: 6%;
    line-height: 22px;
    font-size: 14px;
  }
  .rn16MujiLink--text li:first-child {
    margin-left: 0;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16MujiLink {
    height: 62px;
  }
  .rn16MujiLink--img {
    display: inline-block;
  }
  .rn16MujiLink--img a {
    display: block;
    height: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .rn16MujiLink--housevision {
    width: 232px;
    margin-right: 60px;
  }
  .rn16MujiLink--housevision a {
    background-image: url("../../top/img/img_housevision.svg");
  }
  .rn16MujiLink--minna {
    width: 145px;
    margin: 0 30px;
  }
  .rn16MujiLink--minna a {
    background-image: url("../../top/img/img_minna.svg");
  }
  .rn16MujiLink--ur {
    position: relative;
    width: 140px;
   /* margin-right: 50px;*/
  }
  .rn16MujiLink--ur a {
    background-image: url("../../top/img/img_ur.svg");
  }
  .rn16MujiLink--infill {
    width: 86px;
  }
  .rn16MujiLink--infill a {
    background-image: url("../../top/img/img_infill.svg");
  }
  .rn16MujiLink--renovation {
    width: 130px;
  }
  .rn16MujiLink--renovation a {
    background-image: url("../../top/img/img_renovation.svg");
  }
  .rn16MujiLink--text {
    text-align: left;
  }
  .rn16MujiLink--text a {
    width: 239px;
    margin: 0 auto;
    display: block;
    padding: 14px 0;
  }
}

@media only screen and (max-width: 749px) {
  .rn16MujiLink--img a {
    display: block;
    height: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .rn16MujiLink--housevision {
    height: 40px;
    margin-bottom: 13px;
  }
  .rn16MujiLink--housevision a {
    background-image: url("../../top/img/img_housevision.svg");
  }
  .rn16MujiLink--minna {
    float: left;
    position: relative;
    width: 100px;
    height: 50px;

  }
  .rn16MujiLink--minna a {
    background-image: url("../../top/img/img_minna.svg");
  }
  .rn16MujiLink--ur {
    float: right;
    position: relative;
    width: 100px;
    height: 50px;
    padding-left: 20px;
  }
  .rn16MujiLink--ur a {
    background-image: url("../../top/img/img_ur.svg");
  }
  .rn16MujiLink--ur:before {
    display: block;
    content: '';
    background: #e5e5e5;
    width: 1px;
    height: 26px;
    position: absolute;
    top: 12px;
    left: 0;
  }
  .rn16MujiLink--infill {
    float: left;
    width: 70px;
    height: 50px;
  }
  .rn16MujiLink--infill a {
    background-image: url("../../top/img/img_infill.svg");
  }
  .rn16MujiLink--renovation {
    width: 235px;
    height: 50px;
  }
  .rn16MujiLink--renovation a {
    background-image: url("../../top/img/img_renovation_yoko.svg");
  }
  .rn16MujiLink--text {
    clear: left;
    text-align: left;
    padding-top: 60px;
  }
  .rn16MujiLink--text li {
    margin-top: 1px;
    background: #fbfbfb;
  }
  .rn16MujiLink--text li:first-child {
    margin-top: 0;
  }
  .rn16MujiLink--text a {
    position: relative;
    width: 239px;
    margin: 0 auto;
    display: block;
    padding: 14px 0;
  }
  .rn16MujiLink--text a:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #191919;
    opacity: .2;
    font-size: 12px;
  }
}

.rn16DetailContentNavBlock {
  position: relative;
  background: #fff;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailContentNavBlock {
    height: 56px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailContentNavBlock {
    height: 56px;
  }
}

.rn16DetailContentNav {
  position: absolute;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background: rgba(255, 255, 255, 0.95);
  top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  z-index: 100;
}

.rn16DetailContentNav.fixed {
  position: fixed !important;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailContentNav {
    height: 56px;
    padding: 0;
  }
}

.rn16DetailContentNav__inner {
  display: table;
  table-layout: fixed;
  width: 90%;
  max-width: 1024px;
  margin: 0 5%;
  height: 100%;
}

@media only screen and (min-width: 1024px) {
  .rn16DetailContentNav__inner {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailContentNav__inner {
    width: 100%;
    margin: 0;
  }
}

.rn16DetailContentNav__title {
  width: 65px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailContentNav__title {
    display: table-cell;
    height: 56px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailContentNav__title {
    margin: 0 5%;
    height: 56px;
  }
}

.rn16DetailContentNav__title a {
  display: block;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailContentNav__menu {
    display: table-cell;
    overflow: hidden;
    vertical-align: middle;
    text-align: right;
    font-size: 0;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailContentNav__menu {
    display: none;
  }
}

.rn16DetailContentNav.open {
  z-index: 10000;
}

@media only screen and (max-width: 1060px) {
  .rn16DetailContentNav.open .rn16DetailContentNav__menu {
    display: block;
  }
}

.rn16DetailContentNav__toggle {
  display: block;
  position: absolute;
  width: 90%;
  padding: 0 5%;
  height: 56px;
  top: 0;
  left: 0;
  cursor: pointer;
  text-align: right;
}

.rn16DetailContentNav__toggle:before {
  display: inline-block;
  line-height: 56px;
  font-size: 12px;
  color: #000;
  content: '';
}

@media only screen and (min-width: 1061px) {
  .rn16DetailContentNav__toggle {
    display: none;
  }
}

.rn16DetailContentNav__trigger {
  display: none;
}

@media only screen and (max-width: 1060px) {
  .rn16DetailContentNav__trigger:checked + .rn16DetailContentNav__menu {
    display: block;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16DetailContentNav__list {
    width: 100%;
    display: inline-block;
    overflow: hidden;
  }
}

.rn16DetailContentNav__item.current {
  opacity: .5;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailContentNav__item {
    display: inline-block;
    margin-left: 3.7%;
    vertical-align: middle;
    height: 55px;
  }
  .rn16DetailContentNav__item:first-child {
    margin-left: 0;
  }
  .rn16DetailContentNav__item a {
    line-height: 55px;
    font-size: 12px;
    white-space: nowrap;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailContentNav__item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .rn16DetailContentNav__item a {
    display: block;
    padding: 0 5%;
    line-height: 55px;
    font-size: 14px;
  }
}

.rn16DetailContent {
  position: relative;
}

.rn16DetailContent__header {
  position: relative;
  padding: 0;
  padding-top: 62.5%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}

@media only screen and (max-width: 749px) {
  .rn16DetailContent__header {
    padding-top: 151.46%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailContent--kinoie .rn16DetailContent__header {
    padding-top: 151.46%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailContent--madonoie .rn16DetailContent__header {
    padding-top: 149.33%;
  }
}

.rn16DetailContent--tatenoie .rn16DetailContent__header {
  padding-top: 86.3%;
}

@media only screen and (max-width: 749px) {
  .rn16DetailContent--tatenoie .rn16DetailContent__header {
    padding-top: 151.46%;
  }
}

.rn16DetailContent__image {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rn16DetailContent__title {
  z-index: 20;
  position: absolute;
  width: 100%;
  min-height: 240px;
  overflow: hidden;
  box-sizing: border-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 750px) {
  .rn16DetailContent__title {
    top: 24.1%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailContent__title {
    top: 35%;
  }
}

.rn16DetailContent__scroll {
  z-index: 18;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  min-height: 50%;
  max-height: 100%;
  text-align: center;
}

.rn16DetailContent__scroll span {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  padding-bottom: 27px;
}

.rn16DetailContent__scroll span:before {
  content: '';
}

.rn16DetailContent--tatenoie .rn16DetailContent__scroll {
  min-height: 75%;
}

.rn16DetailContent__body {
  position: relative;
}

@media only screen and (min-width: 750px) {
  .rn16DetailContent__title {
    padding-top: 20%;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailContent__title {
    padding-top: 20%;
  }
}

.rn16DetailGalleryBlock {
  background: #fff;
}

.rn16DetailGalleryBlock__body {
  margin: 0 auto;
}

@media only screen and (min-width: 750px) {
  .rn16DetailGalleryBlock {
    padding: 100px 60px 200px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailGalleryBlock {
    padding: 15px 30px 50px;
  }
}

.rn16DetailGallery {
  margin: 0 -20px;
}

.rn16DetailGallery__title {
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
}

.rn16DetailGallery__gooddesign {
  margin-top: 30px;
  display: inline-block;
}

.rn16DetailGallery__gooddesign:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  height: 30px;
  margin-right: 28px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 1060px) {
  .rn16DetailGallery__gooddesign:before {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailGallery__gooddesign > span {
    display: block;
  }
}

.rn16DetailGallery__gooddesign > span span {
  display: inline-block;
  margin-left: 16px;
}

.rn16DetailGallery__gooddesign > span span:first-child {
  margin-left: 0;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailGallery__gooddesign > span span {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailGallery__gooddesign > span span {
    font-size: 10px;
    margin-left: 5px;
  }
}

.rn16DetailGallery__row {
  display: table;
  border-spacing: 20px 0;
  margin: 50px auto 0;
  width: 100%;
  table-layout: fixed;
  max-width: 1064px;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailGallery__row {
    max-width: 784px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailGallery__row {
    margin-top: 15px !important;
    border-spacing: 15px 0 !important;
  }
}

.rn16DetailGallery__row--l100, .rn16DetailGallery__row--l70, .rn16DetailGallery__row--l50, .rn16DetailGallery__row--l50low, .rn16DetailGallery__row--l50movie, .rn16DetailGallery__row--l30 {
  max-width: 1240px !important;
}

.rn16DetailGallery__cell {
  display: table-cell;
  position: relative;
  overflow: hidden;
}

.rn16DetailGallery__cell iframe {
  position: absolute;
  left: -8px;
  width: -webkit-calc(100% + 16px);
  width: calc(100% + 16px);
}

.rn16DetailGallery__row--text .rn16DetailGallery__cell {
  padding-top: 50px;
  padding-bottom: 43px;
}

@media only screen and (max-width: 749px) {
  .rn16DetailGallery__row--text .rn16DetailGallery__cell {
    padding-top: 35px;
    padding-bottom: 25px;
  }
}

.rn16DetailGallery__row--concept .rn16DetailGallery__cell {
  padding-bottom: 123px;
}

@media only screen and (max-width: 749px) {
  .rn16DetailGallery__row--concept .rn16DetailGallery__cell {
    padding-bottom: 25px;
  }
}

.rn16DetailGallery__row--l50movie .rn16DetailGallery__cell {
  width: 50%;
  padding-top: 26.8%;
}

.rn16DetailGallery__row--l100 .rn16DetailGallery__cell:before {
  content: '';
  display: block;
  padding-top: 50%;
}

.rn16DetailGallery__row--l100high .rn16DetailGallery__cell:before {
  content: '';
  display: block;
  padding-top: 58.33%;
}

.rn16DetailGallery__row--l50 .rn16DetailGallery__cell {
  width: 50%;
}

.rn16DetailGallery__row--l50 .rn16DetailGallery__cell:before {
  content: '';
  display: block;
  padding-top: 50%;
}

.rn16DetailGallery__row--l50low .rn16DetailGallery__cell {
  width: 50%;
}

.rn16DetailGallery__row--l50low .rn16DetailGallery__cell:before {
  content: '';
  display: block;
  padding-top: 61.01%;
}

.rn16DetailGallery__row--l30 .rn16DetailGallery__cell:before {
  content: '';
  display: block;
  padding-top: 71.42%;
}

.rn16DetailGallery__row--l30 .rn16DetailGallery__cell:first-child {
  width: 28.83333%;
}

.rn16DetailGallery__row--l30 .rn16DetailGallery__cell:first-child:before {
  content: '';
  display: block;
  padding-top: 176.47%;
}

.rn16DetailGallery__row--l70 .rn16DetailGallery__cell:before {
  content: '';
  display: block;
  padding-top: 176.47%;
}

.rn16DetailGallery__row--l70 .rn16DetailGallery__cell:first-child {
  width: 71.16667%;
}

.rn16DetailGallery__row--l70 .rn16DetailGallery__cell:first-child:before {
  content: '';
  display: block;
  padding-top: 71.42%;
}

.rn16DetailGallery__visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rn16DetailGallery__visual iframe {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 750px) {
  .rn16DetailGallery__title {
    height: 24px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailGallery__title {
    height: 22px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailGallery__text {
    margin-top: 44px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailGallery__title {
    height: 18px;
  }
  .rn16DetailGallery__text {
    margin-top: 22px;
  }
  .rn16DetailGallery__text p {
    margin-top: 10px;
  }
  .rn16DetailGallery__text p:first-child {
    margin-top: 0;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailLinks {
    display: table;
    width: 100%;
  }
}

.rn16DetailLink {
  position: relative;
  overflow: hidden;
}

.rn16DetailLink span {
  position: relative;
  z-index: 3;
  margin: 0 auto;
  display: block;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.rn16DetailLink:before {
  content: '';
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.rn16DetailLink:after {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}

.rn16DetailLink:hover:before {
  opacity: .15;
}

.rn16DetailLink:hover:after {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

@media only screen and (min-width: 750px) {
  .rn16DetailLink {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
  .rn16DetailLink span {
    padding-top: 51.2%;
  }
  .rn16DetailLink--kouzou span {
    width: 210px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailLink--kouzou span {
    width: 170px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailLink--shiyou span {
    width: 274px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailLink--shiyou span {
    width: 223px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailLink {
    display: block;
  }
  .rn16DetailLink span {
    padding-top: 22.3%;
    padding-bottom: 22.3%;
  }
  .rn16DetailLink--kouzou span {
    width: 124px;
    height: 18px;
  }
  .rn16DetailLink--shiyou span {
    width: 162.5px;
    height: 18.5px;
  }
}

.rn16DetailCasesBlock {
  position: relative;
  box-sizing: border-box;
}

@media only screen and (min-width: 750px) {
  .rn16DetailCasesBlock {
    padding: 0 60px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailCasesBlock {
    padding: 0 0 0 60px !important;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailCasesBlock__area {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 60px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailCasesBlock__area {
    padding: 0 !important;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailCasesBlock__area__main {
    width: 44%;
  }
  .rn16DetailCasesBlock__area__visual {
    position: absolute;
    top: 0;
    right: 0;
    width: 56%;
    height: 100%;
  }
  .rn16DetailCasesBlock__area__visual.rotatable {
    cursor: pointer;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailCasesBlock {
    padding: 106px 30px 98px;
    background: #fff;
  }
}

.rn16DetailImage {
  position: fixed;
  background: #fff;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 1;
  padding: 0 60px;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailImage {
    padding: 0 0 0 60px !important;
  }
}

.rn16DetailImage__wrapper {
  display: table;
  width: 100%;
  height: 100%;
  margin: 56px auto 0;
  max-width: 1440px;
}

.rn16DetailImage__wrapper:before {
  content: '';
  display: table-cell;
  width: 44%;
}

.rn16DetailImage__inner {
  display: table-cell;
  width: 56%;
  padding-bottom: 13.5%;
  vertical-align: middle;
}

.rn16DetailImage__box {
  width: 97.2%;
  padding-top: 75%;
  position: relative;
  background-size: contain;
}

.rn16DetailImage__text {
  opacity: 0;
  position: absolute;
  bottom: -10px;
  width: 100%;
  text-align: center;
}

.rn16DetailImage__text span, .rn16DetailImage__text:before {
  display: inline-block;
  height: 21px;
  line-height: 21px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailImage__text span, .rn16DetailImage__text:before {
    font-size: 12px;
  }
}

.rn16DetailImage__text:before {
  content: '';
  background: url(../img/icon_360.png) center center no-repeat;
  background-size: contain;
  width: 37px;
  margin-right: 14px;
}

.rn16DetailImage__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 750px) {
  .rn16DetailCaseHeader,
  .rn16DetailCaseText,
  .rn16DetailCase {
    height: 100vh;
    box-sizing: border-box;
    display: table;
    width: 74.4%;
    margin: 0 0 0 auto;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailCaseHeader,
  .rn16DetailCaseText,
  .rn16DetailCase {
    width: 100% !important;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailCaseHeader__inner,
  .rn16DetailCaseText__inner,
  .rn16DetailCase__inner {
    padding: 56px 0 0;
    display: table-cell;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailCaseHeader__inner,
  .rn16DetailCaseText__inner,
  .rn16DetailCase__inner {
    padding-right: 20px;
  }
}

.rn16DetailCaseHeader__title {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../shared/img/ttl_plan_variation.svg");
}

.rn16DetailCaseHeader__body {
  position: relative;
}

@media only screen and (min-width: 750px) {
  .rn16DetailCaseHeader {
    padding-top: 10px;
  }
  .rn16DetailCaseHeader__title {
    width: 235px;
    height: 24px;
  }
  .rn16DetailCaseHeader__body {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailCaseHeader__title {
    height: 18px;
  }
  .rn16DetailCaseHeader__body {
    margin-top: 15px;
  }
}

.rn16DetailCaseText__title {
  display: block;
  font-weight: bold;
}

.rn16DetailCaseText__body {
  position: relative;
}

@media only screen and (min-width: 750px) {
  .rn16DetailCaseText {
    padding-top: 10px;
  }
  .rn16DetailCaseText__body {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailCaseText__body {
    margin-top: 15px;
  }
}

.rn16DetailCase__title span {
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}

.rn16DetailCase__title--case1 span {
  background-image: url("../../shared/img/ttl_plan_variation_case_1.svg");
}

.rn16DetailCase__title--case2 span {
  background-image: url("../../shared/img/ttl_plan_variation_case_2.svg");
}

.rn16DetailCase__title small {
  margin-top: 16px;
  display: block;
  font-weight: bold;
}

@media only screen and (min-width: 750px) {
  .rn16DetailCase__body {
    margin-top: 40px;
  }
  .rn16DetailCase__title span {
    width: 76px;
    height: 19px;
  }
  .rn16DetailCase__title small {
    margin-top: 16px;
  }
  .rn16DetailCase__footer {
    width: 100% !important;
    margin-top: 51px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .rn16DetailCase__footer a {
    display: inline-block;
    margin-top: 12px;
  }
  .rn16DetailCase__footer a:after {
    margin-left: 15px;
    content: '';
    display: inline;
    font-size: 7px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailCase {
    margin-top: 63px;
  }
  .rn16DetailCase:first-child {
    margin-top: 0;
  }
  .rn16DetailCase__image {
    position: relative;
    margin: 0 auto 50px;
    padding-top: 75%;
  }
  .rn16DetailCase__image:before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .rn16DetailCase__title span {
    width: 63.5px;
    height: 15.5px;
  }
  .rn16DetailCase__title small {
    margin-top: 18px;
  }
  .rn16DetailCase__description {
    margin-top: 10px;
  }
  .rn16DetailCase__footer {
    display: none;
  }
}

.rn16DetailCaseBase__title {
  font-weight: normal;
}

.rn16DetailCaseBase__info {
  overflow: hidden;
}

.rn16DetailCaseBase__ken, .rn16DetailCaseBase__m {
  float: left;
  white-space: nowrap;
  vertical-align: bottom;
}

.rn16DetailCaseBase__ken span, .rn16DetailCaseBase__ken small, .rn16DetailCaseBase__m span, .rn16DetailCaseBase__m small {
  display: inline-block;
  vertical-align: baseline;
}

.rn16DetailCaseBase__ken span.x, .rn16DetailCaseBase__m span.x {
  position: relative;
  display: none;
}

.rn16DetailCaseBase__ken span.x + span:before, .rn16DetailCaseBase__m span.x + span:before {
  content: '';
  display: inline-block;
}

.rn16DetailCaseBase__ken small span.x + span:before, .rn16DetailCaseBase__m small span.x + span:before {
  content: '';
  display: inline-block;
}

.rn16DetailCaseBase__ken {
  font-weight: bold;
}

.rn16DetailCaseBase__m:before, .rn16DetailCaseBase__m:after {
  display: inline-block;
}

.rn16DetailCaseBase__m:before {
  content: '(';
}

.rn16DetailCaseBase__m:after {
  content: ')';
}

@media only screen and (min-width: 750px) {
  .rn16DetailCaseBase {
    margin-top: 24px;
  }
  .rn16DetailCaseBase__title {
    line-height: 20px;
    font-size: 12px;
  }
  .rn16DetailCaseBase__ken, .rn16DetailCaseBase__m {
    line-height: 26px;
    font-size: 26px;
  }
  .rn16DetailCaseBase__ken {
    margin-right: 8px;
  }
  .rn16DetailCaseBase__ken small {
    line-height: 26px;
    font-size: 18px;
  }
  .rn16DetailCaseBase__ken span.x + span:before {
    margin: 0 10px;
    line-height: 26px !important;
    font-size: 15px !important;
  }
  .rn16DetailCaseBase__m small, .rn16DetailCaseBase__m:before, .rn16DetailCaseBase__m:after, .rn16DetailCaseBase__m span {
    font-size: 16px;
    line-height: 26px;
  }
  .rn16DetailCaseBase__m span.x + span:before {
    margin: 0 8px;
    line-height: 26px !important;
    font-size: 10px !important;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailCaseBase {
    margin-top: 23px;
  }
  .rn16DetailCaseBase__title {
    line-height: 15px;
    font-size: 9px;
  }
  .rn16DetailCaseBase__ken, .rn16DetailCaseBase__m {
    line-height: 21px;
    font-size: 21px;
  }
  .rn16DetailCaseBase__ken {
    margin-right: 8px;
  }
  .rn16DetailCaseBase__ken small {
    line-height: 21px;
    font-size: 14px;
  }
  .rn16DetailCaseBase__ken span.x + span:before {
    margin: 0 8px;
    line-height: 21px !important;
    font-size: 11px !important;
  }
  .rn16DetailCaseBase__m small, .rn16DetailCaseBase__m:before, .rn16DetailCaseBase__m:after, .rn16DetailCaseBase__m span {
    line-height: 21px;
    font-size: 14px;
  }
  .rn16DetailCaseBase__m span.x + span:before {
    margin: 0 6px;
    line-height: 21px !important;
    font-size: 9px !important;
  }
}

.rn16DetailCasePrice__title {
  font-weight: normal;
}

.rn16DetailCasePrice__info p {
  font-weight: bold;
}

.rn16DetailCasePrice__info p span, .rn16DetailCasePrice__info p small {
  display: inline-block;
  white-space: nowrap;
}

.rn16DetailCasePrice__info p span.number {
  padding-right: 0;
}

.rn16DetailCasePrice__info p small {
  font-weight: normal;
}

.rn16DetailCasePrice__info p small:before, .rn16DetailCasePrice__info p small:after {
  display: inline;
}

.rn16DetailCasePrice__info p small:before {
  content: '(';
}

.rn16DetailCasePrice__info p small:after {
  content: ')';
}

/**/
.rn16DetailCaseFloor__title {
  font-weight: normal;
}

.rn16DetailCaseFloor__info p {
  font-weight: bold;
}

.rn16DetailCaseFloor__info p span, .rn16DetailCaseFloor__info p small {
  display: inline-block;
  white-space: nowrap;
}

.rn16DetailCaseFloor__info p span.number {
  padding-right: 0;
}

.rn16DetailCaseFloor__info p small {
  font-weight: normal;
}

.rn16DetailCaseFloor__info p small:before, .rn16DetailCaseFloor__info p small:after {
  display: inline;
}

.rn16DetailCaseFloor__info p small:before {
  content: '(';
}

.rn16DetailCaseFloor__info p small:after {
  content: ')';
}

@media only screen and (min-width: 750px) {
  .rn16DetailCasePrice {
    margin-top: 13px;
  }
  .rn16DetailCasePrice__title {
    line-height: 20px;
    font-size: 12px;
  }
  .rn16DetailCasePrice__info p {
    line-height: 30px;
    font-size: 18px;
  }
  .rn16DetailCasePrice__info p span, .rn16DetailCasePrice__info p small {
    padding-right: 10px;
  }
  .rn16DetailCasePrice__info p span.number {
    font-size: 22px;
  }
  .rn16DetailCasePrice__info p small {
    font-size: 16px;
  }
  /**/
    .rn16DetailCaseFloor {
    margin-top: 13px;
  }
  .rn16DetailCaseFloor__title {
    line-height: 20px;
    font-size: 12px;
  }
  .rn16DetailCaseFloor__info p {
    line-height: 30px;
    font-size: 18px;
  }
  .rn16DetailCaseFloor__info p span, .rn16DetailCaseFloor__info p small {
    padding-right: 10px;
  }
  .rn16DetailCaseFloor__info p span.number {
    font-size: 22px;
  }
  .rn16DetailCaseFloor__info p small {
    font-size: 16px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailCasePrice {
    margin-top: 13px;
  }
  .rn16DetailCasePrice__title {
    line-height: 15px;
    font-size: 9px;
  }
  .rn16DetailCasePrice__info p {
    line-height: 21px;
    font-size: 14px;
  }
  .rn16DetailCasePrice__info p span, .rn16DetailCasePrice__info p small {
    padding-right: 10px;
  }
  .rn16DetailCasePrice__info p span.number {
    font-size: 21px;
  }
  .rn16DetailCasePrice__info p small {
    font-size: 14px;
  }
  
  /**/
  
    .rn16DetailCaseFloor {
    margin-top: 13px;
  }
  .rn16DetailCaseFloor__title {
    line-height: 15px;
    font-size: 9px;
  }
  .rn16DetailCaseFloor__info p {
    line-height: 21px;
    font-size: 14px;
  }
  .rn16DetailCaseFloor__info p span, .rn16DetailCaseFloor__info p small {
    padding-right: 10px;
  }
  .rn16DetailCaseFloor__info p span.number {
    font-size: 21px;
  }
  .rn16DetailCaseFloor__info p small {
    font-size: 14px;
  }
}

.rn16DetailSizeBlock {
  background: #fff;
  padding-bottom: 124px;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizeBlock {
    padding-bottom: 64px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizeBlock {
    padding-bottom: 10px;
  }
}

.rn16DetailSizeBlock__inner {
  background: -webkit-linear-gradient(top, #f8f8f8 0%, white 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, white 100%);
  padding: 90px 0 60px;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizeBlock__inner {
    padding: 40px 0 76px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizeBlock__inner {
    background: -webkit-linear-gradient(top, #f8f8f8 0%, white 58.4%);
    background: linear-gradient(to bottom, #f8f8f8 0%, white 58.4%);
    padding: 31px 0 0;
  }
}

.rn16DetailSizeDoc__description {
  padding-top: 15px;
}

.rn16DetailSizeDoc__description a:after {
  content: '';
  display: inline;
}

.rn16DetailSizeDoc__title {
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../../shared/img/ttl_plan_size.svg");
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeDoc {
    padding: 0 120px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizeDoc {
    padding: 0 60px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeDoc__header {
    margin: 0 auto;
    max-width: 1024px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizeDoc__header {
    max-width: 744px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeDoc__description {
    padding-top: 35px;
    margin: 0 auto;
    max-width: 1024px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizeDoc__description {
    max-width: 744px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeDoc__description p {
    text-align: center;
  }
  .rn16DetailSizeDoc__description a {
    font-weight: bold;
  }
  .rn16DetailSizeDoc__description a:after {
    margin-left: 1px;
    font-size: 6px;
    opacity: .8;
  }
  .rn16DetailSizeDoc__title {
    width: 119px;
    height: 23px;
    margin: 0 auto;
    background-position: center top;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizeDoc {
    padding: 0 30px;
  }
  .rn16DetailSizeDoc__title {
    width: 119px;
    height: 18px;
    margin: 0 auto 0 0;
    background-position: left top;
  }
  .rn16DetailSizeDoc__description {
    padding-top: 32px;
  }
  .rn16DetailSizeDoc__description__button {
    text-align: center;
    margin-top: 19px;
  }
  .rn16DetailSizeDoc__description a {
    position: relative;
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 0;
    text-decoration: none;
    color: #191919;
    padding: 13px 71px 12px 37px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .rn16DetailSizeDoc__description a:after {
    position: absolute;
    display: block;
    content: '';
    color: #191919;
    margin: auto 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
}

@media only screen and (max-width: 749px) and (min-width: 750px) {
  .rn16DetailSizeDoc__description a:after {
    right: 37px;
    padding: 0;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 749px) and (max-width: 749px) {
  .rn16DetailSizeDoc__description a:after {
    right: 27px;
    padding: 14px 0;
    line-height: 14px;
    height: 14px;
    font-size: 5px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizeDoc__description a:hover {
    opacity: 1;
    background-color: #000;
    border-color: #000;
    color: #fff;
  }
  .rn16DetailSizeDoc__description a:hover:after {
    color: #fff;
  }
  .rn16DetailSizeDoc__description a:after {
    font-size: 10px;
  }
}

.rn16DetailSize {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: -17px;
}

.rn16DetailSizePrint {
  box-sizing: border-box;
  margin: 0 auto;
}

.rn16DetailSizePrint__floor__name {
  display: block;
  width: 100%;
  height: 13px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.rn16DetailSizePrint__floor__knob {
  -webkit-transition: stroke-width 0.3s ease;
  transition: stroke-width 0.3s ease;
  -webkit-animation: knob 1s ease infinite alternate;
  animation: knob 1s ease infinite alternate;
  cursor: pointer;
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizePrint__floor__knob {
    -webkit-animation: knobSP 1s ease infinite alternate;
    animation: knobSP 1s ease infinite alternate;
  }
}

.rn16DetailSizePrint__floor__knob.active {
  -webkit-animation: none;
  animation: none;
  stroke-width: 10;
}

.rn16DetailSizePrint__floor__container {
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizePrint__floor__container {
    height: 400px;
  }
}

.rn16DetailSizePrint__floor--1f .rn16DetailSizePrint__floor__name {
  background-image: url("../../shared/img/ttl_plan_1f.svg");
}

.rn16DetailSizePrint__floor--2f .rn16DetailSizePrint__floor__name {
  background-image: url("../../shared/img/ttl_plan_2f.svg");
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizePrint {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 1024px;
    padding-top: 24px;
    padding-bottom: 27px;
  }
  .rn16DetailSizePrint__floor {
    display: table-cell;
  }
  .rn16DetailSizePrint__floor__name {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizePrint {
    padding-top: 25px;
  }
  .rn16DetailSizePrint__floor__name {
    margin-bottom: 18px;
  }
  .rn16DetailSizePrint__floor--2f {
    margin-top: 0;
  }
}

.rn16DetailSizeNav__inner {
  width: 100%;
  display: table;
  margin: 0 auto;
}

.rn16DetailSizeNav__body {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: auto;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rn16DetailSizeNav__button {
  display: table-cell;
  vertical-align: middle;
}

.rn16DetailSizeNav__button a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.rn16DetailSizeNav__button a:before {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  font-size: 24px;
}

.rn16DetailSizeNav__button a span {
  display: none;
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeNav {
    padding: 0 120px;
    display: table-row-group;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizeNav {
    padding: 0 60px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeNav__inner {
    min-height: 77px;
    max-width: 1024px;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizeNav__inner {
    max-width: 744px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeNav__button {
    width: 60px;
  }
  .rn16DetailSizeNav__button--prev a:before {
    content: '';
  }
  .rn16DetailSizeNav__button--next a:before {
    content: '';
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizeNav {
    display: table-header-group;
  }
  .rn16DetailSizeNav__inner {
    margin-top: 31.5px;
    margin-bottom: 5px;
  }
  .rn16DetailSizeNav__body {
    padding: 20px 0;
  }
  .rn16DetailSizeNav__button {
    width: 30px;
  }
  .rn16DetailSizeNav__button a:before {
    font-size: 22px;
  }
  .rn16DetailSizeNav__button--prev a:before {
    text-align: right;
    content: '';
  }
  .rn16DetailSizeNav__button--next a:before {
    text-align: left;
    content: '';
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeBase{
    display: block;
    vertical-align: baseline;
    padding: 0 15px;
    line-height: 30px;
  }
  .rn16DetailSizePrice {
    display: inline-block;
    vertical-align: baseline;
    padding: 0 15px;
    line-height: 30px;
  }
  .rn16DetailSizeFloor {
    display: inline-block;
    vertical-align: baseline;
    padding: 0 15px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizeBase,
  .rn16DetailSizePrice,
  .rn16DetailSizeFloor {
    display: block;
  }
}

.rn16DetailSizeBase__title, .rn16DetailSizeBase__info {
  line-height: 1;
  vertical-align: baseline;
}

.rn16DetailSizeBase__title {
  font-size: 12px;
  font-weight: normal;
}

.rn16DetailSizeBase__ken, .rn16DetailSizeBase__m {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  line-height: 1;
  font-size: 22px;
}

.rn16DetailSizeBase__ken span, .rn16DetailSizeBase__ken small, .rn16DetailSizeBase__m span, .rn16DetailSizeBase__m small {
  display: inline-block;
  vertical-align: bottom;
}

.rn16DetailSizeBase__ken span.x, .rn16DetailSizeBase__m span.x {
  position: relative;
  display: none;
}

.rn16DetailSizeBase__ken span.x + span:before, .rn16DetailSizeBase__m span.x + span:before {
  content: '';
  display: inline-block;
}

.rn16DetailSizeBase__ken small span.x + span:before, .rn16DetailSizeBase__m small span.x + span:before {
  content: '';
  display: inline-block;
}

.rn16DetailSizeBase__ken {
  font-weight: bold;
}

.rn16DetailSizeBase__ken small {
  font-size: 18px;
}

.rn16DetailSizeBase__ken span.x + span:before {
  margin: 0 10px;
  font-size: 14px !important;
}

.rn16DetailSizeBase__m:before, .rn16DetailSizeBase__m:after {
  display: inline-block;
}

.rn16DetailSizeBase__m:before {
  content: '(';
}

.rn16DetailSizeBase__m:after {
  content: ')';
}

.rn16DetailSizeBase__m small, .rn16DetailSizeBase__m:before, .rn16DetailSizeBase__m:after, .rn16DetailSizeBase__m span {
  font-size: 16px;
}

.rn16DetailSizeBase__m span.x + span:before {
  margin: 0 8px;
  font-size: 10px !important;
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizeBase__title, .rn16DetailSizeBase__info {
    display: inline-block;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizeBase__title, .rn16DetailSizeBase__info {
    display: block;
  }
}

.rn16DetailSizePrice__title, .rn16DetailSizeFloor__title {
  font-weight: normal;
}

.rn16DetailSizePrice__info p, .rn16DetailSizeFloor__info p {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  line-height: 1;
  font-size: 22px;
  font-weight: bold;
}

.rn16DetailSizePrice__info p span, .rn16DetailSizePrice__info p small, .rn16DetailSizeFloor__info p span, .rn16DetailSizeFloor__info p small {
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
}

.rn16DetailSizePrice__info p small, .rn16DetailSizeFloor__info p small {
  margin-left: 3px;
  font-size: 18px;
  font-weight: normal;
}

.rn16DetailSizePrice__info p small:before, .rn16DetailSizePrice__info p small:after, .rn16DetailSizeFloor__info p small:before, .rn16DetailSizeFloor__info p small:after {
  display: inline;
}

.rn16DetailSizePrice__info p small:before, .rn16DetailSizeFloor__info p small:before {
  content: '(';
}

.rn16DetailSizePrice__info p small:after, .rn16DetailSizeFloor__info p small:after {
  content: ')';
}

.rn16DetailSizePrice__info p > span {
  font-size: 18px;
}

.rn16DetailSizePrice__info p > span.number {
  font-size: 22px;
  padding-right: 0;
}
.rn16DetailSizeFloor__info p > span {
  font-size: 18px;
}

.rn16DetailSizeFloor__info p > span.number {
  font-size: 22px;
  padding-right: 0;
}


@media only screen and (min-width: 750px) {
  .rn16DetailSizePrice__title, .rn16DetailSizePrice__info {
    display: inline-block;
    line-height: 30px;
    vertical-align: bottom;
  }
  .rn16DetailSizePrice__title {
    font-size: 12px;
  }
  .rn16DetailSizePrice__info p {
    line-height: 30px;
    font-size: 18px;
  }
  .rn16DetailSizePrice__info p > span {
    padding-right: 10px;
  }
  .rn16DetailSizePrice__info p > span.number {
    font-size: 22px;
  }
  .rn16DetailSizePrice__info p small {
    font-size: 16px;
  }

  .rn16DetailSizeFloor__title, .rn16DetailSizeFloor__info {
    display: inline-block;
    line-height: 30px;
    vertical-align: bottom;
  }
  .rn16DetailSizeFloor__title {
    font-size: 12px;
  }
  .rn16DetailSizeFloor__info p {
    line-height: 30px;
    font-size: 18px;
  }
  .rn16DetailSizeFloor__info p > span {
    padding-right: 10px;
  }
  .rn16DetailSizeFloor__info p > span.number {
    font-size: 22px;
  }
  .rn16DetailSizeFloor__info p small {
    font-size: 16px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizePrice {
    margin-top: 25px;
  }
  .rn16DetailSizePrice__title, .rn16DetailSizePrice__info {
    display: block;
    line-height: 30px;
  }
  .rn16DetailSizePrice__title {
    line-height: 1;
    font-size: 12px;
  }
  .rn16DetailSizePrice__info p {
    line-height: 30px;
    font-size: 18px;
  }
  .rn16DetailSizePrice__info p > span {
    padding-right: 10px;
  }
  .rn16DetailSizePrice__info p > span.number {
    font-size: 22px;
  }
  .rn16DetailSizePrice__info p small {
    font-size: 16px;
  }
  
    .rn16DetailSizeFloor {
    margin-top: 25px;
  }
  .rn16DetailSizeFloor__title, .rn16DetailSizeFloor__info {
    display: block;
    line-height: 30px;
  }
  .rn16DetailSizeFloor__title {
    line-height: 1;
    font-size: 12px;
  }
  .rn16DetailSizeFloor__info p {
    line-height: 30px;
    font-size: 18px;
  }
  .rn16DetailSizeFloor__info p > span {
    padding-right: 10px;
  }
  .rn16DetailSizeFloor__info p > span.number {
    font-size: 22px;
  }
  .rn16DetailSizeFloor__info p small {
    font-size: 16px;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizePrints {
    padding: 0 120px;
    display: table-header-group;
  }
}

@media only screen and (min-width: 750px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailSizePrints {
    padding: 0 60px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizePrints {
    padding: 0 30px;
    display: table-row-group;
  }
}

@media only screen and (min-width: 750px) {
  .rn16DetailSizePrints__tutrial {
    display: none;
    position: absolute;
    width: 380px;
    height: 183px;
    margin-left: -88px;
    margin-top: -180px;
    background-image: url("../img/tutorial_img.png");
    background-size: cover;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailSizePrints__tutrial {
    width: 70% !important;
    padding-top: 15.66%;
    background-image: url("../img/mobile/tutorial_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    opacity: 1 !important;
    display: block !important;
    margin: 0 auto 70px auto;
    top: 0 !important;
    left: 0 !important;
  }
}

.rn16DetailModelBlock {
  background: #fff;
}

.rn16DetailModelBlock__header, .rn16DetailModelBlock__body {
  position: relative;
  margin: 0 auto;
}

.rn16DetailModelBlock__title {
  position: absolute;
  z-index: 2;
}

.rn16DetailModelBlock__title span {
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}

.rn16DetailModelBlock__title span:first-child {
  margin-bottom: 8px;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailModelBlock {
    padding: 0 120px 100px;
  }
  .rn16DetailModelBlock__header, .rn16DetailModelBlock__body {
    max-width: 1024px;
  }
  .rn16DetailModelBlock__title {
    left: 30px;
    top: 30px;
  }
  .rn16DetailModelBlock__title__near {
    height: 24px;
    width: 92px;
  }
  .rn16DetailModelBlock__title__type {
    height: 24px;
    width: 220px;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModelBlock {
    padding: 0 60px 100px;
  }
  .rn16DetailModelBlock__title {
    left: 30px;
    top: 30px;
  }
  .rn16DetailModelBlock__title__near {
    height: 24px;
    width: 92px;
  }
  .rn16DetailModelBlock__title__type {
    height: 24px;
    width: 220px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailModelBlock {
    padding: 0 0 100px;
  }
  .rn16DetailModelBlock__title {
    left: 30px;
    top: 30px;
  }
}

@media only screen and (max-width: 749px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModelBlock__title {
    left: 60px;
    top: 60px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailModelBlock__title__near {
    height: 24px;
    width: 92px;
  }
  .rn16DetailModelBlock__title__type {
    height: 24px;
    width: 220px;
  }
}

.rn16DetailModel__houses__title {
  margin-bottom: 10px;
  font-weight: bold;
}

.rn16DetailModel__houses ul {
  overflow: hidden;
  margin-bottom: -13px;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__houses ul {
    margin-bottom: -8px;
  }
}

.rn16DetailModel__houses li {
  float: left;
  margin: 0 10px 13px 0;
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__houses li {
    margin: 0 8px 8px 0;
  }
}

.rn16DetailModel__houses a {
  display: block;
  border: 1px solid rgba(68, 68, 67, 0.1);
  border-radius: 3px;
  color: #000;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.rn16DetailModel__houses a:hover {
  opacity: 1;
  background-color: #000;
  border-color: #000;
  color: #fff;
}

@media only screen and (min-width: 1061px) {
  .rn16DetailModel {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }
  .rn16DetailModel__pickup, .rn16DetailModel__houses {
    display: table-cell;
    vertical-align: top;
    height: 100%;
  }
  .rn16DetailModel__pickup {
    width: 57.8125%;
    padding-right: 55px;
    overflow: hidden;
  }
  .rn16DetailModel__pickup__inner {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 100%;
    min-height: 350px;
    overflow: hidden;
  }
  .rn16DetailModel__pickup__link, .rn16DetailModel__pickup__text {
    display: table-row;
  }
  .rn16DetailModel__pickup__link {
    overflow: hidden;
  }
  .rn16DetailModel__pickup__link__inner {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    min-height: 300px;
    position: relative;
  }
  .rn16DetailModel__pickup__title {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, white 3em, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to top, white 3em, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    padding: 0 30px 15px;
    font-weight: bold;
  }
  .rn16DetailModel__pickup__image {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  .rn16DetailModel__pickup__link:hover .rn16DetailModel__pickup__image {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
  }
  .rn16DetailModel__pickup__text {
    line-height: 22px;
    font-size: 14px;
    height: 3em;
  }
  .rn16DetailModel__pickup__text p {
    padding: 0 30px;
  }
  .rn16DetailModel__pickup__text span, .rn16DetailModel__pickup__text a {
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
  }
}

@media only screen and (min-width: 1061px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__pickup__text span, .rn16DetailModel__pickup__text a {
    display: block;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16DetailModel__pickup__title--tablet {
    display: none !important;
  }
  .rn16DetailModel__houses__title {
    display: none;
  }
  .rn16DetailModel__houses ul {
    margin-bottom: -13px;
  }
  .rn16DetailModel__houses li {
    margin: 0 10px 13px 0;
  }
}

@media only screen and (min-width: 1061px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__houses li {
    margin: 0 8px 8px 0;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16DetailModel__houses a {
    padding: 6px 19px;
    line-height: 30px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 1061px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__houses a {
    font-size: 13px;
    padding: 4px 12px;
  }
}

@media only screen and (min-width: 1061px) {
  .rn16DetailModel__select {
    display: none;
  }
}

@media only screen and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__pickup {
    position: relative;
    width: 100%;
  }
  .rn16DetailModel__pickup__inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .rn16DetailModel__pickup__link, .rn16DetailModel__pickup__text {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
  }
  .rn16DetailModel__pickup__link .rn16DetailModel__pickup__title {
    display: none;
  }
  .rn16DetailModel__pickup__image {
    z-index: 1;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
  }
  .rn16DetailModel__pickup__image:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
  }
  .rn16DetailModel__pickup__link:hover .rn16DetailModel__pickup__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .rn16DetailModel__pickup__title {
    position: relative;
    z-index: 2;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 50%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 50%, white 100%);
    padding: 0 0 15px;
    font-weight: bold;
  }
  .rn16DetailModel__pickup__text {
    padding: 30px 0 30px 30px;
  }
  .rn16DetailModel__pickup__text span, .rn16DetailModel__pickup__text a {
    display: block;
    margin-right: 1em;
    white-space: nowrap;
  }
  .rn16DetailModel__pickup__title--tablet {
    display: block;
    margin-bottom: 15px;
    font-weight: bold;
  }
}

@media only screen and (max-width: 749px) {
  .rn16DetailModel {
    overflow: hidden;
  }
  .rn16DetailModel__pickup {
    width: 100%;
  }
  .rn16DetailModel__pickup__link {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 271px;
  }
  .rn16DetailModel__pickup__link__inner {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    min-height: 300px;
    position: relative;
  }
  .rn16DetailModel__pickup__image {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    background-size: cover;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
  }
  .rn16DetailModel__pickup__link:hover .rn16DetailModel__pickup__image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .rn16DetailModel__pickup__title {
    width: 100%;
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    z-index: 2;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 50%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 50%, white 100%);
    padding: 60% 30px 15px;
    font-weight: bold;
  }
  .rn16DetailModel__pickup__text {
    padding: 0 30px;
  }
  .rn16DetailModel__pickup__text span, .rn16DetailModel__pickup__text a {
    display: block;
    margin-right: 1em;
    white-space: nowrap;
  }
  .rn16DetailModel__pickup__title--tablet {
    display: none !important;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailModel {
    overflow: hidden;
  }
  .rn16DetailModel__houses {
    margin-top: 30px;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__houses {
    padding: 0;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16DetailModel__houses ul {
    display: none;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailModel__houses li {
    margin: 0 10px 13px 0;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__houses li {
    margin: 0 8px 8px 0;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailModel__houses a {
    padding: 6px 19px;
    line-height: 30px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1060px) and (min-width: 750px) and (max-width: 1060px) {
  .rn16DetailModel__houses a {
    font-size: 13px;
    padding: 4px 12px;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailModel__select {
    display: none;
  }
}

@media only screen and (max-width: 1060px) and (max-width: 749px) {
  .rn16DetailModel__select {
    display: block;
  }
}

@media only screen and (max-width: 1060px) {
  .rn16DetailModel__select label {
    margin: 0 0 15px;
    display: block;
    font-weight: bold;
  }
}

@-webkit-keyframes knob {
  0% {
    stroke-width: 10;
  }
  100% {
    stroke-width: 20;
  }
}

@keyframes knob {
  0% {
    stroke-width: 10;
  }
  100% {
    stroke-width: 20;
  }
}

@-webkit-keyframes knobSP {
  0% {
    stroke-width: 20;
  }
  100% {
    stroke-width: 30;
  }
}

@keyframes knobSP {
  0% {
    stroke-width: 20;
  }
  100% {
    stroke-width: 30;
  }
}

.rn16DetailInfoBlock {
  background: #fff;
  padding: 200px 60px 158px;
}

@media only screen and (max-width: 749px) {
  .rn16DetailInfoBlock {
    padding: 33px 30px 73px;
  }
}

.rn16DetailInfoBlock__inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.rn16DetailInfoBlock__title {
  width: 282px;
  height: 24px;
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../../tatenoie/img/ttl_info.svg");
}

@media only screen and (max-width: 749px) {
  .rn16DetailInfoBlock__title {
    width: 131px;
    height: 46.5px;
    background-image: url("../../tatenoie/img/mobile/ttl_info.svg");
  }
}

.rn16DetailInfoBlock__body {
  margin-top: 42px;
}

@media only screen and (max-width: 749px) {
  .rn16DetailInfoBlock__body {
    margin-top: 32px;
  }
}

.rn16DetailInfoBlock__list {
  margin-top: 34px;
  border-bottom: 1px solid #d6d6d6;
}

@media only screen and (max-width: 749px) {
  .rn16DetailInfoBlock__list {
    margin-top: 35px;
  }
}

.rn16DetailInfoBlock__item {
  border-top: 1px solid #d6d6d6;
  font-weight: bold;
}

@media only screen and (max-width: 749px) {
  .rn16DetailInfoBlock__item {
    font-weight: normal;
  }
}

.rn16DetailInfoBlock__item a {
  display: block;
  position: relative;
  padding: 20px 40px 20px 0;
}

@media only screen and (max-width: 749px) {
  .rn16DetailInfoBlock__item a {
    padding: 13px 40px 13px 0;
  }
}

.rn16DetailInfoBlock__item a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 85%;
  color: rgba(51, 51, 51, 0.6);
  content: '';
}

@media only screen and (max-width: 749px) {
  .rn16DetailInfoBlock__item a:after {
    color: rgba(0, 0, 0, 0.15);
  }
}

.rn16Kinoie .rn16DetailContent__image {
  background-image: url("../../kinoie/img/bg_content.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailContent__image {
    background-image: url("../../kinoie/img/mobile/bg_content.jpg");
  }
}

.rn16Kinoie .rn16DetailContent__title {
  background-image: url("../../kinoie/img/ttl_header.svg");
}

.rn16Kinoie .rn16DetailContentNav--kinoie .rn16DetailContentNav__title {
  background-image: url("../../kinoie/img/ttl_nav.svg");
}

@media only screen and (min-width: 750px) {
  .rn16Kinoie .rn16DetailGallery__title--concept {
    background-image: url("../../kinoie/img/ttl_concept.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g1 {
    background-image: url("../../kinoie/img/ttl_gallery_1.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g2 {
    background-image: url("../../kinoie/img/ttl_gallery_2.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g3 {
    background-image: url("../../kinoie/img/ttl_gallery_3.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g4 {
    background-image: url("../../kinoie/img/ttl_gallery_4.svg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__title--concept {
    background-image: url("../../kinoie/img/mobile/ttl_concept.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g1 {
    background-image: url("../../kinoie/img/mobile/ttl_gallery_1.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g2 {
    background-image: url("../../kinoie/img/mobile/ttl_gallery_2.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g3 {
    background-image: url("../../kinoie/img/mobile/ttl_gallery_3.svg");
  }
  .rn16Kinoie .rn16DetailGallery__title--g4 {
    background-image: url("../../kinoie/img/mobile/ttl_gallery_4.svg");
  }
}

.rn16Kinoie .rn16DetailGallery__gooddesign:before {
  background-image: url("../../kinoie/img/img_gooddesign.png");
}

.rn16Kinoie .rn16DetailGallery__visual--p1, .rn16Kinoie .rn16DetailGallery__visual--v1 {
  background-image: url("../../kinoie/img/img_gallery_1.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v1:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p2, .rn16Kinoie .rn16DetailGallery__visual--v2 {
  background-image: url("../../kinoie/img/img_gallery_2.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v2:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p3, .rn16Kinoie .rn16DetailGallery__visual--v3 {
  background-image: url("../../kinoie/img/img_gallery_3.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v3:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p4, .rn16Kinoie .rn16DetailGallery__visual--v4 {
  background-image: url("../../kinoie/img/img_gallery_4.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v4:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p5, .rn16Kinoie .rn16DetailGallery__visual--v5 {
  background-image: url("../../kinoie/img/img_gallery_5.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v5:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p6, .rn16Kinoie .rn16DetailGallery__visual--v6 {
  background-image: url("../../kinoie/img/img_gallery_6.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v6:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p7, .rn16Kinoie .rn16DetailGallery__visual--v7 {
  background-image: url("../../kinoie/img/img_gallery_7.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v7:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p8, .rn16Kinoie .rn16DetailGallery__visual--v8 {
  background-image: url("../../kinoie/img/img_gallery_8.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v8:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p9, .rn16Kinoie .rn16DetailGallery__visual--v9 {
  background-image: url("../../kinoie/img/img_gallery_9.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v9:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p10, .rn16Kinoie .rn16DetailGallery__visual--v10 {
  background-image: url("../../kinoie/img/img_gallery_10.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v10:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p11, .rn16Kinoie .rn16DetailGallery__visual--v11 {
  background-image: url("../../kinoie/img/img_gallery_11.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v11:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p12, .rn16Kinoie .rn16DetailGallery__visual--v12 {
  background-image: url("../../kinoie/img/img_gallery_12.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v12:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p13, .rn16Kinoie .rn16DetailGallery__visual--v13 {
  background-image: url("../../kinoie/img/img_gallery_13.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v13:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p14, .rn16Kinoie .rn16DetailGallery__visual--v14 {
  background-image: url("../../kinoie/img/img_gallery_14.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v14:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p15, .rn16Kinoie .rn16DetailGallery__visual--v15 {
  background-image: url("../../kinoie/img/img_gallery_15.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v15:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p16, .rn16Kinoie .rn16DetailGallery__visual--v16 {
  background-image: url("../../kinoie/img/img_gallery_16.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v16:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Kinoie .rn16DetailGallery__visual--p17, .rn16Kinoie .rn16DetailGallery__visual--v17 {
  background-image: url("../../kinoie/img/img_gallery_17.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__visual--v17:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Kinoie .rn16DetailLink--kouzou span {
    background-image: url("../../kinoie/img/ttl_link_kouzou.svg");
  }
  .rn16Kinoie .rn16DetailLink--kouzou:after {
    background-image: url("../../kinoie/img/bg_link_kouzou.jpg");
  }
  .rn16Kinoie .rn16DetailLink--shiyou span {
    background-image: url("../../kinoie/img/ttl_link_shiyou.svg");
  }
  .rn16Kinoie .rn16DetailLink--shiyou:after {
    background-image: url("../../kinoie/img/bg_link_shiyou.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailLink--kouzou span {
    background-image: url("../../kinoie/img/ttl_link_kouzou.svg");
  }
  .rn16Kinoie .rn16DetailLink--kouzou:after {
    background-image: url("../../kinoie/img/bg_link_kouzou.jpg");
  }
  .rn16Kinoie .rn16DetailLink--shiyou span {
    background-image: url("../../kinoie/img/ttl_link_shiyou.svg");
  }
  .rn16Kinoie .rn16DetailLink--shiyou:after {
    background-image: url("../../kinoie/img/bg_link_shiyou.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailCase__image--case1:before {
    background-image: url("../../kinoie/img/mobile/img_3d_case1.gif");
  }
  .rn16Kinoie .rn16DetailCase__image--case2:before {
    background-image: url("../../kinoie/img/mobile/img_3d_case2.gif");
  }
}

.rn16Kinoie .rn16DetailModelBlock__title__near {
  background-image: url("../../kinoie/img/ttl_modelhouse_near.svg");
}

.rn16Kinoie .rn16DetailModelBlock__title__type {
  background-image: url("../../kinoie/img/ttl_modelhouse_type.svg");
}

.rn16Kinoie .rn16GlobalHeader {
  position: absolute;
  z-index: 1000;
}

@media only screen and (max-width: 749px) {
  .rn16Kinoie .rn16DetailGallery__title--concept, .rn16Kinoie .rn16DetailGallery__title--g1, .rn16Kinoie .rn16DetailGallery__title--g4 {
    height: 47px;
  }
}

.rn16Kinoie .rn16DetailGallery__gooddesign:before {
  width: 237px;
}

.rn16Madonoie .rn16DetailContent__image {
  background-image: url("../../madonoie/img/bg_content.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailContent__image {
    background-image: url("../../madonoie/img/mobile/bg_content.jpg");
  }
}

.rn16Madonoie .rn16DetailContent__title {
  background-image: url("../../madonoie/img/ttl_header.svg");
}

.rn16Madonoie .rn16DetailContentNav--madonoie .rn16DetailContentNav__title {
  background-image: url("../../madonoie/img/ttl_nav.svg");
}

@media only screen and (min-width: 750px) {
  .rn16Madonoie .rn16DetailGallery__title--concept {
    background-image: url("../../madonoie/img/ttl_concept.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g1 {
    background-image: url("../../madonoie/img/ttl_gallery_1.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g2 {
    background-image: url("../../madonoie/img/ttl_gallery_2.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g3 {
    background-image: url("../../madonoie/img/ttl_gallery_3.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g4 {
    background-image: url("../../madonoie/img/ttl_gallery_4.svg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__title--concept {
    background-image: url("../../madonoie/img/mobile/ttl_concept.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g1 {
    background-image: url("../../madonoie/img/mobile/ttl_gallery_1.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g2 {
    background-image: url("../../madonoie/img/mobile/ttl_gallery_2.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g3 {
    background-image: url("../../madonoie/img/mobile/ttl_gallery_3.svg");
  }
  .rn16Madonoie .rn16DetailGallery__title--g4 {
    background-image: url("../../madonoie/img/mobile/ttl_gallery_4.svg");
  }
}

.rn16Madonoie .rn16DetailGallery__gooddesign:before {
  background-image: url("../../madonoie/img/img_gooddesign.png");
}

.rn16Madonoie .rn16DetailGallery__visual--p1, .rn16Madonoie .rn16DetailGallery__visual--v1 {
  background-image: url("../../madonoie/img/img_gallery_1.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v1:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p2, .rn16Madonoie .rn16DetailGallery__visual--v2 {
  background-image: url("../../madonoie/img/img_gallery_2.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v2:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p3, .rn16Madonoie .rn16DetailGallery__visual--v3 {
  background-image: url("../../madonoie/img/img_gallery_3.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v3:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p4, .rn16Madonoie .rn16DetailGallery__visual--v4 {
  background-image: url("../../madonoie/img/img_gallery_4.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v4:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p5, .rn16Madonoie .rn16DetailGallery__visual--v5 {
  background-image: url("../../madonoie/img/img_gallery_5.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v5:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p6, .rn16Madonoie .rn16DetailGallery__visual--v6 {
  background-image: url("../../madonoie/img/img_gallery_6.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v6:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p7, .rn16Madonoie .rn16DetailGallery__visual--v7 {
  background-image: url("../../madonoie/img/img_gallery_7.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v7:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p8, .rn16Madonoie .rn16DetailGallery__visual--v8 {
  background-image: url("../../madonoie/img/img_gallery_8.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v8:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p9, .rn16Madonoie .rn16DetailGallery__visual--v9 {
  background-image: url("../../madonoie/img/img_gallery_9.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v9:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p10, .rn16Madonoie .rn16DetailGallery__visual--v10 {
  background-image: url("../../madonoie/img/img_gallery_10.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v10:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p11, .rn16Madonoie .rn16DetailGallery__visual--v11 {
  background-image: url("../../madonoie/img/img_gallery_11.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v11:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p12, .rn16Madonoie .rn16DetailGallery__visual--v12 {
  background-image: url("../../madonoie/img/img_gallery_12.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v12:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p13, .rn16Madonoie .rn16DetailGallery__visual--v13 {
  background-image: url("../../madonoie/img/img_gallery_13.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v13:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p14, .rn16Madonoie .rn16DetailGallery__visual--v14 {
  background-image: url("../../madonoie/img/img_gallery_14.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v14:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p15, .rn16Madonoie .rn16DetailGallery__visual--v15 {
  background-image: url("../../madonoie/img/img_gallery_15.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v15:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p16, .rn16Madonoie .rn16DetailGallery__visual--v16 {
  background-image: url("../../madonoie/img/img_gallery_16.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v16:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Madonoie .rn16DetailGallery__visual--p17, .rn16Madonoie .rn16DetailGallery__visual--v17 {
  background-image: url("../../madonoie/img/img_gallery_17.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__visual--v17:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Madonoie .rn16DetailLink--kouzou span {
    background-image: url("../../madonoie/img/ttl_link_kouzou.svg");
  }
  .rn16Madonoie .rn16DetailLink--kouzou:after {
    background-image: url("../../madonoie/img/bg_link_kouzou.jpg");
  }
  .rn16Madonoie .rn16DetailLink--shiyou span {
    background-image: url("../../madonoie/img/ttl_link_shiyou.svg");
  }
  .rn16Madonoie .rn16DetailLink--shiyou:after {
    background-image: url("../../madonoie/img/bg_link_shiyou.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailLink--kouzou span {
    background-image: url("../../madonoie/img/ttl_link_kouzou.svg");
  }
  .rn16Madonoie .rn16DetailLink--kouzou:after {
    background-image: url("../../madonoie/img/bg_link_kouzou.jpg");
  }
  .rn16Madonoie .rn16DetailLink--shiyou span {
    background-image: url("../../madonoie/img/ttl_link_shiyou.svg");
  }
  .rn16Madonoie .rn16DetailLink--shiyou:after {
    background-image: url("../../madonoie/img/bg_link_shiyou.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailCase__image--case1:before {
    background-image: url("../../madonoie/img/mobile/img_3d_case1.gif");
  }
  .rn16Madonoie .rn16DetailCase__image--case2:before {
    background-image: url("../../madonoie/img/mobile/img_3d_case2.gif");
  }
}

.rn16Madonoie .rn16DetailModelBlock__title__near {
  background-image: url("../../madonoie/img/ttl_modelhouse_near.svg");
}

.rn16Madonoie .rn16DetailModelBlock__title__type {
  background-image: url("../../madonoie/img/ttl_modelhouse_type.svg");
}

.rn16Madonoie .rn16GlobalHeader {
  position: absolute;
  z-index: 1000;
}

@media only screen and (max-width: 749px) {
  .rn16Madonoie .rn16DetailGallery__title--concept, .rn16Madonoie .rn16DetailGallery__title--g2, .rn16Madonoie .rn16DetailGallery__title--g3, .rn16Madonoie .rn16DetailGallery__title--g4 {
    height: 47px;
  }
}

.rn16Madonoie .rn16DetailGallery__gooddesign:before {
  width: 143px;
}

.rn16Tatenoie .rn16DetailContent__image {
  background-image: url("../../tatenoie/img/bg_content.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailContent__image {
    background-image: url("../../tatenoie/img/mobile/bg_content.jpg");
  }
}

.rn16Tatenoie .rn16DetailContent__title {
  background-image: url("../../tatenoie/img/ttl_header.svg");
}

.rn16Tatenoie .rn16DetailContentNav--tatenoie .rn16DetailContentNav__title {
  background-image: url("../../tatenoie/img/ttl_nav.svg");
}

@media only screen and (min-width: 750px) {
  .rn16Tatenoie .rn16DetailGallery__title--concept {
    background-image: url("../../tatenoie/img/ttl_concept.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g1 {
    background-image: url("../../tatenoie/img/ttl_gallery_1.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g2 {
    background-image: url("../../tatenoie/img/ttl_gallery_2.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g3 {
    background-image: url("../../tatenoie/img/ttl_gallery_3.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g4 {
    background-image: url("../../tatenoie/img/ttl_gallery_4.svg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__title--concept {
    background-image: url("../../tatenoie/img/mobile/ttl_concept.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g1 {
    background-image: url("../../tatenoie/img/mobile/ttl_gallery_1.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g2 {
    background-image: url("../../tatenoie/img/mobile/ttl_gallery_2.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g3 {
    background-image: url("../../tatenoie/img/mobile/ttl_gallery_3.svg");
  }
  .rn16Tatenoie .rn16DetailGallery__title--g4 {
    background-image: url("../../tatenoie/img/mobile/ttl_gallery_4.svg");
  }
}

.rn16Tatenoie .rn16DetailGallery__gooddesign:before {
  background-image: url("../../tatenoie/img/img_gooddesign.png");
}

.rn16Tatenoie .rn16DetailGallery__visual--p1, .rn16Tatenoie .rn16DetailGallery__visual--v1 {
  background-image: url("../../tatenoie/img/img_gallery_1.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v1:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p2, .rn16Tatenoie .rn16DetailGallery__visual--v2 {
  background-image: url("../../tatenoie/img/img_gallery_2.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v2:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p3, .rn16Tatenoie .rn16DetailGallery__visual--v3 {
  background-image: url("../../tatenoie/img/img_gallery_3.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v3:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p4, .rn16Tatenoie .rn16DetailGallery__visual--v4 {
  background-image: url("../../tatenoie/img/img_gallery_4.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v4:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p5, .rn16Tatenoie .rn16DetailGallery__visual--v5 {
  background-image: url("../../tatenoie/img/img_gallery_5.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v5:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p6, .rn16Tatenoie .rn16DetailGallery__visual--v6 {
  background-image: url("../../tatenoie/img/img_gallery_6.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v6:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p7, .rn16Tatenoie .rn16DetailGallery__visual--v7 {
  background-image: url("../../tatenoie/img/img_gallery_7.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v7:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p8, .rn16Tatenoie .rn16DetailGallery__visual--v8 {
  background-image: url("../../tatenoie/img/img_gallery_8.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v8:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p9, .rn16Tatenoie .rn16DetailGallery__visual--v9 {
  background-image: url("../../tatenoie/img/img_gallery_9.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v9:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p10, .rn16Tatenoie .rn16DetailGallery__visual--v10 {
  background-image: url("../../tatenoie/img/img_gallery_10.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v10:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p11, .rn16Tatenoie .rn16DetailGallery__visual--v11 {
  background-image: url("../../tatenoie/img/img_gallery_11.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v11:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p12, .rn16Tatenoie .rn16DetailGallery__visual--v12 {
  background-image: url("../../tatenoie/img/img_gallery_12.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v12:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p13, .rn16Tatenoie .rn16DetailGallery__visual--v13 {
  background-image: url("../../tatenoie/img/img_gallery_13.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v13:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p14, .rn16Tatenoie .rn16DetailGallery__visual--v14 {
  background-image: url("../../tatenoie/img/img_gallery_14.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v14:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p15, .rn16Tatenoie .rn16DetailGallery__visual--v15 {
  background-image: url("../../tatenoie/img/img_gallery_15.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v15:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p16, .rn16Tatenoie .rn16DetailGallery__visual--v16 {
  background-image: url("../../tatenoie/img/img_gallery_16.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v16:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

.rn16Tatenoie .rn16DetailGallery__visual--p17, .rn16Tatenoie .rn16DetailGallery__visual--v17 {
  background-image: url("../../tatenoie/img/img_gallery_17.jpg");
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__visual--v17:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    color: #fff;
    font-size: 40px;
    text-align: center;
  }
}

@media only screen and (min-width: 750px) {
  .rn16Tatenoie .rn16DetailLink--kouzou span {
    background-image: url("../../tatenoie/img/ttl_link_kouzou.svg");
  }
  .rn16Tatenoie .rn16DetailLink--kouzou:after {
    background-image: url("../../tatenoie/img/bg_link_kouzou.jpg");
  }
  .rn16Tatenoie .rn16DetailLink--shiyou span {
    background-image: url("../../tatenoie/img/ttl_link_shiyou.svg");
  }
  .rn16Tatenoie .rn16DetailLink--shiyou:after {
    background-image: url("../../tatenoie/img/bg_link_shiyou.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailLink--kouzou span {
    background-image: url("../../tatenoie/img/ttl_link_kouzou.svg");
  }
  .rn16Tatenoie .rn16DetailLink--kouzou:after {
    background-image: url("../../tatenoie/img/bg_link_kouzou.jpg");
  }
  .rn16Tatenoie .rn16DetailLink--shiyou span {
    background-image: url("../../tatenoie/img/ttl_link_shiyou.svg");
  }
  .rn16Tatenoie .rn16DetailLink--shiyou:after {
    background-image: url("../../tatenoie/img/bg_link_shiyou.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailCase__image--case1:before {
    background-image: url("../../tatenoie/img/mobile/img_3d_case1.gif");
  }
  .rn16Tatenoie .rn16DetailCase__image--case2:before {
    background-image: url("../../tatenoie/img/mobile/img_3d_case2.gif");
  }
}

.rn16Tatenoie .rn16DetailModelBlock__title__near {
  background-image: url("../../tatenoie/img/ttl_modelhouse_near.svg");
}

.rn16Tatenoie .rn16DetailModelBlock__title__type {
  background-image: url("../../tatenoie/img/ttl_modelhouse_type.svg");
}

.rn16Tatenoie .rn16GlobalHeader {
  position: absolute;
  z-index: 1000;
}

@media only screen and (min-width: 750px) {
  .rn16Tatenoie .rn16DetailGallery__title--g1, .rn16Tatenoie .rn16DetailGallery__title--g2 {
    height: 66px;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__title--concept, .rn16Tatenoie .rn16DetailGallery__title--g2 {
    height: 47px;
  }
  .rn16Tatenoie .rn16DetailGallery__title--g1 {
    height: 76px;
  }
}

.rn16Tatenoie .rn16DetailGallery__gooddesign:before {
  width: 143px;
}

.rn16Tatenoie .rn16DetailGallery__row--g1 .rn16DetailGallery__cell:after {
  content: '';
  display: block;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 750px) {
  .rn16Tatenoie .rn16DetailGallery__row--g1 .rn16DetailGallery__cell:after {
    margin-top: 36px;
    margin-bottom: -30px;
    padding-top: 15.2%;
    background-image: url("../../tatenoie/img/img_gallery_text_1.jpg");
  }
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailGallery__row--g1 .rn16DetailGallery__cell:after {
    margin-top: 31px;
    padding-top: 85.1%;
    background-image: url("../../tatenoie/img/mobile/img_gallery_text_1.jpg");
  }
}

@media only screen and (min-width: 750px) {
  .rn16Tatenoie .rn16DetailCaseHeader__description p {
    display: none;
  }
}

.rn16Tatenoie .rn16DetailCaseHeader__description .rn16DetailCase__title {
  margin-top: 50px;
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailCaseHeader__description .rn16DetailCase__title {
    display: none;
  }
}

@media only screen and (max-width: 749px) {
  .rn16Tatenoie .rn16DetailCaseText {
    display: none;
  }
}




/*------------------------------------------------------------------------------
　systemInformation
-------------------------------------------------------------------------------*/
#systemInformation.bg_gray {
    display: block;
    width: 100%;
    background: #f7f7f7;
    /*margin-bottom: 40px;*/
}
#systemInformation .all_wrap {
    width: 90%;
    overflow: hidden;
    max-width: 1024px;
    margin: 0 auto;
}
#systemInformation section {
    width: 100%;
    padding: 0;
    /*margin: 0 auto 40px auto !important;*/
    margin: 0 auto 1em auto !important;
    line-height: 1.8;
    font-size: 14px;
}
#systemInformation h3 {
margin: 1em 0 0.5em 0;
    line-height: 1.8;
    font-size: 14px;
}
#systemInformation p {
    font-size: 12px;
}


/*------------------------------------------------------------------------------
　importantNotice
-------------------------------------------------------------------------------*/
#importantNotice.bg_gray {
    display: block;
    width: 100%;
    background: #f7f7f7;
}
#importantNotice .all_wrap {
    width: 90%;
    overflow: hidden;
    max-width: 1024px;
    margin: 0 auto;
}
#importantNotice section {
    width: 100%;
    padding: 0;
    margin: 0 auto 2em auto !important;
    line-height: 1.8;
    font-size: 14px;
}
#importantNotice h3 {
    margin: 2em 0 1em 0;
	line-height: 1.8;
    font-size: 16px;
}

#importantNotice dt {
	float: left;
}
#importantNotice dd {
	margin: 0 0 20px 0;
	overflow: hidden;
}
#importantNotice dt time {
	margin-right: 10px;
	font-weight: bold;
}

@media only screen and (max-width: 749px) {
	#importantNotice dt {
		float: none;
	}
}