@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
@font-face {
  font-family: "promaster";
  src: url("/promaster/special/assets/fonts/promaster.eot");
  src: url("/promaster/special/assets/fonts/promaster.eot?#iefix") format('embedded-opentype'), url("/promaster/special/assets/fonts/promaster.ttf") format('truetype'), url("/promaster/special/assets/fonts/promaster.woff") format('woff'), url("/promaster/special/assets/fonts/promaster.svg") format('svg');
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Neutral Medium 3";
  src: url("/promaster/special/assets/fonts/WF-032747-010624-001253.eot");
  src: url("/promaster/special/assets/fonts/WF-032747-010624-001253.eot?#iefix") format('embedded-opentype'), url("/promaster/special/assets/fonts/WF-032747-010624-001253.woff") format('woff'), url("/promaster/special/assets/fonts/WF-032747-010624-001253.ttf") format('truetype'), url("/promaster/special/assets/fonts/WF-032747-010624-001253.svg") format('svg');
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Neutral Bold 3";
  src: url("/promaster/special/assets/fonts/WF-032747-010624-001255.eot");
  src: url("/promaster/special/assets/fonts/WF-032747-010624-001255.eot?#iefix") format('embedded-opentype'), url("/promaster/special/assets/fonts/WF-032747-010624-001255.woff") format('woff'), url("/promaster/special/assets/fonts/WF-032747-010624-001255.ttf") format('truetype'), url("/promaster/special/assets/fonts/WF-032747-010624-001255.svg") format('svg');
  font-weight: normal;
  font-style: normal; }
/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_buttons.scss */
button, [type='button'], [type='reset'], [type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #1565c0;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-decoration: none;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  /* line 21, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_buttons.scss */
  button:hover, button:focus, [type='button']:hover, [type='button']:focus, [type='reset']:hover, [type='reset']:focus, [type='submit']:hover, [type='submit']:focus {
    background-color: #11519a;
    color: #fff; }
  /* line 27, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_buttons.scss */
  button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    /* line 31, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_buttons.scss */
    button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
      background-color: #1565c0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

/* line 8, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

/* line 14, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

/* line 20, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
input,
select,
textarea {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1em; }

/* line 28, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select[multiple] {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease;
  width: 100%; }
  /* line 40, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover,
  select[multiple]:hover {
    border-color: #b1b1b1; }
  /* line 44, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus,
  select[multiple]:focus {
    border-color: #1565c0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(18, 89, 169, 0.7);
    outline: none; }
  /* line 50, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
  [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    /* line 54, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
    [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #ddd; }
  /* line 59, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
  [type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
  select[multiple]::-webkit-input-placeholder {
    color: #999; }
  [type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder,
  select[multiple]::-moz-placeholder {
    color: #999; }
  [type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder,
  select[multiple]:-ms-input-placeholder {
    color: #999; }
  [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder,
  select[multiple]::placeholder {
    color: #999; }

/* line 64, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
textarea {
  resize: vertical; }

/* line 68, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* line 72, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

/* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
[type="file"] {
  margin-bottom: 0.75em;
  width: 100%; }

/* line 83, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_forms.scss */
select {
  margin-bottom: 0.75em;
  max-width: 100%;
  width: auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_layout.scss */
html {
  box-sizing: border-box; }

/* line 5, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_layout.scss */
*,
*::before,
*::after {
  box-sizing: inherit; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_lists.scss */
ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* line 8, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_lists.scss */
dl {
  margin: 0; }

/* line 12, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_lists.scss */
dt {
  font-weight: 600;
  margin: 0; }

/* line 17, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_lists.scss */
dd {
  margin: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_media.scss */
figure {
  margin: 0; }

/* line 5, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_media.scss */
img,
picture {
  margin: 0;
  max-width: 100%; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_tables.scss */
table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%; }

/* line 8, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_tables.scss */
th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.75em 0;
  text-align: left; }

/* line 15, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_tables.scss */
td {
  border-bottom: 1px solid #ddd;
  padding: 0.75em 0; }

/* line 20, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_tables.scss */
tr,
td,
th {
  vertical-align: middle; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_typography.scss */
body {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1em;
  line-height: 1.5; }

/* line 8, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

/* line 20, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_typography.scss */
p {
  margin: 0 0 0.75em; }

/* line 24, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_typography.scss */
a {
  color: #1565c0;
  text-decoration: none;
  transition: color 150ms ease; }
  /* line 29, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_typography.scss */
  a:active, a:focus, a:hover {
    color: #104c90; }

/* line 36, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/base/_typography.scss */
hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: opacity .2s ease-in-out,background-color .2s ease-in-out; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius: 16px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box; }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

/* line 1, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/libs/jquery.mCustomScrollbar.min.css */
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* line 33, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
* {
  margin: 0;
  padding: 0;
  line-height: 1; }

/* line 39, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
h1 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: normal; }

/* line 39, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
h2 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: normal; }

/* line 39, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
h3 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: normal; }

/* line 39, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
h4 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: normal; }

/* line 39, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
h5 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: normal; }

/* line 39, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
h6 {
  margin: 0;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  font-weight: normal; }

/* line 46, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
p {
  margin: 0;
  padding: 0; }

/* line 50, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
dl {
  margin: 0;
  padding: 0; }
  /* line 54, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
  dl dt, dl dd {
    margin: 0;
    padding: 0; }
  /* line 58, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
  dl dt {
    font-weight: normal; }

/* line 61, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
table {
  margin: 0; }
  /* line 64, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
  table th, table td {
    padding: 0;
    border: 0 none; }

/* line 68, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
img {
  max-width: none;
  vertical-align: bottom;
  line-height: 0;
  border: 0 none;
  pointer-events: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

/* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
input:focus {
  outline: 0 none; }

/* line 81, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
[type='color'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='email'],
[type='month'],
[type='number'],
[type='password'],
[type='search'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
input:not([type]),
textarea,
select,
label,
button {
  margin: 0;
  padding: 0; }

/* line 103, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
select::-ms-expand {
  display: none; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt0 {
  margin-top: 0 !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr0 {
  margin-right: 0 !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb0 {
  margin-bottom: 0 !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml0 {
  margin-left: 0 !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt0 {
  padding-top: 0 !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr0 {
  padding-right: 0 !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb0 {
  padding-bottom: 0 !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl0 {
  padding-left: 0 !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt5 {
  margin-top: 5px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr5 {
  margin-right: 5px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb5 {
  margin-bottom: 5px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml5 {
  margin-left: 5px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt5 {
  padding-top: 5px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr5 {
  padding-right: 5px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb5 {
  padding-bottom: 5px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl5 {
  padding-left: 5px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt10 {
  margin-top: 10px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr10 {
  margin-right: 10px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb10 {
  margin-bottom: 10px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml10 {
  margin-left: 10px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt10 {
  padding-top: 10px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr10 {
  padding-right: 10px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb10 {
  padding-bottom: 10px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl10 {
  padding-left: 10px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt15 {
  margin-top: 15px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr15 {
  margin-right: 15px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb15 {
  margin-bottom: 15px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml15 {
  margin-left: 15px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt15 {
  padding-top: 15px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr15 {
  padding-right: 15px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb15 {
  padding-bottom: 15px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl15 {
  padding-left: 15px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt20 {
  margin-top: 20px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr20 {
  margin-right: 20px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb20 {
  margin-bottom: 20px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml20 {
  margin-left: 20px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt20 {
  padding-top: 20px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr20 {
  padding-right: 20px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb20 {
  padding-bottom: 20px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl20 {
  padding-left: 20px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt25 {
  margin-top: 25px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr25 {
  margin-right: 25px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb25 {
  margin-bottom: 25px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml25 {
  margin-left: 25px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt25 {
  padding-top: 25px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr25 {
  padding-right: 25px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb25 {
  padding-bottom: 25px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl25 {
  padding-left: 25px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt30 {
  margin-top: 30px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr30 {
  margin-right: 30px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb30 {
  margin-bottom: 30px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml30 {
  margin-left: 30px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt30 {
  padding-top: 30px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr30 {
  padding-right: 30px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb30 {
  padding-bottom: 30px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl30 {
  padding-left: 30px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt35 {
  margin-top: 35px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr35 {
  margin-right: 35px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb35 {
  margin-bottom: 35px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml35 {
  margin-left: 35px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt35 {
  padding-top: 35px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr35 {
  padding-right: 35px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb35 {
  padding-bottom: 35px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl35 {
  padding-left: 35px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt40 {
  margin-top: 40px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr40 {
  margin-right: 40px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb40 {
  margin-bottom: 40px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml40 {
  margin-left: 40px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt40 {
  padding-top: 40px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr40 {
  padding-right: 40px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb40 {
  padding-bottom: 40px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl40 {
  padding-left: 40px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt45 {
  margin-top: 45px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr45 {
  margin-right: 45px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb45 {
  margin-bottom: 45px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml45 {
  margin-left: 45px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt45 {
  padding-top: 45px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr45 {
  padding-right: 45px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb45 {
  padding-bottom: 45px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl45 {
  padding-left: 45px !important; }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mt50 {
  margin-top: 50px !important; }

/* line 121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mr50 {
  margin-right: 50px !important; }

/* line 125, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.mb50 {
  margin-bottom: 50px !important; }

/* line 129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.ml50 {
  margin-left: 50px !important; }

/* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pt50 {
  padding-top: 50px !important; }

/* line 138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pr50 {
  padding-right: 50px !important; }

/* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pb50 {
  padding-bottom: 50px !important; }

/* line 146, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/common.sass */
.pl50 {
  padding-left: 50px !important; }
@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
@-webkit-keyframes loader_text_rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes loader_text_rotate {
  0% {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes blink {
  0% {
    opacity: 0.4;
    filter: alpha(opacity=40); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes blink {
  0% {
    opacity: 0.4;
    filter: alpha(opacity=40); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes blink2 {
  0% {
    opacity: 0.6;
    filter: alpha(opacity=60); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes blink2 {
  0% {
    opacity: 0.6;
    filter: alpha(opacity=60); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes blink3 {
  0% {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes blink3 {
  0% {
    opacity: 0.8;
    filter: alpha(opacity=80); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes blink4 {
  0% {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes blink4 {
  0% {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes blink5 {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes blink5 {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes blink_img {
  0% {
    opacity: 0.94;
    filter: alpha(opacity=94); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes blink_img {
  0% {
    opacity: 0.94;
    filter: alpha(opacity=94); }
  100% {
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes btn_over_arrow_right {
  0% {
    -webkit-transform: translate(-15px, 0) scaleY(0.4);
    transform: translate(-15px, 0) scaleY(0.4); }
  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1); } }
@keyframes btn_over_arrow_right {
  0% {
    -ms-transform: translate(-15px, 0) scaleY(0.4);
    -webkit-transform: translate(-15px, 0) scaleY(0.4);
    transform: translate(-15px, 0) scaleY(0.4); }
  100% {
    -ms-transform: translate(0, 0) scaleY(1);
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1); } }
@-webkit-keyframes btn_over_arrow_right2 {
  0% {
    -webkit-transform: translate(15px, 0) scaleY(0.4);
    transform: translate(15px, 0) scaleY(0.4); }
  100% {
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1); } }
@keyframes btn_over_arrow_right2 {
  0% {
    -ms-transform: translate(15px, 0) scaleY(0.4);
    -webkit-transform: translate(15px, 0) scaleY(0.4);
    transform: translate(15px, 0) scaleY(0.4); }
  100% {
    -ms-transform: translate(0, 0) scaleY(1);
    -webkit-transform: translate(0, 0) scaleY(1);
    transform: translate(0, 0) scaleY(1); } }
@-webkit-keyframes btn_over_arrow_down {
  0% {
    -webkit-transform: translate(0, 15px) scaleX(0.4);
    transform: translate(0, 15px) scaleX(0.4); }
  100% {
    -webkit-transform: translate(0, 0) scaleX(1);
    transform: translate(0, 0) scaleX(1); } }
@keyframes btn_over_arrow_down {
  0% {
    -ms-transform: translate(0, 15px) scaleX(0.4);
    -webkit-transform: translate(0, 15px) scaleX(0.4);
    transform: translate(0, 15px) scaleX(0.4); }
  100% {
    -ms-transform: translate(0, 0) scaleX(1);
    -webkit-transform: translate(0, 0) scaleX(1);
    transform: translate(0, 0) scaleX(1); } }
@-webkit-keyframes btn_over_arrow_down_wrap {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0.4;
    filter: alpha(opacity=40); } }
@keyframes btn_over_arrow_down_wrap {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0.4;
    filter: alpha(opacity=40); } }
@-webkit-keyframes btn_over_line {
  0% {
    width: calc(100% - 15px);
    opacity: 0.5;
    filter: alpha(opacity=50); }
  100% {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes btn_over_line {
  0% {
    width: calc(100% - 15px);
    opacity: 0.5;
    filter: alpha(opacity=50); }
  100% {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes btn_over_plus {
  0% {
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4); }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@keyframes btn_over_plus {
  0% {
    -ms-transform: scale(0.4, 0.4);
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4); }
  100% {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }
@-webkit-keyframes btn_show {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0.4;
    filter: alpha(opacity=40); } }
@keyframes btn_show {
  0% {
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    opacity: 0.4;
    filter: alpha(opacity=40); } }
@-webkit-keyframes dot {
  0% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes dot {
  0% {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes scale_bound {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes scale_bound {
  0% {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes loop_image {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -100% 0; } }
@keyframes loop_image {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -100% 0; } }
@-webkit-keyframes more_arrow_out {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
    opacity: 0;
    filter: alpha(opacity=0); } }
@keyframes more_arrow_out {
  0% {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    -ms-transform: translate(10px, 0);
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
    opacity: 0;
    filter: alpha(opacity=0); } }
@-webkit-keyframes more_arrow_in {
  0% {
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes more_arrow_in {
  0% {
    -ms-transform: translate(-15px, 0);
    -webkit-transform: translate(-15px, 0);
    transform: translate(-15px, 0);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes more_line_out {
  0% {
    width: 64px;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@keyframes more_line_out {
  0% {
    width: 64px;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-webkit-keyframes more_line_in {
  0% {
    width: calc(100% - 64px);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes more_line_in {
  0% {
    width: calc(100% - 64px);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes more_line_out_sp {
  0% {
    width: 32px;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@keyframes more_line_out_sp {
  0% {
    width: 32px;
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    width: 0;
    opacity: 0;
    filter: alpha(opacity=0); } }
@-webkit-keyframes more_line_in_sp {
  0% {
    width: calc(100% - 32px);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes more_line_in_sp {
  0% {
    width: calc(100% - 32px);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100); } }
@-webkit-keyframes arrow_down_out {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    opacity: 0;
    filter: alpha(opacity=0); } }
@keyframes arrow_down_out {
  0% {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); }
  100% {
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    opacity: 0;
    filter: alpha(opacity=0); } }
@-webkit-keyframes arrow_down_in {
  0% {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); } }
@keyframes arrow_down_in {
  0% {
    -ms-transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0;
    filter: alpha(opacity=0); }
  100% {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    filter: alpha(opacity=100); } }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area nav .inner .nav_wrap:after, #container .list:after, #container .layout_product_list > .body .list .post > a .status:after, #container .layout_product_list > .body .list .post > span .status:after, #container .module_slide .slide .slide_wrap .slide_list:after, #container .module_slide.has_thumb_nav .slide_nav ul:after {
  content: "";
  display: table;
  clear: both; }

/* line 257, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
.btn.close:not(.menu) a:hover, #container #header > .inner > .wrap h1 a:hover, #container #header > .inner > .wrap .sub .citizen a:hover, #container #header > .inner > .wrap .sub .btn.lang a:hover, #container .module_slide .slide nav .btn a:hover, .btn.close:not(.menu) a:focus, #container #header > .inner > .wrap h1 a:focus, #container #header > .inner > .wrap .sub .citizen a:focus, #container #header > .inner > .wrap .sub .btn.lang a:focus, #container .module_slide .slide nav .btn a:focus, .btn.close:not(.menu) a:active, #container #header > .inner > .wrap h1 a:active, #container #header > .inner > .wrap .sub .citizen a:active, #container #header > .inner > .wrap .sub .btn.lang a:active, #container .module_slide .slide nav .btn a:active {
  -webkit-animation: blink 1s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: blink 1s 1 cubic-bezier(0.165, 0.84, 0.44, 1); }

/* line 262, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .layout_topics .list .post > .btn a:hover, #container .layout_partnership > .list .post .text .btn > :hover, #container .module_nav_movie footer .btn a:hover, #container .layout_topics .list .post > .btn a:focus, #container .layout_partnership > .list .post .text .btn > :focus, #container .module_nav_movie footer .btn a:focus, #container .layout_topics .list .post > .btn a:active, #container .layout_partnership > .list .post .text .btn > :active, #container .module_nav_movie footer .btn a:active {
  -webkit-animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);
  animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75); }

/* line 267, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
.localsite-btn:hover, #container #header nav ul li:not(.localsite-btn) > a:hover, #container #footer nav ul a:hover, .localsite-btn:focus, #container #header nav ul li:not(.localsite-btn) > a:focus, #container #footer nav ul a:focus, .localsite-btn:active, #container #header nav ul li:not(.localsite-btn) > a:active, #container #footer nav ul a:active {
  -webkit-animation: blink 64ms 3 cubic-bezier(0.25, 0.25, 0.75, 0.75);
  animation: blink 64ms 3 cubic-bezier(0.25, 0.25, 0.75, 0.75); }

/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area *:not(.section_title) > h3, #container .layout_product_list > header .inner h3, #container .module_nav_movie .wrap .btn a .text h3, #container .page_title h2, #container .banner_wrap .banner a .text .title h3 span, #container #visual_area h4.line_text.en, #container .section_title h2, #container .section_title h3, #container .module_nav_movie .wrap .btn a .text .copy, html[lang="en"] #container #visual_area .wrap .post.layout_1 .text .inner p, html[lang="en"] #container .module_nav_movie .wrap .btn a .text p, #container .module_slide .slide nav .number, html[lang="en"] #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text .date, #container .layout_topics .list .post .text .btn > *, html[lang="en"] #container #visual_area h3.line_text.ja, #container #visual_area html[lang="en"] h3.line_text.ja, html[lang="en"] #container .layout_technology .post.size_L .text h3 span, #container .layout_technology .post.size_L .text h3 html[lang="en"] span, html[lang="en"] #container .banner_wrap .banner a .text p, #container .banner_wrap .banner a .text html[lang="en"] p, html[lang="en"] #container #content section#lineup .body .layout_product_list header p, #container #content section#lineup .body .layout_product_list header html[lang="en"] p, html[lang="en"] #container #visual_area h4.line_text.ja, #container #visual_area html[lang="en"] h4.line_text.ja, html[lang="en"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner html[lang="en"] p, html[lang="en"] #container .layout_technology .post.size_M .text h3 span, #container .layout_technology .post.size_M .text h3 html[lang="en"] span, html[lang="en"] #container #visual_area p, #container #visual_area html[lang="en"] p, html[lang="en"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="en"] sub.ja, html[lang="en"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="en"] sub.ja, html[lang="en"] #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > header .inner h3 html[lang="en"] sub.ja, html[lang="en"] #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > a .text h4 html[lang="en"] .ja, html[lang="en"] #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 html[lang="en"] .ja, html[lang="en"] #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > a .text html[lang="en"] .icon, html[lang="en"] #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_product_list > .body .list .post > span .text html[lang="en"] .icon, html[lang="en"] #container .layout_technology .post a .text h3 sub, #container .layout_technology .post a .text h3 html[lang="en"] sub, html[lang="en"] #container .layout_partnership > .list .post .text h3, #container .layout_partnership > .list .post .text html[lang="en"] h3, html[lang="en"] #container .banner_wrap .banner a .text .title h3 sub.ja, #container .banner_wrap .banner a .text .title h3 html[lang="en"] sub.ja, #container .module_nav_movie .wrap .btn a .text html[lang="en"] p, html[lang="en"] #container .layout_partnership > .list .post .text .btn > *, #container .layout_partnership > .list .post .text html[lang="en"] .btn > *, html[lang="en"] #container .layout_product_list > .body .product_image figcaption p, #container .layout_product_list > .body .product_image figcaption html[lang="en"] p, html[lang="en"] #container #content > .inner ul.btn_list li .btn a, #container #content > .inner ul.btn_list li .btn html[lang="en"] a, html[lang="en"] #container #content section .body p, #container #content section .body html[lang="en"] p, html[lang="en"] #container .list.photo_list .post figure figcaption, #container .list.photo_list .post figure html[lang="en"] figcaption, #container .layout_topics .list .post .text html[lang="en"] h3, html[lang="en"] #container .layout_topics .list .post .text .note, #container .layout_topics .list .post .text html[lang="en"] .note, html[lang="en"] #container .module_nav_movie footer .btn a, #container .module_nav_movie footer .btn html[lang="en"] a, html[lang="en"] #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li a html[lang="en"] sub.ja, html[lang="en"] #container #footer .lv1 .topic_path ul li span sub.ja, #container #footer .lv1 .topic_path ul li span html[lang="en"] sub.ja, html[lang="en"] #container #visual_area *:not(.section_title) > h3 sub.ja, #container #visual_area *:not(.section_title) > h3 html[lang="en"] sub.ja, html[lang="en"] #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > a .status li html[lang="en"] sub.ja, html[lang="en"] #container .layout_product_list > .body .list .post > span .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li html[lang="en"] sub.ja, html[lang="en"] #container .module_movie .icon > span .text sub.ja, #container .module_movie .icon > span .text html[lang="en"] sub.ja, #container #header #floating > .wrap .inner .lv1 nav.main ul li, #container #header #floating > .wrap .inner .lv1 nav.sub ul li, #container #footer .lv1 .topic_path ul li, #container #footer .lv2 .wrap nav ul li, #container #footer .lv2 nav.external ul li, #container #footer .lv2 .copyright, #container .module_movie .icon > span .text, #container .module_animation_text p sub.en {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 323, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
.btn a .icon.arrow_down span span, .btn a .icon.more > * span, .btn.more a span, #container #header > .inner > .wrap #global nav ul li, #container .page_title h2, #container .section_title h2, #container .section_title h3, #container .layout_product_list > .body .list .post > a .text h4, #container .layout_product_list > .body .list .post > span .text h4, #container .layout_product_list > .body .list .post > a .status li, #container .layout_product_list > .body .list .post > span .status li, #container .layout_topics .list .post .text .date, #container .layout_topics .list .post .text .btn > * {
  font-family: "Neutral Bold 3", "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif !important; }

/* line 327, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area *:not(.section_title) > h3 {
  line-height: 1.20408;
  font-size: 49px;
  font-size: 4.9rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container #visual_area *:not(.section_title) > h3, #container #visual_area .touchevents *:not(.section_title) > h3 {
      font-size: 37px;
      font-size: 3.7rem; } }

/* line 335, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .layout_product_list > header .inner h3, #container .module_nav_movie .wrap .btn a .text h3 {
  line-height: 1.21622;
  font-size: 37px;
  font-size: 3.7rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container .layout_product_list > header .inner h3, #container .layout_product_list > header .inner .touchevents h3, .touchevents #container .module_nav_movie .wrap .btn a .text h3, #container .module_nav_movie .wrap .btn a .text .touchevents h3 {
      font-size: 31px;
      font-size: 3.1rem; } }

/* line 351, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .page_title h2, #container .banner_wrap .banner a .text .title h3 span {
  line-height: 1.2;
  font-size: 25px;
  font-size: 2.5rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container .page_title h2, #container .page_title .touchevents h2, .touchevents #container .banner_wrap .banner a .text .title h3 span, #container .banner_wrap .banner a .text .title h3 .touchevents span {
      font-size: 20px;
      font-size: 2rem; } }

/* line 359, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area h4.line_text.en, #container .section_title h2, #container .section_title h3, #container .module_nav_movie .wrap .btn a .text .copy {
  line-height: 1.2;
  font-size: 20px;
  font-size: 2rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container #visual_area h4.line_text.en, #container #visual_area .touchevents h4.line_text.en, .touchevents #container .section_title h2, #container .section_title .touchevents h2, .touchevents #container .section_title h3, #container .section_title .touchevents h3, .touchevents #container .module_nav_movie .wrap .btn a .text .copy, #container .module_nav_movie .wrap .btn a .text .touchevents .copy {
      font-size: 14px;
      font-size: 1.4rem; } }

/* line 372, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] #container #visual_area .wrap .post.layout_1 .text .inner p, html[lang="en"] #container .module_nav_movie .wrap .btn a .text p {
  line-height: 1.16667;
  font-size: 12px;
  font-size: 1.2rem; }

/* line 383, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .module_slide .slide nav .number {
  line-height: 1.64286;
  font-size: 14px;
  font-size: 1.4rem; }

/* line 388, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text .date {
  line-height: 1.66667;
  font-size: 12px;
  font-size: 1.2rem; }

/* line 393, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .layout_topics .list .post .text .btn > * {
  line-height: 1.63636;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #container #visual_area h3.line_text.ja, #container #visual_area html[lang="sc"] h3.line_text.ja, html[lang="sc"] #container .layout_technology .post.size_L .text h3 span, #container .layout_technology .post.size_L .text h3 html[lang="sc"] span, html[lang="sc"] #container .banner_wrap .banner a .text p, #container .banner_wrap .banner a .text html[lang="sc"] p, html[lang="sc"] #container #content section#lineup .body .layout_product_list header p, #container #content section#lineup .body .layout_product_list header html[lang="sc"] p, html[lang="sc"] #container #visual_area h4.line_text.ja, #container #visual_area html[lang="sc"] h4.line_text.ja, html[lang="sc"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner html[lang="sc"] p, html[lang="sc"] #container .layout_technology .post.size_M .text h3 span, #container .layout_technology .post.size_M .text h3 html[lang="sc"] span, html[lang="sc"] #container #visual_area p, #container #visual_area html[lang="sc"] p, html[lang="sc"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="sc"] sub.ja, html[lang="sc"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="sc"] sub.ja, html[lang="sc"] #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > header .inner h3 html[lang="sc"] sub.ja, html[lang="sc"] #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > a .text h4 html[lang="sc"] .ja, html[lang="sc"] #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 html[lang="sc"] .ja, html[lang="sc"] #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > a .text html[lang="sc"] .icon, html[lang="sc"] #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_product_list > .body .list .post > span .text html[lang="sc"] .icon, html[lang="sc"] #container .layout_technology .post a .text h3 sub, #container .layout_technology .post a .text h3 html[lang="sc"] sub, html[lang="sc"] #container .layout_partnership > .list .post .text h3, #container .layout_partnership > .list .post .text html[lang="sc"] h3, html[lang="sc"] #container .banner_wrap .banner a .text .title h3 sub.ja, #container .banner_wrap .banner a .text .title h3 html[lang="sc"] sub.ja, html[lang="sc"] #container .module_nav_movie .wrap .btn a .text p, #container .module_nav_movie .wrap .btn a .text html[lang="sc"] p, html[lang="sc"] #container .layout_partnership > .list .post .text .btn > *, #container .layout_partnership > .list .post .text html[lang="sc"] .btn > *, html[lang="sc"] #container .layout_product_list > .body .product_image figcaption p, #container .layout_product_list > .body .product_image figcaption html[lang="sc"] p, html[lang="sc"] #container #content > .inner ul.btn_list li .btn a, #container #content > .inner ul.btn_list li .btn html[lang="sc"] a, html[lang="sc"] #container #content section .body p, #container #content section .body html[lang="sc"] p, html[lang="sc"] #container .list.photo_list .post figure figcaption, #container .list.photo_list .post figure html[lang="sc"] figcaption, html[lang="sc"] #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text html[lang="sc"] h3, html[lang="sc"] #container .layout_topics .list .post .text .note, #container .layout_topics .list .post .text html[lang="sc"] .note, html[lang="sc"] #container .module_nav_movie footer .btn a, #container .module_nav_movie footer .btn html[lang="sc"] a, html[lang="sc"] #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li a html[lang="sc"] sub.ja, html[lang="sc"] #container #footer .lv1 .topic_path ul li span sub.ja, #container #footer .lv1 .topic_path ul li span html[lang="sc"] sub.ja, html[lang="sc"] #container #visual_area .line_text > .txt_outer > .txt_inner > span {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 408, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #container #visual_area *:not(.section_title) > h3 sub.ja, #container #visual_area *:not(.section_title) > h3 html[lang="sc"] sub.ja, html[lang="sc"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="sc"] sub.ja, html[lang="sc"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="sc"] sub.ja, html[lang="sc"] #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > a .status li html[lang="sc"] sub.ja, html[lang="sc"] #container .layout_product_list > .body .list .post > span .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li html[lang="sc"] sub.ja, html[lang="sc"] #container .module_movie .icon > span .text sub.ja, #container .module_movie .icon > span .text html[lang="sc"] sub.ja {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif !important; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #container #visual_area h3.line_text.ja, #container #visual_area html[lang="tc"] h3.line_text.ja, html[lang="tc"] #container .layout_technology .post.size_L .text h3 span, #container .layout_technology .post.size_L .text h3 html[lang="tc"] span, html[lang="tc"] #container .banner_wrap .banner a .text p, #container .banner_wrap .banner a .text html[lang="tc"] p, html[lang="tc"] #container #content section#lineup .body .layout_product_list header p, #container #content section#lineup .body .layout_product_list header html[lang="tc"] p, html[lang="tc"] #container #visual_area h4.line_text.ja, #container #visual_area html[lang="tc"] h4.line_text.ja, html[lang="tc"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner html[lang="tc"] p, html[lang="tc"] #container .layout_technology .post.size_M .text h3 span, #container .layout_technology .post.size_M .text h3 html[lang="tc"] span, html[lang="tc"] #container #visual_area p, #container #visual_area html[lang="tc"] p, html[lang="tc"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="tc"] sub.ja, html[lang="tc"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="tc"] sub.ja, html[lang="tc"] #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > header .inner h3 html[lang="tc"] sub.ja, html[lang="tc"] #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > a .text h4 html[lang="tc"] .ja, html[lang="tc"] #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 html[lang="tc"] .ja, html[lang="tc"] #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > a .text html[lang="tc"] .icon, html[lang="tc"] #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_product_list > .body .list .post > span .text html[lang="tc"] .icon, html[lang="tc"] #container .layout_technology .post a .text h3 sub, #container .layout_technology .post a .text h3 html[lang="tc"] sub, html[lang="tc"] #container .layout_partnership > .list .post .text h3, #container .layout_partnership > .list .post .text html[lang="tc"] h3, html[lang="tc"] #container .banner_wrap .banner a .text .title h3 sub.ja, #container .banner_wrap .banner a .text .title h3 html[lang="tc"] sub.ja, html[lang="tc"] #container .module_nav_movie .wrap .btn a .text p, #container .module_nav_movie .wrap .btn a .text html[lang="tc"] p, html[lang="tc"] #container .layout_partnership > .list .post .text .btn > *, #container .layout_partnership > .list .post .text html[lang="tc"] .btn > *, html[lang="tc"] #container .layout_product_list > .body .product_image figcaption p, #container .layout_product_list > .body .product_image figcaption html[lang="tc"] p, html[lang="tc"] #container #content > .inner ul.btn_list li .btn a, #container #content > .inner ul.btn_list li .btn html[lang="tc"] a, html[lang="tc"] #container #content section .body p, #container #content section .body html[lang="tc"] p, html[lang="tc"] #container .list.photo_list .post figure figcaption, #container .list.photo_list .post figure html[lang="tc"] figcaption, html[lang="tc"] #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text html[lang="tc"] h3, html[lang="tc"] #container .layout_topics .list .post .text .note, #container .layout_topics .list .post .text html[lang="tc"] .note, html[lang="tc"] #container .module_nav_movie footer .btn a, #container .module_nav_movie footer .btn html[lang="tc"] a, html[lang="tc"] #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li a html[lang="tc"] sub.ja, html[lang="tc"] #container #footer .lv1 .topic_path ul li span sub.ja, #container #footer .lv1 .topic_path ul li span html[lang="tc"] sub.ja {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 421, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #container #visual_area *:not(.section_title) > h3 sub.ja, #container #visual_area *:not(.section_title) > h3 html[lang="tc"] sub.ja, html[lang="tc"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="tc"] sub.ja, html[lang="tc"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="tc"] sub.ja, html[lang="tc"] #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > a .status li html[lang="tc"] sub.ja, html[lang="tc"] #container .layout_product_list > .body .list .post > span .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li html[lang="tc"] sub.ja, html[lang="tc"] #container .module_movie .icon > span .text sub.ja, #container .module_movie .icon > span .text html[lang="tc"] sub.ja {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif !important; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #container #visual_area h3.line_text.ja, #container #visual_area html[lang="de"] h3.line_text.ja, html[lang="de"] #container .layout_technology .post.size_L .text h3 span, #container .layout_technology .post.size_L .text h3 html[lang="de"] span, html[lang="de"] #container .banner_wrap .banner a .text p, #container .banner_wrap .banner a .text html[lang="de"] p, html[lang="de"] #container #content section#lineup .body .layout_product_list header p, #container #content section#lineup .body .layout_product_list header html[lang="de"] p, html[lang="de"] #container #visual_area h4.line_text.ja, #container #visual_area html[lang="de"] h4.line_text.ja, html[lang="de"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner html[lang="de"] p, html[lang="de"] #container .layout_technology .post.size_M .text h3 span, #container .layout_technology .post.size_M .text h3 html[lang="de"] span, html[lang="de"] #container #visual_area p, #container #visual_area html[lang="de"] p, html[lang="de"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="de"] sub.ja, html[lang="de"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="de"] sub.ja, html[lang="de"] #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > header .inner h3 html[lang="de"] sub.ja, html[lang="de"] #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > a .text h4 html[lang="de"] .ja, html[lang="de"] #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 html[lang="de"] .ja, html[lang="de"] #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > a .text html[lang="de"] .icon, html[lang="de"] #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_product_list > .body .list .post > span .text html[lang="de"] .icon, html[lang="de"] #container .layout_technology .post a .text h3 sub, #container .layout_technology .post a .text h3 html[lang="de"] sub, html[lang="de"] #container .layout_partnership > .list .post .text h3, #container .layout_partnership > .list .post .text html[lang="de"] h3, html[lang="de"] #container .banner_wrap .banner a .text .title h3 sub.ja, #container .banner_wrap .banner a .text .title h3 html[lang="de"] sub.ja, html[lang="de"] #container .module_nav_movie .wrap .btn a .text p, #container .module_nav_movie .wrap .btn a .text html[lang="de"] p, html[lang="de"] #container .layout_partnership > .list .post .text .btn > *, #container .layout_partnership > .list .post .text html[lang="de"] .btn > *, html[lang="de"] #container .layout_product_list > .body .product_image figcaption p, #container .layout_product_list > .body .product_image figcaption html[lang="de"] p, html[lang="de"] #container #content > .inner ul.btn_list li .btn a, #container #content > .inner ul.btn_list li .btn html[lang="de"] a, html[lang="de"] #container #content section .body p, #container #content section .body html[lang="de"] p, html[lang="de"] #container .list.photo_list .post figure figcaption, #container .list.photo_list .post figure html[lang="de"] figcaption, html[lang="de"] #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text html[lang="de"] h3, html[lang="de"] #container .layout_topics .list .post .text .note, #container .layout_topics .list .post .text html[lang="de"] .note, html[lang="de"] #container .module_nav_movie footer .btn a, #container .module_nav_movie footer .btn html[lang="de"] a, html[lang="de"] #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li a html[lang="de"] sub.ja, html[lang="de"] #container #footer .lv1 .topic_path ul li span sub.ja, #container #footer .lv1 .topic_path ul li span html[lang="de"] sub.ja, html[lang="de"] #container #visual_area *:not(.section_title) > h3 {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 434, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #container #visual_area *:not(.section_title) > h3 sub.ja, #container #visual_area *:not(.section_title) > h3 html[lang="de"] sub.ja, html[lang="de"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="de"] sub.ja, html[lang="de"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="de"] sub.ja, html[lang="de"] #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > a .status li html[lang="de"] sub.ja, html[lang="de"] #container .layout_product_list > .body .list .post > span .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li html[lang="de"] sub.ja, html[lang="de"] #container .module_movie .icon > span .text sub.ja, #container .module_movie .icon > span .text html[lang="de"] sub.ja {
  font-family: Tahoma, sans-serif !important; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #container #visual_area h3.line_text.ja, #container #visual_area html[lang="it"] h3.line_text.ja, html[lang="it"] #container .layout_technology .post.size_L .text h3 span, #container .layout_technology .post.size_L .text h3 html[lang="it"] span, html[lang="it"] #container .banner_wrap .banner a .text p, #container .banner_wrap .banner a .text html[lang="it"] p, html[lang="it"] #container #content section#lineup .body .layout_product_list header p, #container #content section#lineup .body .layout_product_list header html[lang="it"] p, html[lang="it"] #container #visual_area h4.line_text.ja, #container #visual_area html[lang="it"] h4.line_text.ja, html[lang="it"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner html[lang="it"] p, html[lang="it"] #container .layout_technology .post.size_M .text h3 span, #container .layout_technology .post.size_M .text h3 html[lang="it"] span, html[lang="it"] #container #visual_area p, #container #visual_area html[lang="it"] p, html[lang="it"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="it"] sub.ja, html[lang="it"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="it"] sub.ja, html[lang="it"] #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > header .inner h3 html[lang="it"] sub.ja, html[lang="it"] #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > a .text h4 html[lang="it"] .ja, html[lang="it"] #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 html[lang="it"] .ja, html[lang="it"] #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > a .text html[lang="it"] .icon, html[lang="it"] #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_product_list > .body .list .post > span .text html[lang="it"] .icon, html[lang="it"] #container .layout_technology .post a .text h3 sub, #container .layout_technology .post a .text h3 html[lang="it"] sub, html[lang="it"] #container .layout_partnership > .list .post .text h3, #container .layout_partnership > .list .post .text html[lang="it"] h3, html[lang="it"] #container .banner_wrap .banner a .text .title h3 sub.ja, #container .banner_wrap .banner a .text .title h3 html[lang="it"] sub.ja, html[lang="it"] #container .module_nav_movie .wrap .btn a .text p, #container .module_nav_movie .wrap .btn a .text html[lang="it"] p, html[lang="it"] #container .layout_partnership > .list .post .text .btn > *, #container .layout_partnership > .list .post .text html[lang="it"] .btn > *, html[lang="it"] #container .layout_product_list > .body .product_image figcaption p, #container .layout_product_list > .body .product_image figcaption html[lang="it"] p, html[lang="it"] #container #content > .inner ul.btn_list li .btn a, #container #content > .inner ul.btn_list li .btn html[lang="it"] a, html[lang="it"] #container #content section .body p, #container #content section .body html[lang="it"] p, html[lang="it"] #container .list.photo_list .post figure figcaption, #container .list.photo_list .post figure html[lang="it"] figcaption, html[lang="it"] #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text html[lang="it"] h3, html[lang="it"] #container .layout_topics .list .post .text .note, #container .layout_topics .list .post .text html[lang="it"] .note, html[lang="it"] #container .module_nav_movie footer .btn a, #container .module_nav_movie footer .btn html[lang="it"] a, html[lang="it"] #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li a html[lang="it"] sub.ja, html[lang="it"] #container #footer .lv1 .topic_path ul li span sub.ja, #container #footer .lv1 .topic_path ul li span html[lang="it"] sub.ja, html[lang="it"] #container #visual_area *:not(.section_title) > h3 {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 447, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #container #visual_area *:not(.section_title) > h3 sub.ja, #container #visual_area *:not(.section_title) > h3 html[lang="it"] sub.ja, html[lang="it"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="it"] sub.ja, html[lang="it"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="it"] sub.ja, html[lang="it"] #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > a .status li html[lang="it"] sub.ja, html[lang="it"] #container .layout_product_list > .body .list .post > span .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li html[lang="it"] sub.ja, html[lang="it"] #container .module_movie .icon > span .text sub.ja, #container .module_movie .icon > span .text html[lang="it"] sub.ja {
  font-family: Tahoma, sans-serif !important; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #container #visual_area h3.line_text.ja, #container #visual_area html[lang="es"] h3.line_text.ja, html[lang="es"] #container .layout_technology .post.size_L .text h3 span, #container .layout_technology .post.size_L .text h3 html[lang="es"] span, html[lang="es"] #container .banner_wrap .banner a .text p, #container .banner_wrap .banner a .text html[lang="es"] p, html[lang="es"] #container #content section#lineup .body .layout_product_list header p, #container #content section#lineup .body .layout_product_list header html[lang="es"] p, html[lang="es"] #container #visual_area h4.line_text.ja, #container #visual_area html[lang="es"] h4.line_text.ja, html[lang="es"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner html[lang="es"] p, html[lang="es"] #container .layout_technology .post.size_M .text h3 span, #container .layout_technology .post.size_M .text h3 html[lang="es"] span, html[lang="es"] #container #visual_area p, #container #visual_area html[lang="es"] p, html[lang="es"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="es"] sub.ja, html[lang="es"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="es"] sub.ja, html[lang="es"] #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > header .inner h3 html[lang="es"] sub.ja, html[lang="es"] #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > a .text h4 html[lang="es"] .ja, html[lang="es"] #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 html[lang="es"] .ja, html[lang="es"] #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > a .text html[lang="es"] .icon, html[lang="es"] #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_product_list > .body .list .post > span .text html[lang="es"] .icon, html[lang="es"] #container .layout_technology .post a .text h3 sub, #container .layout_technology .post a .text h3 html[lang="es"] sub, html[lang="es"] #container .layout_partnership > .list .post .text h3, #container .layout_partnership > .list .post .text html[lang="es"] h3, html[lang="es"] #container .banner_wrap .banner a .text .title h3 sub.ja, #container .banner_wrap .banner a .text .title h3 html[lang="es"] sub.ja, html[lang="es"] #container .module_nav_movie .wrap .btn a .text p, #container .module_nav_movie .wrap .btn a .text html[lang="es"] p, html[lang="es"] #container .layout_partnership > .list .post .text .btn > *, #container .layout_partnership > .list .post .text html[lang="es"] .btn > *, html[lang="es"] #container .layout_product_list > .body .product_image figcaption p, #container .layout_product_list > .body .product_image figcaption html[lang="es"] p, html[lang="es"] #container #content > .inner ul.btn_list li .btn a, #container #content > .inner ul.btn_list li .btn html[lang="es"] a, html[lang="es"] #container #content section .body p, #container #content section .body html[lang="es"] p, html[lang="es"] #container .list.photo_list .post figure figcaption, #container .list.photo_list .post figure html[lang="es"] figcaption, html[lang="es"] #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text html[lang="es"] h3, html[lang="es"] #container .layout_topics .list .post .text .note, #container .layout_topics .list .post .text html[lang="es"] .note, html[lang="es"] #container .module_nav_movie footer .btn a, #container .module_nav_movie footer .btn html[lang="es"] a, html[lang="es"] #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li a html[lang="es"] sub.ja, html[lang="es"] #container #footer .lv1 .topic_path ul li span sub.ja, #container #footer .lv1 .topic_path ul li span html[lang="es"] sub.ja, html[lang="es"] #container #visual_area *:not(.section_title) > h3 {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 460, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #container #visual_area *:not(.section_title) > h3 sub.ja, #container #visual_area *:not(.section_title) > h3 html[lang="es"] sub.ja, html[lang="es"] #container .section_title h2 sub.ja, #container .section_title h2 html[lang="es"] sub.ja, html[lang="es"] #container .section_title h3 sub.ja, #container .section_title h3 html[lang="es"] sub.ja, html[lang="es"] #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > a .status li html[lang="es"] sub.ja, html[lang="es"] #container .layout_product_list > .body .list .post > span .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li html[lang="es"] sub.ja, html[lang="es"] #container .module_movie .icon > span .text sub.ja, #container .module_movie .icon > span .text html[lang="es"] sub.ja {
  font-family: Tahoma, sans-serif !important; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area h3.line_text.ja, #container .layout_technology .post.size_L .text h3 span, #container .banner_wrap .banner a .text p, #container #content section#lineup .body .layout_product_list header p, #container #visual_area h4.line_text.ja, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container .layout_technology .post.size_M .text h3 span, #container #visual_area p, #container .section_title h2 sub.ja, #container .section_title h3 sub.ja, #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_technology .post a .text h3 sub, #container .layout_partnership > .list .post .text h3, #container .banner_wrap .banner a .text .title h3 sub.ja, #container .module_nav_movie .wrap .btn a .text p, #container .layout_partnership > .list .post .text .btn > *, #container .layout_product_list > .body .product_image figcaption p, #container #content > .inner ul.btn_list li .btn a, #container #content section .body p, #container .list.photo_list .post figure figcaption, #container .layout_topics .list.pickup .post .text h3, #container .layout_partnership > .list.pickup .post .text h3, #container #content section .body p.note, #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text .note, #container .module_nav_movie footer .btn a, #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li span sub.ja {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 487, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area *:not(.section_title) > h3 sub.ja, #container .section_title h2 sub.ja, #container .section_title h3 sub.ja, #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li sub.ja, #container .module_movie .icon > span .text sub.ja {
  font-family: "ゴシックMB101 B", "Gothic MB101 Bold", "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

/* line 517, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area h3.line_text.ja, #container .layout_technology .post.size_L .text h3 span {
  line-height: 1.20833;
  font-size: 48px;
  font-size: 4.8rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container #visual_area h3.line_text.ja, #container #visual_area .touchevents h3.line_text.ja, .touchevents #container .layout_technology .post.size_L .text h3 span, #container .layout_technology .post.size_L .text h3 .touchevents span {
      font-size: 24px;
      font-size: 2.4rem; } }

/* line 533, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .banner_wrap .banner a .text p {
  line-height: 1.20833;
  font-size: 24px;
  font-size: 2.4rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container .banner_wrap .banner a .text p, #container .banner_wrap .banner a .text .touchevents p {
      font-size: 13px;
      font-size: 1.3rem; } }

/* line 541, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #content section#lineup .body .layout_product_list header p, #container #visual_area h4.line_text.ja, #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p, #container .layout_technology .post.size_M .text h3 span {
  line-height: 1.31579;
  font-size: 19px;
  font-size: 1.9rem; }

/* line 546, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #visual_area p, #container .section_title h2 sub.ja, #container .section_title h3 sub.ja, #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_technology .post a .text h3 sub, #container .layout_partnership > .list .post .text h3, #container .banner_wrap .banner a .text .title h3 sub.ja, #container .module_nav_movie .wrap .btn a .text p {
  line-height: 1.30769;
  font-size: 13px;
  font-size: 1.3rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents html[lang="ja"] #container #visual_area p, #container #visual_area .touchevents html[lang="ja"] p, .touchevents html[lang="ja"] #container .section_title h2 sub.ja, #container .section_title h2 .touchevents html[lang="ja"] sub.ja, .touchevents html[lang="ja"] #container .section_title h3 sub.ja, #container .section_title h3 .touchevents html[lang="ja"] sub.ja, .touchevents html[lang="ja"] #container .layout_product_list > header .inner h3 sub.ja, #container .layout_product_list > header .inner h3 .touchevents html[lang="ja"] sub.ja, .touchevents html[lang="ja"] #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > a .text h4 .touchevents html[lang="ja"] .ja, .touchevents html[lang="ja"] #container .layout_product_list > .body .list .post > span .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 .touchevents html[lang="ja"] .ja, .touchevents html[lang="ja"] #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > a .text .touchevents html[lang="ja"] .icon, .touchevents html[lang="ja"] #container .layout_product_list > .body .list .post > span .text .icon, #container .layout_product_list > .body .list .post > span .text .touchevents html[lang="ja"] .icon, .touchevents html[lang="ja"] #container .layout_technology .post a .text h3 sub, #container .layout_technology .post a .text h3 .touchevents html[lang="ja"] sub, .touchevents html[lang="ja"] #container .layout_partnership > .list .post .text h3, #container .layout_partnership > .list .post .text .touchevents html[lang="ja"] h3, .touchevents html[lang="ja"] #container .banner_wrap .banner a .text .title h3 sub.ja, #container .banner_wrap .banner a .text .title h3 .touchevents html[lang="ja"] sub.ja, .touchevents html[lang="ja"] #container .module_nav_movie .wrap .btn a .text p, #container .module_nav_movie .wrap .btn a .text .touchevents html[lang="ja"] p {
      font-size: 11px;
      font-size: 1.1rem; } }

/* line 555, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .layout_partnership > .list .post .text .btn > * {
  line-height: 1.27273;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 561, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .layout_product_list > .body .product_image figcaption p {
  line-height: 1.78947;
  font-size: 19px;
  font-size: 1.9rem; }

/* line 566, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #content > .inner ul.btn_list li .btn a, #container #content section .body p, #container .list.photo_list .post figure figcaption, #container .layout_topics .list.pickup .post .text h3, #container .layout_partnership > .list.pickup .post .text h3 {
  line-height: 1.76923;
  font-size: 13px;
  font-size: 1.3rem; }

/* line 571, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container #content section .body p.note, #container .layout_topics .list .post .text h3, #container .layout_topics .list .post .text .note, #container .module_nav_movie footer .btn a {
  line-height: 1.81818;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 628, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .layout_product_list > .body .list .post > a .status li + li:before, #container .layout_product_list > .body .list .post > span .status li + li:before, #container #header > .inner > .wrap #global nav.sub:before, #container #header > .inner > .wrap .sub .btn.lang:after {
  content: "/";
  position: absolute;
  top: 50%;
  left: 0;
  color: rgba(255, 255, 255, 0.6);
  font-family: HelveticaNeue, Helvetica, Roboto, "Droid Sans";
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 800;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  /* line 640, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  .win #container .layout_product_list > .body .list .post > a .status li + li:before, #container .layout_product_list > .body .list .post > a .status .win li + li:before, .win #container .layout_product_list > .body .list .post > span .status li + li:before, #container .layout_product_list > .body .list .post > span .status .win li + li:before, .win #container #header > .inner > .wrap #global nav.sub:before, #container #header > .inner > .wrap #global .win nav.sub:before, .win #container #header > .inner > .wrap .sub .btn.lang:after, #container #header > .inner > .wrap .sub .win .btn.lang:after {
    top: calc(50% + 1px); }

/* line 643, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .layout_product_list > .body .list .post > a .status li + li:before, #container .layout_product_list > .body .list .post > span .status li + li:before {
  color: rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  -ms-transform: translate(-50%, calc(-50% - 2px));
  -webkit-transform: translate(-50%, calc(-50% - 2px));
  transform: translate(-50%, calc(-50% - 2px)); }

/* line 17, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

/* line 23, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
html {
  line-height: 1.231;
  font-size: 62.5%;
  overflow-x: auto;
  overflow-y: scroll;
  background-color: #141414; }
  /* line 30, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  html.load_complete {
    background-color: #141414; }

/* line 33, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
body {
  text-align: center;
  color: #ffffff;
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-feature-settings: "palt";
  -ms-font-feature-settings: "palt";
  -o-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none; }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="en"] body {
    font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif; }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="sc"] body {
    font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif; }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="tc"] body {
    font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif; }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="de"] body {
    font-family: Tahoma, sans-serif, sans-serif; }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="it"] body {
    font-family: Tahoma, sans-serif, sans-serif; }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="es"] body {
    font-family: Tahoma, sans-serif, sans-serif; }

/* line 75, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
a {
  color: #ffffff;
  transition: none; }
  /* line 79, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .touchevents a:hover, .touchevents a:focus, .touchevents a:active {
    color: #ffffff; }
  /* line 82, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .touchevents a {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
  /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  .no-touchevents a:hover, .no-touchevents a:focus, .no-touchevents a:active {
    color: #ca1c1d; }
  /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  .touchevents a.over {
    color: #ca1c1d; }

@media screen and (max-width: 767px) {
  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
  .touchevents br.pc {
    display: none; } }
/* line 103, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
br.sp {
  display: none; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents br.sp {
      display: block; } }

@media screen and (max-width: 767px) {
  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
  .touchevents .only-pc {
    display: none !important; } }

/* line 112, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.only-sp {
  display: none; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents .only-sp {
      display: block !important; } }

/* line 117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.required {
  color: #67c4e4; }

/* line 122, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.fixed {
  position: fixed !important; }

/* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents a[href^='tel:'] {
  pointer-events: none; }

/* line 130, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.localsite-btn {
  margin-left: 50px; }
  /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  .no-touchevents .localsite-btn:hover, .no-touchevents .localsite-btn:focus, .no-touchevents .localsite-btn:active {
    opacity: 0.7;
    filter: alpha(opacity=70); }
  /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  .touchevents .localsite-btn.over {
    opacity: 0.7;
    filter: alpha(opacity=70); }
  @media screen and (min-width: 980px) {
    /* line 130, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .localsite-btn {
      display: none; } }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents .localsite-btn {
      margin-left: 0; } }
  /* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .localsite-btn a {
    position: relative;
    color: #fff !important;
    border: 1px #fff solid;
    font-size: 1.3rem;
    padding: 10px 50px 10px 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    /* line 151, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .localsite-btn a:after {
      content: "";
      position: absolute;
      right: 16px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: url("/promaster/special/assets/images/common/icon/global.svg") no-repeat;
      background-size: 17px;
      width: 17px;
      height: 17px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .localsite-btn a {
        padding: 0;
        border: none; }
        /* line 165, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents .localsite-btn a:after {
          width: 0; } }

/* line 176, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.btn a .icon {
  display: inline-block;
  position: relative; }
  /* line 183, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.arrow_right_l span {
    display: block;
    padding-bottom: 26px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn a .icon.arrow_right_l span {
        padding-bottom: 14px; } }
    /* line 191, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.arrow_right_l span:before {
      content: "";
      display: block;
      width: 66px;
      height: 73px;
      background: url("/promaster/special/assets/images/common/parts/icon/arrow_right_l.svg") no-repeat 0 0;
      background-size: cover; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.arrow_right_l span:before {
          width: 29px;
          height: 31px; } }
    /* line 203, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.arrow_right_l span:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 8px;
      background-color: #ffffff; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.arrow_right_l span:after {
          height: 3.5px; } }
  /* line 218, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.arrow_right_m {
    display: block; }
    /* line 221, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.arrow_right_m span {
      display: block;
      padding-bottom: 21px;
      text-align: right;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.arrow_right_m span {
          padding-bottom: 14px; } }
      /* line 230, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn a .icon.arrow_right_m span:before {
        content: "";
        display: block;
        width: 42px;
        height: 46px;
        margin-right: 0;
        margin-left: auto;
        background: url("/promaster/special/assets/images/common/parts/icon/arrow_right_l.svg") no-repeat 0 0;
        background-size: cover; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents .btn a .icon.arrow_right_m span:before {
            width: 25px;
            height: 29px; } }
      /* line 244, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn a .icon.arrow_right_m span:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 6px;
        background-color: #ffffff; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents .btn a .icon.arrow_right_m span:after {
            height: 4px; } }
  /* line 259, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.arrow_down {
    display: block;
    width: 44px;
    height: 64px;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn a .icon.arrow_down {
        width: 28px;
        height: 39px; } }
    /* line 269, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.arrow_down span {
      display: block;
      position: relative;
      height: 100%;
      opacity: 0.4;
      filter: alpha(opacity=40);
      transition-property: opacity;
      transition-duration: 240ms;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      /* line 278, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn a .icon.arrow_down span:before, .btn a .icon.arrow_down span:after {
        content: "";
        position: absolute;
        left: 0; }
      /* line 283, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn a .icon.arrow_down span:before {
        display: block;
        top: 0;
        width: 44px;
        height: 43px;
        background: url("/promaster/special/assets/images/common/parts/icon/arrow_down.svg") no-repeat 0 0;
        background-size: cover; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents .btn a .icon.arrow_down span:before {
            width: 28px;
            height: 24px; } }
      /* line 295, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn a .icon.arrow_down span:after {
        bottom: 0;
        width: 44px;
        height: 6px;
        background-color: #ffffff; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents .btn a .icon.arrow_down span:after {
            width: 28px;
            height: 4px; } }
      /* line 305, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn a .icon.arrow_down span span {
        display: inline-block;
        color: #ffffff;
        font-size: 10px;
        font-size: 1rem;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8); }
  /* line 316, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.more > * {
    display: block;
    position: relative;
    padding-top: 37px;
    padding-right: 57px;
    padding-bottom: 20px;
    text-align: right;
    opacity: 0.4;
    filter: alpha(opacity=40);
    transition-property: opacity;
    transition-duration: 240ms;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn a .icon.more > * {
        padding-top: 20px;
        padding-right: 35px;
        padding-bottom: 13px; } }
    /* line 334, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.more > *:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 42px;
      height: 46px;
      background: url("/promaster/special/assets/images/common/parts/icon/arrow_right_l.svg") no-repeat 0 0;
      background-size: cover; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.more > *:before {
          width: 25px;
          height: 29px; } }
    /* line 350, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.more > * .line_wrap:before, .btn a .icon.more > * .line_wrap:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      background-color: #ffffff; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.more > * .line_wrap:before, .touchevents .btn a .icon.more > * .line_wrap:after {
          height: 4px; } }
    /* line 362, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.more > * .line_wrap:before {
      opacity: 0.2;
      filter: alpha(opacity=20);
      z-index: 1; }
    /* line 366, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.more > * .line_wrap:after {
      z-index: 2; }
    /* line 369, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.more > * span {
      display: inline-block;
      color: #ffffff;
      font-size: 10px;
      font-size: 1rem;
      -ms-transform-origin: 100% 100%;
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      -ms-transform: scale(0.8, 0.8);
      -webkit-transform: scale(0.8, 0.8);
      transform: scale(0.8, 0.8); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.more > * span {
          -ms-transform: scale(0.6, 0.6);
          -webkit-transform: scale(0.6, 0.6);
          transform: scale(0.6, 0.6); } }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents .btn a .icon.more.animate_out > *:before {
      -webkit-animation: more_arrow_out 160ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
      animation: more_arrow_out 160ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; } }
  /* line 389, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.more.animate_out > * .line_wrap:after {
    left: auto;
    right: 0;
    -webkit-animation: more_line_out 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
    animation: more_line_out 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn a .icon.more.animate_out > * .line_wrap:after {
        -webkit-animation: more_line_out_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
        animation: more_line_out_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; } }
  @media screen and (min-width: 768px) {
    /* line 401, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.more.animate_in > *:before {
      -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
      animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; } }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents .btn a .icon.more.animate_in > *:before {
      -webkit-animation: more_arrow_in 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
      animation: more_arrow_in 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; } }
  /* line 409, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.more.animate_in > * .line_wrap:after {
    left: 0;
    right: auto;
    -webkit-animation: more_line_in 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
    animation: more_line_in 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn a .icon.more.animate_in > * .line_wrap:after {
        -webkit-animation: more_line_in_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
        animation: more_line_in_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; } }
  /* line 420, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.plus span {
    display: block;
    text-align: right;
    padding-bottom: 21px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn a .icon.plus span {
        padding-bottom: 14px; } }
    /* line 429, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.plus span:before {
      content: "";
      display: block;
      width: 38px;
      height: 38px;
      margin-right: 0;
      margin-left: auto;
      background: url("/promaster/special/assets/images/common/parts/icon/plus.svg") no-repeat 0 0;
      background-size: cover; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.plus span:before {
          width: 24px;
          height: 24px; } }
    /* line 443, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn a .icon.plus span:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 6px;
      background-color: #ffffff; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .btn a .icon.plus span:after {
          height: 3.5px; } }
  /* line 459, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon[class*=arrow]:after {
    display: inline-block;
    position: relative;
    text-align: center;
    font-family: "promaster";
    font-size: 11px;
    font-size: 1.1rem; }
  /* line 469, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.arrow_right:after {
    content: ">";
    -ms-transform: translate(7px, 1px);
    -webkit-transform: translate(7px, 1px);
    transform: translate(7px, 1px); }
  /* line 476, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn a .icon.external:after {
    content: "⎘";
    display: inline-block;
    position: relative;
    text-align: center;
    font-family: "promaster";
    font-size: 11px;
    font-size: 1.1rem;
    -ms-transform: translate(7px, 1px);
    -webkit-transform: translate(7px, 1px);
    transform: translate(7px, 1px); }
/* line 493, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.arrow_right_l span:before, .no-touchevents .btn a:focus .icon.arrow_right_l span:before, .no-touchevents .btn a:active .icon.arrow_right_l span:before {
  -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 496, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.arrow_right_l span:after, .no-touchevents .btn a:focus .icon.arrow_right_l span:after, .no-touchevents .btn a:active .icon.arrow_right_l span:after {
  -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 503, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.arrow_right_m span:before, .no-touchevents .btn a:focus .icon.arrow_right_m span:before, .no-touchevents .btn a:active .icon.arrow_right_m span:before {
  -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 506, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.arrow_right_m span:after, .no-touchevents .btn a:focus .icon.arrow_right_m span:after, .no-touchevents .btn a:active .icon.arrow_right_m span:after {
  -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 512, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.arrow_down span, .no-touchevents .btn a:focus .icon.arrow_down span, .no-touchevents .btn a:active .icon.arrow_down span {
  opacity: 0.95;
  filter: alpha(opacity=95); }
  /* line 515, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .no-touchevents .btn a:hover .icon.arrow_down span:before, .no-touchevents .btn a:focus .icon.arrow_down span:before, .no-touchevents .btn a:active .icon.arrow_down span:before {
    -webkit-animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
    animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 522, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.more span:before, .no-touchevents .btn a:focus .icon.more span:before, .no-touchevents .btn a:active .icon.more span:before {
  -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 526, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.more span .line_wrap:after, .no-touchevents .btn a:focus .icon.more span .line_wrap:after, .no-touchevents .btn a:active .icon.more span .line_wrap:after {
  -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 533, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.plus span:before, .no-touchevents .btn a:focus .icon.plus span:before, .no-touchevents .btn a:active .icon.plus span:before {
  -webkit-animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 539, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.no-touchevents .btn a:hover .icon.arrow_right:after, .no-touchevents .btn a:focus .icon.arrow_right:after, .no-touchevents .btn a:active .icon.arrow_right:after {
  left: 4px;
  -ms-transform: translate(3px, 1px);
  -webkit-transform: translate(3px, 1px);
  transform: translate(3px, 1px);
  transition: -webkit-transform 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 240ms cubic-bezier(0.165, 0.84, 0.44, 1); }
/* line 493, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.arrow_right_l span:before {
  -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 496, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.arrow_right_l span:after {
  -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 503, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.arrow_right_m span:before {
  -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 506, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.arrow_right_m span:after {
  -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 512, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.arrow_down span {
  opacity: 0.95;
  filter: alpha(opacity=95); }
  /* line 515, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .touchevents .btn a.over .icon.arrow_down span:before {
    -webkit-animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
    animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 522, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.more span:before {
  -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 526, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.more span .line_wrap:after {
  -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 533, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.plus span:before {
  -webkit-animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 539, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.touchevents .btn a.over .icon.arrow_right:after {
  left: 4px;
  -ms-transform: translate(3px, 1px);
  -webkit-transform: translate(3px, 1px);
  transform: translate(3px, 1px);
  transition: -webkit-transform 240ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 240ms cubic-bezier(0.165, 0.84, 0.44, 1); }
/* line 548, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.btn.more a {
  display: block;
  position: relative;
  padding-top: 37px;
  padding-right: 57px;
  padding-bottom: 20px;
  text-align: right;
  opacity: 0.4;
  filter: alpha(opacity=40);
  transition-property: opacity;
  transition-duration: 240ms;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents .btn.more a {
      padding-top: 20px;
      padding-right: 35px;
      padding-bottom: 13px; } }
  /* line 565, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn.more a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 46px;
    background: url("/promaster/special/assets/images/common/parts/icon/arrow_right_l.svg") no-repeat 0 0;
    background-size: cover; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn.more a:before {
        width: 25px;
        height: 29px; } }
  /* line 581, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn.more a .line_wrap:before, .btn.more a .line_wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #ffffff; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn.more a .line_wrap:before, .touchevents .btn.more a .line_wrap:after {
        height: 4px; } }
  /* line 593, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn.more a .line_wrap:before {
    opacity: 0.2;
    filter: alpha(opacity=20);
    z-index: 1; }
  /* line 597, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn.more a .line_wrap:after {
    z-index: 2; }
  /* line 600, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn.more a span {
    display: inline-block;
    color: #ffffff;
    font-size: 10px;
    font-size: 1rem;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -ms-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn.more a span {
        -ms-transform: scale(0.6, 0.6);
        -webkit-transform: scale(0.6, 0.6);
        transform: scale(0.6, 0.6); } }
  /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  .no-touchevents .btn.more a:hover, .no-touchevents .btn.more a:focus, .no-touchevents .btn.more a:active {
    opacity: 0.95;
    filter: alpha(opacity=95); }
    /* line 614, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents .btn.more a:hover:before, .no-touchevents .btn.more a:focus:before, .no-touchevents .btn.more a:active:before {
      -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
      animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
    /* line 618, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents .btn.more a:hover .line_wrap:after, .no-touchevents .btn.more a:focus .line_wrap:after, .no-touchevents .btn.more a:active .line_wrap:after {
      -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
      animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
  /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  .touchevents .btn.more a.over {
    opacity: 0.95;
    filter: alpha(opacity=95); }
    /* line 614, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents .btn.more a.over:before {
      -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
      animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
    /* line 618, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents .btn.more a.over .line_wrap:after {
      -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
      animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 629, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.btn.more.animate_out > * .line_wrap:after {
  left: auto;
  right: 0;
  -webkit-animation: more_line_out 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
  animation: more_line_out 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents .btn.more.animate_out > * .line_wrap:after {
      -webkit-animation: more_line_out_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
      animation: more_line_out_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; } }
/* line 641, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.btn.more.animate_in > *:before {
  -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
  animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
/* line 646, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.btn.more.animate_in > * .line_wrap:after {
  left: 0;
  right: auto;
  -webkit-animation: more_line_in 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
  animation: more_line_in 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents .btn.more.animate_in > * .line_wrap:after {
      -webkit-animation: more_line_in_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both;
      animation: more_line_in_sp 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1 both; } }
/* line 656, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.btn.close:not(.menu) {
  pointer-events: none; }
  /* line 659, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn.close:not(.menu) a {
    display: block;
    width: 88px;
    height: 88px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .btn.close:not(.menu) a {
        width: 40px;
        height: 40px; } }
    /* line 670, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn.close:not(.menu) a ul {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      /* line 677, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn.close:not(.menu) a ul li {
        position: absolute;
        top: 0;
        width: 120px;
        height: 4px;
        background-color: #ffffff;
        opacity: 0;
        filter: alpha(opacity=0);
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents .btn.close:not(.menu) a ul li {
            top: 1px;
            width: 50px;
            height: 2px; } }
        /* line 693, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .btn.close:not(.menu) a ul li:nth-child(1) {
          left: 0;
          -ms-transform-origin: 0 50%;
          -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
          -ms-transform: translate(-40px, -40px) rotate(45deg);
          -webkit-transform: translate(-40px, -40px) rotate(45deg);
          transform: translate(-40px, -40px) rotate(45deg); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents .btn.close:not(.menu) a ul li:nth-child(1) {
              left: 2px; } }
        /* line 701, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .btn.close:not(.menu) a ul li:nth-child(2) {
          right: 0;
          -ms-transform-origin: 100% 50%;
          -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
          -ms-transform: translate(40px, -40px) rotate(-45deg);
          -webkit-transform: translate(40px, -40px) rotate(-45deg);
          transform: translate(40px, -40px) rotate(-45deg);
          transition-delay: 100ms; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents .btn.close:not(.menu) a ul li:nth-child(2) {
              right: 2px; } }
    /* line 711, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents .btn.close:not(.menu) a:hover ul, .no-touchevents .btn.close:not(.menu) a:focus ul, .no-touchevents .btn.close:not(.menu) a:active ul {
      -webkit-animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
      animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
    /* line 711, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents .btn.close:not(.menu) a.over ul {
      -webkit-animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
      animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
  /* line 714, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .btn.close:not(.menu).show {
    pointer-events: auto; }
    /* line 719, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .btn.close:not(.menu).show a ul li {
      opacity: 1;
      filter: alpha(opacity=100); }
      /* line 722, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn.close:not(.menu).show a ul li:nth-child(1) {
        -ms-transform: translate(0, 0) rotate(45deg);
        -webkit-transform: translate(0, 0) rotate(45deg);
        transform: translate(0, 0) rotate(45deg); }
      /* line 725, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .btn.close:not(.menu).show a ul li:nth-child(2) {
        -ms-transform: translate(0, 0) rotate(-45deg);
        -webkit-transform: translate(0, 0) rotate(-45deg);
        transform: translate(0, 0) rotate(-45deg); }

/* line 733, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
#container {
  display: none;
  position: relative;
  width: 100%;
  min-width: 1024px;
  margin: 0 auto;
  padding: 0;
  color: #ffffff;
  text-align: center;
  background-color: #141414;
  box-sizing: border-box;
  overflow: hidden; }
  @media screen and (min-width: 0px) and (max-width: 980px) {
    /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container {
      min-width: 0; } }
  /* line 750, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .no-js #container {
    display: block; }
  /* line 753, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
    opacity: 0.5;
    z-index: 1; }
  /* line 757, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .fixed {
    width: 100%; }
    @media screen and (min-width: 0px) and (max-width: 980px) {
      /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .fixed {
        min-width: 0; } }
  /* line 764, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .inner {
    width: 100%;
    min-width: 1024px;
    margin: 0 auto;
    padding: 0 40px; }
    /* line 770, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .inner.narrow {
      width: 800px; }
    /* line 773, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents #container .inner {
      max-width: 1104px; }
    @media screen and (min-width: 1295px) {
      /* line 764, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .inner {
        max-width: 1536px !important;
        padding-right: 128px;
        padding-left: 128px; } }
    @media screen and (min-width: 0px) and (max-width: 980px) {
      /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .inner {
        min-width: 0 !important;
        padding-right: 20px;
        padding-left: 40px; } }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .inner {
        padding-right: 15px;
        padding-left: 40px; } }
  /* line 797, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .btn.pagetop {
    position: fixed;
    bottom: 25px;
    right: 20px;
    z-index: 1000; }
  /* line 859, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container #header {
    position: fixed;
    left: 0;
    width: 100%;
    background-color: rgba(20, 20, 20, 0.6);
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    z-index: 1010;
    transition: height 240ms cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 869, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents #container #header {
      min-width: 1024px; }
    /* line 879, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #header nav ul li:not(.localsite-btn).is-active > a {
      color: #ca1c1d !important; }
      /* line 881, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #header nav ul li:not(.localsite-btn).is-active > a:after {
        border-top: 10px solid #ca1c1d !important; }
    /* line 884, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #header nav ul li:not(.localsite-btn) > a {
      display: block; }
      /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      .no-touchevents #container #header nav ul li:not(.localsite-btn) > a:hover, .no-touchevents #container #header nav ul li:not(.localsite-btn) > a:focus, .no-touchevents #container #header nav ul li:not(.localsite-btn) > a:active {
        color: #ca1c1d !important; }
      /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      .touchevents #container #header nav ul li:not(.localsite-btn) > a.over {
        color: #ca1c1d !important; }
      /* line 892, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #header nav ul li:not(.localsite-btn) > a:hover:after {
        border-top: 10px solid #ca1c1d !important; }
      /* line 896, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #header nav ul li:not(.localsite-btn) > a.current {
        color: #ca1c1d !important; }
    /* line 901, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #header > .inner {
      position: relative;
      z-index: 110; }
      /* line 905, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #header > .inner > .wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        height: 58px;
        text-align: left; }
        @media screen and (min-width: 0px) and (max-width: 980px) {
          /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #header > .inner > .wrap {
            height: 47px; } }
        /* line 919, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #header > .inner > .wrap h1 {
          width: 154px;
          margin-left: -27px;
          z-index: 30; }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #header > .inner > .wrap h1 {
              width: 147px;
              margin-left: -25px; } }
          /* line 928, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap h1 a {
            display: block; }
        /* line 934, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #header > .inner > .wrap #global {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          position: relative;
          margin-right: auto;
          margin-left: 69px;
          z-index: 10; }
          /* line 942, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .win #container #header > .inner > .wrap #global {
            top: -1px; }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #header > .inner > .wrap #global {
              display: none; } }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #header > .inner > .wrap #global nav {
              margin-left: 0; } }
          /* line 954, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap #global nav ul {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #header > .inner > .wrap #global nav ul li {
                display: none; } }
          /* line 970, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap #global nav.main ul li {
            padding-top: 4px;
            font-size: 18px;
            font-size: 1.8rem; }
            /* line 974, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header > .inner > .wrap #global nav.main ul li + li {
              margin-left: 15px; }
          /* line 979, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap #global nav.sub {
            position: relative;
            margin-left: 15px;
            padding-left: 15px; }
            /* line 988, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header > .inner > .wrap #global nav.sub ul li {
              padding-top: 2px;
              font-size: 13px;
              font-size: 1.3rem; }
              /* line 992, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap #global nav.sub ul li + li {
                margin-left: 12px; }
              /* line 995, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap #global nav.sub ul li a {
                color: rgba(255, 255, 255, 0.6); }
              /* line 1000, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap #global nav.sub ul li.localsite-btn {
                display: block;
                margin-left: 96px;
                padding-top: 0; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container #header > .inner > .wrap #global nav.sub ul li.localsite-btn {
                    display: none; } }
              /* line 1008, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap #global nav.sub ul li.lang-btn, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn {
                position: relative;
                margin-left: 24px; }
                /* line 1011, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #header > .inner > .wrap #global nav.sub ul li.lang-btn > a, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn > a {
                  position: relative; }
                  /* line 1014, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header > .inner > .wrap #global nav.sub ul li.lang-btn > a:after, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn > a:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    border-top: 10px solid rgba(255, 255, 255, 0.6);
                    position: absolute;
                    top: 50%;
                    right: -5px;
                    -webkit-transform: translate(100%, -50%);
                    -ms-transform: translate(100%, -50%);
                    transform: translate(100%, -50%); }
                /* line 1025, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #header > .inner > .wrap #global nav.sub ul li.lang-btn .lang_list, #container #header > .inner > .wrap #global nav.sub ul li.lang-btn .contents_list, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn .lang_list, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn .contents_list {
                  display: none;
                  position: absolute;
                  left: 0;
                  bottom: -23px;
                  -webkit-transform: translateY(100%);
                  -ms-transform: translateY(100%);
                  transform: translateY(100%);
                  background: rgba(20, 20, 20, 0.6);
                  -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                  flex-direction: column;
                  -webkit-align-items: flex-start;
                  -ms-flex-align: start;
                  align-items: flex-start;
                  height: auto;
                  min-width: 175px; }
                  /* line 1037, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header > .inner > .wrap #global nav.sub ul li.lang-btn .lang_list li, #container #header > .inner > .wrap #global nav.sub ul li.lang-btn .contents_list li, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn .lang_list li, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn .contents_list li {
                    margin-left: 0;
                    padding: 5px 0 10px 5px; }
                    /* line 1041, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    #container #header > .inner > .wrap #global nav.sub ul li.lang-btn .lang_list li .sub-text, #container #header > .inner > .wrap #global nav.sub ul li.lang-btn .contents_list li .sub-text, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn .lang_list li .sub-text, #container #header > .inner > .wrap #global nav.sub ul li.contents-btn .contents_list li .sub-text {
                      font-size: 11px; }
        /* line 1045, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #header > .inner > .wrap .sub {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          /* line 1052, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap .sub .citizen {
            width: 78px; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #header > .inner > .wrap .sub .citizen {
                display: none; } }
            /* line 1058, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header > .inner > .wrap .sub .citizen a {
              display: block; }
          /* line 1061, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap .sub .localsite-btn {
            display: none; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #header > .inner > .wrap .sub .localsite-btn {
                display: block; } }
            @media screen and (min-width: 768px) and (max-width: 980px) {
              /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #header > .inner > .wrap .sub .localsite-btn {
                display: block; } }
          /* line 1080, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap .sub .btn.lang {
            position: relative;
            margin-right: 20px;
            padding-right: 20px; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #header > .inner > .wrap .sub .btn.lang {
                margin-right: 0;
                padding-right: 0; } }
            /* line 1089, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header > .inner > .wrap .sub .btn.lang:after {
              left: auto;
              right: 0;
              -ms-transform: translate(50%, -50%);
              -webkit-transform: translate(50%, -50%);
              transform: translate(50%, -50%); }
              @media screen and (min-width: 0px) and (max-width: 980px) {
                /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #header > .inner > .wrap .sub .btn.lang:after {
                  display: none; } }
            /* line 1098, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header > .inner > .wrap .sub .btn.lang a {
              display: block;
              width: 20px;
              height: 20px; }
              @media screen and (min-width: 0px) and (max-width: 980px) {
                /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #header > .inner > .wrap .sub .btn.lang a {
                  width: 18px;
                  height: 18px; } }
              /* line 1108, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap .sub .btn.lang a svg {
                fill: #ffffff; }
          /* line 1113, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header > .inner > .wrap .sub .btn.menu {
            display: none;
            margin-right: -15px;
            margin-left: 0; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #header > .inner > .wrap .sub .btn.menu {
                display: block; } }
            /* line 1121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header > .inner > .wrap .sub .btn.menu a {
              display: block;
              position: relative;
              width: 58px;
              height: 47px;
              padding: 0 15px; }
              /* line 1128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap .sub .btn.menu a ul {
                position: absolute;
                top: 50%;
                left: 50%; }
                /* line 1133, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #header > .inner > .wrap .sub .btn.menu a ul li {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 28px;
                  height: 1px;
                  background-color: #ffffff;
                  transition-property: width -webkit-transform opacity;
                  transition-property: width transform opacity;
                  transition-duration: 240ms;
                  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
                  /* line 1144, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header > .inner > .wrap .sub .btn.menu a ul li:nth-child(1) {
                    -ms-transform: translate(-50%, -6px);
                    -webkit-transform: translate(-50%, -6px);
                    transform: translate(-50%, -6px); }
                  /* line 1147, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header > .inner > .wrap .sub .btn.menu a ul li:nth-child(2) {
                    height: 2px;
                    -ms-transform: translate(-50%, -1px);
                    -webkit-transform: translate(-50%, -1px);
                    transform: translate(-50%, -1px); }
                  /* line 1151, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header > .inner > .wrap .sub .btn.menu a ul li:nth-child(3) {
                    -ms-transform: translate(-50%, 5px);
                    -webkit-transform: translate(-50%, 5px);
                    transform: translate(-50%, 5px); }
            /* line 1157, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header > .inner > .wrap .sub .btn.menu.close a ul li {
              width: 27px; }
              /* line 1160, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap .sub .btn.menu.close a ul li:nth-child(1) {
                -ms-transform: translate(-50%, 0) rotate(150deg);
                -webkit-transform: translate(-50%, 0) rotate(150deg);
                transform: translate(-50%, 0) rotate(150deg); }
              /* line 1163, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap .sub .btn.menu.close a ul li:nth-child(2) {
                width: 0;
                opacity: 0;
                filter: alpha(opacity=0); }
              /* line 1167, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header > .inner > .wrap .sub .btn.menu.close a ul li:nth-child(3) {
                -ms-transform: translate(-50%, 0) rotate(-150deg);
                -webkit-transform: translate(-50%, 0) rotate(-150deg);
                transform: translate(-50%, 0) rotate(-150deg); }
    /* line 1172, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #header #floating {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      z-index: 100; }
      /* line 1184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #header #floating > .wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 10; }
        /* line 1195, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #header #floating > .wrap .inner {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end;
          position: relative;
          min-height: 100%;
          padding: 80px 0 0;
          text-align: left; }
          /* line 1206, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header #floating > .wrap .inner .lv1 {
            margin-top: 0;
            margin-bottom: auto;
            padding-right: 20px;
            padding-left: 40px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #header #floating > .wrap .inner .lv1 {
                padding-right: 15px;
                padding-left: 30px; } }
            /* line 1220, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header #floating > .wrap .inner .lv1 nav.main ul {
              display: block; }
              /* line 1223, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header #floating > .wrap .inner .lv1 nav.main ul li {
                display: block;
                padding-left: 0;
                font-size: 37px;
                font-size: 3.7rem; }
                /* line 1229, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #header #floating > .wrap .inner .lv1 nav.main ul li + li {
                  margin-top: 12px; }
            /* line 1234, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header #floating > .wrap .inner .lv1 nav.sub {
              position: relative;
              margin-top: 22px;
              padding-top: 30px; }
              /* line 1239, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header #floating > .wrap .inner .lv1 nav.sub:before {
                content: "";
                position: absolute;
                top: -1px;
                left: 0;
                width: 15px;
                height: 2px;
                background-color: #ffffff; }
              /* line 1248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header #floating > .wrap .inner .lv1 nav.sub ul {
                display: block; }
                /* line 1251, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #header #floating > .wrap .inner .lv1 nav.sub ul li {
                  display: block;
                  padding-left: 0;
                  font-size: 20px;
                  font-size: 2rem; }
                  /* line 1257, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header #floating > .wrap .inner .lv1 nav.sub ul li + li {
                    margin-top: 10px; }
                  /* line 1260, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header #floating > .wrap .inner .lv1 nav.sub ul li a {
                    display: block;
                    color: rgba(255, 255, 255, 0.4); }
                  /* line 1264, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header #floating > .wrap .inner .lv1 nav.sub ul li.localsite-btn {
                    display: none; }
                  /* line 1267, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header #floating > .wrap .inner .lv1 nav.sub ul li.lang-btn {
                    margin-top: 60px; }
                    /* line 1270, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    #container #header #floating > .wrap .inner .lv1 nav.sub ul li.lang-btn:before {
                      content: "";
                      position: absolute;
                      top: -30px;
                      left: 0;
                      width: 15px;
                      height: 2px;
                      background-color: #ffffff; }
                    /* line 1279, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    #container #header #floating > .wrap .inner .lv1 nav.sub ul li.lang-btn > a {
                      color: #fff;
                      pointer-events: none; }
                    /* line 1283, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    #container #header #floating > .wrap .inner .lv1 nav.sub ul li.lang-btn .lang_list {
                      margin: 25px 0 0 15px; }
                      /* line 1286, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                      #container #header #floating > .wrap .inner .lv1 nav.sub ul li.lang-btn .lang_list .sub-text {
                        font-size: 14px; }
                      /* line 1289, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                      #container #header #floating > .wrap .inner .lv1 nav.sub ul li.lang-btn .lang_list li + li {
                        margin-top: 15px; }
                  /* line 1294, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header #floating > .wrap .inner .lv1 nav.sub ul li.contents-btn > a {
                    color: #fff;
                    pointer-events: none; }
                  /* line 1298, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  #container #header #floating > .wrap .inner .lv1 nav.sub ul li.contents-btn .contents_list {
                    margin: 25px 0 0 15px; }
                    /* line 1301, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    #container #header #floating > .wrap .inner .lv1 nav.sub ul li.contents-btn .contents_list li + li {
                      margin-top: 15px; }
            /* line 1306, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header #floating > .wrap .inner .lv1 .sns {
              margin-top: 20px; }
              /* line 1310, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header #floating > .wrap .inner .lv1 .sns dd a {
                color: #141414; }
                /* line 1313, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #header #floating > .wrap .inner .lv1 .sns dd a:before {
                  background-color: #ffffff; }
          /* line 1318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #header #floating > .wrap .inner .lv2 {
            margin-top: 40px;
            padding-top: 15px;
            padding-bottom: 15px;
            background-color: #141414; }
            /* line 1324, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #header #floating > .wrap .inner .lv2 .citizen {
              width: 100px;
              margin: 0 auto; }
              /* line 1328, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #header #floating > .wrap .inner .lv2 .citizen a {
                display: block; }
    /* line 1333, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #header.fixed {
      position: fixed !important;
      top: 0; }
  /* line 1342, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container #footer {
    position: relative;
    padding-bottom: 20px;
    text-align: left;
    background-color: #141414;
    z-index: 10; }
    /* line 1356, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #footer .lv1 {
      position: relative;
      padding-top: 13px;
      padding-bottom: 12px;
      border-bottom: 2px solid rgba(255, 255, 255, 0.1); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #footer .lv1 {
          border-bottom-width: 1px; } }
      /* line 1367, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #footer .lv1 .topic_path {
        padding-right: 100px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #footer .lv1 .topic_path {
            padding-right: 35px; } }
        /* line 1377, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #footer .lv1 .topic_path ul li {
          display: inline;
          line-height: 2;
          font-size: 13px;
          font-size: 1.3rem; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #footer .lv1 .topic_path ul li {
              font-size: 10px;
              font-size: 1rem; } }
          /* line 1386, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #footer .lv1 .topic_path ul li + li {
            position: relative; }
            /* line 1389, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv1 .topic_path ul li + li:before {
              content: ">";
              margin: 0 9px;
              color: rgba(255, 255, 255, 0.3); }
          /* line 1395, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #footer .lv1 .topic_path ul li a sub.ja, #container #footer .lv1 .topic_path ul li span sub.ja {
            vertical-align: baseline;
            font-size: 12px;
            font-size: 1.2rem; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #footer .lv1 .topic_path ul li a sub.ja, .touchevents #container #footer .lv1 .topic_path ul li span sub.ja {
                font-size: 10px;
                font-size: 1rem; } }
          /* line 1403, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #footer .lv1 .topic_path ul li a {
            color: rgba(255, 255, 255, 0.3); }
            /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            .no-touchevents #container #footer .lv1 .topic_path ul li a:hover, .no-touchevents #container #footer .lv1 .topic_path ul li a:focus, .no-touchevents #container #footer .lv1 .topic_path ul li a:active {
              color: #ca1c1d; }
            /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            .touchevents #container #footer .lv1 .topic_path ul li a.over {
              color: #ca1c1d; }
      /* line 1411, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #footer .lv1 .pagetop {
        position: absolute;
        top: 0;
        right: -20px; }
        /* line 1416, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #footer .lv1 .pagetop a {
          display: block;
          width: 50px;
          height: 53px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #footer .lv1 .pagetop a {
              height: 46px; } }
          /* line 1424, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #footer .lv1 .pagetop a span {
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 9px;
            height: 9px;
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
            /* line 1433, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv1 .pagetop a span svg {
              fill: #ffffff; }
          /* line 1437, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container #footer .lv1 .pagetop a:hover span, .no-touchevents #container #footer .lv1 .pagetop a:focus span, .no-touchevents #container #footer .lv1 .pagetop a:active span {
            top: calc(50% + 4px);
            margin-top: -4px;
            transition: top 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
          /* line 1437, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container #footer .lv1 .pagetop a.over span {
            top: calc(50% + 4px);
            margin-top: -4px;
            transition: top 240ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    /* line 1444, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #footer .lv2 {
      margin-top: 49px; }
      /* line 1449, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #footer .lv2 .wrap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (min-width: 0px) and (max-width: 980px) {
          /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #footer .lv2 .wrap {
            -webkit-align-items: flex-start;
            -ms-flex-align: start;
            align-items: flex-start; } }
        /* line 1458, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #footer .lv2 .wrap h1 {
          width: 148px; }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #footer .lv2 .wrap h1 {
              width: 132px; } }
        /* line 1465, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #footer .lv2 .wrap nav ul {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #footer .lv2 .wrap nav ul {
              display: block; } }
          /* line 1473, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #footer .lv2 .wrap nav ul li {
            font-size: 18px;
            font-size: 1.8rem; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #footer .lv2 .wrap nav ul li {
                font-size: 16px;
                font-size: 1.6rem; } }
            /* line 1480, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv2 .wrap nav ul li + li {
              margin-left: 15px; }
              @media screen and (min-width: 0px) and (max-width: 980px) {
                /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #footer .lv2 .wrap nav ul li + li {
                  margin-top: 6px;
                  margin-left: 0; } }
            /* line 1488, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv2 .wrap nav ul li a.current {
              color: #ca1c1d; }
            /* line 1490, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv2 .wrap nav ul li.lang-btn {
              display: none; }
            /* line 1492, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv2 .wrap nav ul li.localsite-btn {
              display: none; }
      /* line 1497, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #footer .lv2 nav.external {
        margin-top: 27px; }
        /* line 1500, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #footer .lv2 nav.external ul {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          /* line 1505, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #footer .lv2 nav.external ul li {
            font-size: 10px;
            font-size: 1rem; }
            /* line 1509, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv2 nav.external ul li + li {
              margin-left: 10px; }
            /* line 1512, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #footer .lv2 nav.external ul li a {
              color: rgba(255, 255, 255, 0.4); }
              /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
              .no-touchevents #container #footer .lv2 nav.external ul li a:hover, .no-touchevents #container #footer .lv2 nav.external ul li a:focus, .no-touchevents #container #footer .lv2 nav.external ul li a:active {
                color: #ffffff; }
              /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
              .touchevents #container #footer .lv2 nav.external ul li a.over {
                color: #ffffff; }
      /* line 1520, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #footer .lv2 .copyright {
        margin-top: 8px;
        color: rgba(255, 255, 255, 0.1);
        font-size: 10px;
        font-size: 1rem; }
  /* line 1531, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container #content {
    position: relative;
    padding-top: 60px;
    text-align: left;
    z-index: 10; }
    @media screen and (min-width: 0px) and (max-width: 980px) {
      /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container #content {
        padding-top: 49px; } }
    /* line 1543, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #content > .inner {
      position: relative;
      padding-top: 70px; }
      @media screen and (min-width: 0px) and (max-width: 980px) {
        /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #content > .inner {
          padding-top: 35px; } }
      /* line 1551, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content > .inner > * + * {
        margin-top: 129px; }
      /* line 1558, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content > .inner ul.btn_list li + li {
        margin-top: 20px; }
        @media screen and (min-width: 0px) and (max-width: 980px) {
          /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #content > .inner ul.btn_list li + li {
            margin-top: 15px; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #content > .inner ul.btn_list li + li {
            margin-top: 10px; } }
      /* line 1571, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content > .inner ul.centering {
        text-align: center; }
        /* line 1575, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #content > .inner ul.centering li .btn {
          display: inline-block;
          margin-right: auto;
          margin-left: auto; }
    /* line 1585, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #content section {
      margin-top: 149px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #content section {
          margin-top: 89px; } }
      /* line 1591, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content section:first-child {
        margin-top: 69px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #content section:first-child {
            margin-top: 29px; } }
      /* line 1599, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content section header + .body {
        margin-top: 69px;
        padding-top: 0.1px; }
        @media screen and (min-width: 0px) and (max-width: 980px) {
          /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #content section header + .body {
            margin-top: 49px; } }
      /* line 1610, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content section .body p + p {
        margin-top: 29px; }
      /* line 1615, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content section .body p.note {
        color: #666666; }
      /* line 1621, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content section footer {
        margin-top: 25px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #content section#lineup .body .layout_product_list header p {
          line-height: 1.30769;
          font-size: 13px;
          font-size: 1.3rem; } }
      /* line 1661, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content section.section > .inner {
        position: relative; }
        /* line 1664, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #content section.section > .inner:after {
          content: "";
          position: absolute;
          top: 1px;
          right: 40px;
          width: 30px;
          height: 2px;
          background-color: rgba(255, 255, 255, 0.3); }
          @media screen and (min-width: 1295px) {
            /* line 1664, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #content section.section > .inner:after {
              right: 128px; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #content section.section > .inner:after {
              top: 0;
              right: 15px; } }
      /* line 1684, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #content section.section.no_line > .inner:after {
        display: none; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #content section.section:not(.has_header) > .inner:after {
          display: none; } }
  /* line 1708, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container #visual_area {
    position: relative;
    width: 100%;
    height: 700px;
    margin-top: -60px;
    z-index: 20; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container #visual_area {
        height: 552px !important;
        margin-top: -49px; } }
    /* line 1719, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area + .module_nav_movie {
      position: relative;
      margin-top: 0 !important;
      z-index: 100; }
    /* line 1725, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area .line_text > .txt_outer {
      display: inline-block;
      position: relative;
      line-height: 1; }
      /* line 1730, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area .line_text > .txt_outer > .txt_inner {
        display: inline-block;
        position: relative;
        z-index: 2; }
      /* line 1739, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area .line_text > .txt_outer .base {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
        /* line 1747, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area .line_text > .txt_outer .base:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: url("/promaster/special/assets/images/common/parts/mesh_txt.png") repeat 0 0; }
    /* line 1757, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area h3 sup, #container #visual_area h4 sup {
      display: inline-block;
      vertical-align: top; }
      /* line 1761, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .ie #container #visual_area h3 sup, .ie #container #visual_area h4 sup {
        -ms-transform: translate(0, -2px);
        -webkit-transform: translate(0, -2px);
        transform: translate(0, -2px); }
    /* line 1764, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area h3 .txt_outer, #container #visual_area h4 .txt_outer {
      white-space: nowrap;
      line-height: 1; }
    /* line 1768, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area h3 + h4 {
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area h3 + h4 {
          margin-top: 10px; } }
    /* line 1775, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area *:not(.section_title) > h3 {
      margin-bottom: -12px; }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="de"] #container #visual_area *:not(.section_title) > h3 {
        letter-spacing: 0.02em; }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="it"] #container #visual_area *:not(.section_title) > h3 {
        letter-spacing: 0.02em; }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="es"] #container #visual_area *:not(.section_title) > h3 {
        letter-spacing: 0.02em; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area *:not(.section_title) > h3 {
          margin-bottom: -7px;
          font-size: 25px;
          font-size: 2.5rem; } }
      /* line 1795, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area *:not(.section_title) > h3 sub.ja {
        position: relative;
        top: -3px;
        vertical-align: baseline;
        line-height: 1;
        font-size: 42px;
        font-size: 4.2rem; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area *:not(.section_title) > h3 sub.ja {
            top: -1px;
            font-size: 22px;
            font-size: 2.2rem; } }
    /* line 1807, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area h3 {
      line-height: 1 !important;
      color: rgba(255, 255, 255, 0.95); }
      /* line 1812, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h3 .txt_outer > .txt_inner {
        margin-left: -2px; }
      /* line 1816, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h3 .txt_outer .base:before {
        width: calc(100% - 2px) !important;
        height: 37px !important; }
        /* line 1820, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .win #container #visual_area h3 .txt_outer .base:before {
          top: 3px;
          height: 38px !important; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area h3 .txt_outer .base:before {
            height: 20px !important; } }
      /* line 1828, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h3 br + .txt_outer {
        margin-top: 12px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area h3 br + .txt_outer {
            margin-top: 4px; } }
      /* line 1844, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h3.line_text .txt_outer .base {
        top: 1px; }
      /* line 1851, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h3.line_text.ja .txt_outer > .txt_inner {
        margin-left: 0; }
      /* line 1854, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h3.line_text.ja .txt_outer .base {
        top: -4px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area h3.line_text.ja .txt_outer .base {
            top: -2px; } }
        /* line 1860, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area h3.line_text.ja .txt_outer .base:before {
          width: calc(100% - 2px) !important;
          height: 46px !important; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #visual_area h3.line_text.ja .txt_outer .base:before {
              height: 22px !important; } }
    /* line 1867, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area h4 {
      margin-bottom: -6px;
      color: rgba(255, 255, 255, 0.4); }
      /* line 1872, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h4 .txt_outer > .txt_inner {
        margin-left: -1px; }
      /* line 1876, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area h4 .txt_outer .base:before {
        width: calc(100% - 1px) !important;
        height: 16px !important; }
        /* line 1880, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .ie #container #visual_area h4 .txt_outer .base:before {
          top: 3px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area h4 .txt_outer .base:before {
            height: 10px !important; } }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area h4.line_text.ja {
          font-size: 13px;
          font-size: 1.3rem; } }
      /* line 1898, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .ie #container #visual_area h4.line_text.ja .txt_outer .base {
        top: -1px; }
    /* line 1901, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area p {
      color: rgba(255, 255, 255, 0.6);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area p {
          font-size: 13px;
          font-size: 1.3rem; } }
      @media screen and (max-width: 321px) {
        /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area p {
          font-size: 11px;
          font-size: 1.1rem; } }
      /* line 1912, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area p span {
        line-height: inherit !important; }
      /* line 1917, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .ie #container #visual_area p .txt_outer .base {
        top: -2px; }
      /* line 1920, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area p .txt_outer .base:before {
        height: calc(100% - 4px) !important; }
        /* line 1923, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .ie #container #visual_area p .txt_outer .base:before {
          top: 3px; }
    /* line 1928, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area header {
      position: absolute;
      top: 129px;
      left: 0;
      width: 100%;
      pointer-events: none;
      z-index: 3; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area header {
          top: 78px; } }
      /* line 1944, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area header .inner *[class*=_title]:after {
        display: none; }
      /* line 1950, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area header .inner .page_title h2 .txt_outer .txt_inner {
        margin-left: -1px; }
      /* line 1954, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .win #container #visual_area header .inner .page_title h2 .txt_outer .base {
        top: 2px; }
      /* line 1957, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area header .inner .page_title h2 .txt_outer .base:before {
        width: calc(100% - 1px) !important;
        height: 19px !important; }
      /* line 1961, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area header .inner .section_title {
        margin-top: 69px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area header .inner .section_title {
            margin-top: 29px; } }
        /* line 1967, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area header .inner .section_title h3 {
          color: rgba(255, 255, 255, 0.4); }
          /* line 1971, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area header .inner .section_title h3 .txt_outer .txt_inner {
            margin-left: -1px; }
          /* line 1975, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .win #container #visual_area header .inner .section_title h3 .txt_outer .base {
            top: -1px; }
          /* line 1978, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area header .inner .section_title h3 .txt_outer .base:before {
            width: calc(100% - 1px) !important;
            height: 15px !important; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #visual_area header .inner .section_title h3 .txt_outer .base:before {
                height: 12px !important; } }
      /* line 1985, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area header .inner .title {
        margin-top: 69px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area header .inner .title {
            margin-top: 29px; } }
    /* line 1999, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area > .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #ffffff;
      z-index: 1; }
      /* line 2008, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area > .bg:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
        opacity: 0.5;
        z-index: 1;
        opacity: 0.3;
        filter: alpha(opacity=30); }
      /* line 2013, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area > .bg figure {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover; }
    /* line 2022, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area .wrap {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 2; }
      /* line 2030, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area .wrap .post {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        /* line 2039, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area .wrap .post .text {
          height: 100%; }
          /* line 2044, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area .wrap .post .text .inner {
            position: relative;
            height: 100%;
            padding-top: 129px;
            z-index: 2; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #visual_area .wrap .post .text .inner {
                padding-top: 78px; } }
            /* line 2053, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area .wrap .post .text .inner > * {
              position: relative; }
              /* line 2056, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post .text .inner > * + *:not(.btn):not(.note) {
                margin-top: 29px;
                padding-top: 29px; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container #visual_area .wrap .post .text .inner > * + *:not(.btn):not(.note) {
                    margin-top: 20px;
                    padding-top: 20px; } }
                /* line 2064, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #visual_area .wrap .post .text .inner > * + *:not(.btn):not(.note) .line {
                  display: block;
                  position: absolute;
                  top: -1px;
                  left: 0;
                  width: 15px;
                  height: 2px;
                  background-color: rgba(255, 255, 255, 0.95); }
            /* line 2074, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area .wrap .post .text .inner p.note {
              margin-top: 10px;
              font-size: 10px !important;
              font-size: 1rem !important; }
              /* line 2078, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post .text .inner p.note span {
                display: inline-block;
                color: white !important;
                -ms-transform-origin: 0 0;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
                -ms-transform: scale(0.8, 0.8);
                -webkit-transform: scale(0.8, 0.8);
                transform: scale(0.8, 0.8); }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #visual_area .wrap .post .text .inner p.note {
                  margin-top: 5px; } }
            /* line 2089, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area .wrap .post .text .inner .eyecatch {
              position: relative; }
              /* line 2092, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post .text .inner .eyecatch.logo_30th {
                left: -5px;
                width: 235px;
                margin-top: -5px;
                margin-bottom: -5px; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container #visual_area .wrap .post .text .inner .eyecatch.logo_30th {
                    left: -4px;
                    width: 170px;
                    margin-top: -4px;
                    margin-bottom: -4px; } }
            /* line 2121, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area .wrap .post .text .inner .icon.more {
              position: absolute;
              bottom: 29px;
              width: 227px; }
              /* line 2126, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post .text .inner .icon.more > * {
                opacity: 0.95;
                filter: alpha(opacity=95); }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #visual_area .wrap .post .text .inner .icon.more {
                  bottom: 29px;
                  width: auto; }
                  /* line 2133, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                  .touchevents #container #visual_area .wrap .post .text .inner .icon.more > * {
                    padding-top: 49px;
                    padding-right: 44px;
                    padding-bottom: 0; }
                    /* line 2138, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    .touchevents #container #visual_area .wrap .post .text .inner .icon.more > *:before {
                      width: 44px;
                      height: 49px; }
                    /* line 2142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    .touchevents #container #visual_area .wrap .post .text .inner .icon.more > * .line_wrap {
                      display: none; }
                    /* line 2145, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                    .touchevents #container #visual_area .wrap .post .text .inner .icon.more > * span {
                      display: none; } }
              /* line 2150, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post .text .inner .icon.more.show > *:before {
                -webkit-animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
                animation: btn_over_arrow_right 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
              /* line 2153, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post .text .inner .icon.more.show > *:after {
                -webkit-animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
                animation: btn_over_line 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
        /* line 2158, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area .wrap .post figure {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
          /* line 2168, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area .wrap .post figure .photo {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            overflow: hidden; }
            /* line 2179, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area .wrap .post figure .photo .img_wrap {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              /* line 2188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post figure .photo .img_wrap.has_bg {
                background-color: #ffffff; }
                /* line 2191, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container #visual_area .wrap .post figure .photo .img_wrap.has_bg:before {
                  content: "";
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
                  opacity: 0.5;
                  z-index: 2;
                  opacity: 0.3;
                  filter: alpha(opacity=30); }
              /* line 2196, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post figure .photo .img_wrap .img, #container #visual_area .wrap .post figure .photo .img_wrap .bg {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-position: 50% 50%; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container #visual_area .wrap .post figure .photo .img_wrap .img, .touchevents #container #visual_area .wrap .post figure .photo .img_wrap .bg {
                    background-position: 100% 50%; } }
              /* line 2209, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post figure .photo .img_wrap .img {
                background-size: auto 100%;
                z-index: 3; }
              /* line 2216, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area .wrap .post figure .photo .img_wrap .bg {
                background-size: cover;
                z-index: 1; }
        /* line 2220, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area .wrap .post a {
          display: block;
          position: relative;
          width: 100%;
          height: 100%;
          pointer-events: none; }
          /* line 2234, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container #visual_area .wrap .post a:hover figure .photo .img_wrap.has_bg .bg, .no-touchevents #container #visual_area .wrap .post a:focus figure .photo .img_wrap.has_bg .bg, .no-touchevents #container #visual_area .wrap .post a:active figure .photo .img_wrap.has_bg .bg {
            -webkit-animation: blink4 640ms 1 cubic-bezier(0.165, 0.84, 0.44, 1);
            animation: blink4 640ms 1 cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 2238, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container #visual_area .wrap .post a:hover figure .photo .img_wrap .img, .no-touchevents #container #visual_area .wrap .post a:focus figure .photo .img_wrap .img, .no-touchevents #container #visual_area .wrap .post a:active figure .photo .img_wrap .img {
            -webkit-animation: blink4 80ms 3 cubic-bezier(0.165, 0.84, 0.44, 1);
            animation: blink4 80ms 3 cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 2234, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container #visual_area .wrap .post a.over figure .photo .img_wrap.has_bg .bg {
            -webkit-animation: blink4 640ms 1 cubic-bezier(0.165, 0.84, 0.44, 1);
            animation: blink4 640ms 1 cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 2238, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container #visual_area .wrap .post a.over figure .photo .img_wrap .img {
            -webkit-animation: blink4 80ms 3 cubic-bezier(0.165, 0.84, 0.44, 1);
            animation: blink4 80ms 3 cubic-bezier(0.165, 0.84, 0.44, 1); }
        /* line 2246, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area .wrap .post.show a {
          pointer-events: auto; }
        /* line 2279, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area .wrap .post.layout_1 .text .inner h3 {
          line-height: 1.18367;
          font-size: 49px;
          font-size: 4.9rem; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #visual_area .wrap .post.layout_1 .text .inner h3 {
              font-size: 31px;
              font-size: 3.1rem; } }
          @media screen and (max-width: 321px) {
            /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #visual_area .wrap .post.layout_1 .text .inner h3 {
              font-size: 25px;
              font-size: 2.5rem; } }
          /* line 2289, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area .wrap .post.layout_1 .text .inner h3 sub.ja {
            top: -2px;
            font-size: 42px;
            font-size: 4.2rem; }
            /* line 2293, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            .ie #container #visual_area .wrap .post.layout_1 .text .inner h3 sub.ja {
              font-size: 48px;
              font-size: 4.8rem; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #visual_area .wrap .post.layout_1 .text .inner h3 sub.ja {
                top: -2px;
                font-size: 42px;
                font-size: 4.2rem; } }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #visual_area .wrap .post.layout_1 .text .inner h3 sub.ja {
                top: -2px;
                font-size: 26px;
                font-size: 2.6rem; } }
            @media screen and (max-width: 321px) {
              /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #visual_area .wrap .post.layout_1 .text .inner h3 sub.ja {
                top: -1px;
                font-size: 22px;
                font-size: 2.2rem; } }
          /* line 2308, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area .wrap .post.layout_1 .text .inner h3 > .txt_outer {
            margin-top: 6px; }
            /* line 2312, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area .wrap .post.layout_1 .text .inner h3 > .txt_outer .base:before {
              height: 37px !important; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #visual_area .wrap .post.layout_1 .text .inner h3 > .txt_outer .base:before {
                  height: 24px !important; } }
              @media screen and (max-width: 321px) {
                /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #visual_area .wrap .post.layout_1 .text .inner h3 > .txt_outer .base:before {
                  height: 19px !important; } }
              /* line 2321, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              .win #container #visual_area .wrap .post.layout_1 .text .inner h3 > .txt_outer .base:before {
                top: 5px; }
        @media screen and (max-width: 767px) {
          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"].touchevents #container #visual_area .wrap .post.layout_1 .text .inner p {
            font-size: 11px;
            font-size: 1.1rem; } }
        /* line 2355, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p {
          color: rgba(255, 255, 255, 0.95); }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="de"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p {
            font-size: 14px;
            font-size: 1.4rem; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="it"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p {
            font-size: 14px;
            font-size: 1.4rem; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="es"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p {
            font-size: 14px;
            font-size: 1.4rem; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p {
              font-size: 13px;
              font-size: 1.3rem; } }
          /* line 2372, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p span {
            line-height: inherit !important; }
          /* line 2376, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base {
            top: 2px; }
            /* line 2379, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            .win:not(.ie) #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base {
              top: 3px; }
            /* line 2382, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            .ie #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base {
              top: 0; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base {
              top: 1px; }
            /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"].win #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base {
              top: 2px; }
            /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"].ie #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base {
              top: -2px; }
            /* line 2394, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base:before {
              height: calc(100% - 8px) !important; }
              /* line 2397, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              .ie #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base:before {
                top: 4px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container #visual_area .wrap .post[class*=layout_feature_product] .text .inner p > .txt_outer .base:before {
                  height: calc(100% - 4px) !important; } }
        @media screen and (min-width: 768px) {
          /* line 36, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"] #container #visual_area .wrap .post[class*=layout_feature_product][class*=_s] .text .inner p {
            font-size: 14px;
            font-size: 1.4rem; } }
        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        html[lang="en"] #container #visual_area .wrap .post[class*=layout_feature_product][class*=_s] .text .inner p > .txt_outer .base:before {
          height: calc(100% - 6px) !important; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container #visual_area .wrap .post[class*=layout_feature_product][class*=_s] .text .inner p > .txt_outer .base:before {
            height: calc(100% - 4px) !important; } }
    /* line 2442, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area nav {
      position: absolute;
      bottom: 29px;
      left: 0;
      width: 100%;
      z-index: 2; }
      /* line 2452, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container #visual_area nav .inner {
        position: relative;
        text-align: right; }
        /* line 2458, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container #visual_area nav .inner .nav_wrap {
          display: inline-block;
          position: absolute;
          bottom: 0;
          right: 40px;
          margin-right: 0;
          margin-left: auto; }
          @media screen and (min-width: 1295px) {
            /* line 2458, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap {
              right: 128px; } }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #visual_area nav .inner .nav_wrap {
              right: 20px; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container #visual_area nav .inner .nav_wrap {
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
              -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
              justify-content: space-between;
              position: relative;
              right: 0; } }
          /* line 2482, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container #visual_area nav .inner .nav_wrap .btn {
            position: relative;
            float: left;
            width: 109px;
            height: 68px;
            cursor: pointer; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container #visual_area nav .inner .nav_wrap .btn {
                float: none;
                width: 100%;
                height: auto; } }
            /* line 2494, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn + .btn {
              margin-left: 7px; }
            /* line 2499, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn .cover {
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: rgba(0, 0, 0, 0.5);
              z-index: 1; }
            /* line 2510, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn .img_wrap {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              overflow: hidden;
              z-index: 3; }
              /* line 2519, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area nav .inner .nav_wrap .btn .img_wrap:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
                opacity: 0.5;
                opacity: 0.2;
                filter: alpha(opacity=20);
                z-index: 10; }
              /* line 2524, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area nav .inner .nav_wrap .btn .img_wrap .img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 68px;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover;
                z-index: 1; }
            /* line 2537, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn .bar_wrap {
              position: absolute;
              bottom: -2px;
              left: 0;
              width: 100%;
              height: 2px;
              z-index: 2;
              transition-property: height;
              transition-duration: 160ms;
              transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
              /* line 2551, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area nav .inner .nav_wrap .btn .bar_wrap:before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: rgba(255, 255, 255, 0.4); }
              /* line 2560, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area nav .inner .nav_wrap .btn .bar_wrap .bar {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 100%;
                background-color: rgba(255, 255, 255, 0.9); }
            /* line 2570, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn.current {
              pointer-events: none; }
              /* line 2575, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area nav .inner .nav_wrap .btn.current .bar_wrap {
                height: 6px; }
            /* line 2584, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn.show .bar_wrap {
              height: 2px; }
            /* line 2593, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn.show_complete .img_wrap {
              background-color: #ffffff; }
              /* line 2596, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container #visual_area nav .inner .nav_wrap .btn.show_complete .img_wrap .img {
                -webkit-animation: blink_img 80ms 3 cubic-bezier(0.25, 0.25, 0.75, 0.75) 100ms;
                animation: blink_img 80ms 3 cubic-bezier(0.25, 0.25, 0.75, 0.75) 100ms; }
            /* line 2606, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container #visual_area nav .inner .nav_wrap .btn.show_complete.over .img_wrap .img {
              -webkit-animation: blink_img 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75) 100ms;
              animation: blink_img 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75) 100ms; }
    /* line 2627, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area.overlap_nav .wrap .post .text .icon.more {
      bottom: 99px; }
    /* line 2632, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area.overlap_nav nav {
      position: absolute;
      bottom: 99px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area.overlap_nav nav {
          bottom: 20px; } }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container #visual_area.has_nav .wrap .post .text .inner .icon.more {
        bottom: 54px; } }
    /* line 2683, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area.has_title .wrap .post .text .inner {
      padding-top: 262px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container #visual_area.has_title .wrap .post .text .inner {
          padding-top: 167px; } }
    /* line 2696, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container #visual_area.over > .bg figure {
      -webkit-animation: blink4 640ms 1 cubic-bezier(0.165, 0.84, 0.44, 1);
      animation: blink4 640ms 1 cubic-bezier(0.165, 0.84, 0.44, 1); }
  /* line 2704, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .page_title {
    position: relative; }
    /* line 2720, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .page_title h2 {
      line-height: 1;
      color: #ca1c1d; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .page_title h2 {
          font-size: 25px;
          font-size: 2.5rem; } }
      /* line 2729, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .page_title h2 > span {
        display: block;
        margin-bottom: -6px;
        line-height: inherit; }
  /* line 2739, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .section_title {
    position: relative; }
    /* line 2751, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .section_title h2, #container .section_title h3 {
      position: relative;
      line-height: 1;
      color: rgba(255, 255, 255, 0.95); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .section_title h2, .touchevents #container .section_title h3 {
          font-size: 15px;
          font-size: 1.5rem; } }
      /* line 2761, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .section_title h2:before, #container .section_title h2:after, #container .section_title h3:before, #container .section_title h3:after {
        content: "";
        position: absolute;
        top: 0;
        width: 4px;
        height: 15px;
        background-color: #ca1c1d;
        -ms-transform: skewX(-16deg);
        -webkit-transform: skewX(-16deg);
        transform: skewX(-16deg); }
        /* line 2770, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .win #container .section_title h2:before, .win #container .section_title h2:after, .win #container .section_title h3:before, .win #container .section_title h3:after {
          top: 2px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .section_title h2:before, .touchevents #container .section_title h2:after, .touchevents #container .section_title h3:before, .touchevents #container .section_title h3:after {
            top: -1px;
            width: 3px;
            height: 12px; } }
      /* line 2778, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .section_title h2:before, #container .section_title h3:before {
        left: -16px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .section_title h2:before, .touchevents #container .section_title h3:before {
            left: -14px; } }
      /* line 2784, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .section_title h2:after, #container .section_title h3:after {
        left: -10px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .section_title h2:after, .touchevents #container .section_title h3:after {
            left: -9px; } }
      /* line 2790, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .section_title h2 > span, #container .section_title h3 > span {
        display: block;
        margin-bottom: -4px;
        line-height: inherit; }
      /* line 2795, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .section_title h2 sub.ja, #container .section_title h3 sub.ja {
        display: block;
        margin-top: 9px;
        color: rgba(255, 255, 255, 0.2); }
  /* line 2808, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .list {
    margin-top: -45px;
    margin-right: -20px;
    margin-left: -20px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .list {
        margin-right: -12px;
        margin-left: -12px; } }
    /* line 2818, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list + .list {
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .list + .list {
          margin-top: 0; } }
    /* line 2824, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list .post {
      float: left;
      margin-top: 45px;
      padding: 0 20px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .list .post {
          padding-right: 12px;
          padding-left: 12px; } }
      /* line 2834, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .list .post figure .img {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover; }
    /* line 2842, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.col_1 .post {
      width: 100%; }
    /* line 2848, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.col_2 .post {
      width: 50%; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .list.col_2 .post {
          width: 100%; } }
    /* line 2857, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.col_3 .post {
      width: 33.33333%; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .list.col_3 .post {
          width: 100%; } }
    /* line 2866, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.col_4 .post {
      width: 25%; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .list.col_4 .post {
          width: 50%; } }
    /* line 2875, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.col_5 .post {
      width: 20%; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .list.col_5 .post {
          width: 50%; } }
    /* line 2886, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.padding_post .post.dummy figure {
      position: relative; }
      /* line 2889, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .list.padding_post .post.dummy figure:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.2); }
    /* line 2911, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.photo_list .post figure .img {
      padding-bottom: 62.5%; }
    /* line 2914, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .list.photo_list .post figure figcaption {
      margin-top: 15px;
      color: rgba(255, 255, 255, 0.4); }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="en"] #container .list.photo_list .post figure figcaption {
        font-size: 14px;
        font-size: 1.4rem; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .list.photo_list .post figure figcaption {
          margin-top: 9px;
          line-height: 1.31818;
          font-size: 11px;
          font-size: 1.1rem; } }
      @media screen and (max-width: 767px) {
        /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        html[lang="en"].touchevents #container .list.photo_list .post figure figcaption {
          font-size: 12px;
          font-size: 1.2rem; } }
  /* line 2936, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_product_list:first-child {
    margin-top: 0 !important; }
  /* line 2939, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_product_list + .layout_product_list {
    margin-top: 129px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .layout_product_list + .layout_product_list {
        margin-top: 69px; } }
  /* line 2947, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_product_list > header {
    width: 100%;
    pointer-events: none; }
    /* line 2956, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > header .inner h3 {
      color: rgba(255, 255, 255, 0.95); }
      /* line 2960, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > header .inner h3 sup {
        vertical-align: text-top; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .layout_product_list > header .inner h3 {
          line-height: 1.13043;
          font-size: 23px;
          font-size: 2.3rem; } }
      /* line 2967, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > header .inner h3 span {
        display: block;
        margin-bottom: -12px;
        line-height: inherit; }
        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        html[lang="en"] #container .layout_product_list > header .inner h3 span {
          margin-bottom: -4px; }
      /* line 2975, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > header .inner h3 sub.ja {
        display: block;
        margin-top: 15px;
        color: rgba(255, 255, 255, 0.35); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_product_list > header .inner h3 sub.ja {
            font-size: 13px;
            font-size: 1.3rem; } }
    /* line 2986, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > header .inner p {
      position: relative;
      margin-top: 16px;
      padding-top: 20px; }
      /* line 2992, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > header .inner p:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 15px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.95); }
    /* line 3007, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > header:not(.fixed) .inner {
      min-width: 0;
      padding-right: 0;
      padding-left: 0; }
  /* line 3014, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_product_list > header + .body {
    margin-top: 29px !important; }
  /* line 3017, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_product_list > .body {
    position: relative;
    overflow: hidden;
    z-index: 1; }
    /* line 3024, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > .body > .btn {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 2; }
      /* line 3031, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > .body > .btn a {
        display: block;
        padding-top: 49px;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.8); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_product_list > .body > .btn a {
            padding-top: 30px; } }
    /* line 3043, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > .body .product_image .lazy_load_wrap {
      background-color: rgba(0, 0, 0, 0.2); }
    /* line 3052, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > .body .list {
      position: relative;
      margin-top: -6px;
      margin-right: -3px;
      margin-left: -3px;
      z-index: 1; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .layout_product_list > .body .list {
          margin-top: -15px; } }
      /* line 3064, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > .body .list .post {
        margin-top: 6px;
        padding-right: 3px;
        padding-left: 3px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_product_list > .body .list .post {
            margin-top: 15px; } }
        /* line 3072, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .layout_product_list > .body .list .post > a, #container .layout_product_list > .body .list .post > span {
          display: block;
          position: relative;
          background-color: rgba(0, 0, 0, 0.8);
          overflow: hidden; }
          /* line 3078, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list .post > a:before, #container .layout_product_list > .body .list .post > span:before {
            content: "";
            display: block;
            position: absolute;
            top: 15px;
            left: 15px;
            width: 8px;
            height: 8px;
            background: url("/promaster/special/assets/images/common/parts/icon/product_eyecatch.svg") no-repeat 0 0;
            background-size: cover;
            -ms-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-duration: 100ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 3095, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list .post > a figure, #container .layout_product_list > .body .list .post > span figure {
            position: relative;
            z-index: 1;
            transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
            /* line 3102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .layout_product_list > .body .list .post > a figure .img, #container .layout_product_list > .body .list .post > span figure .img {
              padding-bottom: 160%;
              background-size: 125% auto;
              -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
          /* line 3114, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list .post > a .text h4, #container .layout_product_list > .body .list .post > span .text h4 {
            position: absolute;
            bottom: 6px;
            left: 13px;
            color: rgba(255, 255, 255, 0.4);
            line-height: 1.38462;
            font-size: 13px;
            font-size: 1.3rem;
            z-index: 2; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .layout_product_list > .body .list .post > a .text h4, .touchevents #container .layout_product_list > .body .list .post > span .text h4 {
                font-size: 12px;
                font-size: 1.2rem; } }
            /* line 3127, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .layout_product_list > .body .list .post > a .text h4 .ja, #container .layout_product_list > .body .list .post > span .text h4 .ja {
              vertical-align: baseline; }
          /* line 3131, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list .post > a .text .icon, #container .layout_product_list > .body .list .post > span .text .icon {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-align: center;
            color: rgba(255, 255, 255, 0.95);
            z-index: 3;
            -ms-transform: translate(0, -100%);
            -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
            opacity: 0;
            filter: alpha(opacity=0);
            transition-property: opacity;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
            /* line 3147, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .layout_product_list > .body .list .post > a .text .icon.external:after, #container .layout_product_list > .body .list .post > span .text .icon.external:after {
              -ms-transform: translate(7px, 0);
              -webkit-transform: translate(7px, 0);
              transform: translate(7px, 0); }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #container .layout_product_list > .body .list .post > a .text .icon.external, html[lang="en"] #container .layout_product_list > .body .list .post > span .text .icon.external {
              -ms-transform: translate(0, -50%);
              -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
              /* line 3153, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              html[lang="en"] #container .layout_product_list > .body .list .post > a .text .icon.external:after, html[lang="en"] #container .layout_product_list > .body .list .post > span .text .icon.external:after {
                display: block;
                margin-top: 4px;
                -ms-transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
                transform: translate(0, 0); }
            /* line 3159, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .layout_product_list > .body .list .post > a .text .icon.arrow_right:after, #container .layout_product_list > .body .list .post > span .text .icon.arrow_right:after {
              -ms-transform: translate(0, 0);
              -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
          /* line 3164, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list .post > a .status, #container .layout_product_list > .body .list .post > span .status {
            display: inline-block;
            position: absolute;
            top: 11px;
            right: 13px;
            z-index: 2; }
            /* line 3172, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .layout_product_list > .body .list .post > a .status li, #container .layout_product_list > .body .list .post > span .status li {
              float: left;
              color: #ca1c1d;
              line-height: 1.38462;
              font-size: 13px;
              font-size: 1.3rem; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .layout_product_list > .body .list .post > a .status li, .touchevents #container .layout_product_list > .body .list .post > span .status li {
                  font-size: 10px;
                  font-size: 1rem; } }
              /* line 3183, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container .layout_product_list > .body .list .post > a .status li + li, #container .layout_product_list > .body .list .post > span .status li + li {
                position: relative;
                margin-left: 10px;
                padding-left: 10px; }
              /* line 3191, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container .layout_product_list > .body .list .post > a .status li sub.ja, #container .layout_product_list > .body .list .post > span .status li sub.ja {
                display: inline-block;
                margin-top: -4px;
                vertical-align: baseline;
                line-height: 1.5;
                font-size: 12px;
                font-size: 1.2rem; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container .layout_product_list > .body .list .post > a .status li sub.ja, .touchevents #container .layout_product_list > .body .list .post > span .status li sub.ja {
                    font-size: 10px;
                    font-size: 1rem; } }
        /* line 3204, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .no-touchevents #container .layout_product_list > .body .list .post a:hover:before, .no-touchevents #container .layout_product_list > .body .list .post a:focus:before, .no-touchevents #container .layout_product_list > .body .list .post a:active:before {
          -ms-transform: scale(1.4);
          -webkit-transform: scale(1.4);
          transform: scale(1.4);
          -webkit-animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75);
          animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75); }
        /* line 3210, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .no-touchevents #container .layout_product_list > .body .list .post a:hover figure, .no-touchevents #container .layout_product_list > .body .list .post a:focus figure, .no-touchevents #container .layout_product_list > .body .list .post a:active figure {
          -ms-transform: scale(1.12, 1.12);
          -webkit-transform: scale(1.12, 1.12);
          transform: scale(1.12, 1.12);
          opacity: 0.2;
          filter: alpha(opacity=20); }
        /* line 3217, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .no-touchevents #container .layout_product_list > .body .list .post a:hover .text .icon, .no-touchevents #container .layout_product_list > .body .list .post a:focus .text .icon, .no-touchevents #container .layout_product_list > .body .list .post a:active .text .icon {
          opacity: 0.95;
          filter: alpha(opacity=95); }
        /* line 3204, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .layout_product_list > .body .list .post a.over:before {
          -ms-transform: scale(1.4);
          -webkit-transform: scale(1.4);
          transform: scale(1.4);
          -webkit-animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75);
          animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75); }
        /* line 3210, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .layout_product_list > .body .list .post a.over figure {
          -ms-transform: scale(1.12, 1.12);
          -webkit-transform: scale(1.12, 1.12);
          transform: scale(1.12, 1.12);
          opacity: 0.2;
          filter: alpha(opacity=20); }
        /* line 3217, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .layout_product_list > .body .list .post a.over .text .icon {
          opacity: 0.95;
          filter: alpha(opacity=95); }
      /* line 3226, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > .body .list.padding_post .post.dummy figure:before {
        padding-bottom: 160%;
        background-color: rgba(0, 0, 0, 0.4); }
      /* line 3243, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > .body .list.col_1 .post > a figure .img, #container .layout_product_list > .body .list.col_1 .post > span figure .img {
        padding-bottom: 62.5%;
        background-size: auto 100%; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_product_list > .body .list.col_1 .post > a figure .img, .touchevents #container .layout_product_list > .body .list.col_1 .post > span figure .img {
            padding-bottom: 160%;
            background-size: 125% auto; } }
      /* line 3255, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > .body .list.col_1 .post > a .text h4, #container .layout_product_list > .body .list.col_1 .post > span .text h4 {
        bottom: 10px;
        left: 16px; }
      /* line 3261, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > .body .list.col_1 .post > a .status, #container .layout_product_list > .body .list.col_1 .post > span .status {
        top: 14px;
        right: 16px; }
      /* line 3269, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .no-touchevents #container .layout_product_list > .body .list.col_1 .post a:hover figure, .no-touchevents #container .layout_product_list > .body .list.col_1 .post a:focus figure, .no-touchevents #container .layout_product_list > .body .list.col_1 .post a:active figure {
        -ms-transform: scale(1.04, 1.04);
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04); }
      /* line 3269, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .touchevents #container .layout_product_list > .body .list.col_1 .post a.over figure {
        -ms-transform: scale(1.04, 1.04);
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .layout_product_list > .body .list.col_3 .post > a .text h4, .touchevents #container .layout_product_list > .body .list.col_3 .post > span .text h4 {
          bottom: 10px;
          left: 16px; } }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .layout_product_list > .body .list.col_3 .post > a .status, .touchevents #container .layout_product_list > .body .list.col_3 .post > span .status {
          top: 14px;
          right: 16px; } }
      /* line 3299, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_product_list > .body .list.col_5 {
        margin-top: -4px;
        margin-right: -2px;
        margin-left: -2px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_product_list > .body .list.col_5 {
            margin-top: -8px;
            margin-right: -4px;
            margin-left: -4px; } }
        /* line 3311, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .layout_product_list > .body .list.col_5 .post {
          margin-top: 4px;
          padding-right: 2px;
          padding-left: 2px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .layout_product_list > .body .list.col_5 .post {
              margin-top: 8px;
              padding-right: 4px;
              padding-left: 4px; } }
          /* line 3322, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list.col_5 .post > a:before, #container .layout_product_list > .body .list.col_5 .post > span:before {
            top: 9px;
            left: 9px; }
          /* line 3329, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list.col_5 .post > a .text h4, #container .layout_product_list > .body .list.col_5 .post > span .text h4 {
            bottom: 4px;
            left: 10px; }
          /* line 3335, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_product_list > .body .list.col_5 .post > a .status, #container .layout_product_list > .body .list.col_5 .post > span .status {
            top: 8px;
            right: 10px; }
          /* line 3343, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container .layout_product_list > .body .list.col_5 .post a:hover figure, .no-touchevents #container .layout_product_list > .body .list.col_5 .post a:focus figure, .no-touchevents #container .layout_product_list > .body .list.col_5 .post a:active figure {
            -ms-transform: scale(1.2, 1.2);
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
          /* line 3343, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container .layout_product_list > .body .list.col_5 .post a.over figure {
            -ms-transform: scale(1.2, 1.2);
            -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2); }
  /* line 3348, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_product_list > footer {
    width: 100%;
    margin-top: 0;
    padding-top: 15px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .layout_product_list > footer {
        padding-top: 9px; } }
    /* line 3362, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > footer:not(.fixed) .inner {
      min-width: 0;
      padding-right: 0;
      padding-left: 0; }
    /* line 3376, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_product_list > footer.fixed .inner .btn a {
      opacity: 0.95;
      filter: alpha(opacity=95); }
  /* line 3387, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_product_list.has_footer > header {
    padding-bottom: 69px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .layout_product_list.has_footer > header {
        padding-bottom: 29px; } }
  /* line 3398, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_technology {
    margin-top: -69px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .layout_technology {
        margin-top: -29px; } }
    /* line 3406, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_technology .post {
      margin-top: 69px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .layout_technology .post {
          margin-top: 29px; } }
      /* line 3412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_technology .post a {
        display: block;
        position: relative;
        height: 100%;
        padding-top: 20px;
        padding-bottom: 108px;
        background-color: rgba(0, 0, 0, 0.4);
        transition-property: background-color;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_technology .post a {
            padding-bottom: 67px;
            word-break: break-all; } }
        /* line 3430, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .layout_technology .post a .text h3 {
          text-align: left; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="en"] #container .layout_technology .post a .text h3 {
            text-align: left; }
          /* line 3436, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_technology .post a .text h3 span {
            display: block;
            line-height: inherit;
            color: rgba(255, 255, 255, 0.95); }
          /* line 3441, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_technology .post a .text h3 sub {
            display: block;
            margin-top: 15px;
            line-height: inherit;
            color: rgba(255, 255, 255, 0.5); }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #container .layout_technology .post a .text h3 sub {
              line-height: 1.14286; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .layout_technology .post a .text h3 sub {
                line-height: 1.30769;
                font-size: 13px;
                font-size: 1.3rem; } }
            @media screen and (max-width: 767px) {
              /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              html[lang="en"].touchevents #container .layout_technology .post a .text h3 sub {
                margin-top: 10px;
                font-size: 14px;
                font-size: 1.4rem; } }
        /* line 3462, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .layout_technology .post a figure {
          margin-top: 29px;
          opacity: 0.6;
          filter: alpha(opacity=60);
          overflow: hidden;
          transition-property: opacity;
          transition-duration: 240ms;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 3470, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .layout_technology .post a figure .img {
            padding-bottom: 62.5%;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
        /* line 3482, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .layout_technology .post a .icon {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          opacity: 0.2;
          filter: alpha(opacity=20);
          transition-property: opacity;
          transition-duration: 240ms;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        .no-touchevents #container .layout_technology .post a:hover, .no-touchevents #container .layout_technology .post a:focus, .no-touchevents #container .layout_technology .post a:active {
          background-color: rgba(0, 0, 0, 0.8); }
          /* line 3497, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container .layout_technology .post a:hover figure, .no-touchevents #container .layout_technology .post a:focus figure, .no-touchevents #container .layout_technology .post a:active figure {
            opacity: 1;
            filter: alpha(opacity=100); }
            /* line 3500, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            .no-touchevents #container .layout_technology .post a:hover figure .img, .no-touchevents #container .layout_technology .post a:focus figure .img, .no-touchevents #container .layout_technology .post a:active figure .img {
              -ms-transform: scale(1.04, 1.04);
              -webkit-transform: scale(1.04, 1.04);
              transform: scale(1.04, 1.04); }
          /* line 3505, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container .layout_technology .post a:hover .icon, .no-touchevents #container .layout_technology .post a:focus .icon, .no-touchevents #container .layout_technology .post a:active .icon {
            opacity: 0.95;
            filter: alpha(opacity=95); }
        /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        .touchevents #container .layout_technology .post a.over {
          background-color: rgba(0, 0, 0, 0.8); }
          /* line 3497, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container .layout_technology .post a.over figure {
            opacity: 1;
            filter: alpha(opacity=100); }
            /* line 3500, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            .touchevents #container .layout_technology .post a.over figure .img {
              -ms-transform: scale(1.04, 1.04);
              -webkit-transform: scale(1.04, 1.04);
              transform: scale(1.04, 1.04); }
          /* line 3505, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container .layout_technology .post a.over .icon {
            opacity: 0.95;
            filter: alpha(opacity=95); }
      /* line 3510, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_technology .post.size_L {
        width: 50%; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_technology .post.size_L {
            width: 100%; } }
        /* line 3520, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .layout_technology .post.size_L .text h3 span {
          margin-bottom: -12px; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="en"] #container .layout_technology .post.size_L .text h3 span {
            margin-bottom: -4px;
            font-size: 37px;
            font-size: 3.7rem; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="de"] #container .layout_technology .post.size_L .text h3 span {
            letter-spacing: 0.05em; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="it"] #container .layout_technology .post.size_L .text h3 span {
            letter-spacing: 0.05em; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="es"] #container .layout_technology .post.size_L .text h3 span {
            letter-spacing: 0.05em; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .layout_technology .post.size_L .text h3 span {
              margin-bottom: -6px;
              font-size: 30px;
              font-size: 3rem; } }
          @media screen and (max-width: 767px) {
            /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            html[lang="en"].touchevents #container .layout_technology .post.size_L .text h3 span {
              font-size: 31px;
              font-size: 3.1rem; } }
      /* line 3546, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_technology .post.size_M {
        width: 25%; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .layout_technology .post.size_M {
            width: 50%; } }
        /* line 3556, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .layout_technology .post.size_M .text h3 span {
          margin-bottom: -6px; }
  /* line 3577, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_topics .list .post figure {
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 240ms;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 3583, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list .post figure .img {
      padding-bottom: 62.5%;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-duration: 240ms;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 3590, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list .post figure.no_image {
      position: relative;
      padding-bottom: 62.5%; }
      /* line 3594, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_topics .list .post figure.no_image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2); }
  /* line 3605, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_topics .list .post .text {
    margin-top: 18px; }
    /* line 3608, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list .post .text h3 {
      color: rgba(255, 255, 255, 0.95); }
    /* line 3615, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list .post .text .note {
      margin-top: 2px;
      color: rgba(255, 255, 255, 0.2); }
    /* line 3620, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list .post .text .date {
      margin-top: 0;
      color: rgba(255, 255, 255, 0.4); }
    /* line 3626, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list .post .text .btn {
      margin-top: 14px; }
      /* line 3629, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_topics .list .post .text .btn > * {
        color: rgba(255, 255, 255, 0.95); }
  /* line 3634, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_topics .list .post a {
    display: block; }
    /* line 3640, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents #container .layout_topics .list .post a:hover figure, .no-touchevents #container .layout_topics .list .post a:focus figure, .no-touchevents #container .layout_topics .list .post a:active figure {
      opacity: 0.8;
      filter: alpha(opacity=80); }
      /* line 3643, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .no-touchevents #container .layout_topics .list .post a:hover figure .img, .no-touchevents #container .layout_topics .list .post a:focus figure .img, .no-touchevents #container .layout_topics .list .post a:active figure .img {
        -ms-transform: scale(1.04, 1.04);
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04); }
    /* line 3647, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents #container .layout_topics .list .post a:hover .btn > *, .no-touchevents #container .layout_topics .list .post a:focus .btn > *, .no-touchevents #container .layout_topics .list .post a:active .btn > * {
      -webkit-animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);
      animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    /* line 3640, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents #container .layout_topics .list .post a.over figure {
      opacity: 0.8;
      filter: alpha(opacity=80); }
      /* line 3643, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .touchevents #container .layout_topics .list .post a.over figure .img {
        -ms-transform: scale(1.04, 1.04);
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04); }
    /* line 3647, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents #container .layout_topics .list .post a.over .btn > * {
      -webkit-animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);
      animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  /* line 3650, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_topics .list .post > .btn {
    margin-top: 5px; }
    /* line 3658, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list .post > .btn.product_detail > * {
      color: #ca1c1d; }
  /* line 3680, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_topics .list.padding_post .post.dummy figure {
    padding-bottom: 62.5%; }
    /* line 3683, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_topics .list.padding_post .post.dummy figure:before {
      height: 100%; }
  /* line 3703, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_partnership > .list .post figure {
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 240ms;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 3709, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_partnership > .list .post figure .img {
      padding-bottom: 62.5%;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-duration: 240ms;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  /* line 3718, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_partnership > .list .post .text {
    margin-top: 18px; }
    /* line 3721, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_partnership > .list .post .text h3 {
      margin-bottom: -2px;
      color: rgba(255, 255, 255, 0.5); }
    /* line 3727, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_partnership > .list .post .text .btn {
      position: relative;
      margin-top: 15px;
      padding-top: 15px; }
      /* line 3732, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_partnership > .list .post .text .btn:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 15px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.95); }
      /* line 3741, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .layout_partnership > .list .post .text .btn > * {
        color: rgba(255, 255, 255, 0.95); }
  /* line 3746, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_partnership > .list .post a {
    display: block; }
    /* line 3752, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents #container .layout_partnership > .list .post a:hover figure, .no-touchevents #container .layout_partnership > .list .post a:focus figure, .no-touchevents #container .layout_partnership > .list .post a:active figure {
      opacity: 0.8;
      filter: alpha(opacity=80); }
      /* line 3755, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .no-touchevents #container .layout_partnership > .list .post a:hover figure .img, .no-touchevents #container .layout_partnership > .list .post a:focus figure .img, .no-touchevents #container .layout_partnership > .list .post a:active figure .img {
        -ms-transform: scale(1.04, 1.04);
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04); }
    /* line 3759, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .no-touchevents #container .layout_partnership > .list .post a:hover .btn > *, .no-touchevents #container .layout_partnership > .list .post a:focus .btn > *, .no-touchevents #container .layout_partnership > .list .post a:active .btn > * {
      -webkit-animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);
      animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75); }
    /* line 3752, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents #container .layout_partnership > .list .post a.over figure {
      opacity: 0.8;
      filter: alpha(opacity=80); }
      /* line 3755, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .touchevents #container .layout_partnership > .list .post a.over figure .img {
        -ms-transform: scale(1.04, 1.04);
        -webkit-transform: scale(1.04, 1.04);
        transform: scale(1.04, 1.04); }
    /* line 3759, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents #container .layout_partnership > .list .post a.over .btn > * {
      -webkit-animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);
      animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  /* line 3781, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .layout_partnership > .list.padding_post .post.dummy figure {
    padding-bottom: 62.5%; }
    /* line 3784, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .layout_partnership > .list.padding_post .post.dummy figure:before {
      height: 100%; }
  /* line 3792, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .banner_wrap {
    margin-top: 69px; }
    /* line 3797, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .banner_wrap .banner {
      position: relative; }
      /* line 3800, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .banner_wrap .banner a {
        display: block;
        position: relative;
        height: 199px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .banner_wrap .banner a {
            height: auto;
            padding-bottom: 20px; } }
        /* line 3812, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .banner_wrap .banner a .text {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          padding-top: 20px;
          z-index: 2; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .banner_wrap .banner a .text {
              position: relative; } }
          /* line 3824, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .banner_wrap .banner a .text p {
            color: rgba(255, 255, 255, 0.95); }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #container .banner_wrap .banner a .text p {
              font-size: 25px;
              font-size: 2.5rem; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .banner_wrap .banner a .text p {
                margin-bottom: -6px;
                font-size: 19px;
                font-size: 1.9rem; } }
            @media screen and (max-width: 767px) {
              /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              html[lang="en"].touchevents #container .banner_wrap .banner a .text p {
                font-size: 20px;
                font-size: 2rem; } }
          /* line 3840, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .banner_wrap .banner a .text .title {
            position: absolute;
            bottom: 26px;
            left: 0; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .banner_wrap .banner a .text .title {
                position: relative;
                margin-top: 20px;
                padding-top: 20px;
                bottom: 0; }
                /* line 3851, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                .touchevents #container .banner_wrap .banner a .text .title:before {
                  content: "";
                  position: absolute;
                  top: -1px;
                  left: 0;
                  width: 15px;
                  height: 2px;
                  background-color: rgba(255, 255, 255, 0.95); } }
            /* line 3861, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .banner_wrap .banner a .text .title h3 span {
              display: block;
              margin-bottom: -4px;
              line-height: inherit;
              color: rgba(255, 255, 255, 0.7);
              transition-property: color;
              transition-duration: 240ms;
              transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
              /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
              html[lang="en"] #container .banner_wrap .banner a .text .title h3 span {
                font-size: 25px;
                font-size: 2.5rem; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .banner_wrap .banner a .text .title h3 span {
                  font-size: 25px;
                  font-size: 2.5rem; } }
            /* line 3878, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .banner_wrap .banner a .text .title h3 sub.ja {
              display: block;
              margin-top: 9px;
              line-height: inherit;
              color: rgba(255, 255, 255, 0.35); }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .banner_wrap .banner a .text .title h3 sub.ja {
                  font-size: 13px;
                  font-size: 1.3rem; } }
        /* line 3891, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .banner_wrap .banner a figure {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
          /* line 3899, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .banner_wrap .banner a figure .img {
            position: relative;
            height: 100%;
            transition-property: opacity;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
            /* line 3906, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .banner_wrap .banner a figure .img:before, #container .banner_wrap .banner a figure .img:after {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
            /* line 3914, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .banner_wrap .banner a figure .img:before {
              background-repeat: repeat;
              background-position: 0 0;
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
              opacity: 0.5;
              opacity: 0.3;
              filter: alpha(opacity=30);
              z-index: 2; }
            /* line 3921, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .banner_wrap .banner a figure .img:after {
              background-repeat: no-repeat;
              background-position: 50% 50%;
              background-size: cover;
              z-index: 1; }
        /* line 3929, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .banner_wrap .banner a .icon {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          opacity: 0.2;
          filter: alpha(opacity=20);
          z-index: 3; }
        /* line 3942, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .no-touchevents #container .banner_wrap .banner a:hover figure .img, .no-touchevents #container .banner_wrap .banner a:focus figure .img, .no-touchevents #container .banner_wrap .banner a:active figure .img {
          opacity: 0.6;
          filter: alpha(opacity=60); }
        /* line 3947, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .no-touchevents #container .banner_wrap .banner a:hover .icon, .no-touchevents #container .banner_wrap .banner a:focus .icon, .no-touchevents #container .banner_wrap .banner a:active .icon {
          opacity: 0.95;
          filter: alpha(opacity=95); }
        /* line 3942, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .banner_wrap .banner a.over figure .img {
          opacity: 0.6;
          filter: alpha(opacity=60); }
        /* line 3947, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .banner_wrap .banner a.over .icon {
          opacity: 0.95;
          filter: alpha(opacity=95); }
      /* line 3953, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .banner_wrap .banner.size_m a {
        height: auto;
        padding-bottom: 29px;
        background-color: rgba(0, 0, 0, 0.4);
        transition-property: background-color;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        html[lang="en"] #container .banner_wrap .banner.size_m a {
          padding-bottom: 44px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .banner_wrap .banner.size_m a {
            padding-bottom: 20px; } }
        @media screen and (max-width: 767px) {
          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"].touchevents #container .banner_wrap .banner.size_m a {
            padding-bottom: 20px; } }
        /* line 3972, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .banner_wrap .banner.size_m a .text {
          position: static; }
          /* line 3975, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .banner_wrap .banner.size_m a .text p {
            margin-bottom: -7px; }
            /* line 3978, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            .win #container .banner_wrap .banner.size_m a .text p {
              margin-bottom: 0; }
          /* line 3983, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .banner_wrap .banner.size_m a .text .title {
            position: relative;
            bottom: 0;
            margin-top: 29px;
            padding-top: 29px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .banner_wrap .banner.size_m a .text .title {
                margin-top: 20px;
                padding-top: 20px; } }
            /* line 3993, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .banner_wrap .banner.size_m a .text .title:before {
              content: "";
              position: absolute;
              top: -1px;
              left: 0;
              width: 15px;
              height: 2px;
              background-color: rgba(255, 255, 255, 0.95); }
            /* line 4003, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .banner_wrap .banner.size_m a .text .title h3 span {
              font-size: 20px;
              font-size: 2rem; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .banner_wrap .banner.size_m a .text .title h3 span {
                  font-size: 14px;
                  font-size: 1.4rem; } }
        /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        .no-touchevents #container .banner_wrap .banner.size_m a:hover, .no-touchevents #container .banner_wrap .banner.size_m a:focus, .no-touchevents #container .banner_wrap .banner.size_m a:active {
          background-color: rgba(0, 0, 0, 0.8); }
          /* line 4015, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container .banner_wrap .banner.size_m a:hover .text .title h3 span, .no-touchevents #container .banner_wrap .banner.size_m a:focus .text .title h3 span, .no-touchevents #container .banner_wrap .banner.size_m a:active .text .title h3 span {
            color: rgba(255, 255, 255, 0.95); }
        /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        .touchevents #container .banner_wrap .banner.size_m a.over {
          background-color: rgba(0, 0, 0, 0.8); }
          /* line 4015, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container .banner_wrap .banner.size_m a.over .text .title h3 span {
            color: rgba(255, 255, 255, 0.95); }
      /* line 4025, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .banner_wrap .banner.technology figure .img {
        opacity: 0.4;
        filter: alpha(opacity=40); }
        /* line 4028, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .banner_wrap .banner.technology figure .img:after {
          background-image: url("/promaster/special/assets/images/common/banner/technology/img.jpg"); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .banner_wrap .banner.technology figure .img:after {
              background-image: url("/promaster/special/assets/images/common/banner/technology/img_sp@2x.jpg"); } }
  /* line 4048, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .module_nav_movie {
    margin-top: 255px;
    padding-top: 1px;
    background: rgba(0, 0, 0, 0.8); }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .module_nav_movie {
        margin-top: 100px;
        padding-top: 0; } }
    /* line 4059, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_nav_movie .wrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      margin-top: -71px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .module_nav_movie .wrap {
          display: block;
          width: calc(100% + 55px);
          margin-top: 0;
          margin-right: -15px;
          margin-left: -40px; } }
      /* line 4072, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_nav_movie .wrap .btn {
        position: relative;
        width: 33.33333%;
        overflow: hidden; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .module_nav_movie .wrap .btn {
            width: 100%; } }
        /* line 4080, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_nav_movie .wrap .btn a {
          display: block;
          position: relative; }
          /* line 4084, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_nav_movie .wrap .btn a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 6px;
            background-color: #ca1c1d;
            z-index: 10;
            transition-property: width;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1); }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .module_nav_movie .wrap .btn a:before {
                width: 5px;
                height: 0;
                transition-property: height; } }
          /* line 4104, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_nav_movie .wrap .btn a .text {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            padding-top: 38px;
            z-index: 2; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .module_nav_movie .wrap .btn a .text {
                padding-top: 25px;
                padding-left: 40px; } }
            /* line 4117, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a .text > * + * {
              position: relative; }
              /* line 4120, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container .module_nav_movie .wrap .btn a .text > * + *:before {
                content: "";
                position: absolute;
                top: -1px;
                left: 0;
                width: 15px;
                height: 2px;
                background-color: rgba(255, 255, 255, 0.95); }
            /* line 4129, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a .text h3 {
              color: rgba(255, 255, 255, 0.95); }
            /* line 4133, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a .text .copy {
              margin-top: 15px;
              padding-top: 20px;
              color: rgba(255, 255, 255, 0.55); }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .module_nav_movie .wrap .btn a .text .copy {
                  display: none; } }
            /* line 4143, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a .text p {
              margin-top: 17px;
              padding-top: 20px;
              color: rgba(255, 255, 255, 0.75); }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .module_nav_movie .wrap .btn a .text p {
                  margin-top: 9px;
                  padding-top: 13px; } }
              @media screen and (max-width: 767px) {
                /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                html[lang="en"].touchevents #container .module_nav_movie .wrap .btn a .text p {
                  font-size: 12px;
                  font-size: 1.2rem; } }
          /* line 4162, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_nav_movie .wrap .btn a figure {
            position: relative;
            padding-bottom: 160%;
            z-index: 1; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .module_nav_movie .wrap .btn a figure {
                height: 210px;
                padding-bottom: 0; } }
            /* line 4172, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a figure:before, #container .module_nav_movie .wrap .btn a figure:after {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
            /* line 4180, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a figure:before {
              background-color: rgba(0, 0, 0, 0.2);
              z-index: 10; }
            /* line 4184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a figure:after {
              content: "";
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
              opacity: 0.5;
              z-index: 11;
              opacity: 0.3;
              filter: alpha(opacity=30); }
            /* line 4189, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a figure .img {
              position: absolute;
              top: -1px;
              left: -1px;
              width: calc(100% + 2px);
              height: calc(100% + 2px);
              background-repeat: no-repeat;
              background-position: 50% 50%;
              background-size: cover;
              z-index: 2;
              -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .module_nav_movie .wrap .btn a figure .img {
                  background-position: 100% 50%; } }
            /* line 4206, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a figure .movie {
              position: absolute;
              top: -1px;
              left: -1px;
              width: calc(100% + 2px);
              height: calc(100% + 2px);
              z-index: 1; }
              /* line 4214, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
              #container .module_nav_movie .wrap .btn a figure .movie .movie_inner {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%; }
                /* line 4221, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
                #container .module_nav_movie .wrap .btn a figure .movie .movie_inner video {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  height: 100%;
                  -ms-transform: translate(-50%, -50%);
                  -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #container .module_nav_movie .wrap .btn a figure .movie .movie_inner video {
                      width: auto;
                      height: 100%; } }
          /* line 4237, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_nav_movie .wrap .btn a .icon {
            position: absolute;
            bottom: 0;
            left: 0;
            opacity: 0.6;
            filter: alpha(opacity=60);
            z-index: 3; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .module_nav_movie .wrap .btn a .icon {
                left: 40px; } }
          @media screen and (min-width: 768px) {
            /* line 4250, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
            #container .module_nav_movie .wrap .btn a.current:before, #container .module_nav_movie .wrap .btn a.active:before {
              width: 100%; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .module_nav_movie .wrap .btn a.current:before, .touchevents #container .module_nav_movie .wrap .btn a.active:before {
              height: 100%; } }
        /* line 4260, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_nav_movie .wrap .btn.marine figure .img {
          background-image: url("/promaster/special/assets/images/common/modules/nav/movie/marine/bg@2x.jpg"); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .module_nav_movie .wrap .btn.marine figure .img {
              background-image: url("/promaster/special/assets/images/common/modules/nav/movie/marine/bg_sp@2x.jpg"); } }
        /* line 4260, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_nav_movie .wrap .btn.land figure .img {
          background-image: url("/promaster/special/assets/images/common/modules/nav/movie/land/bg@2x.jpg"); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .module_nav_movie .wrap .btn.land figure .img {
              background-image: url("/promaster/special/assets/images/common/modules/nav/movie/land/bg_sp@2x.jpg"); } }
        /* line 4260, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_nav_movie .wrap .btn.sky figure .img {
          background-image: url("/promaster/special/assets/images/common/modules/nav/movie/sky/bg@2x.jpg"); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .module_nav_movie .wrap .btn.sky figure .img {
              background-image: url("/promaster/special/assets/images/common/modules/nav/movie/sky/bg_sp@2x.jpg"); } }
        /* line 4268, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_nav_movie .wrap .btn.marine .text h3 {
          -ms-transform: translate(-2px, 0);
          -webkit-transform: translate(-2px, 0);
          transform: translate(-2px, 0); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .module_nav_movie .wrap .btn.marine .text h3 {
              -ms-transform: translate(-1px, 0);
              -webkit-transform: translate(-1px, 0);
              transform: translate(-1px, 0); } }
        /* line 4276, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_nav_movie .wrap .btn.land .text h3 {
          -ms-transform: translate(-3px, 0);
          -webkit-transform: translate(-3px, 0);
          transform: translate(-3px, 0); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .module_nav_movie .wrap .btn.land .text h3 {
              -ms-transform: translate(-2px, 0);
              -webkit-transform: translate(-2px, 0);
              transform: translate(-2px, 0); } }
    /* line 4284, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_nav_movie footer {
      padding: 56px 0 52px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .module_nav_movie footer {
          padding-top: 0;
          padding-bottom: 0; } }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .module_nav_movie footer .btn a {
          display: block;
          margin-right: -15px;
          margin-left: -30px;
          padding: 28px 15px 26px 30px; } }
      /* line 4302, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_nav_movie footer .btn a span {
        color: rgba(255, 255, 255, 0.7); }
        /* line 4306, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_nav_movie footer .btn a span:after {
          color: rgba(255, 255, 255, 0.6);
          -ms-transform: translate(9px, 1px);
          -webkit-transform: translate(9px, 1px);
          transform: translate(9px, 1px); }
      /* line 4311, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .no-touchevents #container .module_nav_movie footer .btn a:hover span, .no-touchevents #container .module_nav_movie footer .btn a:focus span, .no-touchevents #container .module_nav_movie footer .btn a:active span {
        color: rgba(255, 255, 255, 0.95); }
        /* line 4314, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .no-touchevents #container .module_nav_movie footer .btn a:hover span:after, .no-touchevents #container .module_nav_movie footer .btn a:focus span:after, .no-touchevents #container .module_nav_movie footer .btn a:active span:after {
          color: rgba(255, 255, 255, 0.95); }
      /* line 4311, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .touchevents #container .module_nav_movie footer .btn a.over span {
        color: rgba(255, 255, 255, 0.95); }
        /* line 4314, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .module_nav_movie footer .btn a.over span:after {
          color: rgba(255, 255, 255, 0.95); }
  /* line 4322, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .module_movie {
    position: relative;
    cursor: pointer; }
    /* line 4327, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 20; }
    /* line 4338, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie figure:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
      opacity: 0.5;
      z-index: 10; }
    /* line 4344, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie figure .movie_inner, #container .module_movie figure .img {
      position: relative;
      padding-bottom: 56.25%;
      z-index: 1;
      overflow: hidden;
      transition-property: opacity;
      transition-duration: 240ms;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 4356, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie figure .movie_inner video {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      z-index: 1;
      -ms-transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    /* line 4372, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie figure .lazy_load_wrap {
      display: inline-block;
      position: relative;
      width: 100%;
      background-color: #0d0d0d;
      z-index: 1;
      opacity: 0.7;
      filter: alpha(opacity=70);
      transition-property: opacity;
      transition-duration: 240ms;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      /* line 4385, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_movie figure .lazy_load_wrap .img {
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover; }
    /* line 4392, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      width: calc(100% - 80px);
      text-align: center;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 10; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .module_movie .icon {
          width: calc(100% - 40px); } }
      /* line 4405, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_movie .icon > span:before {
        content: "";
        display: block;
        margin: 0 auto;
        background: url("/promaster/special/assets/images/common/parts/icon/play.svg") no-repeat 0 0;
        background-size: 100% auto;
        opacity: 0.6;
        filter: alpha(opacity=60);
        transition-property: opacity, -webkit-transform;
        transition-property: opacity, transform;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      /* line 4418, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_movie .icon > span .text {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        margin-top: 29px;
        line-height: 1.38462;
        color: rgba(255, 255, 255, 0.95);
        font-size: 13px;
        font-size: 1.3rem; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .module_movie .icon > span .text {
            margin-top: 10px;
            font-size: 12px;
            font-size: 1.2rem; } }
        /* line 4434, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_movie .icon > span .text sub.ja {
          vertical-align: baseline;
          font-size: inherit; }
      /* line 4441, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_movie .icon.size_L > span:before {
        width: 138px;
        height: 138px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .module_movie .icon.size_L > span:before {
            width: 54px;
            height: 54px; } }
      /* line 4451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_movie .icon.size_M > span:before {
        width: 108px;
        height: 108px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .module_movie .icon.size_M > span:before {
            width: 54px;
            height: 54px; } }
      /* line 4461, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_movie .icon.size_S > span:before {
        width: 68px;
        height: 68px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .module_movie .icon.size_S > span:before {
            width: 34px;
            height: 34px; } }
    /* line 4479, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie.over figure .lazy_load_wrap {
      opacity: 1 !important;
      filter: alpha(opacity=100) !important; }
    /* line 4486, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_movie.over .icon > span:before {
      opacity: 1;
      filter: alpha(opacity=100);
      -ms-transform: scale(1.08, 1.08);
      -webkit-transform: scale(1.08, 1.08);
      transform: scale(1.08, 1.08); }
  /* line 4496, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .module_animation_text p {
    color: rgba(255, 255, 255, 0.35) !important; }
    /* line 4501, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_animation_text p sub {
      vertical-align: baseline;
      font-size: inherit; }
    /* line 4508, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_animation_text p strong {
      position: relative;
      color: rgba(255, 255, 255, 0.95); }
      /* line 4512, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_animation_text p strong b {
        position: relative;
        line-height: 1;
        font-weight: 400;
        z-index: 2;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiNjYTFjMWQiLz48c3RvcCBvZmZzZXQ9Ijg2JSIgc3RvcC1jb2xvcj0iI2NhMWMxZCIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: linear-gradient(rgba(0, 0, 0, 0) 70%, #ca1c1d 70%, #ca1c1d 86%, rgba(0, 0, 0, 0) 86%); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .module_animation_text p strong b {
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiNjYTFjMWQiLz48c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2NhMWMxZCIvPjxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background: linear-gradient(rgba(0, 0, 0, 0) 76%, #ca1c1d 76%, #ca1c1d 92%, rgba(0, 0, 0, 0) 92%); } }
  /* line 4531, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .animation_list.list_normal .animation_object {
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
    filter: alpha(opacity=0);
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-duration: 480ms, 640ms;
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955), cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 4541, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .animation_list.list_normal .animation_object.show {
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 1;
      filter: alpha(opacity=100); }
  /* line 4554, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .module_slide .slide {
    position: relative;
    width: 100%;
    height: 100%; }
    /* line 4559, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_slide .slide .slide_wrap {
      margin: 0 auto;
      overflow: hidden; }
      /* line 4563, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_slide .slide .slide_wrap .slide_list {
        position: relative; }
        /* line 4567, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_slide .slide .slide_wrap .slide_list > * {
          float: left;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
          /* line 4572, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_slide .slide .slide_wrap .slide_list > * .post_inner {
            position: relative; }
          /* line 4576, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_slide .slide .slide_wrap .slide_list > * .img {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .module_slide .slide .slide_wrap .slide_list > * .img {
                min-width: 0; } }
    /* line 4595, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_slide .slide.has_dot {
      padding-bottom: 31px; }
    /* line 4600, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_slide .slide .dot {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: right;
      z-index: 20; }
      /* line 4608, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_slide .slide .dot ul {
        display: table;
        width: calc(25% - 25px);
        margin-right: 0;
        margin-left: auto;
        vertical-align: bottom; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .module_slide .slide .dot ul {
            width: calc(50% - 7px); } }
        /* line 4618, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_slide .slide .dot ul li {
          display: table-cell;
          height: 10px;
          padding-left: 5px;
          vertical-align: bottom;
          cursor: pointer; }
          /* line 4625, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_slide .slide .dot ul li:after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background-color: rgba(255, 255, 255, 0.2);
            transition-property: height, background-color;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 4637, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_slide .slide .dot ul li.active:after, #container .module_slide .slide .dot ul li.over:after {
            height: 4px;
            background-color: rgba(255, 255, 255, 0.95); }
    /* line 4643, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_slide .slide nav {
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      z-index: 100; }
      /* line 4650, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_slide .slide nav .btn {
        position: absolute;
        bottom: 0; }
        /* line 4654, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_slide .slide nav .btn a {
          display: block;
          width: 60px;
          height: 60px;
          padding-top: 7px;
          padding-left: 8px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .module_slide .slide nav .btn a {
              width: 40px;
              height: 40px; } }
          /* line 4666, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          #container .module_slide .slide nav .btn a:before {
            content: "";
            display: block;
            width: 43px;
            height: 46px;
            background: url("/promaster/special/assets/images/common/parts/icon/arrow_right_l.svg") no-repeat 0 0;
            background-size: cover; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .module_slide .slide nav .btn a:before {
                width: 23px;
                height: 26px; } }
          /* line 4679, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .no-touchevents #container .module_slide .slide nav .btn a:hover:before, .no-touchevents #container .module_slide .slide nav .btn a:focus:before, .no-touchevents #container .module_slide .slide nav .btn a:active:before {
            -webkit-animation: btn_over_arrow_right2 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
            animation: btn_over_arrow_right2 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
          /* line 4679, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
          .touchevents #container .module_slide .slide nav .btn a.over:before {
            -webkit-animation: btn_over_arrow_right2 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
            animation: btn_over_arrow_right2 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
        /* line 4682, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_slide .slide nav .btn.prev {
          left: -30px;
          -ms-transform: scaleX(-1);
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1); }
        /* line 4686, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_slide .slide nav .btn.next {
          right: -30px; }
      /* line 4689, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_slide .slide nav .number {
        margin-left: 5px;
        color: #666666; }
  /* line 4701, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .module_slide.loop .slide .slide_wrap {
    overflow: visible; }
  /* line 4714, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .module_slide.mask .slide .slide_wrap .slide_list > * .img_wrap {
    background-color: #000000; }
  @media screen and (max-width: 767px) {
    /* line 4728, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents #container .module_slide.sp_normal .slide .slide_wrap {
      margin-right: auto;
      margin-left: 0;
      padding-bottom: 0 !important;
      overflow: visible; }
      /* line 4735, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .touchevents #container .module_slide.sp_normal .slide .slide_wrap .slide_list > * {
        opacity: 0.3;
        filter: alpha(opacity=30);
        transition-property: opacity;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        /* line 4741, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .module_slide.sp_normal .slide .slide_wrap .slide_list > *.active {
          opacity: 1;
          filter: alpha(opacity=100); }
        /* line 4744, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .module_slide.sp_normal .slide .slide_wrap .slide_list > * .img_wrap {
          padding-bottom: 66.8%;
          background-color: #000000; }
    /* line 4751, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents #container .module_slide.sp_normal .slide:not(.single) .slide_wrap {
      width: 75%; }
      /* line 4755, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      .touchevents #container .module_slide.sp_normal .slide:not(.single) .slide_wrap .slide_list > * {
        padding-right: 9px; }
    /* line 4760, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .touchevents #container .module_slide.sp_normal .slide_nav {
      display: none; } }
  /* line 4770, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #container .module_slide.has_thumb_nav .slide_nav ul {
    margin-top: -10px;
    margin-right: -5px;
    margin-left: -5px; }
    /* line 4776, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #container .module_slide.has_thumb_nav .slide_nav ul li {
      float: left;
      margin-top: 10px;
      padding-right: 5px;
      padding-left: 5px; }
      /* line 4782, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_slide.has_thumb_nav .slide_nav ul li a {
        display: block;
        background-color: #000000; }
        /* line 4786, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        #container .module_slide.has_thumb_nav .slide_nav ul li a .img {
          padding-bottom: 62%;
          background-repeat: no-repeat;
          background-position: 50% 50%;
          background-size: cover;
          opacity: 0.5;
          filter: alpha(opacity=50);
          transition-property: opacity;
          transition-duration: 240ms;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        /* line 4797, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .no-touchevents #container .module_slide.has_thumb_nav .slide_nav ul li a:hover .img, .no-touchevents #container .module_slide.has_thumb_nav .slide_nav ul li a:focus .img, .no-touchevents #container .module_slide.has_thumb_nav .slide_nav ul li a:active .img {
          opacity: 1;
          filter: alpha(opacity=100); }
        /* line 4797, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
        .touchevents #container .module_slide.has_thumb_nav .slide_nav ul li a.over .img {
          opacity: 1;
          filter: alpha(opacity=100); }
      /* line 4803, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
      #container .module_slide.has_thumb_nav .slide_nav ul li.current a .img {
        opacity: 1;
        filter: alpha(opacity=100); }

/* line 4811, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.lazy_load_wrap {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: background-color 240ms cubic-bezier(0.165, 0.84, 0.44, 1); }
  /* line 4822, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .lazy_load_wrap .img {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }

/* line 4840, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
#viewer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999; }
  /* line 4864, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #viewer #viewer_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10; }
  /* line 4872, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #viewer #viewer_content {
    position: absolute;
    max-height: 100%;
    overflow: hidden;
    z-index: 20; }
    /* line 4880, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    #viewer #viewer_content .product_detail {
      width: 100%;
      padding-top: 69px;
      padding-bottom: 69px;
      text-align: left; }
  /* line 4888, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  #viewer .btn.close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 30; }

/* line 4899, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.loader_wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #141414;
  z-index: 10000; }
  /* line 4908, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
  .loader_wrap .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .loader_wrap .loader {
        margin-top: -50px;
        margin-left: -50px; } }
    /* line 4921, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
    .loader_wrap .loader > * {
      position: absolute;
      top: 0;
      left: 0;
      width: 140px;
      height: 140px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents .loader_wrap .loader > * {
          width: 100px;
          height: 100px; } }

/* line 4940, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.mCustomScrollbar .mCSB_inside > .mCSB_container {
  margin-right: 0;
  padding: 0; }
/* line 4944, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/base.sass */
.mCustomScrollbar .mCSB_scrollTools {
  opacity: 1; }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p, html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category html[lang="en"] p, #intro_movie .content .inner .wrap .text .category_wrap .category h3, #intro_movie .content .inner .wrap .text .category_wrap .category .name, #intro_movie .content .inner .wrap .text .go_beyond span {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p, html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category html[lang="sc"] p {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p, html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category html[lang="tc"] p {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p, html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category html[lang="de"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p, html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category html[lang="it"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p, html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category html[lang="es"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 541, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="ja"] #intro_movie .content .inner .wrap .text .category_wrap .category p {
  line-height: 1.31579;
  font-size: 19px;
  font-size: 1.9rem; }

/* line 13, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
#intro_movie {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 10000; }
  /* line 28, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
  #intro_movie .content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2; }
    /* line 36, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
    #intro_movie .content .inner {
      height: 100%; }
      /* line 41, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
      #intro_movie .content .inner .wrap {
        position: relative;
        height: 100%; }
        /* line 47, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
        #intro_movie .content .inner .wrap h1 {
          position: absolute;
          bottom: 98px;
          left: -58px;
          width: 330px;
          z-index: 10; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #intro_movie .content .inner .wrap h1 {
              bottom: 47px;
              left: -25px;
              width: 143px; } }
        /* line 61, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
        #intro_movie .content .inner .wrap .btn {
          position: absolute;
          bottom: 98px;
          right: 0;
          width: 226px;
          z-index: 10; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #intro_movie .content .inner .wrap .btn {
              bottom: 49px;
              width: calc(50% - 12px); } }
        /* line 74, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
        #intro_movie .content .inner .wrap .text {
          padding-top: 98px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #intro_movie .content .inner .wrap .text {
              padding-top: 49px; } }
          /* line 82, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
          #intro_movie .content .inner .wrap .text .category_wrap {
            position: relative; }
            /* line 87, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
            #intro_movie .content .inner .wrap .text .category_wrap .category {
              position: absolute;
              top: 0;
              left: 0;
              text-align: left; }
              /* line 94, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
              #intro_movie .content .inner .wrap .text .category_wrap .category > * + * {
                position: relative;
                margin-top: 29px;
                padding-top: 29px; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category > * + * {
                    margin-top: 20px;
                    padding-top: 20px; } }
                /* line 103, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
                #intro_movie .content .inner .wrap .text .category_wrap .category > * + * .line {
                  position: absolute;
                  top: -1px;
                  left: 0;
                  width: 15px;
                  height: 2px;
                  background-color: rgba(255, 255, 255, 0.95); }
              /* line 111, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
              #intro_movie .content .inner .wrap .text .category_wrap .category > * span {
                display: block;
                line-height: inherit; }
              /* line 116, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
              #intro_movie .content .inner .wrap .text .category_wrap .category > *.show_complete span:not(.line) {
                -webkit-animation: blink5 80ms 3 cubic-bezier(0.25, 0.25, 0.75, 0.75);
                animation: blink5 80ms 3 cubic-bezier(0.25, 0.25, 0.75, 0.75); }
              /* line 119, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
              #intro_movie .content .inner .wrap .text .category_wrap .category h3 {
                position: relative;
                left: -6px;
                line-height: 1;
                font-size: 85px;
                font-size: 8.5rem;
                letter-spacing: 0; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category h3 {
                    left: -3px;
                    font-size: 49px;
                    font-size: 4.9rem; } }
                @media screen and (max-width: 321px) {
                  /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category h3 {
                    left: -2px;
                    font-size: 40px;
                    font-size: 4rem; } }
                /* line 135, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
                #intro_movie .content .inner .wrap .text .category_wrap .category h3 span {
                  margin-bottom: -20px; }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category h3 span {
                      margin-bottom: -10px; } }
              /* line 141, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
              #intro_movie .content .inner .wrap .text .category_wrap .category .name {
                line-height: 1;
                font-size: 31px;
                font-size: 3.1rem; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category .name {
                    font-size: 20px;
                    font-size: 2rem; } }
                @media screen and (max-width: 321px) {
                  /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category .name {
                    font-size: 14px;
                    font-size: 1.4rem; } }
                /* line 152, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
                #intro_movie .content .inner .wrap .text .category_wrap .category .name span {
                  margin-bottom: -6px; }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category .name span {
                      margin-bottom: -4px; } }
              /* line 158, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
              #intro_movie .content .inner .wrap .text .category_wrap .category p {
                line-height: 1.25;
                font-size: 20px;
                font-size: 2rem; }
                @media screen and (max-width: 767px) {
                  /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  html[lang="ja"].touchevents #intro_movie .content .inner .wrap .text .category_wrap .category p {
                    font-size: 18px;
                    font-size: 1.8rem; } }
                @media screen and (max-width: 321px) {
                  /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #intro_movie .content .inner .wrap .text .category_wrap .category p {
                    font-size: 14px;
                    font-size: 1.4rem; } }
                @media screen and (max-width: 321px) {
                  /* line 132, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  html[lang="ja"].touchevents #intro_movie .content .inner .wrap .text .category_wrap .category p {
                    font-size: 14px;
                    font-size: 1.4rem; } }
          /* line 179, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
          #intro_movie .content .inner .wrap .text .go_beyond {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #intro_movie .content .inner .wrap .text .go_beyond {
                width: calc(100% + 25px);
                margin-left: -25px; } }
            /* line 189, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
            #intro_movie .content .inner .wrap .text .go_beyond span {
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              text-align: center;
              white-space: nowrap;
              font-size: 120px;
              font-size: 12rem;
              -ms-transform: translate(0, -50%);
              -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%); }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #intro_movie .content .inner .wrap .text .go_beyond span {
                  font-size: 49px;
                  font-size: 4.9rem; } }
  /* line 209, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
  #intro_movie .movie {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1; }
    /* line 216, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
    #intro_movie .movie:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
      opacity: 0.5; }
    /* line 221, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/intro.sass */
    #intro_movie .movie video {
      width: 100%;
      height: 100%; }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#top #container .module_loop_images .wrap:after {
  content: "";
  display: table;
  clear: both; }

/* line 262, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn a:hover, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn a:focus, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn a:active {
  -webkit-animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75);
  animation: blink 64ms 2 cubic-bezier(0.25, 0.25, 0.75, 0.75); }

/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .date, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn a, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="en"] h3, html[lang="en"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="en"] .note {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 323, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .date, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn a {
  font-family: "Neutral Bold 3", "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif !important; }

/* line 388, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .date {
  line-height: 1.66667;
  font-size: 12px;
  font-size: 1.2rem; }

/* line 393, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn a {
  line-height: 1.63636;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="sc"] h3, html[lang="sc"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="sc"] .note {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="tc"] h3, html[lang="tc"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="tc"] .note {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="de"] h3, html[lang="de"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="de"] .note {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="it"] h3, html[lang="it"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="it"] .note {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="es"] h3, html[lang="es"] #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text html[lang="es"] .note {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 571, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3, #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note {
  line-height: 1.81818;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 20, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
#top #container {
  background-color: #0d0d0d; }
  /* line 29, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
  #top #container h1 a {
    pointer-events: none; }
  /* line 37, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
  #top #container #header {
    position: absolute; }
  /* line 68, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
  #top #container #content section.section.topics .body .slide_wrap {
    width: calc(79% + 24px);
    margin-right: -12px;
    margin-left: -12px; }
    /* line 83, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container #content section.section.topics .body .slide_wrap .slide_list .post figure {
      opacity: 0.3;
      filter: alpha(opacity=30);
      transition-property: opacity;
      transition-duration: 240ms;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      /* line 89, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
      #top #container #content section.section.topics .body .slide_wrap .slide_list .post figure .img {
        padding-bottom: 62.5%; }
    /* line 94, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text {
      margin-top: 18px; }
      /* line 97, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
      #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3 {
        color: rgba(255, 255, 255, 0.2);
        transition-property: color;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        @media screen and (max-width: 767px) {
          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"].touchevents #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text h3 {
            font-size: 14px;
            font-size: 1.4rem; } }
      /* line 110, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
      #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .note {
        margin-top: 2px;
        color: rgba(255, 255, 255, 0.2); }
      /* line 115, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
      #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .date {
        margin-top: 0;
        color: rgba(255, 255, 255, 0.1);
        transition-property: color;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      /* line 124, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
      #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn {
        margin-top: 14px; }
        /* line 127, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
        #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn + .btn {
          margin-top: 0; }
        /* line 130, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
        #top #container #content section.section.topics .body .slide_wrap .slide_list .post .text .btn a {
          color: rgba(255, 255, 255, 0.2);
          transition-property: color;
          transition-duration: 240ms;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 150, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container #content section.section.topics .body .slide_wrap .slide_list .post.active figure {
      opacity: 1;
      filter: alpha(opacity=100); }
    /* line 156, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container #content section.section.topics .body .slide_wrap .slide_list .post.active .text h3 {
      color: rgba(255, 255, 255, 0.95); }
    /* line 159, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container #content section.section.topics .body .slide_wrap .slide_list .post.active .text .date {
      color: rgba(255, 255, 255, 0.4); }
    /* line 163, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container #content section.section.topics .body .slide_wrap .slide_list .post.active .text .btn a {
      color: rgba(255, 255, 255, 0.95); }
    /* line 168, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container #content section.section.topics .body .slide_wrap .slide_list .post.active .text .btn.product_detail a {
      color: #ca1c1d; }
  /* line 185, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
  #top #container .module_nav_movie {
    background: transparent; }
  /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
  #top #container .module_loop_images {
    position: relative;
    height: 518px;
    margin-top: 189px;
    overflow: hidden;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #top #container .module_loop_images {
        height: 258px;
        margin-top: 109px; } }
    /* line 207, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
    #top #container .module_loop_images .wrap {
      position: relative;
      height: 100%;
      z-index: 1; }
      /* line 213, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
      #top #container .module_loop_images .wrap figure {
        position: relative;
        float: left;
        height: 100%;
        margin-right: -1px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        /* line 220, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/top.sass */
        #top #container .module_loop_images .wrap figure img {
          width: auto;
          height: 100%; }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#category #container #content section#features .body .extra .body .module_slide:after, #category #container #content section#technology footer .banner_wrap:after, #category #container #content .module_loop_images .wrap:after {
  content: "";
  display: table;
  clear: both; }

/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header.size_s h4 span, #category.feature_product #container #content #visual_area > header .page_title h2, html[lang="en"] #category #container #content section#about .body p, #category #container #content section#about .body html[lang="en"] p, html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 html[lang="en"] span, html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header html[lang="en"] h4 > sub, html[lang="en"] #category #container #content section#features .body .extra header .title p, #category #container #content section#features .body .extra header .title html[lang="en"] p, html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body html[lang="en"] p, html[lang="en"] #category #container #content section#features .body .extra header .title h4 span, #category #container #content section#features .body .extra header .title h4 html[lang="en"] span, #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * ul li, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num:before, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num sub {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 351, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header.size_s h4 span {
  line-height: 1.2;
  font-size: 25px;
  font-size: 2.5rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header.size_s h4 span, html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header.size_s h4 .touchevents span {
      font-size: 20px;
      font-size: 2rem; } }

/* line 367, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#category.feature_product #container #content #visual_area > header .page_title h2 {
  line-height: 1.14286;
  font-size: 14px;
  font-size: 1.4rem; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #category #container #content section#about .body p, #category #container #content section#about .body html[lang="sc"] p, html[lang="sc"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 html[lang="sc"] span, html[lang="sc"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header html[lang="sc"] h4 > sub, html[lang="sc"] #category #container #content section#features .body .extra header .title p, #category #container #content section#features .body .extra header .title html[lang="sc"] p, html[lang="sc"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body html[lang="sc"] p {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 408, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #category #container #content section#features .body .extra header .title h4 span, #category #container #content section#features .body .extra header .title h4 html[lang="sc"] span {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif !important; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #category #container #content section#about .body p, #category #container #content section#about .body html[lang="tc"] p, html[lang="tc"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 html[lang="tc"] span, html[lang="tc"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header html[lang="tc"] h4 > sub, html[lang="tc"] #category #container #content section#features .body .extra header .title p, #category #container #content section#features .body .extra header .title html[lang="tc"] p, html[lang="tc"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body html[lang="tc"] p {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 421, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #category #container #content section#features .body .extra header .title h4 span, #category #container #content section#features .body .extra header .title h4 html[lang="tc"] span {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif !important; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #category #container #content section#about .body p, #category #container #content section#about .body html[lang="de"] p, html[lang="de"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 html[lang="de"] span, html[lang="de"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header html[lang="de"] h4 > sub, html[lang="de"] #category #container #content section#features .body .extra header .title p, #category #container #content section#features .body .extra header .title html[lang="de"] p, html[lang="de"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body html[lang="de"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 434, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #category #container #content section#features .body .extra header .title h4 span, #category #container #content section#features .body .extra header .title h4 html[lang="de"] span {
  font-family: Tahoma, sans-serif !important; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #category #container #content section#about .body p, #category #container #content section#about .body html[lang="it"] p, html[lang="it"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 html[lang="it"] span, html[lang="it"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header html[lang="it"] h4 > sub, html[lang="it"] #category #container #content section#features .body .extra header .title p, #category #container #content section#features .body .extra header .title html[lang="it"] p, html[lang="it"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body html[lang="it"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 447, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #category #container #content section#features .body .extra header .title h4 span, #category #container #content section#features .body .extra header .title h4 html[lang="it"] span {
  font-family: Tahoma, sans-serif !important; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #category #container #content section#about .body p, #category #container #content section#about .body html[lang="es"] p, html[lang="es"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 html[lang="es"] span, html[lang="es"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header html[lang="es"] h4 > sub, html[lang="es"] #category #container #content section#features .body .extra header .title p, #category #container #content section#features .body .extra header .title html[lang="es"] p, html[lang="es"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body html[lang="es"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 460, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #category #container #content section#features .body .extra header .title h4 span, #category #container #content section#features .body .extra header .title h4 html[lang="es"] span {
  font-family: Tahoma, sans-serif !important; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#category #container #content section#about .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub, #category #container #content section#features .body .extra header .title p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 487, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#category #container #content section#features .body .extra header .title h4 span {
  font-family: "ゴシックMB101 B", "Gothic MB101 Bold", "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

/* line 525, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#category #container #content section#about .body p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span {
  line-height: 1.22222;
  font-size: 36px;
  font-size: 3.6rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content section#about .body p, #category #container #content section#about .body .touchevents p, .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 .touchevents span {
      font-size: 19px;
      font-size: 1.9rem; } }

/* line 541, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub {
  line-height: 1.31579;
  font-size: 19px;
  font-size: 1.9rem; }

/* line 566, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#category #container #content section#features .body .extra header .title p, #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p {
  line-height: 1.76923;
  font-size: 13px;
  font-size: 1.3rem; }

/* line 44, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#about header + .body {
  margin-top: 29px; }
/* line 48, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#about .body p {
  text-align: left;
  color: rgba(255, 255, 255, 0.35); }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content section#about .body p {
      line-height: 1.20833;
      font-size: 24px;
      font-size: 2.4rem; } }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="en"] #category #container #content section#about .body p {
    text-align: left; }
  @media screen and (max-width: 767px) {
    /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    html[lang="en"].touchevents #category #container #content section#about .body p {
      font-size: 25px;
      font-size: 2.5rem; } }
/* line 74, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features header + .body {
  margin-top: 29px; }
/* line 79, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body > * + * {
  margin-top: 69px; }
/* line 85, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body .module_animation_text p {
  text-align: left;
  line-height: 1.76667;
  font-size: 30px;
  font-size: 3rem; }
  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
  html[lang="en"] #category #container #content section#features .body .module_animation_text p {
    text-align: left; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content section#features .body .module_animation_text p {
      line-height: 1.78947;
      font-size: 19px;
      font-size: 1.9rem; } }
  /* line 96, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#features .body .module_animation_text p .note {
    font-size: 13px;
    font-size: 1.3rem; }
/* line 109, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body .module_movie figure .lazy_load_wrap {
  opacity: 0.9;
  filter: alpha(opacity=90); }
/* line 118, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body .extra header {
  position: relative; }
  /* line 123, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#features .body .extra header .title {
    width: 78%;
    padding-right: 40px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #category #container #content section#features .body .extra header .title {
        width: 100%;
        padding-right: 0; } }
    /* line 132, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content section#features .body .extra header .title h4 span {
      display: block;
      margin-bottom: -12px;
      line-height: 1.66667;
      font-size: 30px;
      font-size: 3rem; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #category #container #content section#features .body .extra header .title h4 span {
          font-size: 24px;
          font-size: 2.4rem; } }
    /* line 143, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content section#features .body .extra header .title .eyecatch {
      position: absolute;
      top: 0;
      right: 0; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #category #container #content section#features .body .extra header .title .eyecatch {
          position: relative;
          margin-top: 49px;
          margin-right: auto;
          margin-left: auto;
          padding-right: 25px; } }
      /* line 155, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category #container #content section#features .body .extra header .title .eyecatch.blue_angels {
        top: -6px;
        right: -6px;
        width: 112px;
        height: 134px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #category #container #content section#features .body .extra header .title .eyecatch.blue_angels {
            width: 137px;
            right: 0;
            margin-bottom: -12px; } }
    /* line 166, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content section#features .body .extra header .title p {
      margin-top: 29px;
      color: rgba(255, 255, 255, 0.4); }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="en"] #category #container #content section#features .body .extra header .title p {
        font-size: 14px;
        font-size: 1.4rem; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #category #container #content section#features .body .extra header .title .eyecatch + p {
        margin-top: 49px; } }
/* line 180, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body .extra header + .body {
  margin-top: 49px; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content section#features .body .extra header + .body {
      margin-top: 29px; } }
/* line 187, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body .extra .body .btn {
  margin-top: 20px; }
  /* line 189, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#features .body .extra .body .btn .feature_link {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    text-align: right; }
/* line 201, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body .extra .body .module_slide .slide {
  float: left;
  width: 69.3%;
  padding-right: 40px; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content section#features .body .extra .body .module_slide .slide {
      width: 100%;
      padding-right: 0; } }
  /* line 212, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#features .body .extra .body .module_slide .slide .slide_wrap {
    position: relative;
    padding-bottom: 62.5%; }
/* line 219, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#features .body .extra .body .module_slide .slide_nav {
  float: right;
  width: 30.7%; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content section#features .body .extra .body .module_slide .slide_nav {
      display: none; } }
  /* line 228, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#features .body .extra .body .module_slide .slide_nav ul li {
    width: 25%; }
/* line 249, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#design .body .module_slide .slide .slide_wrap {
  width: 75%;
  margin-right: auto;
  margin-left: 0; }
  /* line 254, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  .no-touchevents #category #container #content section#design .body .module_slide .slide .slide_wrap {
    cursor: url("/promaster/special/assets/images/common/none.cur"), none; }
    @media screen and (min-width: 0px) and (max-width: 980px) {
      /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents .no-touchevents #category #container #content section#design .body .module_slide .slide .slide_wrap {
        cursor: default; } }
  /* line 262, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#design .body .module_slide .slide .slide_wrap .cursor {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    pointer-events: none;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    /* line 271, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content section#design .body .module_slide .slide .slide_wrap .cursor:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background: url("/promaster/special/assets/images/common/parts/icon/enlarge.svg") no-repeat 0 0;
      background-size: 100% auto;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  /* line 288, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#design .body .module_slide .slide .slide_wrap .slide_list figure {
    padding-right: 9px; }
    /* line 291, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content section#design .body .module_slide .slide .slide_wrap .slide_list figure .wrap {
      position: relative;
      background-color: #000000;
      overflow: hidden; }
      /* line 296, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category #container #content section#design .body .module_slide .slide .slide_wrap .slide_list figure .wrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
        opacity: 0.5; }
      /* line 299, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category #container #content section#design .body .module_slide .slide .slide_wrap .slide_list figure .wrap:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        filter: alpha(opacity=0);
        transition-property: opacity;
        transition-duration: 240ms;
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    /* line 315, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content section#design .body .module_slide .slide .slide_wrap .slide_list figure.over .wrap:after {
      opacity: 1;
      filter: alpha(opacity=100); }
/* line 324, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content section#technology footer {
  margin-top: 69px; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content section#technology footer {
      margin-top: 29px; } }
  /* line 332, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content section#technology footer .banner_wrap {
    margin-top: 0;
    margin-right: -20px;
    margin-left: -20px; }
    /* line 340, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content section#technology footer .banner_wrap .banner {
      float: right;
      width: 50%;
      padding-right: 20px;
      padding-left: 20px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #category #container #content section#technology footer .banner_wrap .banner {
          width: 100%; } }
/* line 354, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category #container #content .module_loop_images {
  height: 358px;
  margin-top: 150px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category #container #content .module_loop_images {
      height: 169px;
      margin-top: 90px; } }
  /* line 363, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category #container #content .module_loop_images .wrap {
    position: relative;
    height: 100%;
    z-index: 1; }
    /* line 369, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category #container #content .module_loop_images .wrap figure {
      position: relative;
      float: left;
      height: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      /* line 375, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category #container #content .module_loop_images .wrap figure img {
        width: auto;
        height: 100%; }
/* line 405, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.feature_product #container #content #visual_area {
  height: 862px; }
  /* line 421, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content #visual_area > header .page_title h2 sub {
    margin-left: 4px;
    vertical-align: baseline;
    color: rgba(255, 255, 255, 0.95);
    font-size: inherit; }
  /* line 429, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content #visual_area > header .page_title h2 .txt_outer .base:before {
    height: 11px !important; }
  /* line 445, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content #visual_area > .wrap .post a figure .img_wrap .img {
    -webkit-animation: none;
    animation: none; }
  /* line 450, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content #visual_area > .wrap .post a .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10; }
    /* line 458, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * {
      display: inline-block; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * ul {
          display: none; } }
      /* line 465, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * ul li {
        line-height: 1.35714;
        color: rgba(255, 255, 255, 0.95);
        font-size: 14px;
        font-size: 1.4rem; }
      /* line 471, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * .icon {
        margin-right: auto;
        margin-left: 0; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * .icon {
            width: 31px;
            height: 29px; } }
        /* line 480, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
        #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * .icon span:before {
          top: auto;
          bottom: 0; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * .icon span:before {
              width: 31px;
              height: 29px; } }
        /* line 488, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
        #category.feature_product #container #content #visual_area > .wrap .post a .btn .inner > * .icon span:after {
          display: none; }
    /* line 509, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category.feature_product #container #content #visual_area > .wrap .post a .btn.show > * .icon span, #category.feature_product #container #content #visual_area > .wrap .post a .btn.animate_in > * .icon span {
      -webkit-animation: btn_over_arrow_down_wrap 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
      animation: btn_over_arrow_down_wrap 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1; }
      /* line 512, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category.feature_product #container #content #visual_area > .wrap .post a .btn.show > * .icon span:before, #category.feature_product #container #content #visual_area > .wrap .post a .btn.animate_in > * .icon span:before {
        -webkit-animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
        animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
  /* line 519, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  .no-touchevents #category.feature_product #container #content #visual_area > .wrap .post a:hover .btn > * .icon span, .no-touchevents #category.feature_product #container #content #visual_area > .wrap .post a:focus .btn > * .icon span, .no-touchevents #category.feature_product #container #content #visual_area > .wrap .post a:active .btn > * .icon span {
    -webkit-animation: none 0;
    animation: none 0; }
  /* line 519, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  .touchevents #category.feature_product #container #content #visual_area > .wrap .post a.over .btn > * .icon span {
    -webkit-animation: none 0;
    animation: none 0; }
  /* line 541, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content #visual_area.has_title .wrap .post .text .inner {
    padding-top: 209px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #category.feature_product #container #content #visual_area.has_title .wrap .post .text .inner {
        padding-top: 117px; } }
/* line 552, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.feature_product #container #content .features_wrap {
  margin-top: -60px;
  background-color: #000000; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category.feature_product #container #content .features_wrap {
      margin-top: -49px; } }
  /* line 559, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content .features_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
    opacity: 0.5;
    z-index: 2; }
  /* line 565, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content .features_wrap #visual_area {
    margin-top: 0; }
  /* line 570, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content .features_wrap #features {
    position: relative;
    margin-top: 0;
    padding-top: 129px;
    padding-bottom: 109px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #category.feature_product #container #content .features_wrap #features {
        padding-top: 69px;
        padding-bottom: 69px; } }
    /* line 585, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category.feature_product #container #content .features_wrap #features .inner:after {
      display: none; }
    /* line 590, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category.feature_product #container #content .features_wrap #features .inner > header {
      display: none; }
    /* line 595, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category.feature_product #container #content .features_wrap #features .inner > .body {
      margin-top: 0; }
      /* line 600, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list {
        margin-top: 109px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list {
            margin-top: 69px; } }
        /* line 608, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
        #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list {
          counter-reset: index;
          margin-top: -69px; }
          /* line 614, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
          #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post {
            counter-increment: index;
            margin-top: 69px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post {
                margin-top: 49px !important; } }
            /* line 623, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
            #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap {
              height: 100%;
              padding-top: 49px;
              background-color: rgba(0, 0, 0, 0.4); }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap {
                  padding-top: 29px; } }
              /* line 633, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
              #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row; }
                /* line 641, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num {
                  position: relative;
                  margin-right: 25px; }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num {
                      width: 60px;
                      margin-right: 0; } }
                  /* line 652, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                  #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num:before {
                    content: counter(index,decimal-leading-zero);
                    position: relative;
                    left: -3px;
                    font-size: 48px;
                    font-size: 4.8rem;
                    letter-spacing: 0; }
                    @media screen and (max-width: 767px) {
                      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                      .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num:before {
                        left: -2px;
                        font-size: 33px;
                        font-size: 3.3rem; } }
                  /* line 664, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                  #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num:after {
                    content: "";
                    position: absolute;
                    top: 48px;
                    left: 0;
                    width: 60px;
                    height: 2px;
                    background-color: #ca1c1d; }
                    @media screen and (max-width: 767px) {
                      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                      .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num:after {
                        top: 31px;
                        width: 42px; } }
                  /* line 677, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                  #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num sub {
                    display: block;
                    width: 60px;
                    margin-top: 9px;
                    vertical-align: baseline;
                    color: rgba(255, 255, 255, 0.95);
                    font-size: 10px;
                    font-size: 1rem;
                    letter-spacing: 0.05em;
                    text-align: center; }
                    @media screen and (max-width: 767px) {
                      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                      .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header .num sub {
                        margin-top: 6px;
                        letter-spacing: 0.12em;
                        -ms-transform-origin: 0 0;
                        -webkit-transform-origin: 0 0;
                        transform-origin: 0 0;
                        -ms-transform: scale(0.65, 0.65);
                        -webkit-transform: scale(0.65, 0.65);
                        transform: scale(0.65, 0.65); } }
                /* line 695, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span {
                  display: block;
                  color: rgba(255, 255, 255, 0.95); }
                  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                  html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span {
                    font-size: 37px;
                    font-size: 3.7rem; }
                  @media screen and (max-width: 767px) {
                    /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    html[lang="en"].touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 span {
                      line-height: 1.16;
                      font-size: 25px;
                      font-size: 2.5rem; } }
                /* line 707, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub {
                  display: block;
                  margin-bottom: -6px;
                  color: rgba(255, 255, 255, 0.5); }
                  /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                  html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub {
                    font-size: 20px;
                    font-size: 2rem; }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub {
                      margin-bottom: -4px;
                      font-size: 13px;
                      font-size: 1.3rem; } }
                  @media screen and (max-width: 767px) {
                    /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    html[lang="en"].touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub {
                      font-size: 14px;
                      font-size: 1.4rem; } }
                  /* line 724, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                  #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub + span {
                    margin-top: 15px; }
                    @media screen and (max-width: 767px) {
                      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                      .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header h4 > sub + span {
                        margin-top: 9px; } }
                @media screen and (max-width: 767px) {
                  /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  html[lang="en"].touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap header.size_s h4 span {
                    font-size: 20px;
                    font-size: 2rem; } }
              /* line 745, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
              #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p {
                text-align: left;
                color: rgba(255, 255, 255, 0.5); }
                /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                html[lang="en"] #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p {
                  text-align: left; }
                /* line 754, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p + p {
                  margin-top: 15px; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body p:last-child {
                    margin-bottom: 29px; } }
              /* line 764, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
              #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body figure {
                margin-top: 49px; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body figure {
                    margin-top: 29px; } }
                /* line 770, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
                #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post .wrap .body figure .img {
                  padding-bottom: 62.5%; }
            /* line 776, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
            #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post.white .wrap {
              background-color: rgba(255, 255, 255, 0.1); }
            /* line 781, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
            #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post:nth-child(2n) {
              margin-top: 138px; }
            /* line 797, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
            #category.feature_product #container #content .features_wrap #features .inner > .body .feature_list .list .post:nth-child(1) .wrap header .num:before {
              letter-spacing: 0.1em; }
  /* line 802, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content .features_wrap .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    z-index: 1; }
    /* line 814, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category.feature_product #container #content .features_wrap .bg.fixed {
      top: 0;
      left: 0;
      width: 100%;
      min-width: 1024px; }
      @media screen and (min-width: 0px) and (max-width: 980px) {
        /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #category.feature_product #container #content .features_wrap .bg.fixed {
          min-width: 0; } }
/* line 828, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.feature_product #container #content .front {
  position: relative;
  padding-top: 0.1px;
  background-color: #0d0d0d;
  z-index: 10; }
  /* line 834, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product #container #content .front .module_nav_movie {
    position: relative;
    z-index: 10; }
/* line 843, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.feature_product #container #content .parallax_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
/* line 855, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.feature_product .module_slide.zoom {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10010; }
  /* line 864, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  .no-touchevents #category.feature_product .module_slide.zoom {
    min-width: 1024px; }
  @media screen and (min-width: 0px) and (max-width: 980px) {
    /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #category.feature_product .module_slide.zoom {
      min-width: 0 !important; } }
  /* line 872, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product .module_slide.zoom .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 1; }
  /* line 883, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product .module_slide.zoom .slide {
    position: absolute;
    top: 69px;
    left: 50%;
    width: 100%;
    max-width: calc(100% - 360px);
    height: calc(100% - 177px);
    z-index: 2;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #category.feature_product .module_slide.zoom .slide {
        top: 0;
        left: 0;
        max-width: none;
        height: calc(100% - 128px);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0); } }
  /* line 904, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product .module_slide.zoom .slide_nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3; }
    /* line 911, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
    #category.feature_product .module_slide.zoom .slide_nav ul {
      margin-top: 0; }
      /* line 914, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
      #category.feature_product .module_slide.zoom .slide_nav ul li {
        width: 80px;
        margin-top: 0;
        padding-right: 0;
        padding-left: 0; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #category.feature_product .module_slide.zoom .slide_nav ul li {
            width: 58px; } }
        /* line 923, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
        #category.feature_product .module_slide.zoom .slide_nav ul li a {
          position: relative; }
          /* line 926, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
          #category.feature_product .module_slide.zoom .slide_nav ul li a:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 4px;
            background-color: #ca1c1d;
            z-index: 10;
            transition-property: width;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #category.feature_product .module_slide.zoom .slide_nav ul li a:before {
                height: 3px; } }
          /* line 942, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
          #category.feature_product .module_slide.zoom .slide_nav ul li a .img {
            opacity: 1;
            filter: alpha(opacity=100); }
          /* line 946, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
          .no-touchevents #category.feature_product .module_slide.zoom .slide_nav ul li a:hover .img, .no-touchevents #category.feature_product .module_slide.zoom .slide_nav ul li a:focus .img, .no-touchevents #category.feature_product .module_slide.zoom .slide_nav ul li a:active .img {
            opacity: 0.6;
            filter: alpha(opacity=60); }
          /* line 946, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
          .touchevents #category.feature_product .module_slide.zoom .slide_nav ul li a.over .img {
            opacity: 0.6;
            filter: alpha(opacity=60); }
        /* line 950, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
        #category.feature_product .module_slide.zoom .slide_nav ul li.current {
          pointer-events: none; }
          /* line 954, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
          #category.feature_product .module_slide.zoom .slide_nav ul li.current a:before {
            width: 100%; }
  /* line 959, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
  #category.feature_product .module_slide.zoom .btn.close {
    position: absolute;
    top: 69px;
    right: 60px;
    z-index: 20; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #category.feature_product .module_slide.zoom .btn.close {
        top: 15px;
        right: 15px; } }
/* line 1041, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.marine #container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/promaster/special/assets/images/common/parts/mesh_marine.png") repeat 0 0;
  opacity: 0.5; }
/* line 1046, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.marine #container #content .front:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/promaster/special/assets/images/common/parts/mesh_marine.png") repeat 0 0;
  opacity: 0.5; }
/* line 1056, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.land #container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/promaster/special/assets/images/common/parts/mesh_land.png") repeat 0 0;
  opacity: 0.6; }
/* line 1061, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.land #container #content .front:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/promaster/special/assets/images/common/parts/mesh_land.png") repeat 0 0;
  opacity: 0.6; }
/* line 1071, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.sky #container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/promaster/special/assets/images/common/parts/mesh_sky.png") repeat 0 0;
  opacity: 0.6; }
/* line 1076, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/category.sass */
#category.sky #container #content .front:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/promaster/special/assets/images/common/parts/mesh_sky.png") repeat 0 0;
  opacity: 0.6; }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#technology_history #container .nav_years header .inner:after {
  content: "";
  display: table;
  clear: both; }

/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text html[lang="en"] p, html[lang="en"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text html[lang="en"] p, html[lang="en"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header html[lang="en"] h3, html[lang="en"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure html[lang="en"] figcaption, html[lang="en"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header html[lang="en"] h3, html[lang="en"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 html[lang="en"] span.sub, html[lang="en"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header html[lang="en"] h3, html[lang="en"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 html[lang="en"] span.sub, html[lang="en"] html[lang="ja"] #technology_history #container #content #epilogue .inner .text p, html[lang="ja"] #technology_history #container #content #epilogue .inner .text html[lang="en"] p, #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * ul li, #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header .year, #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header .caption, #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, #technology_history #container #content #epilogue .inner .text p, #technology_history #container .nav_years header .inner .year, #technology_history #container .nav_years ul li {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 323, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 span.sub {
  font-family: "Neutral Bold 3", "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif !important; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="sc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="sc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="sc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="sc"] #technology_history #container #content #epilogue .inner .text p, html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text html[lang="sc"] p, html[lang="sc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text html[lang="sc"] p, html[lang="sc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header html[lang="sc"] h3, html[lang="sc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure html[lang="sc"] figcaption, html[lang="sc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header html[lang="sc"] h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 html[lang="sc"] span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header html[lang="sc"] h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 html[lang="sc"] span.sub, html[lang="ja"] #technology_history #container #content #epilogue .inner .text html[lang="sc"] p {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 404, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="sc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="sc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="sc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="sc"] #technology_history #container #content #epilogue .inner .text p {
  font-weight: 800; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="tc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="tc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="tc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="tc"] #technology_history #container #content #epilogue .inner .text p, html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text html[lang="tc"] p, html[lang="tc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text html[lang="tc"] p, html[lang="tc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header html[lang="tc"] h3, html[lang="tc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure html[lang="tc"] figcaption, html[lang="tc"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header html[lang="tc"] h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 html[lang="tc"] span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header html[lang="tc"] h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 html[lang="tc"] span.sub, html[lang="ja"] #technology_history #container #content #epilogue .inner .text html[lang="tc"] p {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 417, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="tc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="tc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="tc"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="tc"] #technology_history #container #content #epilogue .inner .text p {
  font-weight: 800; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text html[lang="de"] p, html[lang="de"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text html[lang="de"] p, html[lang="de"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header html[lang="de"] h3, html[lang="de"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure html[lang="de"] figcaption, html[lang="de"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header html[lang="de"] h3, html[lang="de"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 html[lang="de"] span.sub, html[lang="de"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header html[lang="de"] h3, html[lang="de"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 html[lang="de"] span.sub, html[lang="de"] html[lang="ja"] #technology_history #container #content #epilogue .inner .text p, html[lang="ja"] #technology_history #container #content #epilogue .inner .text html[lang="de"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text html[lang="it"] p, html[lang="it"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text html[lang="it"] p, html[lang="it"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header html[lang="it"] h3, html[lang="it"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure html[lang="it"] figcaption, html[lang="it"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header html[lang="it"] h3, html[lang="it"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 html[lang="it"] span.sub, html[lang="it"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header html[lang="it"] h3, html[lang="it"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 html[lang="it"] span.sub, html[lang="it"] html[lang="ja"] #technology_history #container #content #epilogue .inner .text p, html[lang="ja"] #technology_history #container #content #epilogue .inner .text html[lang="it"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text html[lang="es"] p, html[lang="es"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text html[lang="es"] p, html[lang="es"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header html[lang="es"] h3, html[lang="es"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure html[lang="es"] figcaption, html[lang="es"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header html[lang="es"] h3, html[lang="es"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 html[lang="es"] span.sub, html[lang="es"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header html[lang="es"] h3, html[lang="es"] html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 html[lang="es"] span.sub, html[lang="es"] html[lang="ja"] #technology_history #container #content #epilogue .inner .text p, html[lang="ja"] #technology_history #container #content #epilogue .inner .text html[lang="es"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3, html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub, html[lang="ja"] #technology_history #container #content #epilogue .inner .text p {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 20, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
#technology_history #container {
  background-color: #000000; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #technology_history #container .page_title h2 {
      font-size: 20px;
      font-size: 2rem; } }
  /* line 45, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
  #technology_history #container #content #visual_area {
    height: 862px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #technology_history #container #content #visual_area {
        height: 618px !important; } }
    /* line 56, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #visual_area > header .inner .page_title:before {
      content: "";
      position: absolute;
      top: 1px;
      right: 0;
      width: 30px;
      height: 2px;
      background-color: rgba(255, 255, 255, 0.4); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #technology_history #container #content #visual_area > header .inner .page_title:before {
          display: none; } }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #technology_history #container #content #visual_area > header .inner .page_title h2 .txt_outer .base:before {
        height: 15px !important; } }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="ja"] #technology_history #container #content #visual_area *:not(.section_title) > h3 .fw {
      top: -1px;
      font-size: 48px;
      font-size: 4.8rem; }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="ja"].touchevents #technology_history #container #content #visual_area *:not(.section_title) > h3 .fw {
        font-size: 22px;
        font-size: 2.2rem; } }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="sc"] #technology_history #container #content #visual_area *:not(.section_title) > h3 .fw {
      top: -1px;
      font-size: 48px;
      font-size: 4.8rem; }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="sc"].touchevents #technology_history #container #content #visual_area *:not(.section_title) > h3 .fw {
        font-size: 22px;
        font-size: 2.2rem; } }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="tc"] #technology_history #container #content #visual_area *:not(.section_title) > h3 .fw {
      top: -1px;
      font-size: 48px;
      font-size: 4.8rem; }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="tc"].touchevents #technology_history #container #content #visual_area *:not(.section_title) > h3 .fw {
        font-size: 22px;
        font-size: 2.2rem; } }
    /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="ja"].win #technology_history #container #content #visual_area h3 .txt_outer .base {
      top: -3px; }
    /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="sc"].win #technology_history #container #content #visual_area h3 .txt_outer .base {
      top: -3px; }
    /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="tc"].win #technology_history #container #content #visual_area h3 .txt_outer .base {
      top: -3px; }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="ja"] #technology_history #container #content #visual_area h3 .txt_outer .base:before {
      height: 44px !important; }
    /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="ja"].win #technology_history #container #content #visual_area h3 .txt_outer .base:before {
      height: 43px !important; }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="ja"].touchevents #technology_history #container #content #visual_area h3 .txt_outer .base:before {
        height: 20px !important; } }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="sc"] #technology_history #container #content #visual_area h3 .txt_outer .base:before {
      height: 44px !important; }
    /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="sc"].win #technology_history #container #content #visual_area h3 .txt_outer .base:before {
      height: 43px !important; }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="sc"].touchevents #technology_history #container #content #visual_area h3 .txt_outer .base:before {
        height: 20px !important; } }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="tc"] #technology_history #container #content #visual_area h3 .txt_outer .base:before {
      height: 44px !important; }
    /* line 188, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="tc"].win #technology_history #container #content #visual_area h3 .txt_outer .base:before {
      height: 43px !important; }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="tc"].touchevents #technology_history #container #content #visual_area h3 .txt_outer .base:before {
        height: 20px !important; } }
    /* line 153, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #visual_area > .wrap .post .text .inner {
      position: relative; }
      /* line 158, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #visual_area > .wrap .post .text .inner .description {
        position: absolute;
        bottom: 69px;
        left: 0;
        width: 100%;
        text-align: right; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #visual_area > .wrap .post .text .inner .description {
            bottom: 58px; } }
        /* line 168, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #visual_area > .wrap .post .text .inner .description .inner {
          padding-top: 0; }
        /* line 172, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
          line-height: 1.78947;
          font-size: 20px;
          font-size: 2rem; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="ja"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
            font-size: 19px;
            font-size: 1.9rem; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="sc"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
            font-size: 19px;
            font-size: 1.9rem; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="tc"] #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
            font-size: 19px;
            font-size: 1.9rem; }
          /* line 189, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p + p {
            margin-top: 15px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
              font-size: 13px;
              font-size: 1.3rem; } }
          @media screen and (max-width: 767px) {
            /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            html[lang="ja"].touchevents #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
              font-size: 13px;
              font-size: 1.3rem; } }
          @media screen and (max-width: 767px) {
            /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            html[lang="en"].touchevents #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
              font-size: 14px;
              font-size: 1.4rem; } }
          @media screen and (max-width: 767px) {
            /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            html[lang="sc"].touchevents #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
              font-size: 13px;
              font-size: 1.3rem; } }
          @media screen and (max-width: 767px) {
            /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            html[lang="tc"].touchevents #technology_history #container #content #visual_area > .wrap .post .text .inner .description .module_animation_text p {
              font-size: 13px;
              font-size: 1.3rem; } }
    /* line 211, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #visual_area > .wrap .post figure .movie_inner video {
      opacity: 0.3;
      filter: alpha(opacity=30); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #technology_history #container #content #visual_area > .wrap .post figure .movie_inner video.pc {
          display: none; } }
      @media screen and (min-width: 768px) {
        /* line 218, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #visual_area > .wrap .post figure .movie_inner video.sp {
          display: none; } }
    /* line 225, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #visual_area > .wrap .post a .btn {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10; }
      /* line 233, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * {
        display: inline-block; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * ul {
            display: none; } }
        /* line 240, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * ul li {
          line-height: 1.35714;
          color: rgba(255, 255, 255, 0.95);
          font-size: 14px;
          font-size: 1.4rem; }
        /* line 246, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * .icon {
          margin-right: auto;
          margin-left: 0; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * .icon {
              width: 31px;
              height: 29px; } }
          /* line 255, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * .icon span:before {
            top: auto;
            bottom: 0; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * .icon span:before {
                width: 31px;
                height: 29px; } }
          /* line 263, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #visual_area > .wrap .post a .btn .inner > * .icon span:after {
            display: none; }
      /* line 284, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #visual_area > .wrap .post a .btn.show > * .icon span, #technology_history #container #content #visual_area > .wrap .post a .btn.animate_in > * .icon span {
        -webkit-animation: btn_over_arrow_down_wrap 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1;
        animation: btn_over_arrow_down_wrap 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 1; }
        /* line 287, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #visual_area > .wrap .post a .btn.show > * .icon span:before, #technology_history #container #content #visual_area > .wrap .post a .btn.animate_in > * .icon span:before {
          -webkit-animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
          animation: btn_over_arrow_down 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1; }
    /* line 294, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    .no-touchevents #technology_history #container #content #visual_area > .wrap .post a:hover .btn > * .icon span, .no-touchevents #technology_history #container #content #visual_area > .wrap .post a:focus .btn > * .icon span, .no-touchevents #technology_history #container #content #visual_area > .wrap .post a:active .btn > * .icon span {
      -webkit-animation: none 0;
      animation: none 0; }
    /* line 294, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    .touchevents #technology_history #container #content #visual_area > .wrap .post a.over .btn > * .icon span {
      -webkit-animation: none 0;
      animation: none 0; }
    /* line 316, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #visual_area.has_title .wrap .post .text > .inner {
      padding-top: 209px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #technology_history #container #content #visual_area.has_title .wrap .post .text > .inner {
          padding-top: 143px; }
          /* line 323, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .touchevents #technology_history #container #content #visual_area.has_title .wrap .post .text > .inner h3:before {
            content: "";
            position: absolute;
            top: 1px;
            right: 0;
            width: 15px;
            height: 2px;
            background-color: rgba(255, 255, 255, 0.4); } }
    /* line 333, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #visual_area.ja > .wrap {
      overflow: hidden; }
  /* line 340, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
  #technology_history #container #content #list_wrap {
    position: relative;
    padding-top: 129px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #technology_history #container #content #list_wrap {
        padding-top: 69px; } }
    /* line 354, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #list_wrap .wrap + .wrap {
      margin-top: 89px; }
      /* line 357, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #list_wrap .wrap + .wrap .inner {
        padding-top: 0.1px; }
    /* line 368, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #list_wrap .wrap .inner .list {
      margin-top: -69px;
      margin-right: -34px;
      margin-left: -34px; }
      /* line 374, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      .safari #technology_history #container #content #list_wrap .wrap .inner .list:first-child {
        margin-top: -65px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #technology_history #container #content #list_wrap .wrap .inner .list {
          margin-top: -89px;
          margin-right: 0;
          margin-left: 0; } }
      /* line 384, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #list_wrap .wrap .inner .list .grid_sizer {
        width: 33.33333%; }
        @media screen and (min-width: 768px) and (max-width: 980px) {
          /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .grid_sizer {
            width: 50%; } }
      /* line 392, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #list_wrap .wrap .inner .list .post {
        margin-top: 69px;
        padding-right: 34px;
        padding-left: 34px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post {
            margin-top: 89px;
            padding-right: 0;
            padding-left: 0; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post:not(.technology) {
            margin-top: 13px;
            padding-top: 76px; } }
        /* line 409, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post .frame {
          position: relative;
          width: 100%;
          height: 100%;
          background-color: #000000; }
          /* line 417, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post .frame header {
            position: relative;
            z-index: 2; }
            /* line 423, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post .frame header.left {
              text-align: left; }
            /* line 428, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post .frame header.right {
              text-align: right; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post .frame header.sp_left {
                text-align: left; } }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post .frame header.sp_right {
                text-align: right; } }
          /* line 446, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p {
            text-align: left;
            line-height: 1.81818;
            color: rgba(255, 255, 255, 0.6);
            font-size: 11px;
            font-size: 1.1rem; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p {
              text-align: justify;
              text-justify: inter-cluster; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p {
              line-height: 1.66667;
              font-size: 12px;
              font-size: 1.2rem; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="sc"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p {
              text-align: justify;
              text-justify: inter-cluster; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="tc"] #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p {
              text-align: justify;
              text-justify: inter-cluster; }
            /* line 470, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post .frame .text p.dummy {
              opacity: 0;
              filter: alpha(opacity=0);
              pointer-events: none; }
        /* line 476, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.w_s {
          width: 33.33333%; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.w_s {
              width: 100%; } }
        /* line 484, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.w_m {
          width: 66.66667%; }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.w_m {
              width: 100%; } }
        /* line 492, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.w_l {
          width: 100%; }
        /* line 497, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.h_s {
          height: 222px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.h_s {
              height: auto; } }
        /* line 505, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.h_m {
          height: 513px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.h_m {
              height: auto; } }
        /* line 513, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.h_l {
          height: 804px; }
          @media screen and (min-width: 768px) and (max-width: 980px) {
            /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.h_l {
              height: 513px; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.h_l {
              height: auto; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame {
            padding-top: 15px; } }
        /* line 537, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 100%;
          padding-top: 49px;
          padding-bottom: 42px; }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header {
              width: 100%; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header {
              display: block;
              position: absolute;
              top: 0;
              height: auto;
              padding-top: 0;
              padding-bottom: 0; } }
          /* line 557, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 {
            line-height: 1.16667;
            color: rgba(255, 255, 255, 0.95);
            font-size: 54px;
            font-size: 5.4rem; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 {
              letter-spacing: 0.02em; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 {
              line-height: 1.14545;
              font-size: 55px;
              font-size: 5.5rem; }
            @media screen and (min-width: 768px) and (max-width: 980px) {
              /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 {
                font-size: 40px;
                font-size: 4rem; } }
            @media screen and (min-width: 768px) and (max-width: 980px) {
              /* line 82, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              html[lang="en"].touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 {
                font-size: 41px;
                font-size: 4.1rem; } }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 {
                font-size: 30px;
                font-size: 3rem; } }
            @media screen and (max-width: 767px) {
              /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              html[lang="en"].touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 {
                font-size: 31px;
                font-size: 3.1rem; } }
            /* line 583, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 span {
              display: block; }
              /* line 586, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 span:not(.sub) {
                margin-bottom: -16px;
                line-height: inherit; }
              /* line 590, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 span.sub {
                position: relative;
                margin-top: 20px;
                line-height: 1;
                color: #ca1c1d;
                font-size: 13px;
                font-size: 1.3rem; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 span.sub {
                    font-size: 12px;
                    font-size: 1.2rem; } }
                /* line 601, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
                #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 span.sub:after {
                  content: "";
                  position: absolute;
                  top: 0;
                  width: 2px;
                  height: 10px;
                  background-color: rgba(255, 255, 255, 0.4);
                  -ms-transform: skewX(30deg);
                  -webkit-transform: skewX(30deg);
                  transform: skewX(30deg); }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header h3 span.sub:after {
                      width: 2px;
                      height: 9px; } }
          /* line 616, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.space_between {
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between; }
          /* line 621, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.bottom {
            -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
            justify-content: flex-end; }
            @media screen and (min-width: 768px) and (max-width: 980px) {
              /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.bottom {
                -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                justify-content: space-between; } }
          /* line 632, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.left h3 span.sub {
            padding-left: 26px; }
            /* line 635, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.left h3 span.sub:after {
              left: 0;
              -ms-transform-origin: 0 0;
              -webkit-transform-origin: 0 0;
              transform-origin: 0 0; }
          /* line 644, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.right h3 span.sub {
            padding-right: 26px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.right h3 span.sub {
                display: inline-block;
                padding-right: 0;
                padding-left: 17px; } }
            /* line 652, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.right h3 span.sub:after {
              right: 0;
              -ms-transform-origin: 100% 100%;
              -webkit-transform-origin: 100% 100%;
              transform-origin: 100% 100%; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.right h3 span.sub:after {
                  right: auto;
                  left: 0;
                  -ms-transform-origin: 0 0;
                  -webkit-transform-origin: 0 0;
                  transform-origin: 0 0; } }
          @media screen and (max-width: 767px) {
            /* line 667, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.sp_left h3 span.sub {
              padding-right: 0;
              padding-left: 17px; }
              /* line 671, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.sp_left h3 span.sub:after {
                left: 0;
                -ms-transform-origin: 0 0;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0; } }
          @media screen and (max-width: 767px) {
            /* line 681, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.sp_right h3 span.sub {
              display: inline-block;
              padding-right: 0;
              padding-left: 17px; }
              /* line 686, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame header.sp_right h3 span.sub:after {
                right: auto;
                left: 0;
                -ms-transform-origin: 0 0;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0; } }
        /* line 693, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text {
          position: relative;
          margin-top: 49px;
          z-index: 2; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text {
              margin-top: 29px; } }
          /* line 701, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text:before {
            content: "";
            position: absolute;
            top: 3px;
            width: 30px;
            height: 3px;
            background-color: rgba(255, 255, 255, 0.2); }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text:before {
                width: 15px;
                height: 2px; } }
          /* line 713, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text p {
            color: #ffffff; }
          /* line 718, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.left {
            padding-left: 68px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.left {
                padding-left: 25px; } }
            /* line 724, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.left:before {
              left: 0; }
          /* line 729, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.right {
            -webkit-align-self: flex-end;
            -ms-flex-item-align: end;
            align-self: flex-end;
            padding-right: 68px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.right {
                padding-left: 25px;
                padding-right: 0; } }
            /* line 737, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.right:before {
              right: 0; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.right:before {
                  right: auto;
                  left: 0; } }
          /* line 752, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.left_out {
            left: calc(-50% - 34px);
            width: 100%; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.left_out {
                left: 0; } }
          /* line 761, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.right_out {
            right: calc(-50% - 34px);
            width: 100%; }
            @media screen and (min-width: 0px) and (max-width: 980px) {
              /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame .text.right_out {
                right: auto;
                left: 0; } }
        /* line 771, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame figure {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame figure {
              position: relative;
              padding-bottom: calc(100% + 25px); } }
          /* line 783, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame figure .lazy_load_wrap {
            opacity: 0.5;
            filter: alpha(opacity=50); }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame figure .lazy_load_wrap {
                position: absolute;
                top: 0;
                left: 0; } }
            /* line 791, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode .frame figure .lazy_load_wrap .img {
              background-size: cover; }
        /* line 804, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.left {
          width: 97%;
          right: 22.4%;
          left: auto; }
          @media screen and (min-width: 768px) and (max-width: 980px) {
            /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.left {
              width: calc(100% + 40px);
              right: auto;
              left: -40px; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.left {
              left: -40px;
              width: calc(100% + 15px); } }
        /* line 820, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.left_offset {
          width: 119.4%;
          right: 0;
          left: auto; }
          @media screen and (min-width: 768px) and (max-width: 980px) {
            /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.left_offset {
              right: -20px;
              width: calc(100% + 20px); } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.left_offset {
              width: calc(100% + 15px); } }
        /* line 834, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.right_offset {
          width: 119.4%; }
          @media screen and (min-width: 768px) and (max-width: 980px) {
            /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.right_offset {
              width: calc(100% + 20px); } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_m figure.right_offset {
              width: calc(100% + 15px); } }
        /* line 853, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_l header .text {
          width: 64.5%; }
          @media screen and (min-width: 768px) and (max-width: 980px) {
            /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_l header .text {
              width: auto; } }
        /* line 865, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_l figure.left {
          width: 97.9%;
          right: 14.6%;
          left: auto; }
          @media screen and (min-width: 768px) and (max-width: 980px) {
            /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_l figure.left {
              right: auto;
              left: -40px;
              width: calc(100% + 40px); } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_l figure.left {
              right: auto;
              left: -40px;
              width: calc(100% + 15px); } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.w_l figure.sp_right {
            right: auto;
            left: 0; } }
        /* line 893, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_1 header {
          padding-top: 29px; }
          /* line 898, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_1 header .text {
            width: 100%; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 {
            padding-top: 0; } }
        @media screen and (min-width: 768px) and (max-width: 980px) {
          /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 header .text {
            width: 64.5%; } }
        /* line 919, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide {
          position: absolute;
          top: 49px;
          left: 0;
          width: 100%;
          height: calc(100% - 98px); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide {
              position: relative;
              top: 0;
              height: auto;
              margin-top: 94px; } }
          /* line 937, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure {
            position: absolute !important;
            top: 0;
            left: 0;
            width: 100%; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure {
                height: auto;
                padding-bottom: 0;
                padding-left: 25px; } }
            /* line 950, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure img {
              width: auto;
              height: 100%; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure img {
                  width: 100%;
                  height: auto; } }
            /* line 958, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption {
              position: absolute;
              bottom: 0;
              left: 0;
              color: #ca1c1d;
              font-size: 11px;
              font-size: 1.1rem; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.episode.episode_7 .module_slide figure figcaption {
                  right: 0;
                  left: auto; } }
        /* line 984, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a, #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > span {
          display: block;
          position: relative;
          width: 100%;
          height: 100%;
          overflow: hidden; }
        /* line 991, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a {
          background-color: #000000;
          transition-property: background-color;
          transition-duration: 240ms;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 997, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:before {
            content: "";
            display: block;
            position: absolute;
            top: 1px;
            left: 0;
            width: 8px;
            height: 8px;
            background: url("/promaster/special/assets/images/common/parts/icon/product_eyecatch.svg") no-repeat 0 0;
            background-size: cover;
            -ms-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-duration: 100ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
            z-index: 20; }
          /* line 1013, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 0;
            background-color: #ffffff;
            z-index: 20;
            opacity: 0.4;
            filter: alpha(opacity=40);
            transition-property: opacity;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 1030, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a .icon span {
            display: block;
            width: 30px;
            height: 30px;
            opacity: 0.4;
            filter: alpha(opacity=40); }
          /* line 1036, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a .icon.minus {
            position: absolute;
            bottom: 10px;
            right: 0; }
            /* line 1041, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a .icon.minus span {
              position: relative; }
              /* line 1044, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a .icon.minus span:before {
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                width: 100%;
                height: 4px;
                background-color: #ffffff; }
          /* line 1055, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:hover:before, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:focus:before, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:active:before {
            -ms-transform: scale(1.4);
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
            -webkit-animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75);
            animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75); }
          /* line 1059, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:hover:after, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:focus:after, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:active:after {
            opacity: 1;
            filter: alpha(opacity=100); }
          /* line 1065, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:hover .icon span, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:focus .icon span, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a:active .icon span {
            -webkit-animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
            animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
            opacity: 0.95;
            filter: alpha(opacity=95); }
          /* line 1055, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a.over:before {
            -ms-transform: scale(1.4);
            -webkit-transform: scale(1.4);
            transform: scale(1.4);
            -webkit-animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75);
            animation: blink2 80ms infinite cubic-bezier(0.25, 0.25, 0.75, 0.75); }
          /* line 1059, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a.over:after {
            opacity: 1;
            filter: alpha(opacity=100); }
          /* line 1065, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame > a.over .icon span {
            -webkit-animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
            animation: btn_over_plus 240ms cubic-bezier(0.165, 0.84, 0.44, 1) 1;
            opacity: 0.95;
            filter: alpha(opacity=95); }
        /* line 1071, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header {
          position: relative;
          z-index: 10; }
          /* line 1075, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header:before {
            content: "";
            display: block;
            position: absolute;
            top: 1px;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: rgba(255, 255, 255, 0.2);
            z-index: 1; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header:before {
                height: 2.5px; } }
          /* line 1091, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header .year {
            display: inline-block;
            position: relative;
            top: 0;
            padding-right: 9px;
            padding-left: 17px;
            line-height: 1;
            color: rgba(255, 255, 255, 0.4);
            background-color: #000000;
            font-size: 20px;
            font-size: 2rem;
            z-index: 2;
            transition-property: background-color;
            transition-duration: 240ms;
            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
            /* line 1107, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            .win #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header .year {
              top: -1px; }
          /* line 1110, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 {
            margin-top: 12px;
            line-height: 1.20833;
            color: rgba(255, 255, 255, 0.95);
            font-size: 24px;
            font-size: 2.4rem; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 {
              line-height: 1.16;
              font-size: 25px;
              font-size: 2.5rem; }
            /* line 1124, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span {
              display: block; }
              /* line 1127, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span:not(.sub) {
                margin-bottom: -6px;
                line-height: inherit; }
              /* line 1131, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub {
                position: relative;
                margin-top: 9px;
                line-height: 1.27273;
                color: #ca1c1d;
                font-size: 11px;
                font-size: 1.1rem; }
                /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header h3 span.sub {
                  line-height: 1.16667;
                  font-size: 12px;
                  font-size: 1.2rem; }
          /* line 1155, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header.title_s h3 {
            line-height: 1.31579;
            font-size: 19px;
            font-size: 1.9rem; }
            /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
            html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame header.title_s h3 {
              line-height: 1.25;
              font-size: 20px;
              font-size: 2rem; }
        /* line 1165, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text {
          position: absolute;
          bottom: 0;
          left: 0;
          overflow: hidden;
          z-index: 3;
          transition-property: background-color;
          transition-duration: 240ms;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="ja"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text {
            bottom: -5px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text {
              position: relative;
              margin-top: 16px; } }
          /* line 1185, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text .vs {
            display: block;
            width: 0;
            float: right; }
          /* line 1193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text .icon.plus {
            float: right;
            clear: both;
            margin-top: -5px;
            margin-left: 10px; }
            /* line 1199, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text .icon.plus span {
              position: relative;
              padding-bottom: 0; }
              /* line 1203, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text .icon.plus span:before {
                width: 100%;
                height: 100%; }
              /* line 1207, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .text .icon.plus span:after {
                display: none; }
        /* line 1215, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame figure {
          position: absolute;
          top: 0;
          left: 50%;
          width: calc(100% + 24px);
          max-width: 320px;
          height: 513px;
          -ms-transform: translate(calc(-50% + 6px), 0);
          -webkit-transform: translate(calc(-50% + 6px), 0);
          transform: translate(calc(-50% + 6px), 0); }
          /* line 1224, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .ie #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame figure {
            -ms-transform: translate(-51%, 0);
            -webkit-transform: translate(-51%, 0);
            transform: translate(-51%, 0); }
          /* line 1227, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame figure img {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%; }
          /* line 1233, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame figure.base {
            z-index: 2; }
          /* line 1236, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame figure.bright {
            z-index: 4; }
        /* line 1241, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .logo {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 513px;
          z-index: 1; }
          /* line 1249, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.history .frame .logo img {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 65%;
            -ms-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0.08;
            filter: alpha(opacity=8); }
        /* line 1259, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history.w_s {
          width: 33.33333%; }
          @media screen and (min-width: 768px) and (max-width: 980px) {
            /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.w_s {
              width: 50%; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.w_s {
              width: 100%; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.h_m .frame .text {
            float: left;
            width: calc(100% - 148px); } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.h_m .frame .figure_wrap {
            position: relative;
            float: right;
            width: 148px;
            margin-top: 16px;
            padding-right: 9px;
            padding-left: 30px; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.h_m .frame .figure_wrap figure {
            position: relative;
            left: 0;
            width: 100%;
            height: auto;
            -ms-transform: translate(0, 0);
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.h_m .frame .figure_wrap figure img {
            position: static; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.h_m .frame .figure_wrap .logo {
            height: 100%; } }
        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history[data-year~='2003'] .frame header h3 span:not(.sub), html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history[data-year~='2013'] .frame header h3 span:not(.sub), html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.history[data-year~='2014'] .frame header h3 span:not(.sub) {
          font-size: 14px;
          font-size: 1.4rem; }
        @media screen and (max-width: 767px) {
          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"].touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history[data-year~='2003'] .frame header h3 span:not(.sub), html[lang="en"].touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history[data-year~='2013'] .frame header h3 span:not(.sub), html[lang="en"].touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history[data-year~='2014'] .frame header h3 span:not(.sub) {
            font-size: 20px;
            font-size: 2rem; } }
        /* line 1343, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history.show .frame > a, #technology_history #container #content #list_wrap .wrap .inner .list .post.history.show .frame > span {
          background-color: #1a1a1a; }
        /* line 1347, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history.show .frame > a:after {
          height: 6px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.history.show .frame > a:after {
              height: 4.5px; } }
        /* line 1359, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.history.show .frame header .year {
          background-color: #1a1a1a; }
        /* line 1372, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame > a, #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame > span {
          display: block;
          width: 100%;
          height: 100%;
          overflow: hidden; }
        /* line 1381, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame > a .icon {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 10;
          opacity: 0.2;
          filter: alpha(opacity=20);
          transition-property: opacity;
          transition-duration: 240ms;
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        /* line 1395, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame > a:hover .icon, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame > a:focus .icon, .no-touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame > a:active .icon {
          opacity: 0.95;
          filter: alpha(opacity=95); }
        /* line 1395, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame > a.over .icon {
          opacity: 0.95;
          filter: alpha(opacity=95); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header {
            position: absolute; } }
        /* line 1406, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header .caption {
          line-height: 1;
          color: rgba(255, 255, 255, 0.6);
          font-size: 14px;
          font-size: 1.4rem; }
        /* line 1412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 {
          margin-top: 17px;
          line-height: 1.20833;
          color: rgba(255, 255, 255, 0.95);
          font-size: 24px;
          font-size: 2.4rem; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 {
            line-height: 1.16;
            font-size: 25px;
            font-size: 2.5rem; }
          /* line 1432, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span {
            display: block; }
            /* line 1435, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span:not(.sub) {
              margin-bottom: -6px;
              line-height: inherit; }
            /* line 1439, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub {
              position: relative;
              margin-top: 9px;
              line-height: 1.27273;
              color: rgba(255, 255, 255, 0.6);
              font-size: 11px;
              font-size: 1.1rem; }
              /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
              html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame header h3 span.sub {
                line-height: 1.16667;
                font-size: 12px;
                font-size: 1.2rem; }
        /* line 1462, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame .text {
          position: relative;
          margin-top: 69px;
          z-index: 2; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame .text {
              margin-top: 29px; } }
          /* line 1473, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame .text p {
            color: #ffffff; }
        /* line 1478, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame figure {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame figure {
              position: relative; } }
          /* line 1489, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame figure:before {
            background-repeat: repeat;
            background-position: 0 0;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
            opacity: 0.5;
            opacity: 0.6;
            filter: alpha(opacity=60);
            z-index: 2; }
          /* line 1496, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.technology .frame figure .lazy_load_wrap {
            opacity: 0.4;
            filter: alpha(opacity=40); }
        @media screen and (min-width: 768px) and (max-width: 980px) {
          /* line 78, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_s {
            width: 50%; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_s .frame figure {
            height: 180px; } }
        /* line 1530, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m:not(.h_s) .frame .text p {
          -webkit-column-count: 2;
          -moz-column-count: 2;
          column-count: 2;
          -webkit-column-gap: 68px;
          -moz-column-gap: 68px;
          column-gap: 68px;
          -webkit-column-fill: auto;
          -moz-column-fill: auto;
          column-fill: auto; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m:not(.h_s) .frame .text p {
              -webkit-column-count: 1;
              -moz-column-count: 1;
              column-count: 1;
              -webkit-column-gap: 0;
              -moz-column-gap: 0;
              column-gap: 0; } }
        /* line 1549, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_s .frame .text {
          position: absolute;
          top: -3px;
          right: 0;
          margin-top: 0;
          text-align: right; }
          /* line 1556, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          .ie #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_s .frame .text {
            top: -4px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_s .frame .text {
              position: static;
              margin-top: 29px; } }
          /* line 1563, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_s .frame .text p {
            width: calc(50% - 34px);
            margin-right: 0;
            margin-left: auto; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_s .frame .text p {
                width: 100%; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_s .frame figure {
            height: 180px; } }
        @media screen and (min-width: 768px) {
          /* line 36, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"] #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_s.altimeter_compass .frame .text p {
            width: calc(50% + 68px);
            -moz-hyphens: auto;
            -ms-hyphens: auto;
            -webkit-hyphens: auto;
            hyphens: auto; } }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.w_m.h_m .frame figure {
            height: 248px; } }
        /* line 1612, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #list_wrap .wrap .inner .list .post.technology.show .frame > a {
          pointer-events: none; }
    /* line 1617, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #list_wrap .wrap.bg_bright {
      background-color: #0d0d0d; }
      @media screen and (min-width: 0px) and (max-width: 980px) {
        /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #technology_history #container #content #list_wrap .wrap.bg_bright {
          margin-top: 116px; } }
      /* line 1637, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #list_wrap .wrap.bg_bright .inner .list .post .frame {
        background-color: transparent; }
  /* line 1645, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
  #technology_history #container #content #epilogue {
    position: relative;
    height: 756px;
    margin-top: 189px; }
    @media screen and (min-width: 0px) and (max-width: 980px) {
      /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #technology_history #container #content #epilogue {
        height: 545px;
        margin-top: 109px; } }
    /* line 1654, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #epilogue + .module_nav_movie {
      margin-top: 0; }
    /* line 1662, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #epilogue .inner {
      position: relative;
      height: 100%;
      padding-top: 89px;
      z-index: 2; }
      @media screen and (min-width: 0px) and (max-width: 980px) {
        /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #technology_history #container #content #epilogue .inner {
          padding-top: 69px; } }
      /* line 1671, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #epilogue .inner:before {
        content: "";
        position: absolute;
        bottom: 160px;
        width: 30px;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.4); }
        @media screen and (min-width: 0px) and (max-width: 980px) {
          /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container #content #epilogue .inner:before {
            display: none; } }
      /* line 1682, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #epilogue .inner .text {
        position: relative; }
        /* line 1685, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #epilogue .inner .text:before {
          content: "";
          position: absolute;
          top: 1px;
          right: 0;
          width: 30px;
          height: 2px;
          background-color: rgba(255, 255, 255, 0.4); }
          @media screen and (min-width: 0px) and (max-width: 980px) {
            /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #epilogue .inner .text:before {
              display: none; } }
        /* line 1697, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #epilogue .inner .text p {
          line-height: 1.76923;
          color: rgba(255, 255, 255, 0.95);
          font-size: 13px;
          font-size: 1.3rem; }
          /* line 1703, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #epilogue .inner .text p + p {
            margin-top: 22px; }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="en"] #technology_history #container #content #epilogue .inner .text p {
            line-height: 1.64286;
            font-size: 14px;
            font-size: 1.4rem; }
    /* line 1724, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container #content #epilogue .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      /* line 1732, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #epilogue .bg:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 20; }
        /* line 1744, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        .mix-blend-mode #technology_history #container #content #epilogue .bg:before {
          mix-blend-mode: saturation;
          background-color: rgba(0, 0, 0, 0.6); }
      /* line 1748, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #epilogue .bg:after {
        background-repeat: repeat;
        background-position: 0 0;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
        opacity: 0.5;
        opacity: 0.6;
        filter: alpha(opacity=60);
        z-index: 30; }
      /* line 1757, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container #content #epilogue .bg .bg_wrap {
        height: 100%;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: 0.4;
        filter: alpha(opacity=40); }
        /* line 1767, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container #content #epilogue .bg .bg_wrap .bg_set {
          position: relative;
          float: left;
          width: 1255.98px;
          height: 100%; }
          /* line 1774, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul {
            position: absolute; }
            /* line 1777, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul li {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              /* line 1784, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul li:nth-child(1) {
                z-index: 2; }
              /* line 1787, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul li:nth-child(2) {
                z-index: 1; }
              /* line 1790, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul li .img {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover; }
            /* line 1798, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_1 {
              width: 441.54px;
              height: 275.88px; }
            /* line 1802, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_2 {
              width: 137.94px;
              height: 137.94px; }
            /* line 1806, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_3 {
              width: 318.12px;
              height: 137.94px; }
            /* line 1810, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_4 {
              width: 220.44px;
              height: 137.94px; }
            /* line 1814, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_5 {
              width: 137.94px;
              height: 275.88px; }
            /* line 1818, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_6 {
              width: 538.56px;
              height: 413.82px; }
            /* line 1822, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_7 {
              width: 211.86px;
              height: 275.88px; }
            /* line 1826, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_8 {
              width: 367.62px;
              height: 275.88px; }
            /* line 1830, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_9 {
              width: 318.12px;
              height: 413.82px; }
            /* line 1834, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_10 {
              width: 303.6px;
              height: 275.88px; }
            /* line 1838, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_11 {
              width: 357.72px;
              height: 137.94px; }
            /* line 1842, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_12 {
              width: 357.72px;
              height: 275.88px; }
            /* line 1847, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(1) {
              top: 0;
              left: 0; }
            /* line 1851, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(2) {
              top: 0;
              left: 441.54px; }
            /* line 1855, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(3) {
              top: 0;
              left: 579.48px; }
            /* line 1859, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(4) {
              top: 0;
              left: 897.6px; }
            /* line 1863, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(5) {
              top: 0;
              left: 1118.04px; }
            /* line 1867, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(6) {
              top: 137.94px;
              left: 441.54px; }
            /* line 1871, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(7) {
              top: 137.94px;
              left: 579.48px; }
            /* line 1875, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(8) {
              top: 275.88px;
              left: 0; }
            /* line 1879, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(9) {
              top: 275.88px;
              left: 211.86px; }
            /* line 1883, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(10) {
              top: 275.88px;
              left: 1118.04px; }
            /* line 1887, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(11) {
              top: 413.82px;
              left: 1118.04px; }
            /* line 1891, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(12) {
              top: 551.76px;
              left: 0; }
            /* line 1895, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(13) {
              top: 551.76px;
              left: 318.12px; }
            /* line 1899, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(14) {
              top: 551.76px;
              left: 456.06px; }
            /* line 1903, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(15) {
              top: 551.76px;
              left: 759.66px; }
            /* line 1907, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(16) {
              top: 551.76px;
              left: 897.6px; }
            /* line 1911, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(17) {
              top: 689.7px;
              left: 318.12px; }
            /* line 1915, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(18) {
              top: 689.7px;
              left: 897.6px; }
            /* line 1919, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(19) {
              top: 827.64px;
              left: 456.06px; }
            /* line 1923, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(20) {
              top: 965.58px;
              left: 0; }
            /* line 1927, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(21) {
              top: 965.58px;
              left: 137.94px; }
            /* line 1931, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(22) {
              top: 965.58px;
              left: 897.6px; }
            /* line 1935, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(23) {
              top: 965.58px;
              left: 1118.04px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set {
              width: 951.5px;
              height: 836px; }
              /* line 1947, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_1 {
                width: 334.5px;
                height: 209px; }
              /* line 1951, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_2 {
                width: 104.5px;
                height: 104.5px; }
              /* line 1955, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_3 {
                width: 241px;
                height: 104.5px; }
              /* line 1959, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_4 {
                width: 167px;
                height: 104.5px; }
              /* line 1963, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_5 {
                width: 104.5px;
                height: 209px; }
              /* line 1967, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_6 {
                width: 408px;
                height: 313.5px; }
              /* line 1971, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_7 {
                width: 160.5px;
                height: 209px; }
              /* line 1975, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_8 {
                width: 278.5px;
                height: 209px; }
              /* line 1979, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_9 {
                width: 241px;
                height: 313.5px; }
              /* line 1983, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_10 {
                width: 230px;
                height: 209px; }
              /* line 1987, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_11 {
                width: 271px;
                height: 104.5px; }
              /* line 1991, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul.size_12 {
                width: 271px;
                height: 209px; }
              /* line 1996, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(1) {
                top: 0;
                left: 0; }
              /* line 2000, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(2) {
                top: 0;
                left: 334.5px; }
              /* line 2004, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(3) {
                top: 0;
                left: 439px; }
              /* line 2008, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(4) {
                top: 0;
                left: 680px; }
              /* line 2012, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(5) {
                top: 0;
                left: 847px; }
              /* line 2016, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(6) {
                top: 104.5px;
                left: 334.5px; }
              /* line 2020, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(7) {
                top: 104.5px;
                left: 439px; }
              /* line 2024, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(8) {
                top: 209px;
                left: 0; }
              /* line 2028, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(9) {
                top: 209px;
                left: 160.5px; }
              /* line 2032, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(10) {
                top: 209px;
                left: 847px; }
              /* line 2036, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(11) {
                top: 313.5px;
                left: 847px; }
              /* line 2040, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(12) {
                top: 418px;
                left: 0; }
              /* line 2044, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(13) {
                top: 418px;
                left: 241px; }
              /* line 2048, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(14) {
                top: 418px;
                left: 345.5px; }
              /* line 2052, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(15) {
                top: 418px;
                left: 575.5px; }
              /* line 2056, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(16) {
                top: 418px;
                left: 680px; }
              /* line 2060, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(17) {
                top: 522.5px;
                left: 241px; }
              /* line 2064, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(18) {
                top: 522.5px;
                left: 680px; }
              /* line 2068, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(19) {
                top: 627px;
                left: 345.5px; }
              /* line 2072, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(20) {
                top: 731.5px;
                left: 0; }
              /* line 2076, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(21) {
                top: 731.5px;
                left: 104.5px; }
              /* line 2080, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(22) {
                top: 731.5px;
                left: 680px; }
              /* line 2084, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              .touchevents #technology_history #container #content #epilogue .bg .bg_wrap .bg_set ul:nth-child(23) {
                top: 731.5px;
                left: 847px; } }
  /* line 2093, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
  #technology_history #container .nav_years {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: left;
    background-color: rgba(13, 13, 13, 0.9);
    z-index: 10000; }
    /* line 2102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container .nav_years header {
      position: relative; }
      /* line 2105, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container .nav_years header:after {
        content: "";
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: rgba(255, 255, 255, 0.1); }
      /* line 2114, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container .nav_years header .inner {
        padding-top: 15px;
        padding-bottom: 13px; }
        /* line 2119, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container .nav_years header .inner .year {
          float: left;
          margin-top: 1px;
          font-size: 14px;
          font-size: 1.4rem;
          color: rgba(255, 255, 255, 0.4); }
          /* line 2127, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container .nav_years header .inner .year span {
            color: #ca1c1d; }
        /* line 2132, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container .nav_years header .inner .icon {
          float: right; }
          /* line 2137, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
          #technology_history #container .nav_years header .inner .icon.arrow_down {
            display: block;
            width: 17px;
            height: 15px;
            margin: 0 auto; }
            /* line 2143, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
            #technology_history #container .nav_years header .inner .icon.arrow_down span {
              display: block;
              position: relative;
              height: 100%;
              opacity: 0.4;
              filter: alpha(opacity=40);
              transition-property: opacity;
              transition-duration: 240ms;
              transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
              /* line 2152, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container .nav_years header .inner .icon.arrow_down span:before, #technology_history #container .nav_years header .inner .icon.arrow_down span:after {
                content: "";
                position: absolute;
                left: 0; }
              /* line 2157, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
              #technology_history #container .nav_years header .inner .icon.arrow_down span:before {
                display: block;
                top: 0;
                width: 17px;
                height: 15px;
                background: url("/promaster/special/assets/images/common/parts/icon/arrow_down.svg") no-repeat 0 0;
                background-size: cover;
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    /* line 2168, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container .nav_years ul {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 8px 0; }
      @media screen and (max-device-width: 1080px) and (orientation: landscape) {
        /* line 108, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #technology_history #container .nav_years ul {
          margin-right: -10px;
          margin-left: -10px; } }
      /* line 2181, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
      #technology_history #container .nav_years ul li {
        width: 33.33333%;
        font-size: 20px;
        font-size: 2rem; }
        @media screen and (max-device-width: 1080px) and (orientation: landscape) {
          /* line 108, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #technology_history #container .nav_years ul li {
            width: auto;
            padding-right: 10px;
            padding-left: 10px;
            text-align: left; } }
        /* line 2192, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container .nav_years ul li:nth-child(3n - 1) {
          text-align: center; }
        /* line 2195, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container .nav_years ul li:nth-child(3n) {
          text-align: right; }
        /* line 2206, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container .nav_years ul li a {
          display: block;
          padding: 7px 0;
          color: rgba(255, 255, 255, 0.4); }
          /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          .no-touchevents #technology_history #container .nav_years ul li a:hover, .no-touchevents #technology_history #container .nav_years ul li a:focus, .no-touchevents #technology_history #container .nav_years ul li a:active {
            color: rgba(255, 255, 255, 0.95); }
          /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          .touchevents #technology_history #container .nav_years ul li a.over {
            color: rgba(255, 255, 255, 0.95); }
        /* line 2215, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
        #technology_history #container .nav_years ul li.current a {
          color: #ca1c1d; }
    /* line 2232, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/technology_history.sass */
    #technology_history #container .nav_years.open header .inner .icon.arrow_down span:before {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#about #container #content .section#history .module_loop_images .wrap:after {
  content: "";
  display: table;
  clear: both; }

/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="en"] #about #container #content .section #intro h3, #about #container #content .section #intro html[lang="en"] h3, html[lang="en"] #about #container #content .section .body p, #about #container #content .section .body html[lang="en"] p, html[lang="en"] #about #container #content .section#concept .body .text p, #about #container #content .section#concept .body .text html[lang="en"] p, html[lang="en"] #about #container #content .section#history .inner .body .text p, #about #container #content .section#history .inner .body .text html[lang="en"] p, #about #container #content .section#concept .body h4 span {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #about #container #content .section #intro h3, #about #container #content .section #intro html[lang="sc"] h3, html[lang="sc"] #about #container #content .section .body p, #about #container #content .section .body html[lang="sc"] p, html[lang="sc"] #about #container #content .section#concept .body .text p, #about #container #content .section#concept .body .text html[lang="sc"] p, html[lang="sc"] #about #container #content .section#history .inner .body .text p, #about #container #content .section#history .inner .body .text html[lang="sc"] p {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #about #container #content .section #intro h3, #about #container #content .section #intro html[lang="tc"] h3, html[lang="tc"] #about #container #content .section .body p, #about #container #content .section .body html[lang="tc"] p, html[lang="tc"] #about #container #content .section#concept .body .text p, #about #container #content .section#concept .body .text html[lang="tc"] p, html[lang="tc"] #about #container #content .section#history .inner .body .text p, #about #container #content .section#history .inner .body .text html[lang="tc"] p {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #about #container #content .section #intro h3, #about #container #content .section #intro html[lang="de"] h3, html[lang="de"] #about #container #content .section .body p, #about #container #content .section .body html[lang="de"] p, html[lang="de"] #about #container #content .section#concept .body .text p, #about #container #content .section#concept .body .text html[lang="de"] p, html[lang="de"] #about #container #content .section#history .inner .body .text p, #about #container #content .section#history .inner .body .text html[lang="de"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #about #container #content .section #intro h3, #about #container #content .section #intro html[lang="it"] h3, html[lang="it"] #about #container #content .section .body p, #about #container #content .section .body html[lang="it"] p, html[lang="it"] #about #container #content .section#concept .body .text p, #about #container #content .section#concept .body .text html[lang="it"] p, html[lang="it"] #about #container #content .section#history .inner .body .text p, #about #container #content .section#history .inner .body .text html[lang="it"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #about #container #content .section #intro h3, #about #container #content .section #intro html[lang="es"] h3, html[lang="es"] #about #container #content .section .body p, #about #container #content .section .body html[lang="es"] p, html[lang="es"] #about #container #content .section#concept .body .text p, #about #container #content .section#concept .body .text html[lang="es"] p, html[lang="es"] #about #container #content .section#history .inner .body .text p, #about #container #content .section#history .inner .body .text html[lang="es"] p {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#about #container #content .section #intro h3, #about #container #content .section .body p, #about #container #content .section#concept .body .text p, #about #container #content .section#history .inner .body .text p {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 517, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#about #container #content .section #intro h3 {
  line-height: 1.20833;
  font-size: 48px;
  font-size: 4.8rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #about #container #content .section #intro h3, #about #container #content .section #intro .touchevents h3 {
      font-size: 24px;
      font-size: 2.4rem; } }

/* line 533, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#about #container #content .section .body p {
  line-height: 1.20833;
  font-size: 24px;
  font-size: 2.4rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #about #container #content .section .body p, #about #container #content .section .body .touchevents p {
      font-size: 13px;
      font-size: 1.3rem; } }

/* line 561, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#about #container #content .section#concept .body .text p {
  line-height: 1.78947;
  font-size: 19px;
  font-size: 1.9rem; }

/* line 566, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#about #container #content .section#history .inner .body .text p {
  line-height: 1.76923;
  font-size: 13px;
  font-size: 1.3rem; }

/* line 27, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
#about #container #content {
  position: relative; }
  /* line 39, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section .section_title + .body {
    margin-top: 29px; }
  /* line 48, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section .body .text {
    position: relative; }
    /* line 51, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section .body .text:before {
      content: "";
      position: absolute;
      top: -1px;
      left: 0;
      width: 15px;
      height: 2px;
      background-color: rgba(255, 255, 255, 0.95); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #about #container #content .section .body .text:before {
          width: 15px; } }
    /* line 63, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section .body .text p {
      color: rgba(255, 255, 255, 0.2); }
  /* line 68, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section footer {
    margin-top: 69px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section footer {
        margin-top: 29px; } }
  /* line 77, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section #intro h3 {
    margin-bottom: -12px;
    font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="en"] #about #container #content .section #intro h3 {
      text-align: left; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section #intro h3 {
        margin-bottom: -4px; } }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="en"].touchevents #about #container #content .section #intro h3 {
        font-size: 32px;
        font-size: 3.2rem; } }
  /* line 105, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section #intro .text {
    position: relative;
    margin-top: 49px;
    padding-top: 49px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section #intro .text {
        margin-top: 29px;
        padding-top: 29px; } }
    /* line 114, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section #intro .text:after {
      content: "";
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 30px;
      height: 2px;
      background-color: rgba(255, 255, 255, 0.4); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #about #container #content .section #intro .text:after {
          display: none; } }
    /* line 127, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section #intro .text .group + .group {
      margin-top: 29px; }
    /* line 130, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section #intro .text .group:nth-child(2) {
      text-align: right; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #about #container #content .section #intro .text .group:nth-child(2) {
          text-align: inherit; } }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="ja"] #about #container #content .section #intro .text .group .module_animation_text {
      margin-top: -8px; }
    /* line 140, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section #intro .text p {
      line-height: 1.76667;
      font-size: 30px;
      font-size: 3rem; }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="en"] #about #container #content .section #intro .text p {
        line-height: 1.70968;
        font-size: 31px;
        font-size: 3.1rem; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #about #container #content .section #intro .text p {
          font-size: 15px;
          font-size: 1.5rem; } }
      @media screen and (max-width: 767px) {
        /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        html[lang="en"].touchevents #about #container #content .section #intro .text p {
          font-size: 15px;
          font-size: 1.5rem; } }
      /* line 154, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .section #intro .text p span.txt_row {
        line-height: inherit; }
  /* line 162, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section#concept {
    margin-top: 169px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section#concept {
        margin-top: 89px; } }
    /* line 172, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section#concept .body h4 span {
      display: block;
      position: relative;
      left: -4px;
      margin-bottom: -27px;
      font-size: 120px;
      font-size: 12rem; }
      /* line 180, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      .win #about #container #content .section#concept .body h4 span {
        margin-bottom: -15px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #about #container #content .section#concept .body h4 span {
          margin-bottom: -10px;
          font-size: 49px;
          font-size: 4.9rem; } }
    /* line 189, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section#concept .body .text {
      margin-top: 29px;
      padding-top: 29px; }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="en"] #about #container #content .section#concept .body .text {
        width: 65%;
        padding-right: 40px; }
      @media screen and (max-width: 767px) {
        /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        html[lang="en"].touchevents #about #container #content .section#concept .body .text {
          width: 100%;
          padding-right: 0; } }
      /* line 201, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .section#concept .body .text p {
        text-align: justify; }
        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        html[lang="en"] #about #container #content .section#concept .body .text p {
          text-align: left;
          font-size: 20px;
          font-size: 2rem; }
        /* line 209, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
        #about #container #content .section#concept .body .text p + p {
          margin-top: 15px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #about #container #content .section#concept .body .text p {
            font-size: 13px;
            font-size: 1.3rem; } }
        @media screen and (max-width: 767px) {
          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"].touchevents #about #container #content .section#concept .body .text p {
            font-size: 14px;
            font-size: 1.4rem; } }
  /* line 225, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  html[lang="tc"] #about #container #content .section#history, html[lang="sc"] #about #container #content .section#history, html[lang="de"] #about #container #content .section#history, html[lang="it"] #about #container #content .section#history, html[lang="es"] #about #container #content .section#history, html[lang="fr"] #about #container #content .section#history {
    display: none; }
  /* line 228, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section#history {
    position: relative;
    height: 676px;
    margin-top: 0; }
    /* line 235, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section#history .inner {
      padding-top: 109px;
      z-index: 2; }
      /* line 243, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .section#history .inner .body > p {
        margin-bottom: -4px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #about #container #content .section#history .inner .body > p {
            line-height: 1.39474;
            font-size: 19px;
            font-size: 1.9rem; } }
        @media screen and (max-width: 767px) {
          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"].touchevents #about #container #content .section#history .inner .body > p {
            font-size: 20px;
            font-size: 2rem; } }
      /* line 255, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .section#history .inner .body .text {
        margin-top: 29px;
        padding-top: 29px; }
        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
        html[lang="en"] #about #container #content .section#history .inner .body .text {
          width: 65%;
          padding-right: 40px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #about #container #content .section#history .inner .body .text {
            margin-top: 20px;
            padding-top: 20px; } }
        @media screen and (max-width: 767px) {
          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          html[lang="en"].touchevents #about #container #content .section#history .inner .body .text {
            width: 100%;
            padding-right: 0; } }
        /* line 271, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
        #about #container #content .section#history .inner .body .text p {
          text-align: justify;
          color: rgba(255, 255, 255, 0.95); }
          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
          html[lang="en"] #about #container #content .section#history .inner .body .text p {
            text-align: left;
            font-size: 14px;
            font-size: 1.4rem; }
          @media screen and (max-width: 767px) {
            /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            html[lang="en"].touchevents #about #container #content .section#history .inner .body .text p {
              font-size: 12px;
              font-size: 1.2rem; } }
    /* line 286, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section#history .module_loop_images {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      overflow: hidden;
      z-index: 1; }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="en"] #about #container #content .section#history .module_loop_images {
        top: 145px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #about #container #content .section#history .module_loop_images {
          top: 197px;
          height: 92px; } }
      @media screen and (max-width: 767px) {
        /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        html[lang="en"].touchevents #about #container #content .section#history .module_loop_images {
          top: 215px;
          height: 92px; } }
      /* line 305, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .section#history .module_loop_images:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("/promaster/special/assets/images/common/parts/mesh.png") repeat 0 0;
        opacity: 0.5;
        z-index: 3; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #about #container #content .section#history .module_loop_images:before {
            display: none; } }
      /* line 312, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .section#history .module_loop_images .wrap {
        position: relative;
        height: 100%;
        z-index: 1; }
        /* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
        #about #container #content .section#history .module_loop_images .wrap figure {
          position: relative;
          float: left;
          height: 100%;
          padding-right: 9px;
          opacity: 0.2;
          filter: alpha(opacity=20);
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
          /* line 326, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
          #about #container #content .section#history .module_loop_images .wrap figure img {
            width: auto;
            height: 100%; }
  /* line 341, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section#partnership .body > p {
    margin-bottom: -4px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section#partnership .body > p {
        line-height: 1.39474;
        font-size: 19px;
        font-size: 1.9rem; } }
  /* line 350, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .section#partnership .body .layout_partnership {
    margin-top: 69px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section#partnership .body .layout_partnership {
        margin-top: 47.5px; } }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section#partnership .body .layout_partnership .list {
        margin-top: -29px; } }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .section#partnership .body .layout_partnership .list .post {
        width: 50%;
        margin-top: 29px; } }
    /* line 366, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .section#partnership .body .layout_partnership .list .post .text:before {
      display: none; }
  /* line 374, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .module_movie {
    margin-top: 189px;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .module_movie {
        margin-top: 109px; } }
    /* line 383, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .module_movie figure {
      height: 616px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #about #container #content .module_movie figure {
          height: auto; } }
      /* line 391, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .module_movie figure .movie_inner {
        height: 100%; }
        @media screen and (min-width: 768px) {
          /* line 391, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
          #about #container #content .module_movie figure .movie_inner {
            padding-bottom: 0; } }
  /* line 402, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .front {
    position: relative;
    padding-top: 0.1px;
    background-color: #0d0d0d;
    z-index: 10; }
    /* line 408, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .front .module_nav_movie {
      position: relative;
      margin-top: 0;
      z-index: 20; }
  /* line 418, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
  #about #container #content .intro_wrap {
    margin-top: -60px;
    padding-top: 56px;
    padding-bottom: 109px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #about #container #content .intro_wrap {
        margin-top: -49px;
        padding-top: 45px;
        padding-bottom: 69px; } }
    /* line 433, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .intro_wrap .section {
      position: relative;
      z-index: 2; }
    /* line 442, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
    #about #container #content .intro_wrap .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      transition-property: -webkit-filter, filter;
      transition-property: filter;
      transition-duration: 2s;
      transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      z-index: 1; }
      /* line 454, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .intro_wrap .bg:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        z-index: 20;
        transition-property: background-color;
        transition-duration: 2s;
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        /* line 469, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
        .mix-blend-mode #about #container #content .intro_wrap .bg:before {
          mix-blend-mode: saturation; }
      /* line 475, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .intro_wrap .bg.grayscale:before {
        background-color: rgba(0, 0, 0, 0.2); }
        /* line 478, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
        .mix-blend-mode #about #container #content .intro_wrap .bg.grayscale:before {
          background-color: black; }
      /* line 483, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
      #about #container #content .intro_wrap .bg .bg_wrap {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        /* line 489, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
        #about #container #content .intro_wrap .bg .bg_wrap .bg_set {
          position: relative;
          float: left;
          width: 1903px;
          height: 1672px; }
          /* line 495, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
          #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul {
            position: absolute; }
            /* line 498, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul li {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              /* line 505, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul li:nth-child(1) {
                z-index: 2; }
              /* line 508, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul li:nth-child(2) {
                z-index: 1; }
              /* line 511, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul li .img {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                background-size: cover; }
            /* line 519, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_1 {
              width: 669px;
              height: 418px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_1 {
                  width: 334.5px;
                  height: 209px; } }
            /* line 527, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_2 {
              width: 209px;
              height: 209px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_2 {
                  width: 104.5px;
                  height: 104.5px; } }
            /* line 535, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_3 {
              width: 482px;
              height: 209px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_3 {
                  width: 241px;
                  height: 104.5px; } }
            /* line 543, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_4 {
              width: 334px;
              height: 209px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_4 {
                  width: 167px;
                  height: 104.5px; } }
            /* line 551, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_5 {
              width: 209px;
              height: 418px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_5 {
                  width: 104.5px;
                  height: 209px; } }
            /* line 559, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_6 {
              width: 816px;
              height: 627px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_6 {
                  width: 408px;
                  height: 313.5px; } }
            /* line 567, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_7 {
              width: 321px;
              height: 418px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_7 {
                  width: 160.5px;
                  height: 209px; } }
            /* line 575, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_8 {
              width: 557px;
              height: 418px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_8 {
                  width: 278.5px;
                  height: 209px; } }
            /* line 583, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_9 {
              width: 482px;
              height: 627px; }
            /* line 589, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_10 {
              width: 460px;
              height: 418px; }
            /* line 595, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_11 {
              width: 542px;
              height: 209px; }
            /* line 601, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_12 {
              width: 542px;
              height: 418px; }
            /* line 608, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(1) {
              top: 0;
              left: 0; }
            /* line 612, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(2) {
              top: 0;
              left: 669px; }
            /* line 616, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(3) {
              top: 0;
              left: 878px; }
            /* line 620, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(4) {
              top: 0;
              left: 1360px; }
            /* line 624, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(5) {
              top: 0;
              left: 1694px; }
            /* line 628, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(6) {
              top: 209px;
              left: 669px; }
            /* line 632, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(7) {
              top: 209px;
              left: 878px; }
            /* line 636, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(8) {
              top: 418px;
              left: 0; }
            /* line 640, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(9) {
              top: 418px;
              left: 321px; }
            /* line 644, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(10) {
              top: 418px;
              left: 1694px; }
            /* line 648, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(11) {
              top: 627px;
              left: 1694px; }
            /* line 652, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(12) {
              top: 836px;
              left: 0; }
            /* line 656, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(13) {
              top: 836px;
              left: 482px; }
            /* line 660, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(14) {
              top: 836px;
              left: 691px; }
            /* line 664, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(15) {
              top: 836px;
              left: 1151px; }
            /* line 668, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(16) {
              top: 836px;
              left: 1360px; }
            /* line 672, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(17) {
              top: 1045px;
              left: 482px; }
            /* line 676, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(18) {
              top: 1045px;
              left: 1360px; }
            /* line 680, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(19) {
              top: 1254px;
              left: 691px; }
            /* line 684, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(20) {
              top: 1463px;
              left: 0; }
            /* line 688, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(21) {
              top: 1463px;
              left: 209px; }
            /* line 692, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(22) {
              top: 1463px;
              left: 1360px; }
            /* line 696, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
            #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(23) {
              top: 1463px;
              left: 1694px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set {
              width: 951.5px;
              height: 836px; }
              /* line 708, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_1 {
                width: 334.5px;
                height: 209px; }
              /* line 712, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_2 {
                width: 104.5px;
                height: 104.5px; }
              /* line 716, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_3 {
                width: 241px;
                height: 104.5px; }
              /* line 720, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_4 {
                width: 167px;
                height: 104.5px; }
              /* line 724, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_5 {
                width: 104.5px;
                height: 209px; }
              /* line 728, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_6 {
                width: 408px;
                height: 313.5px; }
              /* line 732, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_7 {
                width: 160.5px;
                height: 209px; }
              /* line 736, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_8 {
                width: 278.5px;
                height: 209px; }
              /* line 740, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_9 {
                width: 241px;
                height: 313.5px; }
              /* line 744, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_10 {
                width: 230px;
                height: 209px; }
              /* line 748, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_11 {
                width: 271px;
                height: 104.5px; }
              /* line 752, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul.size_12 {
                width: 271px;
                height: 209px; }
              /* line 757, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(1) {
                top: 0;
                left: 0; }
              /* line 761, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(2) {
                top: 0;
                left: 334.5px; }
              /* line 765, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(3) {
                top: 0;
                left: 439px; }
              /* line 769, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(4) {
                top: 0;
                left: 680px; }
              /* line 773, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(5) {
                top: 0;
                left: 847px; }
              /* line 777, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(6) {
                top: 104.5px;
                left: 334.5px; }
              /* line 781, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(7) {
                top: 104.5px;
                left: 439px; }
              /* line 785, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(8) {
                top: 209px;
                left: 0; }
              /* line 789, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(9) {
                top: 209px;
                left: 160.5px; }
              /* line 793, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(10) {
                top: 209px;
                left: 847px; }
              /* line 797, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(11) {
                top: 313.5px;
                left: 847px; }
              /* line 801, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(12) {
                top: 418px;
                left: 0; }
              /* line 805, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(13) {
                top: 418px;
                left: 241px; }
              /* line 809, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(14) {
                top: 418px;
                left: 345.5px; }
              /* line 813, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(15) {
                top: 418px;
                left: 575.5px; }
              /* line 817, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(16) {
                top: 418px;
                left: 680px; }
              /* line 821, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(17) {
                top: 522.5px;
                left: 241px; }
              /* line 825, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(18) {
                top: 522.5px;
                left: 680px; }
              /* line 829, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(19) {
                top: 627px;
                left: 345.5px; }
              /* line 833, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(20) {
                top: 731.5px;
                left: 0; }
              /* line 837, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(21) {
                top: 731.5px;
                left: 104.5px; }
              /* line 841, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(22) {
                top: 731.5px;
                left: 680px; }
              /* line 845, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/about.sass */
              .touchevents #about #container #content .intro_wrap .bg .bg_wrap .bg_set ul:nth-child(23) {
                top: 731.5px;
                left: 847px; } }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content .area section .body .module_slide:after {
  content: "";
  display: table;
  clear: both; }

/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content #visual_area header .page_title h2, #topics.detail #container #content .area section .report > header .date, html[lang="en"] #topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .banner_wrap .banner a .text html[lang="en"] p, html[lang="en"] #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail html[lang="en"] .main > dl > *, html[lang="en"] #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table html[lang="en"] dl > *, html[lang="en"] #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p, #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption html[lang="en"] p, html[lang="en"] #topics.detail #container #content .area section .body .notes li, #topics.detail #container #content .area section .body .notes html[lang="en"] li, html[lang="en"] #topics.detail #container #content .area section .report > header h3 span, #topics.detail #container #content .area section .report > header h3 html[lang="en"] span {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 367, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content #visual_area header .page_title h2, #topics.detail #container #content .area section .report > header .date {
  line-height: 1.14286;
  font-size: 14px;
  font-size: 1.4rem; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .banner_wrap .banner a .text html[lang="sc"] p, html[lang="sc"] #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail html[lang="sc"] .main > dl > *, html[lang="sc"] #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table html[lang="sc"] dl > *, html[lang="sc"] #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p, #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption html[lang="sc"] p, html[lang="sc"] #topics.detail #container #content .area section .body .notes li, #topics.detail #container #content .area section .body .notes html[lang="sc"] li, html[lang="sc"] #topics.detail #container #content .area section .report > header h3 span, #topics.detail #container #content .area section .report > header h3 html[lang="sc"] span {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .banner_wrap .banner a .text html[lang="tc"] p, html[lang="tc"] #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail html[lang="tc"] .main > dl > *, html[lang="tc"] #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table html[lang="tc"] dl > *, html[lang="tc"] #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p, #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption html[lang="tc"] p, html[lang="tc"] #topics.detail #container #content .area section .body .notes li, #topics.detail #container #content .area section .body .notes html[lang="tc"] li, html[lang="tc"] #topics.detail #container #content .area section .report > header h3 span, #topics.detail #container #content .area section .report > header h3 html[lang="tc"] span {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .banner_wrap .banner a .text html[lang="de"] p, html[lang="de"] #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail html[lang="de"] .main > dl > *, html[lang="de"] #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table html[lang="de"] dl > *, html[lang="de"] #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p, #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption html[lang="de"] p, html[lang="de"] #topics.detail #container #content .area section .body .notes li, #topics.detail #container #content .area section .body .notes html[lang="de"] li, html[lang="de"] #topics.detail #container #content .area section .report > header h3 span, #topics.detail #container #content .area section .report > header h3 html[lang="de"] span {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .banner_wrap .banner a .text html[lang="it"] p, html[lang="it"] #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail html[lang="it"] .main > dl > *, html[lang="it"] #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table html[lang="it"] dl > *, html[lang="it"] #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p, #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption html[lang="it"] p, html[lang="it"] #topics.detail #container #content .area section .body .notes li, #topics.detail #container #content .area section .body .notes html[lang="it"] li, html[lang="it"] #topics.detail #container #content .area section .report > header h3 span, #topics.detail #container #content .area section .report > header h3 html[lang="it"] span {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .banner_wrap .banner a .text html[lang="es"] p, html[lang="es"] #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail html[lang="es"] .main > dl > *, html[lang="es"] #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table html[lang="es"] dl > *, html[lang="es"] #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p, #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption html[lang="es"] p, html[lang="es"] #topics.detail #container #content .area section .body .notes li, #topics.detail #container #content .area section .body .notes html[lang="es"] li, html[lang="es"] #topics.detail #container #content .area section .report > header h3 span, #topics.detail #container #content .area section .report > header h3 html[lang="es"] span {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p, #topics.detail #container #content .area section .body .notes li, #topics.detail #container #content .area section .report > header h3 span {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 533, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content .area section .body .banner_wrap .banner a .text p {
  line-height: 1.20833;
  font-size: 24px;
  font-size: 2.4rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #topics.detail #container #content .area section .body .banner_wrap .banner a .text p, #topics.detail #container #content .area section .body .banner_wrap .banner a .text .touchevents p {
      font-size: 13px;
      font-size: 1.3rem; } }

/* line 546, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table dl > * {
  line-height: 1.30769;
  font-size: 13px;
  font-size: 1.3rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents html[lang="ja"] #topics.detail #container #content .area section .body .product .product_detail .main > dl > *, #topics.detail #container #content .area section .body .product .product_detail .touchevents html[lang="ja"] .main > dl > *, .touchevents html[lang="ja"] #topics.detail #container #content .area section .body .product .product_detail .main .table dl > *, #topics.detail #container #content .area section .body .product .product_detail .main .table .touchevents html[lang="ja"] dl > * {
      font-size: 11px;
      font-size: 1.1rem; } }

/* line 561, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p {
  line-height: 1.78947;
  font-size: 19px;
  font-size: 1.9rem; }

/* line 571, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#topics.detail #container #content .area section .body .notes li {
  line-height: 1.81818;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 46, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
#topics.detail #container #content #visual_area {
  height: 487px; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #topics.detail #container #content #visual_area {
      height: 378px !important; } }
  /* line 58, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content #visual_area header .page_title h2 {
    margin-bottom: 0; }
    /* line 64, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content #visual_area header .page_title h2 .txt_outer .base:before {
      height: 11px !important; }
  /* line 73, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content #visual_area header .title .eyecatch {
    position: absolute;
    top: 0;
    right: 40px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content #visual_area header .title .eyecatch {
        position: static;
        margin-top: 29px; } }
    /* line 83, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content #visual_area header .title .eyecatch.logo_team_kuroshio {
      width: 168px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #topics.detail #container #content #visual_area header .title .eyecatch.logo_team_kuroshio {
          width: 89px; } }
  /* line 103, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content #visual_area .wrap .post .text .inner {
    padding-top: 210px; }
/* line 111, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
#topics.detail #container #content .area {
  padding-top: 40px;
  padding-bottom: 109px; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #topics.detail #container #content .area {
      padding-bottom: 69px; } }
  /* line 118, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area:last-of-type {
    padding-bottom: 258px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area:last-of-type {
        padding-bottom: 109px; } }
  /* line 124, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.05); }
  /* line 134, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section + section {
    margin-top: 89px;
    padding-top: 89px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section + section {
        margin-top: 69px;
        padding-top: 69px; } }
    /* line 142, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section + section > .inner {
      position: relative; }
      /* line 145, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section + section > .inner:before {
        content: "";
        position: absolute;
        top: -90px;
        left: 40px;
        width: calc(100% - 80px);
        height: 2px;
        background-color: rgba(255, 255, 255, 0.1); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #topics.detail #container #content .area section + section > .inner:before {
            top: -68px;
            width: calc(100% - 55px); } }
  /* line 162, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body > * + *:not(p):not(section) {
    margin-top: 29px; }
  /* line 165, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body > * + *[class*=layout_] {
    margin-top: 29px; }
    /* line 168, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body > * + *[class*=layout_].has_header {
      margin-top: 129px; }
  /* line 171, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body > * + *[class*=module_] {
    margin-top: 49px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .body > * + *[class*=module_] {
        margin-top: 29px; } }
  /* line 177, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body p {
    text-align: justify;
    color: rgba(255, 255, 255, 0.4); }
    /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
    html[lang="en"] #topics.detail #container #content .area section .body p {
      text-align: left;
      font-size: 14px;
      font-size: 1.4rem; }
    /* line 186, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body p.note {
      margin-top: 39px;
      color: rgba(255, 255, 255, 0.2); }
      /* line 190, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body p.note + .note {
        margin-top: 20px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #topics.detail #container #content .area section .body p.note + .note {
            margin-top: 20px; } }
      /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
      html[lang="en"] #topics.detail #container #content .area section .body p.note {
        font-size: 12px;
        font-size: 1.2rem; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #topics.detail #container #content .area section .body p.note {
          margin-top: 29px; } }
  /* line 204, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .column_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .body .column_wrap {
        display: block; } }
  /* line 213, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .main {
    width: 69.3%;
    padding-right: 40px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .body .main {
        width: 100%;
        padding-right: 0; } }
  /* line 223, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .side {
    width: 30.7%;
    text-align: right; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .body .side {
        width: 100%;
        margin-top: 49px;
        margin-bottom: 49px;
        padding-left: 0;
        text-align: center; } }
    /* line 234, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .side .img {
      padding-left: 30px;
      margin-right: 0;
      margin-left: auto; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #topics.detail #container #content .area section .body .side .img {
          width: 70%;
          margin-right: auto;
          margin-left: auto;
          padding-left: 0; } }
      /* line 245, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body .side .img.logo_30th {
        max-width: 284px; }
  /* line 255, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .module_slide .slide {
    float: left; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .body .module_slide .slide {
        float: none; } }
    /* line 263, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .module_slide .slide .slide_wrap {
      position: relative;
      padding-bottom: 62.5%; }
  /* line 269, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .module_slide .slide_nav {
    float: right;
    width: 30.7%; }
    /* line 275, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .module_slide .slide_nav ul li {
      width: 25%; }
  /* line 280, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .notes {
    margin-top: 109px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .body .notes {
        margin-top: 69px; } }
    /* line 286, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .notes li {
      color: rgba(255, 255, 255, 0.2); }
      /* line 290, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body .notes li + li {
        margin-top: 5px; }
  /* line 295, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .banner_wrap {
    margin-top: 0; }
    /* line 300, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .banner_wrap .banner {
      width: 50%;
      padding-right: 32px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #topics.detail #container #content .area section .body .banner_wrap .banner {
          width: 100%;
          padding-right: 0; } }
      /* line 310, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body .banner_wrap .banner a .text p {
        color: rgba(255, 255, 255, 0.95); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #topics.detail #container #content .area section .body .banner_wrap .banner a .text p {
            font-size: 24px;
            font-size: 2.4rem; } }
  /* line 320, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .product + .product {
    margin-top: 109px; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #topics.detail #container #content .area section .body .product .layout_product_list > header h3 span {
      margin-bottom: -6px;
      font-size: 20px;
      font-size: 2rem; } }
  /* line 342, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image {
    margin-bottom: 69px; }
    /* line 345, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption {
      margin-top: 29px; }
      /* line 347, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p {
        color: rgba(255, 255, 255, 0.95); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p {
            line-height: 1.31579; } }
        /* line 354, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
        #topics.detail #container #content .area section .body .product .layout_product_list .body .product_image figcaption p sup {
          display: inline-block;
          vertical-align: text-top;
          -ms-transform-origin: 0 0;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
          -ms-transform: scale(0.8, 0.8);
          -webkit-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8); }
  /* line 362, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .body .product .product_detail {
    margin-top: 29px; }
    /* line 367, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .product .product_detail .main > dl + dl {
      margin-top: 29px; }
    /* line 373, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .product .product_detail .main > dl dd {
      position: relative;
      margin-top: 12px;
      color: #919191; }
      /* line 378, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body .product .product_detail .main > dl dd:before {
        content: "-";
        display: inline-block;
        position: absolute;
        top: -1px;
        left: -10px;
        line-height: inherit; }
      /* line 386, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body .product .product_detail .main > dl dd sup {
        display: inline-block;
        vertical-align: text-top;
        -ms-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        transform: scale(0.8, 0.8); }
    /* line 392, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .body .product .product_detail .main .table {
      display: table;
      width: 100%;
      margin-top: 49px;
      table-layout: auto;
      border-top: 2px solid rgba(255, 255, 255, 0.3); }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #topics.detail #container #content .area section .body .product .product_detail .main .table {
          display: block; } }
      /* line 402, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .body .product .product_detail .main .table dl {
        display: table-row; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #topics.detail #container #content .area section .body .product .product_detail .main .table dl {
            display: block;
            padding-top: 15px;
            padding-bottom: 12px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.3); } }
        /* line 411, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
        #topics.detail #container #content .area section .body .product .product_detail .main .table dl > * {
          display: table-cell;
          padding-top: 9px;
          padding-bottom: 7px;
          vertical-align: top;
          border-bottom: 2px solid rgba(255, 255, 255, 0.3); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #topics.detail #container #content .area section .body .product .product_detail .main .table dl > * {
              display: block;
              padding-top: 0;
              padding-bottom: 0;
              border-bottom: 0 none; } }
        /* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
        #topics.detail #container #content .area section .body .product .product_detail .main .table dl dt {
          width: 10%;
          padding-right: 69px;
          white-space: nowrap;
          color: rgba(255, 255, 255, 0.95); }
        /* line 431, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
        #topics.detail #container #content .area section .body .product .product_detail .main .table dl dd {
          width: 90%;
          color: rgba(255, 255, 255, 0.4); }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #topics.detail #container #content .area section .body .product .product_detail .main .table dl dd {
              margin-top: 9px; } }
  /* line 449, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .report > header h3 span {
    display: block;
    margin-bottom: -8px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.95);
    font-size: 30px;
    font-size: 3rem; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .report > header h3 span {
        margin-bottom: -2px;
        line-height: 1.31579;
        font-size: 19px;
        font-size: 1.9rem; } }
    @media screen and (max-width: 767px) {
      /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      html[lang="en"].touchevents #topics.detail #container #content .area section .report > header h3 span {
        font-size: 20px;
        font-size: 2rem; } }
  /* line 465, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .report > header .date {
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.4); }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #topics.detail #container #content .area section .report > header .date {
        margin-top: 9px; } }
  /* line 475, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
  #topics.detail #container #content .area section .report > .body {
    position: relative;
    margin-top: 29px;
    padding-top: 29px; }
    /* line 480, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .report > .body:before {
      content: "";
      position: absolute;
      top: -1px;
      left: 0;
      width: 15px;
      height: 2px;
      background-color: rgba(255, 255, 255, 0.95); }
    /* line 492, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .report > .body section:first-child {
      margin-top: 0; }
    /* line 497, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
    #topics.detail #container #content .area section .report > .body section > .inner {
      padding-right: 0;
      padding-left: 0; }
      /* line 501, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .report > .body section > .inner:before {
        left: 0;
        width: 100%; }
      /* line 513, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .report > .body section > .inner > .main .layout_product_list {
        margin-top: 29px !important; }
      /* line 518, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .report > .body section > .inner > .main .module_movie {
        margin-top: 49px !important; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #topics.detail #container #content .area section .report > .body section > .inner > .main .module_movie {
            margin-top: 29px !important; } }
      /* line 526, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
      #topics.detail #container #content .area section .report > .body section > .inner > .main .notes {
        margin-top: 89px !important; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #topics.detail #container #content .area section .report > .body section > .inner > .main .notes {
            margin-top: 69px !important; } }
        /* line 533, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
        #topics.detail #container #content .area section .report > .body section > .inner > .main .notes li + li {
          margin-top: 20px; }
@media screen and (max-width: 767px) {
  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
  .touchevents #topics.detail #container #content .module_photo_list .list {
    margin-top: -29px; } }
@media screen and (max-width: 767px) {
  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
  .touchevents #topics.detail #container #content .module_photo_list .list .post {
    width: 50%;
    margin-top: 29px; } }
@media screen and (max-width: 767px) {
  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
  .touchevents #topics.detail #container #content .module_photo_list .list .post figure figcaption p {
    font-size: 11px;
    font-size: 1.1rem; } }
/* line 567, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
#topics.detail #container #content .module_nav_movie {
  margin-top: 0; }

/* line 571, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/topics.sass */
#container .layout_topics .list .post .text .date {
  display: none; }

@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
/* line 248, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap:after, #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap:after, #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap:after {
  content: "";
  display: table;
  clear: both; }

/* line 257, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a:hover, #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a:focus, #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a:active {
  -webkit-animation: blink 1s 1 cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: blink 1s 1 cubic-bezier(0.165, 0.84, 0.44, 1); }

/* line 318, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site header h3, #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl dt, #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail h4, #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site > footer p.note, #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl > *, #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl dd, html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="en"] span, html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="en"] sub.ja, html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header html[lang="en"] h4, html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text html[lang="en"] p, html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body html[lang="en"] p.note {
  font-family: "Neutral Medium 3", HelveticaNeue, Helvetica, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em; }

/* line 359, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site header h3 {
  line-height: 1.2;
  font-size: 20px;
  font-size: 2rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site header h3, #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site header .touchevents h3 {
      font-size: 14px;
      font-size: 1.4rem; } }

/* line 367, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl dt, #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail h4 {
  line-height: 1.14286;
  font-size: 14px;
  font-size: 1.4rem; }

/* line 372, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site > footer p.note, #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl > * {
  line-height: 1.16667;
  font-size: 12px;
  font-size: 1.2rem; }

/* line 393, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl dd {
  line-height: 1.63636;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 399, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="sc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="sc"] span, html[lang="sc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="sc"] sub.ja, html[lang="sc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header html[lang="sc"] h4, html[lang="sc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text html[lang="sc"] p, html[lang="sc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body html[lang="sc"] p.note {
  font-family: "PingFang SC", 微软雅黒, "Microsoft YaHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.09em; }

/* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="tc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="tc"] span, html[lang="tc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="tc"] sub.ja, html[lang="tc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header html[lang="tc"] h4, html[lang="tc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text html[lang="tc"] p, html[lang="tc"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body html[lang="tc"] p.note {
  font-family: "PingFang TC", 微軟正黒體, "Microsoft JhengHei", sans-serif;
  font-weight: 500;
  letter-spacing: 0.07em; }

/* line 425, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="de"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="de"] span, html[lang="de"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="de"] sub.ja, html[lang="de"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header html[lang="de"] h4, html[lang="de"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text html[lang="de"] p, html[lang="de"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body html[lang="de"] p.note {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 438, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="it"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="it"] span, html[lang="it"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="it"] sub.ja, html[lang="it"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header html[lang="it"] h4, html[lang="it"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text html[lang="it"] p, html[lang="it"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body html[lang="it"] p.note {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 451, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
html[lang="es"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="es"] span, html[lang="es"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 html[lang="es"] sub.ja, html[lang="es"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header html[lang="es"] h4, html[lang="es"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text html[lang="es"] p, html[lang="es"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body html[lang="es"] p.note {
  font-family: Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: 0.09em; }

/* line 464, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note {
  font-family: "Neutral Medium 3", "ゴシックMB101 DB", "Gothic MB101 DemiBold", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em; }

/* line 525, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span {
  line-height: 1.22222;
  font-size: 36px;
  font-size: 3.6rem; }
  @media screen and (max-width: 767px) {
    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 .touchevents span {
      font-size: 19px;
      font-size: 1.9rem; } }

/* line 541, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja, #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4 {
  line-height: 1.31579;
  font-size: 19px;
  font-size: 1.9rem; }

/* line 566, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p {
  line-height: 1.76923;
  font-size: 13px;
  font-size: 1.3rem; }

/* line 571, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
#container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note {
  line-height: 1.81818;
  font-size: 11px;
  font-size: 1.1rem; }

/* line 18, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
#container .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  height: 100%;
  z-index: 2000; }
  @media screen and (min-width: 0px) and (max-width: 980px) {
    /* line 88, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
    .touchevents #container .modal {
      min-width: 0; } }
  /* line 33, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
  #container .modal .btn.close {
    position: absolute;
    top: 60px;
    right: 60px;
    z-index: 30; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .modal .btn.close {
        top: 15px;
        right: 15px; } }
  /* line 87, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
  #container .modal .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 13, 13, 0.9);
    z-index: 1; }
  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
  #container .modal > .inner {
    position: relative;
    top: 69px;
    max-width: 1440px !important;
    height: calc(100% - 138px);
    padding-right: 80px;
    padding-left: 80px;
    z-index: 2;
    pointer-events: none; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .modal > .inner {
        top: 0;
        height: 100%;
        padding-right: 40px;
        padding-left: 40px; } }
    /* line 118, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
    #container .modal > .inner .drag_cover, #container .modal > .inner nav {
      pointer-events: auto; }
    /* line 123, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
    #container .modal > .inner > .module_slide {
      height: 100%; }
      /* line 128, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
      #container .modal > .inner > .module_slide > .slide {
        width: calc(100% + 80px);
        height: 100%;
        margin-right: -40px;
        margin-left: -40px;
        padding-right: 20px;
        padding-left: 20px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .modal > .inner > .module_slide > .slide {
            width: calc(100% + 20px);
            margin-right: -10px;
            margin-left: -10px;
            padding-right: 0;
            padding-left: 0; } }
        /* line 145, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal > .inner > .module_slide > .slide > .slide_wrap {
          height: 100%;
          overflow: visible; }
          /* line 151, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
          #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list {
            height: 100%; }
            /* line 161, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
            #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article {
              width: 100%;
              height: 100%;
              padding-right: 20px;
              padding-left: 20px;
              text-align: left; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article {
                  padding-right: 10px;
                  padding-left: 10px; } }
              /* line 174, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner {
                position: relative;
                height: 100%;
                max-height: 100%;
                min-width: 0;
                padding-right: 0;
                padding-left: 0;
                overflow-x: hidden;
                overflow-y: auto;
                -webkit-overflow-scrolling: touch; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner {
                    padding-top: 73px;
                    padding-bottom: 40px; } }
                /* line 189, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                .no-touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner {
                  max-width: 1280px; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .btn.close {
                    display: none; } }
                /* line 200, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame {
                  padding: 60px;
                  background-color: #000000; }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame {
                      padding: 29px 15px 49px; } }
                  /* line 209, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                  #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap {
                    position: relative;
                    z-index: 1;
                    opacity: 0.4;
                    filter: alpha(opacity=40);
                    transition-property: opacity;
                    transition-duration: 240ms;
                    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
                    /* line 218, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                    #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap sup {
                      display: inline-block;
                      vertical-align: text-top;
                      font-size: inherit;
                      -ms-transform-origin: 50% 0;
                      -webkit-transform-origin: 50% 0;
                      transform-origin: 50% 0;
                      -ms-transform: scale(0.65, 0.65);
                      -webkit-transform: scale(0.65, 0.65);
                      transform: scale(0.65, 0.65); }
                    /* line 227, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                    #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header {
                      padding-right: 120px; }
                      @media screen and (max-width: 767px) {
                        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                        .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header {
                          padding-right: 0; } }
                      /* line 234, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                      #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span {
                        display: block;
                        margin-bottom: -10px;
                        color: rgba(255, 255, 255, 0.95); }
                        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                        html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span {
                          font-size: 37px;
                          font-size: 3.7rem; }
                        @media screen and (max-width: 767px) {
                          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                          .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span {
                            font-size: 24px;
                            font-size: 2.4rem; } }
                        @media screen and (max-width: 767px) {
                          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                          html[lang="en"].touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 span {
                            font-size: 25px;
                            font-size: 2.5rem; } }
                      /* line 249, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                      #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub {
                        display: block;
                        margin-top: 15px; }
                        /* line 253, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja {
                          margin-bottom: -2px;
                          color: rgba(255, 255, 255, 0.35); }
                          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                          html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja {
                            font-size: 20px;
                            font-size: 2rem; }
                          @media screen and (max-width: 767px) {
                            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                            .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja {
                              font-size: 13px;
                              font-size: 1.3rem; } }
                          @media screen and (max-width: 767px) {
                            /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                            html[lang="en"].touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > header h3 sub.ja {
                              font-size: 14px;
                              font-size: 1.4rem; } }
                    /* line 270, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                    #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body {
                      position: relative;
                      margin-top: 29px;
                      padding-top: 29px; }
                      /* line 275, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                      #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body:before {
                        content: "";
                        position: absolute;
                        top: -1px;
                        left: 0;
                        width: 15px;
                        height: 2px;
                        background-color: #ca1c1d; }
                      /* line 291, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                      #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text {
                        float: left;
                        width: calc(65% - 40px); }
                        @media screen and (max-width: 767px) {
                          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                          .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text {
                            float: none;
                            width: 100%; } }
                        /* line 299, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p {
                          text-align: justify;
                          color: rgba(255, 255, 255, 0.5); }
                          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                          html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p {
                            text-align: left;
                            font-size: 14px;
                            font-size: 1.4rem; }
                          /* line 309, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                          #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p + p {
                            margin-top: 29px; }
                          /* line 312, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                          #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p sup {
                            -ms-transform: scale(0.7, 0.7);
                            -webkit-transform: scale(0.7, 0.7);
                            transform: scale(0.7, 0.7); }
                          /* line 316, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                          #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .text p.note {
                            font-size: 11px;
                            font-size: 1.1rem; }
                      /* line 321, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                      #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap {
                        float: right;
                        width: 35%; }
                        @media screen and (max-width: 767px) {
                          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                          .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap {
                            float: none;
                            width: 100%;
                            margin-top: 29px; } }
                        /* line 331, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap > * + * {
                          margin-top: 29px; }
                        /* line 344, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap .module_slide .slide .slide_wrap {
                          position: relative;
                          padding-bottom: 62.5%; }
                          /* line 352, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                          #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap .module_slide .slide .slide_wrap .slide_list > * .img {
                            background-color: #0d0d0d; }
                        /* line 357, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap .module_slide .slide_nav {
                          margin-top: 15px; }
                          /* line 361, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                          #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap .module_slide .slide_nav ul li {
                            width: 25%; }
                            /* line 364, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                            #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .column_wrap .figure_wrap .module_slide .slide_nav ul li .img {
                              position: static; }
                      /* line 369, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                      #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list {
                        margin-top: 49px;
                        padding-top: 49px;
                        border-top: 2px solid rgba(255, 255, 255, 0.2); }
                        /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                        html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4 {
                          font-size: 20px;
                          font-size: 2rem; }
                        @media screen and (max-width: 767px) {
                          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                          .touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4 {
                            font-size: 13px;
                            font-size: 1.3rem; } }
                        @media screen and (max-width: 767px) {
                          /* line 102, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                          html[lang="en"].touchevents #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header h4 {
                            font-size: 14px;
                            font-size: 1.4rem; } }
                        /* line 391, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list header + .body {
                          margin-top: 49px !important; }
                        /* line 403, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body .list .post a {
                          background-color: rgba(255, 255, 255, 0.1); }
                          /* line 412, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                          #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body .list .post a .text .icon {
                            -ms-transform: translate(0, -50%);
                            -webkit-transform: translate(0, -50%);
                            transform: translate(0, -50%); }
                            /* line 415, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                            #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body .list .post a .text .icon:after {
                              display: block;
                              margin-top: 6px;
                              -ms-transform: translate(0, 0);
                              -webkit-transform: translate(0, 0);
                              transform: translate(0, 0); }
                        /* line 420, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                        #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note {
                          margin-top: 29px;
                          color: rgba(255, 255, 255, 0.4); }
                          /* line 184, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                          html[lang="en"] #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article > .inner .frame > .wrap > .body .layout_product_list .body p.note {
                            font-size: 12px;
                            font-size: 1.2rem; }
              /* line 434, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article.active > .inner {
                pointer-events: auto; }
                /* line 443, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal > .inner > .module_slide > .slide > .slide_wrap > .slide_list > article.active > .inner .frame > .wrap {
                  opacity: 1;
                  filter: alpha(opacity=100); }
  @media screen and (min-width: 768px) {
    /* line 454, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
    #container .modal.modal_technology > .btn.close {
      display: none; } }
  /* line 471, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
  #container .modal.modal_product_detail .bg {
    background-color: rgba(26, 26, 26, 0.97); }
  /* line 480, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
  #container .modal.modal_product_detail .btn.close a {
    width: 69px;
    height: 69px; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .modal.modal_product_detail .btn.close a {
        width: 38px;
        height: 38px; } }
    /* line 489, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
    #container .modal.modal_product_detail .btn.close a ul li {
      width: 96px;
      height: 2px; }
      @media screen and (max-width: 767px) {
        /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
        .touchevents #container .modal.modal_product_detail .btn.close a ul li {
          width: 48px; } }
  /* line 501, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
  #container .modal.modal_product_detail .detail_wrap {
    position: relative;
    height: 100%;
    padding-top: 69px;
    padding-bottom: 69px;
    text-align: left;
    z-index: 20;
    pointer-events: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 767px) {
      /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
      .touchevents #container .modal.modal_product_detail .detail_wrap {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: left;
        pointer-events: auto; } }
    /* line 521, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
    #container .modal.modal_product_detail .detail_wrap > .inner {
      pointer-events: none; }
      /* line 526, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
      #container .modal.modal_product_detail .detail_wrap > .inner > .wrap {
        pointer-events: auto; }
      /* line 536, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
      #container .modal.modal_product_detail .detail_wrap > .inner .section + .section {
        position: relative;
        margin-top: 89px;
        padding-top: 89px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section + .section {
            margin-top: 64px;
            padding-top: 64px; } }
        /* line 546, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal.modal_product_detail .detail_wrap > .inner .section + .section:before {
          content: "";
          position: absolute;
          top: -1px;
          left: 0;
          width: 100%;
          height: 2px;
          background-color: rgba(255, 255, 255, 0.3); }
      /* line 558, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
      #container .modal.modal_product_detail .detail_wrap > .inner .section header.section_title h2 {
        color: #ca1c1d; }
        /* line 560, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal.modal_product_detail .detail_wrap > .inner .section header.section_title h2:before, #container .modal.modal_product_detail .detail_wrap > .inner .section header.section_title h2:after {
          display: none; }
      /* line 565, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
      #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body {
        margin-top: 69px; }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body {
            margin-top: 25px; } }
        /* line 573, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site {
          padding-top: 89px;
          padding-bottom: 89px;
          background: rgba(0, 0, 0, 0.8) url("/promaster/special/assets/images/common/parts/map.png") no-repeat 50% 50%;
          background-size: auto 100%; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site {
              padding-top: 20px;
              padding-bottom: 20px;
              background-size: 100% auto; } }
          /* line 584, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
          #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site.product_info {
            padding-top: 30px;
            padding-bottom: 30px;
            background-image: none; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site.product_info {
                padding-top: 20px;
                padding-bottom: 20px; } }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .inner {
              padding-left: 15px; } }
          /* line 599, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
          #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site header {
            text-align: center; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site header {
                text-align: left; } }
          /* line 610, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
          #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body {
            padding-top: 0.1px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body {
                margin-top: 49px; } }
            /* line 617, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
            #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap {
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
              -webkit-align-items: flex-start;
              -ms-flex-align: start;
              align-items: flex-start;
              -webkit-justify-content: center;
              -ms-flex-pack: center;
              justify-content: center;
              margin-top: 89px; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap {
                  display: block;
                  margin-top: -49px; } }
              /* line 631, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col {
                padding-right: 40px;
                padding-left: 40px; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col {
                    width: 50%;
                    float: left;
                    margin-top: 49px;
                    padding-right: 15px;
                    padding-left: 15px; }
                    /* line 642, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                    .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col:nth-child(n+4) {
                      height: auto !important; } }
                /* line 646, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl + dl {
                  margin-top: 40px; }
                /* line 649, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a {
                  color: rgba(255, 255, 255, 0.95); }
                  /* line 193, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                  .no-touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a:hover, .no-touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a:focus, .no-touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a:active {
                    color: #ca1c1d; }
                  /* line 197, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/_setting.sass */
                  .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl a.over {
                    color: #ca1c1d; }
                /* line 657, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl dt {
                  margin-bottom: 15px;
                  color: rgba(255, 255, 255, 0.4); }
                /* line 662, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl dd {
                  color: rgba(255, 255, 255, 0.95); }
                  /* line 666, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                  #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap .col dl dd + dd {
                    margin-top: 2px; }
            /* line 671, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
            #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap--middle {
              margin: 49px 0; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap--middle {
                  margin: 24.5px 0; } }
              /* line 679, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap--middle .col--full {
                width: 80%; }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap--middle .col--full {
                    width: 100%;
                    float: none;
                    margin: 0; } }
                /* line 688, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site .body .col_wrap--middle .col--full dl dd {
                  padding-left: 30px; }
          /* line 694, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
          #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site > footer {
            margin-top: 109px;
            text-align: center; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site > footer {
                margin-top: 49px;
                text-align: left; } }
            /* line 703, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
            #container .modal.modal_product_detail .detail_wrap > .inner .section > header + .body .local_site > footer p.note {
              color: rgba(255, 255, 255, 0.2); }
      /* line 737, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
      #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail {
        padding: 0 16px 16px; }
        /* line 740, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail h4 {
          color: rgba(255, 255, 255, 0.95); }
        /* line 746, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap {
          margin-top: 18px;
          margin-right: -20px;
          margin-left: -20px; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap {
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: column;
              -ms-flex-direction: column;
              flex-direction: column; } }
          /* line 758, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
          #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta {
            float: left;
            width: 50%;
            padding-right: 20px;
            padding-left: 20px; }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta {
                float: none;
                width: 100%; } }
            /* line 768, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
            #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl {
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-flex-direction: row;
              -ms-flex-direction: row;
              flex-direction: row;
              -webkit-align-items: flex-start;
              -ms-flex-align: start;
              align-items: flex-start;
              -webkit-justify-content: flex-start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              height: 100%;
              border-bottom: 2px solid rgba(255, 255, 255, 0.3); }
              /* line 776, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl > * {
                padding-top: 9px;
                padding-bottom: 7px; }
              /* line 781, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl dt {
                width: 37.5%;
                color: rgba(255, 255, 255, 0.95); }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl dt {
                    width: 50%;
                    padding-right: 12px; } }
              /* line 789, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl dd {
                width: 62.5%;
                color: rgba(255, 255, 255, 0.4); }
                @media screen and (max-width: 767px) {
                  /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                  .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta dl dd {
                    width: 50%;
                    padding-left: 12px; } }
            /* line 798, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
            #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta:nth-child(-n+2) dl {
              border-top: 2px solid rgba(255, 255, 255, 0.3); }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta:nth-child(2) dl {
                border-top: 0 none; } }
            @media screen and (max-width: 767px) {
              /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
              .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.spec > .body .layout_product_list .body .list .post > span .detail .meta_wrap .meta:nth-child(2n) {
                -webkit-order: 1;
                -ms-flex-order: 1;
                order: 1; } }
      /* line 823, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
      #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide {
        position: relative;
        padding-bottom: 109px;
        background-color: rgba(0, 0, 0, 0.8); }
        @media screen and (max-width: 767px) {
          /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
          .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide {
            margin-right: -15px;
            margin-left: -40px;
            padding-bottom: 170px; } }
        /* line 835, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide {
          padding-bottom: 51.2%; }
          @media screen and (max-width: 767px) {
            /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
            .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide {
              padding-bottom: 66.7%; } }
        /* line 843, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
        #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          background-color: rgba(13, 13, 13, 0.6);
          z-index: 3; }
          /* line 851, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
          #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul {
            margin-top: 0;
            margin-right: 0;
            margin-left: 0; }
            /* line 856, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
            #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li {
              width: 80px;
              margin-top: 0;
              padding-right: 0;
              padding-left: 0; }
              @media screen and (max-width: 767px) {
                /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li {
                  width: 58px; } }
              /* line 865, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a {
                position: relative; }
                /* line 868, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a:before {
                  content: "";
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 0;
                  height: 4px;
                  background-color: #ca1c1d;
                  z-index: 10;
                  transition-property: width;
                  transition-duration: 240ms;
                  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
                  @media screen and (max-width: 767px) {
                    /* line 98, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/kenjimorisaki/utilities/_responsive.sass */
                    .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a:before {
                      height: 3px; } }
                /* line 884, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a .img {
                  opacity: 1;
                  filter: alpha(opacity=100); }
                /* line 888, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                .no-touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a:hover .img, .no-touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a:focus .img, .no-touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a:active .img {
                  opacity: 0.6;
                  filter: alpha(opacity=60); }
                /* line 888, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                .touchevents #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li a.over .img {
                  opacity: 0.6;
                  filter: alpha(opacity=60); }
              /* line 892, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
              #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li.current {
                pointer-events: none; }
                /* line 896, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
                #container .modal.modal_product_detail .detail_wrap > .inner .section.design > .body .module_slide .slide_nav ul li.current a:before {
                  width: 100%; }
  /* line 904, /Users/hina/Fork/TC_CITIZEN_6language/source/promaster/special/assets/css/modules/modal.sass */
  #container .modal.modal_product_detail .mCSB_scrollTools {
    z-index: 100; }