@charset "UTF-8";
body {
  line-height: 1;
  color: #000; }

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

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

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 500; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
  border-radius: 0; }

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
  border-radius: 0;
  border: none;
  outline: none; }

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
input[type="button"],
textarea {
  -webkit-appearance: none; }

:focus {
  outline: none; }

@-ms-viewport {
  width: device-width; }

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent; }
  @media print {
    html html {
      background-image: none;
      background-color: #fff; } }

body {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-text-size-adjust: 100%; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    body {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media print {
    body {
      _zoom: 80%;
      -webkit-print-color-adjust: exact; } }

a,
a:before,
a:after,
button,
button:before,
button:after,
.u-transition,
.u-transition_before:before,
.u-transition_after:after {
  -webkit-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
  -o-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
  transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1); }

a img {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

a,
input,
button {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-touch-callout: none; }

a,
button {
  cursor: pointer; }

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
    a:hover img {
      opacity: 0.5; }

button {
  cursor: pointer;
  background: none;
  outline: none; }

img {
  overflow: hidden;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  border: none;
  outline: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

*,
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

::-moz-selection {
  color: #fff;
  background: #208849; }

::selection {
  color: #fff;
  background: #208849; }

/*スクロールバー全体*/
::-webkit-scrollbar {
  width: 8px;
  background: rgba(0, 0, 0, 0.25); }

/*スクロールバーの軌道*/
/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background-color: #208849; }

body, select, input, button, textarea, :before, :after,
.u-font_gothic,
.u-font_gothicBefore:before,
.u-font_gothicAfter:after,
.u-font_gothic select,
.u-font_gothic input,
.u-font_gothic button,
.u-font_gothic textarea {
  font-family: Roboto, 'Noto Sans JP', sans-serif; }

.u-font_mincho,
.u-font_minchoBefore:before,
.u-font_minchoAfter:after {
  font-family: 'Bellefair', 'times new roman', '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro','HG明朝E', 'ＭＳ 明朝', serif;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  text-rendering: optimizelegibility; }

.u-font_roboto,
.u-font_robotoBefore:before,
.u-font_robotoAfter:after {
  font-family: 'Roboto', sans-serif; }

.u-font_crimson,
.u-font_crimsonBefore:before,
.u-font_crimsonAfter:after {
  font-family: 'Crimson', sans-serif; }

.u-font_robotoCondensed,
.u-font_robotoCondensedBefore:before,
.u-font_robotoCondensedAfter:after {
  font-family: 'Roboto Condensed', sans-serif; }

.u-font_bellefair,
.u-font_bellefairBefore:before,
.u-font_bellefairAfter:after {
  font-family: 'Bellefair', serif; }

.u-font_josefin,
.u-font_josefinBefore:before,
.u-font_josefinAfter:after {
  font-family: 'Josefin Sans', serif; }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u-show_desktop {
    display: none !important; } }

@media screen and (min-width: 999px) {
  .u-hide_desktop {
    display: none !important; } }

@media print {
  .u-hide_desktop {
    display: none !important; } }

@media screen and (min-width: 767px) {
  .u-show_tablet {
    display: none !important; } }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .u-show_tablet {
    display: none !important; } }

@media print {
  .u-show_tablet {
    display: none !important; } }

@media screen and (min-width: 767px) and (max-width: 999px) {
  .u-hide_tablet {
    display: none !important; } }

@media screen and (min-width: 999px) {
  .u-show_media {
    display: none !important; } }

@media print {
  .u-show_media {
    display: none !important; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u-hide_media {
    display: none !important; } }

@media print {
  .u-print_hide {
    display: none !important; } }

.u-show_mobile {
  display: none !important; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .u-show_mobile {
      display: inline-block !important; } }

.u-hide_mobile {
  display: inline-block !important; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .u-hide_mobile {
      display: none !important; } }

.u-inner {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-inner {
      padding-left: 30px;
      padding-right: 30px; } }
  .u-inner_child {
    width: 635px; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .u-inner_child {
        width: auto; } }

.u-mgt_160 {
  margin-top: 160px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_160 {
      margin-top: 110px; } }

.u-mgt_140 {
  margin-top: 140px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_140 {
      margin-top: 90px; } }

.u-mgt_120 {
  margin-top: 120px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_120 {
      margin-top: 80px; } }

.u-mgt_100 {
  margin-top: 100px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_100 {
      margin-top: 70px; } }

.u-mgt_90 {
  margin-top: 90px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_90 {
      margin-top: 70px; } }

.u-mgt_80 {
  margin-top: 80px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_80 {
      margin-top: 60px; } }

.u-mgt_70 {
  margin-top: 70px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_70 {
      margin-top: 50px; } }

.u-mgt_60 {
  margin-top: 60px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_60 {
      margin-top: 40px; } }

.u-mgt_50 {
  margin-top: 50px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_50 {
      margin-top: 30px; } }

.u-mgt_40 {
  margin-top: 40px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_40 {
      margin-top: 30px; } }

.u-mgt_30 {
  margin-top: 30px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgt_30 {
      margin-top: 20px; } }

.u-mgt_20 {
  margin-top: 20px; }

.u-mgt_15 {
  margin-top: 15px; }

.u-mgt_10 {
  margin-top: 10px; }

.u-mgt_-40 {
  margin-top: -40px; }

.u-mgt_-20 {
  margin-top: -20px; }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgt_50 {
    margin-top: 50px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgt_30 {
    margin-top: 30px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgt_25 {
    margin-top: 25px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgt_20 {
    margin-top: 20px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgt_15 {
    margin-top: 15px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgt_10 {
    margin-top: 10px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgt_-80 {
    margin-top: -80px; } }

.u-mgb_200 {
  margin-bottom: 200px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgb_200 {
      margin-bottom: 100px; } }

.u-mgb_140 {
  margin-bottom: 140px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgb_140 {
      margin-bottom: 90px; } }

.u-mgb_70 {
  margin-bottom: 70px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgb_70 {
      margin-bottom: 50px; } }

.u-mgb_60 {
  margin-bottom: 60px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgb_60 {
      margin-bottom: 40px; } }

.u-mgb_30 {
  margin-bottom: 30px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-mgb_30 {
      margin-bottom: 20px; } }

.u-mgb_-20 {
  margin-bottom: -20px; }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-mgb_-80 {
    margin-bottom: -80px; } }

.u-mgl_default {
  margin-left: 15px; }

.u-pdt_160 {
  padding-top: 160px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_160 {
      padding-top: 100px; } }

.u-pdt_150 {
  padding-top: 150px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_150 {
      padding-top: 100px; } }

.u-pdt_140 {
  padding-top: 140px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_140 {
      padding-top: 90px; } }

.u-pdt_100 {
  padding-top: 100px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_100 {
      padding-top: 70px; } }

.u-pdt_90 {
  padding-top: 90px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_90 {
      padding-top: 60px; } }

.u-pdt_80 {
  padding-top: 80px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_80 {
      padding-top: 50px; } }

.u-pdt_70 {
  padding-top: 70px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_70 {
      padding-top: 40px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-pdt_70 {
    padding-top: 70px; } }

.u-pdt_60 {
  padding-top: 60px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdt_60 {
      padding-top: 40px; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-pdt_0 {
    padding-top: 0; } }

.u-pdb_200 {
  padding-bottom: 200px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdb_200 {
      padding-bottom: 160px; } }

.u-pdb_180 {
  padding-bottom: 180px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdb_180 {
      padding-bottom: 140px; } }

.u-pdb_160 {
  padding-bottom: 160px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdb_160 {
      padding-bottom: 120px; } }

.u-pdb_140 {
  padding-bottom: 140px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdb_140 {
      padding-bottom: 90px; } }

.u-pdb_100 {
  padding-bottom: 100px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdb_100 {
      padding-bottom: 80px; } }

.u-pdb_80 {
  padding-bottom: 80px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-pdb_80 {
      padding-bottom: 50px; } }

.u-radius {
  border-radius: 4px; }

.u-fontWeight_100 {
  font-weight: 100; }

.u-fontWeight_200 {
  font-weight: 200; }

.u-fontWeight_300 {
  font-weight: 300; }

.u-fontWeight_400 {
  font-weight: 400; }

.u-fontWeight_500 {
  font-weight: 700; }

.u-fontWeight_600 {
  font-weight: 600; }

.u-fontWeight_700 {
  font-weight: 700; }

.u-fontWeight_800 {
  font-weight: 800; }

.u-fontWeight_900 {
  font-weight: 900; }

.u-fontstyle_italic {
  font-style: italic; }

.u-text_center {
  text-align: center; }

.u-text_left {
  text-align: left; }

.u-text_right {
  text-align: right; }

.u-text_sup {
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -.1em; }

.u-text_sub {
  font-size: 70%;
  vertical-align: bottom;
  position: relative;
  top: .1em; }

.u-text_indent {
  text-indent: 1em; }

.u-text_block {
  display: inline-block; }

.u-text_large {
  font-size: 26px;
  font-size: 2.6rem; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-text_large {
      font-size: 22px;
      font-size: 2.2rem; } }

@media screen and (min-width: 1px) and (max-width: 999px) {
  .u_m-text_center {
    text-align: center; }
  .u_m-text_left {
    text-align: left; }
  .u_m-text_right {
    text-align: right; } }

.u-title-mid {
  color: #6e6e6e;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: .25em; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .u-title-mid {
      font-size: 16px;
      font-size: 1.6rem; } }
  .u-title-mid:before {
    content: attr(data-en) "";
    font-size: 40px;
    font-size: 4rem;
    font-weight: 700;
    margin: 0 0 15px;
    display: block; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .u-title-mid:before {
        font-size: 36px;
        font-size: 3.6rem; } }

.u-color_default {
  color: #000; }

.u-color_main {
  color: #208849; }

.u-bgColor-white {
  background: #fff; }

.u-float_left {
  float: left; }

.u-float_right {
  float: right; }

.u-width_full {
  width: 100%; }

.no-device .u-hover_opacity:hover {
  opacity: 0.5; }

.no-device .u-hover_opacity:hover img {
  opacity: 1; }

.u-table {
  display: table;
  table-layout: fixed;
  width: 100%; }
  .u-table_cell {
    display: table-cell;
    vertical-align: middle; }

.u-link-invalid {
  cursor: default; }
  .u-link-invalid:hover,
  .u-link-invalid:hover img {
    opacity: 1; }

a.u-button {
  text-decoration: none; }

.u-clearfix {
  overflow: hidden;
  zoom: 1; }

.u-clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  overflow: hidden; }

.u-anim-fadeIn {
  -webkit-animation: fadeIn 1.2s ease .15s;
  animation: fadeIn 1.2s ease .15s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.u-bounce {
  -webkit-animation: anm-bounce 4s infinite ease;
  -moz-animation: anm-bounce 4s infinite ease;
  -ms-animation: anm-bounce 4s infinite ease;
  animation: anm-bounce 4s infinite ease; }
  .u-bounce--delay_0 {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s; }
  .u-bounce--delay_1 {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -ms-animation-delay: 0.5s;
    animation-delay: 0.5s; }
  .u-bounce--delay_2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s; }

@-webkit-keyframes anm-bounce {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -5%);
    -moz-transform: translate(0, -5%);
    -ms-transform: translate(0, -5%);
    transform: translate(0, -5%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes anm-bounce {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -5%);
    -moz-transform: translate(0, -5%);
    -ms-transform: translate(0, -5%);
    transform: translate(0, -5%); }
  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

.u-scrollFadeIn {
  opacity: 0;
  -webkit-transition: all 0.75s cubic-bezier(0.75, 0, 0.35, 1);
  -o-transition: all 0.75s cubic-bezier(0.75, 0, 0.35, 1);
  transition: all 0.75s cubic-bezier(0.75, 0, 0.35, 1);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }
  .u-scrollFadeIn[data-fadein="reverse"] {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  .u-scrollFadeIn.is-state_scroll {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px); }

.u-hidden {
  display: none; }

.g-body {
  color: #000;
  background: #f3f3f3;
  cursor: default; }
  @media print {
    .g-body {
      min-width: 1140px;
      background-image: none;
      background-color: #fff; } }

.g-wrapper {
  overflow: hidden;
  position: relative;
  display: block;
  color: #000;
  background: #f3f3f3; }

.g-header {
  height: 100px;
  padding: 20px 30px 0;
  background: #fff;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  -webkit-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
  -o-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
  transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1); }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .g-header {
      height: 70px;
      padding-top: 13px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-header {
      z-index: 10; } }
  .g-header__logo {
    width: 122px;
    -webkit-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
    -o-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
    transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-header__logo {
        width: 90px; } }
    .g-header__logo .logo-color-white {
      display: none; }

.g-head-navigation {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1200; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-head-navigation {
      width: 100%;
      background: #0b318f;
      top: auto;
      bottom: 0;
      left: 0;
      -webkit-transform: translateY(100%);
      -moz-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%);
      -webkit-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: all 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); } }
  .g-head-navigation__items {
    padding: 0 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-head-navigation__items {
        padding: 40px 0;
        display: block; } }
  .g-head-navigation__item {
    font-size: 14px;
    font-size: 1.4rem;
    height: 100px;
    padding: 0 25px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
    -o-transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1);
    transition: all 0.8s cubic-bezier(0.75, 0, 0.35, 1); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-head-navigation__item {
        font-size: 13px;
        font-size: 1.3rem;
        height: 70px;
        padding: 0 15px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-head-navigation__item {
        color: #fff;
        text-align: center;
        letter-spacing: .25em;
        height: auto;
        display: block; } }
    .g-head-navigation__item[data-button='home'] {
      display: none; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .g-head-navigation__item[data-button='home'] {
          display: block; } }
    .g-head-navigation__item a {
      height: 100px;
      padding: 45px 0 0;
      display: inline-block; }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .g-head-navigation__item a {
          padding-top: 30px; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .g-head-navigation__item a {
          color: #fff !important;
          height: auto;
          padding: 17px 0; } }
      .g-head-navigation__item a:after {
        content: '';
        width: calc(100% - 30px);
        height: 2px;
        display: block;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00a041), color-stop(51%, #0b3190), to(#00a041));
        background-image: -webkit-linear-gradient(left, #00a041 0, #0b3190 51%, #00a041 100%);
        background-image: -o-linear-gradient(left, #00a041 0, #0b3190 51%, #00a041 100%);
        background-image: linear-gradient(to right, #00a041 0, #0b3190 51%, #00a041 100%);
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -webkit-transform: translate(-50%, 100%);
        -moz-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%); }
      .g-head-navigation__item a:hover:after {
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
    .g-head-navigation__item.is-comingsoon {
      padding-top: 45px;
      opacity: .4; }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .g-head-navigation__item.is-comingsoon {
          padding-top: 30px; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .g-head-navigation__item.is-comingsoon {
          color: #fff !important;
          padding: 17px 0; } }

.content-start .g-header {
  height: 70px;
  padding-top: 10px;
  background: #fff !important; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .content-start .g-header {
      background: transparent !important; } }

.content-start .g-header__logo {
  width: 100px; }

.content-start .logo-color-white {
  display: none !important; }

.content-start .logo-color-normal {
  display: inline-block !important; }

.content-start .g-head-navigation__item {
  height: 70px; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .content-start .g-head-navigation__item {
      height: auto; } }
  .content-start .g-head-navigation__item a {
    color: #000 !important;
    height: 70px;
    padding-top: 30px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .content-start .g-head-navigation__item a {
        color: #fff !important;
        height: auto;
        padding: 17px 0; } }
  .content-start .g-head-navigation__item.is-comingsoon {
    color: #000 !important;
    padding-top: 30px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .content-start .g-head-navigation__item.is-comingsoon {
        color: #fff !important;
        padding: 17px 0; } }

.g-body[data-contents='about'] .g-head-navigation__item[data-button="about"] a:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-body[data-contents='about'] .g-head-navigation__item[data-button="about"] a:after {
      display: none; } }

.g-body[data-contents='history'] .g-head-navigation__item[data-button="history"] a:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-body[data-contents='history'] .g-head-navigation__item[data-button="history"] a:after {
      display: none; } }

.g-body[data-contents='founders-story'] .g-head-navigation__item[data-button="founders-story"] a:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-body[data-contents='founders-story'] .g-head-navigation__item[data-button="founders-story"] a:after {
      display: none; } }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .g-header_trigger {
    width: 60px;
    height: 60px;
    background: #0b318f;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1300; } }

@media screen and (min-width: 1px) and (max-width: 767px) {
  .g-header_trigger-line {
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); } }

.g-header_trigger-line--type_top {
  margin-top: -8px; }

.g-header_trigger-line--type_bottom {
  margin-top: 8px; }

.g-header_trigger.is-menu_open .g-header_trigger-line--type_top {
  -webkit-animation: anim-trigger-line--top 1s both;
  animation: anim-trigger-line--top 1s both; }

@-webkit-keyframes anim-trigger-line--top {
  0% {
    margin-top: -8px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  50% {
    margin: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  100% {
    margin: 0;
    -webkit-transform: translate(-50%) rotate(45deg);
    -moz-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg); } }

@keyframes anim-trigger-line--top {
  0% {
    margin-top: -8px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  50% {
    margin: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  100% {
    margin: 0;
    -webkit-transform: translate(-50%) rotate(45deg);
    -moz-transform: translate(-50%) rotate(45deg);
    -ms-transform: translate(-50%) rotate(45deg);
    transform: translate(-50%) rotate(45deg); } }

.g-header_trigger.is-menu_open .g-header_trigger-line--type_middle {
  -webkit-animation: anim-trigger-line--middle 1s both;
  animation: anim-trigger-line--middle 1s both; }

@-webkit-keyframes anim-trigger-line--middle {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes anim-trigger-line--middle {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  51% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.g-header_trigger.is-menu_open .g-header_trigger-line--type_bottom {
  -webkit-animation: anim-trigger-line--bottom 1s both;
  animation: anim-trigger-line--bottom 1s both; }

@-webkit-keyframes anim-trigger-line--bottom {
  0% {
    margin-top: 8px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  50% {
    margin: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  100% {
    margin: 0;
    -webkit-transform: translate(-50%) rotate(-45deg);
    -moz-transform: translate(-50%) rotate(-45deg);
    -ms-transform: translate(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg); } }

@keyframes anim-trigger-line--bottom {
  0% {
    margin-top: 8px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  50% {
    margin: 0;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%); }
  100% {
    margin: 0;
    -webkit-transform: translate(-50%) rotate(-45deg);
    -moz-transform: translate(-50%) rotate(-45deg);
    -ms-transform: translate(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg); } }

.g-head-navigation.is-menu_open {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.c-menu_cover {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  opacity: 0;
  visibility: hidden; }
  .c-menu_cover.is-menu_open {
    opacity: 1;
    visibility: visible; }

.g-foot-navigation__items {
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-foot-navigation__items {
      margin: 0;
      display: block; } }

.g-foot-navigation__item {
  width: calc(100% / 3);
  padding: 0 15px; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-foot-navigation__item {
      width: 100%;
      margin: 0 0 15px;
      padding: 0; } }
  .g-foot-navigation__item a {
    color: #fff;
    display: block;
    position: relative; }
    .g-foot-navigation__item a:before {
      content: '';
      width: 100%;
      height: 100%;
      background: #208849;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      opacity: 0; }
    .g-foot-navigation__item a:after {
      content: '';
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.8);
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
    .g-foot-navigation__item a:hover:before {
      opacity: 1; }
    .g-foot-navigation__item a:hover:after {
      opacity: 0; }
    .g-foot-navigation__item a:hover figure img {
      -webkit-transform: translate(-50%, -50%) scale(1.75);
      -moz-transform: translate(-50%, -50%) scale(1.75);
      -ms-transform: translate(-50%, -50%) scale(1.75);
      transform: translate(-50%, -50%) scale(1.75); }
    .g-foot-navigation__item a.u-link-invalid:hover:before {
      opacity: 0; }
    .g-foot-navigation__item a.u-link-invalid:hover:after {
      opacity: 1; }
    .g-foot-navigation__item a.u-link-invalid:hover figure img {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .g-foot-navigation__item a.u-link-invalid small:after {
      display: none; }
  .g-foot-navigation__item figure {
    padding: 55% 0 0;
    position: relative;
    overflow: hidden; }
    .g-foot-navigation__item figure img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: 2s;
      -o-transition: 2s;
      transition: 2s; }
  .g-foot-navigation__item span {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10; }
  .g-foot-navigation__item em {
    line-height: 1.35;
    letter-spacing: .25em; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-foot-navigation__item em {
        font-size: 13px;
        font-size: 1.3rem; } }
  .g-foot-navigation__item small {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: .5em;
    padding: 15px 0 0;
    display: block; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-foot-navigation__item small {
        font-size: 11px;
        font-size: 1.1rem;
        letter-spacing: .35em; } }
    .g-foot-navigation__item small:after {
      content: '\f061';
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      margin: 0 0 0 .5em; }

.g-body[data-contents='about'] .g-foot-navigation__item[data-button='about'] {
  display: none; }

.g-body[data-contents='history'] .g-foot-navigation__item[data-button='history'] {
  display: none; }

.g-body[data-contents='founders-story'] .g-foot-navigation__item[data-button='founders-story'] {
  display: none; }

.c-polus__button {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  letter-spacing: .25em;
  width: 220px;
  display: block; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-polus__button {
      font-size: 10px;
      font-size: 1rem;
      width: 100%; } }
  .c-polus__button a {
    color: #fff;
    padding: 20px 0;
    display: block;
    background-size: 200% auto;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00a041), color-stop(51%, #0b3190), to(#00a041));
    background-image: -webkit-linear-gradient(left, #00a041 0, #0b3190 51%, #00a041 100%);
    background-image: -o-linear-gradient(left, #00a041 0, #0b3190 51%, #00a041 100%);
    background-image: linear-gradient(to right, #00a041 0, #0b3190 51%, #00a041 100%); }
    .c-polus__button a:hover {
      background-position: right center; }
  .c-polus__button-name:after {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    margin: 0 0 0 .5em; }
  .c-polus__button.is-comingsoon {
    color: #208849;
    padding: 20px 0;
    display: inline-block;
    border: 1px solid #89bd9e; }
    .c-polus__button.is-comingsoon:before {
      content: 'COMING SOON'; }

.c-polus__button02 {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  letter-spacing: .25em;
  width: 330px;
  display: block; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-polus__button02 {
      font-size: 10px;
      font-size: 1rem;
      width: 100%; } }
  .c-polus__button02 a {
    color: #fff;
    padding: 20px 0;
    display: block;
    background-color:#0b308d;}
    .c-polus__button02 a:hover {
    background-color:#3b60ad; }
  .c-polus__button-name:after {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    margin: 0 0 0 .5em; }


.c-polus__button03 {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  letter-spacing: .25em;
  width: 330px;
  display: block; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-polus__button03 {
      font-size: 10px;
      font-size: 1rem;
      width: 100%; } }
  .c-polus__button03 a {
    color: #fff;
    padding: 20px 0;
    display: block;
    background-color:#019e40;}
    .c-polus__button03 a:hover {
    background-color:#31ce70; }
  .c-polus__button-name:after {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    margin: 0 0 0 .5em; }

.c-polus__button04 {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  letter-spacing: .25em;
  width: 330px;
  display: block; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-polus__button04 {
      font-size: 10px;
      font-size: 1rem;
      width: 100%; } }
  .c-polus__button04 a {
    color: #fff;
    padding: 20px 0;
    display: block;
    background-color:#D6213F}
    .c-polus__button04 a:hover {
    background-color:#F6415F }
  .c-polus__button-name:after {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-style: normal;
    margin: 0 0 0 .5em; }

.g-page-title {
  width: 100%;
  padding: 39% 0 0;
  position: fixed;
  top: 0;
  left: 0; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-page-title {
      padding: 60% 0 0; } }
  .g-page-title__name {
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    letter-spacing: .25em;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 20; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-page-title__name {
        font-size: 11px;
        font-size: 1.1rem;
        top: 55%; } }
    .g-page-title__name:before {
      content: attr(data-en) "";
      color: #fff;
      font-size: 60px;
      font-size: 6rem;
      letter-spacing: 0;
      margin: 0 0 10px;
      display: block; }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .g-page-title__name:before {
          font-size: 40px;
          font-size: 4rem; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .g-page-title__name:before {
          font-size: 30px;
          font-size: 3rem; } }
  .g-page-title__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-page-title__image {
        padding: 50% 0 0; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-page-title__image {
        padding: 60% 0 0; } }
    .g-page-title__image:after {
      content: '';
      width: 100%;
      height: 100%;
      background: #00a041;
      background: -webkit-gradient(linear, left top, right top, from(#00a041), to(#0b3190));
      background: -webkit-linear-gradient(left, #00a041 0%, #0b3190 100%);
      background: -o-linear-gradient(left, #00a041 0%, #0b3190 100%);
      background: linear-gradient(to right, #00a041 0%, #0b3190 100%);
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10;
      opacity: .5; }
    .g-page-title__image img {
      width: 100%;
      max-width: none;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .g-page-title__image img {
          width: 130%; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .g-page-title__image img {
          width: 160%;
          -webkit-transform: translate(-20%, -50%);
          -moz-transform: translate(-20%, -50%);
          -ms-transform: translate(-20%, -50%);
          transform: translate(-20%, -50%); } }

.c-content-message__desc {
  line-height: 2.25;
  letter-spacing: .1em; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-content-message__desc {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 3; } }

.g-pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px; }
  .g-pagetop a {
    width: 32px;
    height: 18px;
    background: url("/polus_55th/_assets/img/common/page-top-button.png") no-repeat center/cover;
    display: block; }

.g-footer {
  text-align: center;
  padding: 150px 0 0; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .g-footer {
      padding: 75px 0 0; } }
  .g-footer__link a {
    display: block;
    width: 100%;
    color: #fff;
    font-style: italic;
    text-decoration: none;
    padding: 80px 30px;
    background-size: 200% auto;
    background-image: #00a041;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00a041), color-stop(51%, #0b3190), to(#00a041));
    background-image: -webkit-linear-gradient(left, #00a041 0, #0b3190 51%, #00a041 100%);
    background-image: -o-linear-gradient(left, #00a041 0, #0b3190 51%, #00a041 100%);
    background-image: linear-gradient(to right, #00a041 0, #0b3190 51%, #00a041 100%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    letter-spacing: .3em; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-footer__link a {
        padding: 60px 30px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-footer__link a {
        font-size: 10px;
        font-size: 1rem;
        padding: 35px 15px; } }
    .g-footer__link a:hover {
      background-position: right center; }
  .g-footer__link-name:after {
    display: inline-block;
    font-style: normal;
    margin-left: 20px;
    content: '\f35d';
    font-family: "Font Awesome 5 Free";
    font-weight: 700; }
  .g-footer__copyright {
    color: #616161;
    font-size: 10px;
    font-size: 1rem;
    font-style: italic;
    letter-spacing: .2em;
    padding: 25px 0;
    background: #fff;
    display: block; }

.g-container {
  margin: 39% 0 0;
  position: relative;
  z-index: 100;
  background: #f3f3f3; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-container {
      margin: 60% 0 0; } }

.g-body[data-contents='history'] .g-container {
  background: #dde8e2; }

.g-breadcrumb {
  display: block; }

.g-loadFade {
  opacity: 0;
  -webkit-transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .g-loadFade.is-state_show {
    overflow: hidden;
    opacity: 1; }
  .g-loadFade.is-state_hide {
    overflow: hidden;
    opacity: 0; }

@-webkit-keyframes anm-g-aaaaa {
  0% { }
  100% { } }

@keyframes anm-g-aaaaa {
  0% { }
  100% { } }

.c-section {
  display: block; }
  .c-section_block {
    display: block; }
  .c-section-list {
    display: block; }
    .c-section-list_items {
      display: block;
      letter-spacing: -.5em; }
      .c-section-list[data-list_type="decimal"] .c-section-list_items {
        counter-reset: decimal; }
    .c-section-list_item {
      position: relative; }
      .c-section-list[data-list_size="large"] .c-section-list_item {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 700; }
        @media screen and (min-width: 1px) and (max-width: 999px) {
          .c-section-list[data-list_size="large"] .c-section-list_item {
            font-size: 14px;
            font-size: 1.4rem; } }
      .c-section-list[data-list_layout="column-2"] .c-section-list_item {
        display: inline-block;
        vertical-align: top;
        width: 50%; }
        @media screen and (min-width: 1px) and (max-width: 999px) {
          .c-section-list[data-list_layout="column-2"] .c-section-list_item {
            width: 100%; } }
      .c-section-list_item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0; }
      .c-section-list[data-list_type="annot"] .c-section-list_item {
        padding-left: 1em; }
        .c-section-list[data-list_type="annot"] .c-section-list_item:before {
          content: '※'; }
      .c-section-list[data-list_type="annot-en"] .c-section-list_item {
        padding-left: .5em; }
        .c-section-list[data-list_type="annot-en"] .c-section-list_item:before {
          content: '*'; }
      .c-section-list[data-list_type="disc"] .c-section-list_item {
        padding-left: 1em; }
        .c-section-list[data-list_type="disc"] .c-section-list_item:before {
          top: 1em;
          width: 4px;
          height: 4px;
          background-color: #000;
          border-radius: 4px; }
      .c-section-list[data-list_type="disc2"] .c-section-list_item {
        padding-left: 1.2em; }
        .c-section-list[data-list_type="disc2"] .c-section-list_item:before {
          top: .7em;
          width: 13px;
          height: 13px;
          background-color: #000;
          border-radius: 13px; }
          @media screen and (min-width: 1px) and (max-width: 999px) {
            .c-section-list[data-list_type="disc2"] .c-section-list_item:before {
              width: 10px;
              height: 10px;
              border-radius: 10px; } }
      .c-section-list[data-list_type="decimal"] .c-section-list_item {
        counter-increment: decimal;
        padding-left: 1.5em; }
        .c-section-list[data-list_type="decimal"] .c-section-list_item:before {
          content: counter(decimal) ".";
          top: .0em; }
  .c-section-data {
    display: table; }
    .c-section-data_head, .c-section-data_body {
      display: table-cell;
      vertical-align: top; }
    .c-section-data_head {
      word-break: keep-all; }
      .c-section-data_head:after {
        content: '：'; }
  .c-section-figure {
    display: block; }
    .c-section-figure:first-child {
      margin-top: 0; }
    .c-section-figure_caption {
      display: block;
      font-size: 11px;
      font-size: 1.1rem;
      letter-spacing: .15em;
      line-height: 1.5;
      text-align: right; }

.c-preload {
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  opacity: 0; }
  .c-preload img {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0px;
    font-size: 0rem;
    line-height: 0; }

.c-box-items__item-width-box {
  width: 1000px; }

.c-story-video__wrap {
  padding: 0 127px; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-story-video__wrap {
      padding: 0; } }

.c-story-video__player {
  padding: 56.25% 0 0;
  border-radius: 10px;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-story-video__player {
      border-radius: 6px; } }

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

.c-story-video .c-canvas-star.isStar01 {
  top: 0;
  right: 0;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translateX(10%);
  -moz-transform: translateX(10%);
  -ms-transform: translateX(10%);
  transform: translateX(10%); }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-story-video .c-canvas-star.isStar01 {
      -webkit-transform: translate(25%, 0) scale(0.65);
      -moz-transform: translate(25%, 0) scale(0.65);
      -ms-transform: translate(25%, 0) scale(0.65);
      transform: translate(25%, 0) scale(0.65); } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-story-video .c-canvas-star.isStar01 {
      -webkit-transform: translate(10%, 0) scale(0.35);
      -moz-transform: translate(10%, 0) scale(0.35);
      -ms-transform: translate(10%, 0) scale(0.35);
      transform: translate(10%, 0) scale(0.35); } }

.c-story-video .c-canvas-star.isStar02 {
  bottom: 0;
  left: 0;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: translate(-10%, -50%);
  -moz-transform: translate(-10%, -50%);
  -ms-transform: translate(-10%, -50%);
  transform: translate(-10%, -50%); }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-story-video .c-canvas-star.isStar02 {
      -webkit-transform: translate(-10%, -25%) scale(0.65);
      -moz-transform: translate(-10%, -25%) scale(0.65);
      -ms-transform: translate(-10%, -25%) scale(0.65);
      transform: translate(-10%, -25%) scale(0.65); } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-story-video .c-canvas-star.isStar02 {
      -webkit-transform: translate(-10%, -70%) scale(0.35);
      -moz-transform: translate(-10%, -70%) scale(0.35);
      -ms-transform: translate(-10%, -70%) scale(0.35);
      transform: translate(-10%, -70%) scale(0.35); } }

.c-about-philosophy__message {
  margin: 0 0 65px; }
  .c-about-philosophy__message img {
    max-width: 290px; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-philosophy__message img {
        max-width: 200px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-philosophy__message img {
        max-width: 160px; } }

.c-about-philosophy__thought {
  height: 400px;
  margin: 0 0 80px;
  padding: 0 200px 0 0;
  /*
		display: flex;
		justify-content: center;
		flex-direction : row-reverse;
		*/ }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-philosophy__thought {
      padding-right: 100px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-about-philosophy__thought {
      padding: 0; } }
  .c-about-philosophy__thought h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: .25em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    margin: 0 0 0 30px;
    display: block;
    float: right; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-philosophy__thought h3 {
        margin-left: 20px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-philosophy__thought h3 {
        font-size: 18px;
        font-size: 1.8rem;
        text-align: center;
        margin: 0 0 30px;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        float: none; } }
  .c-about-philosophy__thought p {
    line-height: 2.5;
    text-indent: 1em;
    letter-spacing: .175em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    margin: 0 50px 0 0;
    display: block;
    float: right; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-philosophy__thought p {
        line-height: 2.25;
        margin-right: 30px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-philosophy__thought p {
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0 0 30px;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb; } }
    .c-about-philosophy__thought p > i {
      width: 1em;
      height: 1.15em;
      display: inline-block;
      position: relative; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-about-philosophy__thought p > i {
          width: auto;
          height: auto; } }
      .c-about-philosophy__thought p > i i {
        font-style: normal;
        line-height: 1;
        text-indent: 0;
        letter-spacing: .1em;
        text-align: center;
        vertical-align: bottom;
        width: 1em;
        height: 3em;
        padding-top: .25em;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -moz-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(-90deg); }
        @media all and (-ms-high-contrast: none) {
          .c-about-philosophy__thought p > i i {
            top: 132%;
            left: 140%; } }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .c-about-philosophy__thought p > i i {
            width: auto;
            height: auto;
            position: relative;
            top: auto;
            left: auto;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            transform: none; } }

.c-about-philosophy__logo img {
  max-width: 200px; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-about-philosophy__logo img {
      max-width: 140px;
      margin-top: 20px; } }

.c-about-business__desc {
  line-height: 2.25;
  letter-spacing: .1em;
  padding: 80px 0; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-about-business__desc {
      font-size: 13px;
      font-size: 1.3rem;
      padding: 40px 0 80px; } }

.c-about-business__items {
  margin: 0 -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-business__items {
      margin: 0 -15px; } }
  .c-about-business__items[data-state='primary'] .c-about-business__item {
    width: calc(100% / 3); }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-business__items[data-state='primary'] .c-about-business__item {
        width: 100%; } }
  .c-about-business__items[data-state='primary'] .c-about-business__data {
    margin: -60px 0 0 40px;
    padding: 30px 0 0 30px;
    background: #f3f3f3;
    position: relative;
    z-index: 10; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-business__items[data-state='primary'] .c-about-business__data {
        margin-left: 20px;
        padding: 20px 0 0 20px; } }
  .c-about-business__items[data-state='secondary'] .c-about-business__item {
    width: calc(100% / 4); }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-business__items[data-state='secondary'] .c-about-business__item {
        width: calc(100% / 2); } }
  .c-about-business__items[data-state='secondary'] .c-about-business__data {
    padding: 30px 0 0; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-business__items[data-state='secondary'] .c-about-business__data {
        padding: 15px 0 0; } }

.c-about-business__item {
  padding: 0 15px 50px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-business__item {
      padding-bottom: 40px; } }

.c-about-business .c-about-business__data h4 {
  color: #208849;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: .1em;
  margin: 0 0 15px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-business .c-about-business__data h4 {
      margin-bottom: 10px; } }

.c-about-business .c-about-business__data p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: .1em;
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-business .c-about-business__data p {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5; } }

.c-about-feature__item {
  margin: 250px 0 0;
  position: relative; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-feature__item {
      margin: 150px 0 0; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-about-feature__item {
      margin: 80px 0 0; } }

.c-about-feature__image {
  width: 57.2%;
  position: absolute;
  top: -140px;
  left: 0;
  overflow: hidden;
  background: #ddd;
  /*
		& img {
			position: absolute;
			top: -30px;
			left: 0;
			@include prefix(transform, scale(1.1));
			
			@include breakMax($breakTablet) {
				top: 10px;
			}
			
			@include breakMax($breakTablet) {
				top: -100px;
			}
		}
		*/ }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-feature__image {
      width: 50%;
      top: -40px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-about-feature__image {
      width: 100%;
      position: relative;
      top: 0;
      left: auto; } }

.c-about-feature__data {
  width: calc(100% - 57.2%);
  margin: 0 0 0 57.2%;
  padding: 110px 70px 50px;
  background: #fff;
  position: relative; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-feature__data {
      width: calc(100% - 50%);
      margin: 0 0 0 50%;
      padding: 70px 40px 30px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-about-feature__data {
      width: auto;
      margin: -20px -15px 0 20px;
      padding: 70px 30px 30px; } }
  .c-about-feature__data:before {
    content: attr(data-number) "";
    font-size: 100px;
    font-size: 10rem;
    font-weight: 100;
    letter-spacing: .05em;
    -webkit-transform: skew(-10deg, 0);
    -moz-transform: skew(-10deg, 0);
    -ms-transform: skew(-10deg, 0);
    transform: skew(-10deg, 0);
    position: absolute;
    top: -60px;
    right: 85px;
    z-index: 10;
    opacity: 0;
    -webkit-transition: .4s 1.25s;
    -o-transition: .4s 1.25s;
    transition: .4s 1.25s; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-feature__data:before {
        font-size: 80px;
        font-size: 8rem;
        top: -50px;
        right: 70px; } }
  .c-about-feature__data:after {
    content: '';
    width: 150px;
    height: 150px;
    background: url("/polus_55th/_assets/img/common/star-light_green.png") no-repeat center/cover;
    position: absolute;
    top: -80px;
    right: 25px;
    z-index: 0;
    opacity: 0;
    -webkit-transition: .4s 1.25s;
    -o-transition: .4s 1.25s;
    transition: .4s 1.25s; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-feature__data:after {
        width: 110px;
        height: 110px;
        top: -60px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-feature__data:after {
        width: 100px;
        height: 100px; } }
  .c-about-feature__data h4 {
    color: #208849;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: .25em;
    margin: 0 0 25px; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-feature__data h4 {
        font-size: 20px;
        font-size: 2rem;
        margin: 0 0 20px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-about-feature__data h4 {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0 0 15px; } }
  .c-about-feature__data p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.25;
    letter-spacing: .15em;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-about-feature__data p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2; } }

.c-about-feature__item:nth-child(even) .c-about-feature__image {
  left: auto;
  right: 0; }

.c-about-feature__item:nth-child(even) .c-about-feature__data {
  margin: 0 57.2% 0 0; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-about-feature__item:nth-child(even) .c-about-feature__data {
      width: auto;
      margin: -20px 20px 0 -15px;
      padding: 70px 30px 30px; } }
  .c-about-feature__item:nth-child(even) .c-about-feature__data:before {
    right: auto;
    left: 20px; }
  .c-about-feature__item:nth-child(even) .c-about-feature__data:after {
    right: auto;
    left: 45px; }

.c-about-finally-message {
  line-height: 2.25;
  letter-spacing: .1em;
  padding: 200px 0; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-about-finally-message {
      padding: 100px 0; } }

.g-foot-navigation__item small:after {
  content: '\f061';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin: 0 0 0 .5em; }

.c-history-chart__wrap {
  position: relative; }
  .c-history-chart__wrap .u-inner {
    position: relative; }

.c-history-chart__lineY {
  width: 2px;
  height: calc(100% - 90px);
  display: block;
  position: absolute;
  top: 90px;
  left: calc(34.65% - 85px);
  overflow: hidden;
  z-index: 5; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-history-chart__lineY {
      left: calc(24.65% - 85px); } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-history-chart__lineY {
      left: 20px; } }
  .c-history-chart__lineY:after {
    content: '';
    width: 100%;
    height: 106px;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#dde8e2));
    background: -webkit-linear-gradient(#000000 0%, #dde8e2 100%);
    background: -o-linear-gradient(#000000 0%, #dde8e2 100%);
    background: linear-gradient(#000000 0%, #dde8e2 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10; }

.c-history-chart__lineYin {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #000; }
  .c-history-chart__lineYin:after {
    content: '';
    width: 100%;
    height: 106px;
    background: url("/polus_55th/_assets/img/history/chart-line-01.png") no-repeat center/cover;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%); }

.c-history-unit {
  position: relative;
  z-index: 10;
  /*
	&:before {
		content: attr(data-age)'';
		font-family: 'Roboto Condensed', sans-serif;
		color: #dfeae4;
		@include fontsize(130);
		font-weight: 300;
		letter-spacing: -.05em;
		position: absolute;
		top: -15px;
		left: -15px;
		@include prefix(transform, scaleX(.9) skew(-10deg));
		
		@include breakMax($breakTablet) {
			@include fontsize(100);
		}
	}
*/ }
  .c-history-unit:nth-of-type(even):before {
    color: #f3f3f3; }
  .c-history-unit__inner {
    max-width: 654px;
    padding: 40px 0 0 34.65%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-history-unit__inner {
        padding: 40px 0 0 24.65%; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-history-unit__inner {
        padding: 40px 0 0 60px; } }
  .c-history-unit__year {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-style: italic;
    text-indent: -.075em;
    letter-spacing: .075em;
    position: relative; }
    .c-history-unit__year:after {
      content: '';
      width: 53px;
      height: 2px;
      background: #000;
      position: absolute;
      top: 50%;
      left: -30px;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%); }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit__year:after {
          width: 30px;
          left: -10px; } }
    .c-history-unit__year.isLarge {
      color: #208849;
      font-size: 60px;
      font-size: 6rem;
      margin: 20px 0 10px; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit__year.isLarge {
          font-size: 44px;
          font-size: 4.4rem; } }
      .c-history-unit__year.isLarge:before {
        content: '';
        width: 16px;
        height: 16px;
        background: #208849;
        position: absolute;
        top: 50%;
        left: -100px;
        -webkit-transform: translate(50%, -50%) rotate(-45deg);
        -moz-transform: translate(50%, -50%) rotate(-45deg);
        -ms-transform: translate(50%, -50%) rotate(-45deg);
        transform: translate(50%, -50%) rotate(-45deg);
        z-index: 10; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .c-history-unit__year.isLarge:before {
            width: 14px;
            height: 14px;
            left: -53px; } }
      .c-history-unit__year.isLarge:after {
        background: #208849; }
  .c-history-unit__anchor {
    position: absolute;
    margin-top: -30px; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-history-unit__anchor {
        margin-top: 50px; } }
  .c-history-unit p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: .1em;
    padding: 20px 30px 0 0; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-history-unit p {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 10px 20px 0 0; } }
    .c-history-unit p strong {
      color: #208849;
      font-size: 16px;
      font-size: 1.6rem; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit p strong {
          font-size: 14px;
          font-size: 1.4rem; } }
  .c-history-unit dl {
    padding: 0 0 0 50px;
    position: relative; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-history-unit dl {
        padding: 0 0 0 30px; } }
  .c-history-unit dt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.75;
    padding: 15px 0 0;
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-history-unit dt {
        font-size: 12px;
        font-size: 1.2rem; } }
    .c-history-unit dt strong {
      color: #208849; }
  .c-history-unit dd {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: .1em;
    padding: 15px 30px 0 0; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-history-unit dd {
        font-size: 12px;
        font-size: 1.2rem; } }
    .c-history-unit dd strong {
      color: #208849; }
  .c-history-unit figure {
    padding: 35px 0 20px; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-history-unit figure {
        padding: 25px 20px 10px 0; } }
    .c-history-unit figure.isPhotos {
      min-height: 500px;
      margin-top: 35px;
      padding: 0;
      position: relative;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit figure.isPhotos {
          min-height: 400px;
          -webkit-transform: scale(0.7);
          -moz-transform: scale(0.7);
          -ms-transform: scale(0.7);
          transform: scale(0.7); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit figure.isPhotos {
          padding: 0 40px 0 0;
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          transform: none; } }
      .c-history-unit figure.isPhotos img {
        position: absolute;
        top: 0;
        left: 0; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .c-history-unit figure.isPhotos img {
            max-width: 65%; } }
        .c-history-unit figure.isPhotos img:nth-of-type(2) {
          top: 30px;
          left: 450px; }
          @media screen and (min-width: 1px) and (max-width: 767px) {
            .c-history-unit figure.isPhotos img:nth-of-type(2) {
              top: 35%;
              left: auto;
              right: 10px; } }
        .c-history-unit figure.isPhotos img:nth-of-type(3) {
          top: 270px;
          left: 290px;
          z-index: 10; }
          @media screen and (min-width: 1px) and (max-width: 767px) {
            .c-history-unit figure.isPhotos img:nth-of-type(3) {
              top: 65%;
              left: 5%; } }
    .c-history-unit figure.isPhotos02 {
      padding-bottom: 65px;
      position: relative;
      -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
      transform-origin: left top; }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit figure.isPhotos02 {
          padding-bottom: calc(12% + 45px);
          -webkit-transform: scale(0.7);
          -moz-transform: scale(0.7);
          -ms-transform: scale(0.7);
          transform: scale(0.7); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit figure.isPhotos02 {
          -webkit-transform: none;
          -moz-transform: none;
          -ms-transform: none;
          transform: none; } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit figure.isPhotos02 img {
          max-width: 65%; } }
      .c-history-unit figure.isPhotos02 img:nth-of-type(2) {
        position: absolute;
        top: 65px;
        left: 450px; }
        @media screen and (min-width: 1px) and (max-width: 767px) {
          .c-history-unit figure.isPhotos02 img:nth-of-type(2) {
            top: calc(35% + 25px);
            left: auto;
            right: 10px; } }
  .c-history-unit .c-canvas-star {
    position: absolute; }
    .c-history-unit .c-canvas-star.isStar01 {
      top: 0;
      right: 0;
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-transform: translate(25%, 0);
      -moz-transform: translate(25%, 0);
      -ms-transform: translate(25%, 0);
      transform: translate(25%, 0); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar01 {
          -webkit-transform: translate(10%, 0) scale(0.5);
          -moz-transform: translate(10%, 0) scale(0.5);
          -ms-transform: translate(10%, 0) scale(0.5);
          transform: translate(10%, 0) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar01 {
          -webkit-transform: translate(10%, 0) scale(0.3);
          -moz-transform: translate(10%, 0) scale(0.3);
          -ms-transform: translate(10%, 0) scale(0.3);
          transform: translate(10%, 0) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar02 {
      bottom: 0;
      left: 0;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: translate(-25%, 50%);
      -moz-transform: translate(-25%, 50%);
      -ms-transform: translate(-25%, 50%);
      transform: translate(-25%, 50%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar02 {
          -webkit-transform: translate(-10%, 50%) scale(0.5);
          -moz-transform: translate(-10%, 50%) scale(0.5);
          -ms-transform: translate(-10%, 50%) scale(0.5);
          transform: translate(-10%, 50%) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar02 {
          -webkit-transform: translate(-10%, 50%) scale(0.3);
          -moz-transform: translate(-10%, 50%) scale(0.3);
          -ms-transform: translate(-10%, 50%) scale(0.3);
          transform: translate(-10%, 50%) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar03 {
      top: 0;
      right: 0;
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-transform: translate(25%, 50%);
      -moz-transform: translate(25%, 50%);
      -ms-transform: translate(25%, 50%);
      transform: translate(25%, 50%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar03 {
          -webkit-transform: translate(10%, 50%) scale(0.5);
          -moz-transform: translate(10%, 50%) scale(0.5);
          -ms-transform: translate(10%, 50%) scale(0.5);
          transform: translate(10%, 50%) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar03 {
          -webkit-transform: translate(10%, 50%) scale(0.3);
          -moz-transform: translate(10%, 50%) scale(0.3);
          -ms-transform: translate(10%, 50%) scale(0.3);
          transform: translate(10%, 50%) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar04 {
      top: 0;
      left: 0;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: translate(-25%, 10%);
      -moz-transform: translate(-25%, 10%);
      -ms-transform: translate(-25%, 10%);
      transform: translate(-25%, 10%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar04 {
          -webkit-transform: translate(-10%, 10%) scale(0.5);
          -moz-transform: translate(-10%, 10%) scale(0.5);
          -ms-transform: translate(-10%, 10%) scale(0.5);
          transform: translate(-10%, 10%) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar04 {
          -webkit-transform: translate(-10%, -10%) scale(0.3);
          -moz-transform: translate(-10%, -10%) scale(0.3);
          -ms-transform: translate(-10%, -10%) scale(0.3);
          transform: translate(-10%, -10%) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar05 {
      top: 0;
      left: 0;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: translate(-25%, 0%);
      -moz-transform: translate(-25%, 0%);
      -ms-transform: translate(-25%, 0%);
      transform: translate(-25%, 0%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar05 {
          -webkit-transform: translate(-10%, 0) scale(0.5);
          -moz-transform: translate(-10%, 0) scale(0.5);
          -ms-transform: translate(-10%, 0) scale(0.5);
          transform: translate(-10%, 0) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar05 {
          -webkit-transform: translate(-10%, 0) scale(0.3);
          -moz-transform: translate(-10%, 0) scale(0.3);
          -ms-transform: translate(-10%, 0) scale(0.3);
          transform: translate(-10%, 0) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar06 {
      bottom: 0;
      right: 0;
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-transform: translate(25%, 0);
      -moz-transform: translate(25%, 0);
      -ms-transform: translate(25%, 0);
      transform: translate(25%, 0); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar06 {
          -webkit-transform: translate(10%, 0) scale(0.5);
          -moz-transform: translate(10%, 0) scale(0.5);
          -ms-transform: translate(10%, 0) scale(0.5);
          transform: translate(10%, 0) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar06 {
          -webkit-transform: translate(10%, 0) scale(0.3);
          -moz-transform: translate(10%, 0) scale(0.3);
          -ms-transform: translate(10%, 0) scale(0.3);
          transform: translate(10%, 0) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar07 {
      top: 0;
      left: 0;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: translate(-10%, 50%);
      -moz-transform: translate(-10%, 50%);
      -ms-transform: translate(-10%, 50%);
      transform: translate(-10%, 50%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar07 {
          -webkit-transform: translate(-5%, 50%) scale(0.5);
          -moz-transform: translate(-5%, 50%) scale(0.5);
          -ms-transform: translate(-5%, 50%) scale(0.5);
          transform: translate(-5%, 50%) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar07 {
          -webkit-transform: translate(-5%, 50%) scale(0.3);
          -moz-transform: translate(-5%, 50%) scale(0.3);
          -ms-transform: translate(-5%, 50%) scale(0.3);
          transform: translate(-5%, 50%) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar08 {
      top: 0;
      right: 0;
      -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
      transform-origin: right center;
      -webkit-transform: translate(-10%, 150%);
      -moz-transform: translate(-10%, 150%);
      -ms-transform: translate(-10%, 150%);
      transform: translate(-10%, 150%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar08 {
          -webkit-transform: translate(-5%, 150%) scale(0.5);
          -moz-transform: translate(-5%, 150%) scale(0.5);
          -ms-transform: translate(-5%, 150%) scale(0.5);
          transform: translate(-5%, 150%) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar08 {
          -webkit-transform: translate(-5%, 150%) scale(0.3);
          -moz-transform: translate(-5%, 150%) scale(0.3);
          -ms-transform: translate(-5%, 150%) scale(0.3);
          transform: translate(-5%, 150%) scale(0.3); } }
    .c-history-unit .c-canvas-star.isStar09 {
      top: 0;
      left: 0;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center;
      -webkit-transform: translate(-10%, -100%);
      -moz-transform: translate(-10%, -100%);
      -ms-transform: translate(-10%, -100%);
      transform: translate(-10%, -100%); }
      @media screen and (min-width: 1px) and (max-width: 999px) {
        .c-history-unit .c-canvas-star.isStar09 {
          -webkit-transform: translate(-5%, -100%) scale(0.5);
          -moz-transform: translate(-5%, -100%) scale(0.5);
          -ms-transform: translate(-5%, -100%) scale(0.5);
          transform: translate(-5%, -100%) scale(0.5); } }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .c-history-unit .c-canvas-star.isStar09 {
          -webkit-transform: translate(-5%, -100%) scale(0.3);
          -moz-transform: translate(-5%, -100%) scale(0.3);
          -ms-transform: translate(-5%, -100%) scale(0.3);
          transform: translate(-5%, -100%) scale(0.3); } }

.c-history-chart-age {
  font-family: 'Roboto Condensed', sans-serif;
  color: #dfeae4;
  font-size: 130px;
  font-size: 13rem;
  font-weight: 300;
  font-style: normal;
  letter-spacing: -.05em;
  position: absolute;
  z-index: 1;
  -webkit-transform: translate(-10px, -10px) scaleX(0.9) skew(-10deg);
  -moz-transform: translate(-10px, -10px) scaleX(0.9) skew(-10deg);
  -ms-transform: translate(-10px, -10px) scaleX(0.9) skew(-10deg);
  transform: translate(-10px, -10px) scaleX(0.9) skew(-10deg); }
  .c-history-chart-age.isColorWhite {
    color: #f3f3f3; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-history-chart-age {
      font-size: 100px;
      font-size: 10rem; } }

.c-history-unit-bg {
  width: 100%;
  display: block;
  background: #f3f3f3;
  position: absolute;
  left: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  /*
	&.isBg60s {
		height: 800px;
		
		@include breakMax($breakTablet) {
			height: auto;
			padding: 72.5% 0 0;
		}
	}
	
	&.isBg80s {
		height: 2220px;
		
		@include breakMax($breakTablet) {
			height: auto;
			padding: 215% 0 0;
		}
	}
	
	&.isBg00s {
		height: 3810px;
		
		@include breakMax($breakTablet) {
			height: auto;
			padding: 376% 0 0;
		}
	}
*/ }

.c-history-finally-message {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.25;
  letter-spacing: .1em;
  padding: 200px 0; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-history-finally-message {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 100px 0; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-history-finally-message {
      font-size: 14px;
      font-size: 1.4rem; } }

.c-history-bnrfixed01 {
  position: fixed;
  z-index: 11; }
  @media screen and (min-width: 768px) {
    .c-history-bnrfixed01 {
      width: 178px;
      bottom: 52px;
      right: 36px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-history-bnrfixed01 {
      width: 145px;
      bottom: 13px;
      left: 15px; } }

.g-body[data-contents='home'] .g-header {
  background: transparent; }
  .g-body[data-contents='home'] .g-header .logo-color-white {
    display: inline-block; }
  .g-body[data-contents='home'] .g-header .logo-color-normal {
    display: none; }

.g-body[data-contents='home'] .g-head-navigation__item a {
  color: #fff; }

.g-body[data-contents='home'] .g-head-navigation__item.is-comingsoon {
  color: #fff; }

.g-body[data-contents='home'] .g-foot-navigation {
  display: none; }

.g-body[data-contents='home'] .g-container {
  margin: 100vh 0 0; }

.g-body[data-contents='home'] .g-page-title {
  height: 100vh;
  padding: 0; }
  .g-body[data-contents='home'] .g-page-title:before {
    content: '';
    width: 20px;
    height: 36px;
    display: block;
    background: url("/polus_55th/_assets/img/home/icon-scroll.png") no-repeat center/cover;
    position: absolute;
    bottom: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-body[data-contents='home'] .g-page-title:before {
        width: 18px;
        height: 33px;
        bottom: 20px; } }
  .g-body[data-contents='home'] .g-page-title:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #00a041;
    background: -webkit-gradient(linear, left top, right top, from(#00a041), to(#0b3190));
    background: -webkit-linear-gradient(left, #00a041 0%, #0b3190 100%);
    background: -o-linear-gradient(left, #00a041 0%, #0b3190 100%);
    background: linear-gradient(to right, #00a041 0%, #0b3190 100%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: .5; }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-body[data-contents='home'] .g-page-title:after {
        background: -webkit-gradient(linear, left bottom, left top, from(#00a041), to(#0b3190));
        background: -webkit-linear-gradient(bottom, #00a041 0%, #0b3190 100%);
        background: -o-linear-gradient(bottom, #00a041 0%, #0b3190 100%);
        background: linear-gradient(to top, #00a041 0%, #0b3190 100%); } }
  .g-body[data-contents='home'] .g-page-title__catch {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .g-body[data-contents='home'] .g-page-title__catch-text {
    font-size: min(8.625vw, 110.4px);
    font-weight: 900;
    font-style: italic;
    display: inline-block;
    opacity: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%); }
    .g-body[data-contents='home'] .g-page-title__catch-text.is-subcatch {
      font-size: min(3.24297vw, 41.51px);
      font-weight: 700;
      letter-spacing: .3em;
      margin: 25px 0 0;
      display: block; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .g-body[data-contents='home'] .g-page-title__catch-text.is-subcatch {
          margin: 15px 0 0; } }
  .g-body[data-contents='home'] .g-page-title .ri-grid ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .g-body[data-contents='home'] .g-page-title .ri-grid ul li {
      aspect-ratio: 800 / 600;
      min-width: 25%;
      max-width: 25%;
      height: auto !important; }
      @media screen and (min-width: 1px) and (max-width: 767px) {
        .g-body[data-contents='home'] .g-page-title .ri-grid ul li {
          min-width: 33.3333%;
          max-width: 33.3333%; } }
      .g-body[data-contents='home'] .g-page-title .ri-grid ul li a {
        width: 100% !important;
        height: 100% !important; }

.g-body[data-contents='home'] .c-introduction {
  padding: 250px 0;
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .g-body[data-contents='home'] .c-introduction {
      padding: 150px 0; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-body[data-contents='home'] .c-introduction {
      padding: 100px 0 150px; } }
  .g-body[data-contents='home'] .c-introduction__desc {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.75;
    letter-spacing: .15em; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-body[data-contents='home'] .c-introduction__desc {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2.5; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-body[data-contents='home'] .c-introduction__desc {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 3; } }
  .g-body[data-contents='home'] .c-introduction .c-canvas-star:nth-of-type(1) {
    top: 0;
    right: 0;
    -webkit-transform: translate(25%, -25%);
    -moz-transform: translate(25%, -25%);
    -ms-transform: translate(25%, -25%);
    transform: translate(25%, -25%); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-body[data-contents='home'] .c-introduction .c-canvas-star:nth-of-type(1) {
        -webkit-transform: translate(45%, -45%) scale(0.65);
        -moz-transform: translate(45%, -45%) scale(0.65);
        -ms-transform: translate(45%, -45%) scale(0.65);
        transform: translate(45%, -45%) scale(0.65); } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-body[data-contents='home'] .c-introduction .c-canvas-star:nth-of-type(1) {
        -webkit-transform: translate(45%, -45%) scale(0.35);
        -moz-transform: translate(45%, -45%) scale(0.35);
        -ms-transform: translate(45%, -45%) scale(0.35);
        transform: translate(45%, -45%) scale(0.35); } }
  .g-body[data-contents='home'] .c-introduction .c-canvas-star:nth-of-type(2) {
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-25%, 25%);
    -moz-transform: translate(-25%, 25%);
    -ms-transform: translate(-25%, 25%);
    transform: translate(-25%, 25%); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .g-body[data-contents='home'] .c-introduction .c-canvas-star:nth-of-type(2) {
        -webkit-transform: translate(-45%, 45%) scale(0.65);
        -moz-transform: translate(-45%, 45%) scale(0.65);
        -ms-transform: translate(-45%, 45%) scale(0.65);
        transform: translate(-45%, 45%) scale(0.65); } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .g-body[data-contents='home'] .c-introduction .c-canvas-star:nth-of-type(2) {
        -webkit-transform: translate(-45%, 45%) scale(0.35);
        -moz-transform: translate(-45%, 45%) scale(0.35);
        -ms-transform: translate(-45%, 45%) scale(0.35);
        transform: translate(-45%, 45%) scale(0.35); } }

.g-body[data-contents='home'] .c-55th-logo {
  padding: 150px 0 0; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .g-body[data-contents='home'] .c-55th-logo {
      padding: 50px 0 0; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-body[data-contents='home'] .c-55th-logo {
      padding: 80px 0 0; } }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .g-body[data-contents='home'] .c-55th-logo img {
      max-width: 140px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .g-body[data-contents='home'] .c-55th-logo img {
      max-width: 100px; } }

.home-catch-start .g-body[data-contents='home'] .g-page-title__catch-text {
  -webkit-animation: anim-catch-up 1s both;
  animation: anim-catch-up 1s both; }

@-webkit-keyframes anim-catch-up {
  0% {
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes anim-catch-up {
  0% {
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.home-catch-start .g-body[data-contents='home'] .g-page-title__catch-text:nth-child(even) {
  -webkit-animation: anim-catch-down 1s both;
  animation: anim-catch-down 1s both; }

@-webkit-keyframes anim-catch-down {
  0% {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes anim-catch-down {
  0% {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.c-home-digest__title {
  color: #208849;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 65px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-home-digest__title {
      font-size: 13px;
      font-size: 1.3rem;
      margin: 0 0 35px; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-home-digest__title {
      font-size: 10px;
      font-size: 1rem; } }
  .c-home-digest__title:before {
    content: attr(data-en) "";
    font-size: 60px;
    font-size: 6rem;
    margin: 0 0 20px;
    display: block; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest__title:before {
        font-size: 40px;
        font-size: 4rem;
        margin: 0 0 10px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest__title:before {
        font-size: 33px;
        font-size: 3.3rem; } }

.c-home-digest__read {
  color: #208849;
  line-height: 2.25;
  letter-spacing: .15em;
  margin: 0 0 40px; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-home-digest__read {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 2; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-home-digest__read {
      line-height: 2.5; } }

.c-home-digest img {
  width: 100%;
  max-width: none; }

.c-home-digest[data-corner="about"] {
  position: relative;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .c-home-digest[data-corner="about"] {
      display: -ms-grid;
      display: grid;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; } }
  .c-home-digest[data-corner="about"] .c-home-digest__desc {
    background: #f3f3f3; }
    @media screen and (min-width: 768px) {
      .c-home-digest[data-corner="about"] .c-home-digest__desc {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1;
        width: 45%;
        min-width: 650px;
        margin: 280px 0 70px max(8vw, 60px);
        padding: 90px 0 80px 80px; } }
  @media screen and (min-width: 768px) and (min-width: 1px) and (max-width: 999px) {
    .c-home-digest[data-corner="about"] .c-home-digest__desc {
      width: 65%;
      min-width: 0;
      margin: 140px 0 35px max(4vw, 30px);
      padding: 60px 0 60px 60px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="about"] .c-home-digest__desc {
        width: calc(100% - 20px);
        margin: 0;
        padding: 50px 60px 20px 30px;
        position: relative;
        -webkit-transform: translateY(-85px);
        -moz-transform: translateY(-85px);
        -ms-transform: translateY(-85px);
        transform: translateY(-85px); } }
  .c-home-digest[data-corner="about"] .c-home-digest__read {
    margin: 0 0 80px; }
  @media screen and (min-width: 768px) {
    .c-home-digest[data-corner="about"] .c-home-digest__image {
      -ms-grid-row: 1;
      grid-row: 1;
      -ms-grid-column: 1;
      grid-column: 1;
      height: 100%; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-home-digest[data-corner="about"] .c-home-digest__image {
      padding: 75% 0 0;
      position: relative;
      overflow: hidden; } }
  @media screen and (min-width: 768px) {
    .c-home-digest[data-corner="about"] .c-home-digest__image img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
      height: 100%; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-home-digest[data-corner="about"] .c-home-digest__image img {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
      transform-origin: top center;
      -webkit-transform: translate(0, -20px) scale(1.85);
      -moz-transform: translate(0, -20px) scale(1.85);
      -ms-transform: translate(0, -20px) scale(1.85);
      transform: translate(0, -20px) scale(1.85); } }

.c-home-digest[data-corner="history"] {
  min-width: 1140px;
  padding: 0 0 10%;
  position: relative;
  z-index: 0; }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-home-digest[data-corner="history"] {
      min-width: 0; } }
  .c-home-digest[data-corner="history"] .c-home-digest__desc {
    width: 47.5%;
    min-width: 625px;
    margin-left: auto;
    padding: 200px 0 0 100px; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest[data-corner="history"] .c-home-digest__desc {
        min-width: auto;
        padding: 120px 0 0 40px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="history"] .c-home-digest__desc {
        width: 100%;
        padding: 90% 60px 0 60px; } }
  .c-home-digest[data-corner="history"] .c-home-digest__image {
    width: calc(100% - 47.5%);
    padding: 42.5% 0 0;
    position: absolute;
    z-index: 10; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest[data-corner="history"] .c-home-digest__image {
        width: calc(100% - 50%);
        min-width: 0; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="history"] .c-home-digest__image {
        width: 100%;
        padding: 50% 0 0;
        position: relative; } }
    .c-home-digest[data-corner="history"] .c-home-digest__image:after {
      content: '';
      width: 100%;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -10; }
    .c-home-digest[data-corner="history"] .c-home-digest__image span {
      display: block;
      position: absolute;
      -webkit-box-sizing: content-box;
      box-sizing: content-box; }
      .c-home-digest[data-corner="history"] .c-home-digest__image span.is-thumb-01 {
        width: 48.25%;
        padding: 130% 0 0;
        top: 0%;
        left: 13%;
        z-index: 30;
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s; }
        @media screen and (min-width: 1px) and (max-width: 999px) {
          .c-home-digest[data-corner="history"] .c-home-digest__image span.is-thumb-01 {
            padding: 120% 0 0; } }
      .c-home-digest[data-corner="history"] .c-home-digest__image span.is-thumb-02 {
        width: 77.0%;
        padding: 90% 0 0;
        top: 0%;
        left: 0%;
        z-index: 20;
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s; }
      .c-home-digest[data-corner="history"] .c-home-digest__image span.is-thumb-03 {
        width: 48.5%;
        padding: 60% 0 0;
        top: 0%;
        left: 53%;
        z-index: 30;
        -webkit-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        transition-delay: 1.5s; }
      .c-home-digest[data-corner="history"] .c-home-digest__image span.is-thumb-04 {
        width: 35%;
        padding: 60% 0 0;
        top: 0%;
        left: 53%;
        z-index: 10;
        -webkit-transition-delay: 2s;
        -o-transition-delay: 2s;
        transition-delay: 2s; }
        @media screen and (min-width: 1px) and (max-width: 999px) {
          .c-home-digest[data-corner="history"] .c-home-digest__image span.is-thumb-04 {
            padding: 40% 0 0; } }
  .c-home-digest[data-corner="history"] .c-canvas-star:nth-of-type(1) {
    top: 0;
    right: 0;
    -webkit-transform: translate(25%, -25%);
    -moz-transform: translate(25%, -25%);
    -ms-transform: translate(25%, -25%);
    transform: translate(25%, -25%); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest[data-corner="history"] .c-canvas-star:nth-of-type(1) {
        -webkit-transform: translate(45%, -45%) scale(0.5);
        -moz-transform: translate(45%, -45%) scale(0.5);
        -ms-transform: translate(45%, -45%) scale(0.5);
        transform: translate(45%, -45%) scale(0.5); } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="history"] .c-canvas-star:nth-of-type(1) {
        -webkit-transform: translate(45%, 0%) scale(0.25);
        -moz-transform: translate(45%, 0%) scale(0.25);
        -ms-transform: translate(45%, 0%) scale(0.25);
        transform: translate(45%, 0%) scale(0.25); } }
  .c-home-digest[data-corner="history"] .c-home-digest__image .c-canvas-star {
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translate(-25%, -25%);
    -moz-transform: translate(-25%, -25%);
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest[data-corner="history"] .c-home-digest__image .c-canvas-star {
        -webkit-transform: translate(-45%, -45%) scale(0.5);
        -moz-transform: translate(-45%, -45%) scale(0.5);
        -ms-transform: translate(-45%, -45%) scale(0.5);
        transform: translate(-45%, -45%) scale(0.5); } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="history"] .c-home-digest__image .c-canvas-star {
        -webkit-transform: translate(-45%, -25%) scale(0.25);
        -moz-transform: translate(-45%, -25%) scale(0.25);
        -ms-transform: translate(-45%, -25%) scale(0.25);
        transform: translate(-45%, -25%) scale(0.25); } }

.c-home-digest[data-corner="founders-story"] {
  position: relative;
  padding: 60px 0 60px;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .c-home-digest[data-corner="founders-story"] {
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 1px) and (max-width: 999px) {
    .c-home-digest[data-corner="founders-story"] {
      min-width: 0; } }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .c-home-digest[data-corner="founders-story"] {
      background: none;
      padding-bottom: 0; } }
  .c-home-digest[data-corner="founders-story"] .c-home-digest__desc {
    background: #f3f3f3;
    width: 47.5%;
    min-width: 625px;
    margin-left: auto;
    padding: 60px 0 60px 100px; }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest[data-corner="founders-story"] .c-home-digest__desc {
        min-width: auto;
        padding-left: 40px; } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="founders-story"] .c-home-digest__desc {
        display: block;
        width: calc(100% - 70px);
        margin: -35px 35px 0;
        padding: 60px 30px 30px 30px;
        border-width: 3px; } }
  .c-home-digest[data-corner="founders-story"].is-state_scroll .c-home-digest__desc {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  .c-home-digest[data-corner="founders-story"] .c-home-digest__title {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  .c-home-digest[data-corner="founders-story"].is-state_scroll .c-home-digest__title {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  .c-home-digest[data-corner="founders-story"] .c-home-digest__read {
    margin-right: -30px;
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  .c-home-digest[data-corner="founders-story"].is-state_scroll .c-home-digest__read {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  .c-home-digest[data-corner="founders-story"] .c-polus__button {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }
  .c-home-digest[data-corner="founders-story"].is-state_scroll .c-polus__button {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  .c-home-digest[data-corner="founders-story"] .c-home-digest__image {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .c-home-digest[data-corner="founders-story"] .c-home-digest__image {
        background: url(/polus_55th/_assets/img/home/founders-story-01.jpg) no-repeat 0 center fixed;
        background-size: 52.5%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        .c-home-digest[data-corner="founders-story"] .c-home-digest__image img {
          display: none; } }
  .c-home-digest[data-corner="founders-story"].is-state_scroll .c-home-digest__image {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none; }
  .c-home-digest[data-corner="founders-story"] .c-canvas-star:nth-of-type(1) {
    top: 0;
    right: 0;
    -webkit-transform: translate(25%, -75%);
    -moz-transform: translate(25%, -75%);
    -ms-transform: translate(25%, -75%);
    transform: translate(25%, -75%); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest[data-corner="founders-story"] .c-canvas-star:nth-of-type(1) {
        -webkit-transform: translate(45%, -60%) scale(0.5);
        -moz-transform: translate(45%, -60%) scale(0.5);
        -ms-transform: translate(45%, -60%) scale(0.5);
        transform: translate(45%, -60%) scale(0.5); } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="founders-story"] .c-canvas-star:nth-of-type(1) {
        -webkit-transform: translate(45%, -60%) scale(0.35);
        -moz-transform: translate(45%, -60%) scale(0.35);
        -ms-transform: translate(45%, -60%) scale(0.35);
        transform: translate(45%, -60%) scale(0.35); } }
  .c-home-digest[data-corner="founders-story"] .c-canvas-star:nth-of-type(2) {
    top: 0;
    right: 0;
    -webkit-transform: translate(25%, 50%);
    -moz-transform: translate(25%, 50%);
    -ms-transform: translate(25%, 50%);
    transform: translate(25%, 50%); }
    @media screen and (min-width: 1px) and (max-width: 999px) {
      .c-home-digest[data-corner="founders-story"] .c-canvas-star:nth-of-type(2) {
        -webkit-transform: translate(45%, 0) scale(0.5);
        -moz-transform: translate(45%, 0) scale(0.5);
        -ms-transform: translate(45%, 0) scale(0.5);
        transform: translate(45%, 0) scale(0.5); } }
    @media screen and (min-width: 1px) and (max-width: 767px) {
      .c-home-digest[data-corner="founders-story"] .c-canvas-star:nth-of-type(2) {
        -webkit-transform: translate(45%, -20%) scale(0.35);
        -moz-transform: translate(45%, -20%) scale(0.35);
        -ms-transform: translate(45%, -20%) scale(0.35);
        transform: translate(45%, -20%) scale(0.35); } }

.l-loader {
  width: 100%;
  height: 100%;
  display: block;
  background: #fff url("/polus_55th/_assets/img/common/logo.svg") no-repeat center/166px auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000; }
  @media screen and (min-width: 1px) and (max-width: 767px) {
    .l-loader {
      background-size: 140px auto; } }
  .l-loader.l-loader--hide {
    -webkit-animation: anim-loader-hide 2s 1s both;
    animation: anim-loader-hide 2s 1s both; }

@-webkit-keyframes anim-loader-hide {
  0% {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); }
  100% {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px); } }

@keyframes anim-loader-hide {
  0% {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); }
  100% {
    opacity: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px); } }

.c-canvas-star {
  position: absolute;
  z-index: -1; }

.is-state_scroll.c-about-feature__data:before {
  opacity: 1; }

.is-state_scroll.c-about-feature__data:after {
  opacity: 1; }

.movie {
	margin:120px auto 0 auto;
	width: 100%;
  	aspect-ratio: 16 / 9;
	max-width:800px;
}
.movie iframe {
	width: 100%;
	height: 100%;
}

.movie__text p {
	text-align:center;
	line-height:1.8;
	color:#666464;
	font-size:0.9em;
	margin-top:10px;
}