/*Reset*/
@import url(../sass/aos.css);
@import url(../sass/jquery.mCustomScrollbar.min.css);
@import url("https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:500,600&display=swap");
*, *::before, *::after {
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  width: 100%; 
  /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
}

* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  -font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  vertical-align: baseline; }

html {
  font-size: 62.5%; }

body {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

article, aside, br, dialog, figure, footer, header, hr, main, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

input, select {
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show; }

button, input[type=submit], input[type=button], select {
  cursor: pointer; }

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

.lh0 {
  line-height: 0;
  vertical-align: bottom !important; }

.lh100 {
  line-height: 100% !important; }

.lh110 {
  line-height: 110% !important; }

.lh120 {
  line-height: 120% !important; }

.lh130 {
  line-height: 130% !important; }

.lh140 {
  line-height: 140% !important; }

.lh150 {
  line-height: 150% !important; }

.lh170 {
  line-height: 170% !important; }

.m0 {
  margin: 0 !important; }

.m10 {
  margin: 10px !important; }

.m20 {
  margin: 20px !important; }

.m30 {
  margin: 30px !important; }

.m40 {
  margin: 40px !important; }

.m50 {
  margin: 50px !important; }

.m60 {
  margin: 60px !important; }

.m70 {
  margin: 70px !important; }

.m80 {
  margin: 80px !important; }

.m90 {
  margin: 90px !important; }

.m100 {
  margin: 100px !important; }

.m10l {
  margin-left: 10px !important; }

.m20l {
  margin-left: 20px !important; }

.m30l {
  margin-left: 30px !important; }

.m40l {
  margin-left: 40px !important; }

.m50l {
  margin-left: 50px !important; }

.m60l {
  margin-left: 60px !important; }

.m70l {
  margin-left: 70px !important; }

.m80l {
  margin-left: 80px !important; }

.m90l {
  margin-left: 90px !important; }

.m100l {
  margin-left: 100px !important; }

.m10t {
  margin-top: 10px !important; }

.m20t {
  margin-top: 20px !important; }

.m30t {
  margin-top: 30px !important; }

.m40t {
  margin-top: 40px !important; }

.m50t {
  margin-top: 50px !important; }

.m60t {
  margin-top: 60px !important; }

.m70t {
  margin-top: 70px !important; }

.m80t {
  margin-top: 80px !important; }

.m90t {
  margin-top: 90px !important; }

.m100t {
  margin-top: 100px !important; }

.m10r {
  margin-right: 10px !important; }

.m20r {
  margin-right: 20px !important; }

.m30r {
  margin-right: 30px !important; }

.m40r {
  margin-right: 40px !important; }

.m50r {
  margin-right: 50px !important; }

.m60r {
  margin-right: 60px !important; }

.m70r {
  margin-right: 70px !important; }

.m80r {
  margin-right: 80px !important; }

.m90r {
  margin-right: 90px !important; }

.m100r {
  margin-right: 100px !important; }

.m10b {
  margin-bottom: 10px !important; }

.m15b {
  margin-bottom: 15px !important; }

.m20b {
  margin-bottom: 20px !important; }

.m30b {
  margin-bottom: 30px !important; }

.m40b {
  margin-bottom: 40px !important; }

.m50b {
  margin-bottom: 50px !important; }

.m60b {
  margin-bottom: 60px !important; }

.m70b {
  margin-bottom: 70px !important; }

.m80b {
  margin-bottom: 80px !important; }

.m90b {
  margin-bottom: 90px !important; }

.m100b {
  margin-bottom: 100px !important; }

.p0 {
  padding: 0 !important; }

.p10 {
  padding: 10px !important; }

.p20 {
  padding: 20px !important; }

.p30 {
  padding: 30px !important; }

.p40 {
  padding: 40px !important; }

.p50 {
  padding: 50px !important; }

.p60 {
  padding: 60px !important; }

.p70 {
  padding: 70px !important; }

.p80 {
  padding: 80px !important; }

.p90 {
  padding: 90px !important; }

.p100 {
  padding: 100px !important; }

.p10l {
  padding-left: 10px !important; }

.p20l {
  padding-left: 20px !important; }

.p30l {
  padding-left: 30px !important; }

.p40l {
  padding-left: 40px !important; }

.p50l {
  padding-left: 50px !important; }

.p60l {
  padding-left: 60px !important; }

.p70l {
  padding-left: 70px !important; }

.p80l {
  padding-left: 80px !important; }

.p90l {
  padding-left: 90px !important; }

.p100l {
  padding-left: 100px !important; }

.p10t {
  padding-top: 10px !important; }

.p20t {
  padding-top: 20px !important; }

.p30t {
  padding-top: 30px !important; }

.p40t {
  padding-top: 40px !important; }

.p50t {
  padding-top: 50px !important; }

.p60t {
  padding-top: 60px !important; }

.p70t {
  padding-top: 70px !important; }

.p80t {
  padding-top: 80px !important; }

.p90t {
  padding-top: 90px !important; }

.p100t {
  padding-top: 100px !important; }

.p10r {
  padding-right: 10px !important; }

.p20r {
  padding-right: 20px !important; }

.p30r {
  padding-right: 30px !important; }

.p40r {
  padding-right: 40px !important; }

.p50r {
  padding-right: 50px !important; }

.p60r {
  padding-right: 60px !important; }

.p70r {
  padding-right: 70px !important; }

.p80r {
  padding-right: 80px !important; }

.p90r {
  padding-right: 90px !important; }

.p100r {
  padding: 100px !important; }

.p10b {
  padding-bottom: 10px !important; }

.p20b {
  padding-bottom: 20px !important; }

.p30b {
  padding-bottom: 30px !important; }

.p40b {
  padding-bottom: 40px !important; }

.p50b {
  padding-bottom: 50px !important; }

.p60b {
  padding-bottom: 60px !important; }

.p70b {
  padding-bottom: 70px !important; }

.p80b {
  padding-bottom: 80px !important; }

.p90b {
  padding-bottom: 90px !important; }

.p100b {
  padding-bottom: 100px !important; }

.w10 {
  width: 10px !important; }

.w20 {
  width: 20px !important; }

.w30 {
  width: 30px !important; }

.w40 {
  width: 40px !important; }

.w50 {
  width: 50px !important; }

.w60 {
  width: 60px !important; }

.w70 {
  width: 70px !important; }

.w80 {
  width: 80px !important; }

.w90 {
  width: 90px !important; }

.w100 {
  width: 100px !important; }

.h10 {
  height: 10px !important; }

.h20 {
  height: 20px !important; }

.h30 {
  height: 30px !important; }

.h40 {
  height: 40px !important; }

.h50 {
  height: 50px !important; }

.h60 {
  height: 60px !important; }

.h70 {
  height: 70px !important; }

.h80 {
  height: 80px !important; }

.h90 {
  height: 90px !important; }

.h100 {
  height: 100px !important; }

.fl {
  float: left !important; }

.fn {
  float: none !important; }

.fr {
  float: right !important; }

.cb {
  clear: both !important; }

@font-face {
  font-family: bebas;
  src: url(../fonts/Bebas-Regular.otf); }
@font-face {
  font-family: montserrat;
  src: url(../fonts/Montserrat-Regular.ttf); }
/*---------------------------
COMMON STYLES
----------------------------*/
body {
  background: #111;
  position: relative;
  top: 0;
  font-size: 13px;
  overflow-x: hidden;
  max-width: 1500px;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  line-height: 1.7;
  font-family: sans-serif !important;
  -webkit-font-smoothing: antialiased; }

.title-font-bebas {
  font-family: "bebas", sans-serif; }

.title-font-ms-sanrif {
  font-family: "sans-serif"; }

.igpx-color {
  color: #E83E0C; }

a {
  color: #E83E0C;
  font-size: 1.6rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  line-height: 25px; }

a:hover {
  color: inherit;
  opacity: .85;
  text-decoration: none;
  cursor: pointer; }

a:focus {
  text-decoration: none;
  color: inherit; }

a > img {
  border: none; }

a[href^="tel"] {
  color: inherit; }

p {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333333; }

ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  ul:before, ul:after {
    content: "";
    display: table; }
  ul:after {
    clear: both; }
  ul {
    zoom: 1; }

ul li {
  font-size: 14px;
  line-height: 1.7;
  color: #333333; }

.container {
  position: relative; }

/*---------------------------
GENERAL
----------------------------*/
main {
  overflow: hidden;
  background: #fff;
  transition: .5s ease-out;
  position: relative; }

section {
  background: #fff; }

section.block {
  padding: 100px 0;
  margin: 0 auto; }

h2.sct_title {
  color: #E83E0C;
  font-size: 35pt;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 30px; }

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.slogan-text p {
  font-size: 28pt; }
.slogan-text h4 {
  color: #E83E0C;
  font-size: 12pt; }

#about .sct_title {
  text-align: left; }

.s_content .p_heading {
  font-size: 20pt;
  font-weight: bold; }
.s_content p {
  font-size: 13pt; }

#member p {
  text-align: left; }

.card-body .card-title {
  text-align: left;
  color: orangered;
  font-size: 16pt;
  letter-spacing: 2px; }

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  opacity: 1; }

.carousel-control-prev {
  opacity: 1; }
  .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("../images/arrow_left.png");
    height: 40px; }

.carousel-control-next {
  opacity: 1; }
  .carousel-control-next .carousel-control-next-icon {
    background-image: url("../images/arrow_right.png");
    height: 40px; }

header {
  background-size: cover;
  background-position: center center;
  height: 140px;
  overflow: hidden;
  position: relative; }
  header .sologan {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%; }
    header .sologan h1 {
      color: #fff;
      font-family: "Barlow Condensed", sans-serif;
      font-size: 2.8rem;
      letter-spacing: 5px;
      text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
      -webkit-transition: font-size 0.3s;
      -moz-transition: font-size 0.3s;
      -ms-transition: font-size 0.3s;
      -o-transition: font-size 0.3s;
      transition: font-size 0.3s; }
  header .scroll_down {
    position: absolute;
    bottom: 80px;
    width: 100%;
    text-align: center;
    -webkit-animation: point-up-down 1s linear infinite alternate;
    animation: point-up-down 1s linear infinite alternate; }
    header .scroll_down a {
      display: block;
      background: url("../images/arrow_down.svg") no-repeat;
      background-size: 13px 67px;
      background-position: center;
      width: 200px;
      height: 67px;
      margin: 0 auto; }

.div-slogan h4 {
  color: #E83E0C; }

.anm {
  color: #575757;
  padding: 10px 0;
  text-transform: uppercase;
  overflow: hidden;
  font-size: 28pt; }
  .anm .letter {
    display: inline-block;
    line-height: 1em; }

nav.main_nav {
  width: 100%;
  height: 80px;
  background: rgba(253, 253, 253, 0.9);
  position: fixed;
  top: 0;
  z-index: 999; }
  nav.main_nav .brand {
    display: inline-block;
    margin: 10px 0 0 20px; }
    nav.main_nav .brand img {
      height: 61.22px;
      -webkit-transition: width 0.3s ease-out;
      transition: width 0.3s ease-out; }
  nav.main_nav .btn_nav_sm {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    background: white; }
    nav.main_nav .btn_nav_sm .nav_sm_container {
      transform: rotate(0deg);
      transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
      user-select: none;
      -webkit-tap-highlight-color: transparent; }
      nav.main_nav .btn_nav_sm .nav_sm_container span {
        background: #403535;
        width: 35px;
        height: 2px;
        margin: 0 auto;
        display: block;
        margin-bottom: 7px;
        transform: translateX(0px);
        transition: transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.2s ease-out;
        transition-delay: 0.25s; }
        nav.main_nav .btn_nav_sm .nav_sm_container span:nth-last-child(1) {
          transform: translateY(0px) rotate(0deg); }
        nav.main_nav .btn_nav_sm .nav_sm_container span:nth-last-child(2) {
          opacity: 1; }
        nav.main_nav .btn_nav_sm .nav_sm_container span:nth-last-child(3) {
          transform: translateY(0px) rotate(0deg); }
    nav.main_nav .btn_nav_sm:focus {
      outline: none; }
  nav.main_nav .navigation {
    width: 100%;
    height: 0;
    background: #282828;
    position: absolute;
    top: 80px;
    right: 0;
    padding: 0;
    transition: all 0.5s ease-out, background 0.75s ease-out;
    transition-delay: 0.25s;
    overflow: hidden;
    z-index: 0; }
    nav.main_nav .navigation li {
      margin: 0;
      transition: all 0.5s ease-out, transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), margin 1s ease-out, opacity 1s ease-out;
      opacity: 0;
      transform: scale(1.15) translateY(-30px); }
      nav.main_nav .navigation li:nth-child(1) {
        transition-delay: 0.49s; }
      nav.main_nav .navigation li:nth-child(2) {
        transition-delay: 0.42s; }
      nav.main_nav .navigation li:nth-child(3) {
        transition-delay: 0.35s; }
      nav.main_nav .navigation li:nth-child(4) {
        transition-delay: 0.28s; }
      nav.main_nav .navigation li:nth-child(5) {
        transition-delay: 0.21s; }
      nav.main_nav .navigation li a {
        text-align: center;
        display: block;
        color: #575757;
        font-size: 2rem;
        padding: 15px 0;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-family: "montserrat", sans-serif; }
      nav.main_nav .navigation li.active a, nav.main_nav .navigation li:hover a {
        background: #151515;
        color: #E83E0C; }
  nav.main_nav.open_nav .btn_nav_sm .nav_sm_container {
    transform: rotate(90deg); }
    nav.main_nav.open_nav .btn_nav_sm .nav_sm_container span:nth-last-child(1) {
      transform: translateY(-9px) rotate(45deg); }
    nav.main_nav.open_nav .btn_nav_sm .nav_sm_container span:nth-last-child(2) {
      opacity: 0; }
    nav.main_nav.open_nav .btn_nav_sm .nav_sm_container span:nth-last-child(3) {
      transform: translateY(8px) rotate(-45deg); }
  nav.main_nav.open_nav .btn_nav_sm:focus {
    outline: none; }
  nav.main_nav.open_nav .navigation {
    padding: 40px 0;
    height: 100vh; }
    nav.main_nav.open_nav .navigation li {
      transition: all 0.3s ease-in, background 0.5s ease-in, opacity 0.1s ease-in;
      transition-delay: 0.25s;
      transform: scale(1) translateY(0px);
      opacity: 1;
      margin: 15px 0; }
      nav.main_nav.open_nav .navigation li:nth-child(1) {
        transition-delay: 0.21s; }
      nav.main_nav.open_nav .navigation li:nth-child(2) {
        transition-delay: 0.22s; }
      nav.main_nav.open_nav .navigation li:nth-child(3) {
        transition-delay: 0.23s; }
      nav.main_nav.open_nav .navigation li:nth-child(4) {
        transition-delay: 0.24s; }
      nav.main_nav.open_nav .navigation li:nth-child(5) {
        transition-delay: 0.25s; }

.ico_out_link {
  color: #E83E0C;
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  letter-spacing: 2px;
  padding-right: 20px; }
  .ico_out_link:after {
    content: '';
    position: absolute;
    background: url("../images/ico_out_link.png") no-repeat;
    background-size: 16px 19px;
    width: 16px;
    height: 19px;
    top: 3px;
    right: 0; }
  .ico_out_link:hover {
    color: #E83E0C;
    opacity: 0.7; }

section.company h2 {
  color: #E83E0C; }
section.company p {
  margin-bottom: 0; }
section.company table tbody th {
  width: 30%;
  text-align: center; }
  section.company table tbody th h4 {
    width: 85%;
    display: block;
    background: #f7f7f7;
    color: #E83E0C;
    padding: 10px; }
section.company table tbody td {
  padding: 0 10px 10px 10px; }
  section.company table tbody td a {
    color: #E83E0C; }
section.company .company_picture {
  margin-top: 40px; }
  section.company .company_picture .row {
    margin-right: 0px;
    margin-left: 0px; }
    section.company .company_picture .row div {
      width: 50%;
      display: inline-block; }
      section.company .company_picture .row div img {
        width: 100%;
        border: 0.1rem #fff solid; }

footer {
  background: #1a1a1a;
  padding: 55px 0 20px 0;
  text-align: center; }
  footer p {
    color: #666666; }
  footer a {
    display: block;
    color: #666666;
    text-decoration: underline;
    margin-bottom: 20px; }
    footer a:hover {
      opacity: 1;
      transition: all 0.3s; }

.policy .index2 {
  z-index: 2; }
.policy .image-background {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
  background-image: url(../images/policy_bg.png); }
.policy .image-background-sp {
  z-index: 1;
  position: absolute;
  top: 100px;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
  background-image: url(../images/policy_bg_sp.png); }
.policy .heading {
  color: #E83E0C;
  height: 79px;
  margin: 150px 0; }
  .policy .heading img {
    right: -17%;
    width: 100%;
    top: -150px; }
.policy .heading-title {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto; }
.policy .policy-bg-2 {
  width: 60%;
  left: -10%;
  top: 20%; }
.policy .policy-bg-3 {
  bottom: -50px;
  right: -10%; }
.policy h1 {
  font-size: 4.5rem; }
.policy h3 {
  color: #E83E0C;
  font-size: 13pt;
  font-family: "Rubik", sans-serif; }
.policy p {
  position: relative;
  z-index: 2; }
.policy h3.title_page {
  position: relative;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 20px; }
.policy div.bl_cont {
  margin-bottom: 50px;
  margin-top: 40px; }
.policy ul li {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333333;
  margin-bottom: 5px; }

.as-form-inputs {
  margin: 50px 0;
  padding: 40px 0px;
  border-bottom: 1px solid #b0b0b0; }

.as-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0; }

.as-form-item + .as-form-item {
  border-top: 1px solid #e5e5e5;
  margin-top: 20px;
  padding-top: 20px; }

.as-form-input-label {
  font-size: 14px;
  color: #404040;
  min-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.as-form-input-required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 100px; }

.as-form-item--v-top .as-form-input-label,
.as-form-item--v-top .as-form-input-required {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 10px; }

.as-form-required-mark {
  font-size: 13px;
  border: 2px solid black;
  background-color: black;
  border-radius: 20px;
  padding: 0px 10px;
  line-height: 20px;
  color: white; }

.as-form-content-input-wrapper {
  font-size: 11px;
  line-height: 1.8em;
  margin: 10px 0;
  width: 100%; }

.as-form-content-information {
  font-size: 11px;
  line-height: 20px;
  height: 20px; }

.as-form-item--with-info .as-form-required-mark,
.as-form-item--with-info .as-form-input-label {
  margin-bottom: 20px; }

.as-form-text-input,
.as-form-select {
  line-height: 2em;
  padding: 4px 8px;
  width: 100%;
  min-width: 200px;
  font-size: 1.3rem;
  background: transparent; }

.as-form-text-area {
  line-height: 2em;
  padding: 4px 8px;
  width: 100%;
  min-height: 200px;
  min-width: 200px;
  background: transparent;
  font-size: 1.3rem; }

.as-form-agreement {
  border-top: 1px solid #e5e5e5;
  margin: 20px 0; }

.as-form-agreement .as-form-input-label {
  display: block;
  margin: 2em 0;
  text-align: center; }

.as-form-agreement .as-form-input-label-text {
  margin-right: 1em; }

.as-form-agreeement-message {
  font-size: 14px;
  line-height: 1.8em;
  background-color: #e5e5e5;
  border-radius: 4px;
  padding: 20px; }

.as-form-privacy-link {
  display: inline-block;
  color: #111;
  margin-top: 1em; }

.as-form-agreement-check {
  margin: 20px 0;
  text-align: center; }

.as-form-checkbox {
  width: 16px;
  height: 16px;
  border: none;
  margin-right: 10px;
  margin-bottom: 4px; }

.as-form-checkbox-label {
  font-size: 14px; }

.as-form-submit {
  text-align: center; }

.as-form-submit-button {
  background-image: url(../images/mail.png);
  background-repeat: no-repeat;
  background-position: right 80px center;
  width: 300px;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  height: 40px;
  background-color: black;
  border: none;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out; }

.as-form-submit-button:hover {
  background-color: black; }

.as-form-submit-button:disabled,
.as-form-submit-button[data-disabled="1"] {
  background-color: #b0b0b0; }

.as-form-submit-button:disabled:hover,
.as-form-submit-button[data-disabled="1"]:hover {
  background-color: #b0b0b0; }

.as-form-mail-error {
  background-color: #fcc; }

.as-form-mail-error:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fcc inset;
  box-shadow: 0 0 0px 1000px #fcc inset; }

input::-webkit-input-placeholder {
  color: #999; }

input::-moz-placeholder {
  color: #999; }

input:-ms-input-placeholder {
  color: #999; }

input::-ms-input-placeholder {
  color: #999; }

input::placeholder {
  color: #999; }

@media screen and (max-width: 768px) {
  header {
    height: 52px; }

  nav.main_nav {
    height: 52px; }
    nav.main_nav .brand {
      display: inline-block;
      margin: 7px 0 0 20px; }
      nav.main_nav .brand img {
        height: 42px;
        -webkit-transition: width 0.3s ease-out;
        transition: width 0.3s ease-out; }
    nav.main_nav .btn_nav_sm {
      width: 80px;
      height: 52px; }
      nav.main_nav .btn_nav_sm .nav_sm_container {
        transform: rotate(0deg);
        transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        user-select: none;
        -webkit-tap-highlight-color: transparent; }
        nav.main_nav .btn_nav_sm .nav_sm_container span {
          width: 25px; }

  .as-form-body {
    margin: 0 15px 15px; }

  form .as-form-inputs .as-form-item .as-form-input-label {
    min-width: 100px; }

  form .as-form-inputs .as-form-item .as-form-input-required {
    min-width: 80px; }

  form .as-form-inputs .as-form-agreement {
    margin: 0; }

  form .as-form-inputs .as-form-agreement .as-form-input-label .as-form-required-mark {
    padding: 3px 5px; }

  footer .as-footer {
    display: block;
    padding: 96px 15px 64px; }

  footer .as-footer .as-footer-column {
    display: block; }

  footer .as-footer .as-footer-column .as-footer-sitemap .as-footer-content-title {
    text-align: center;
    font-size: 17px; }

  footer .as-footer .as-footer-column .as-footer-contact .as-footer-content-title {
    text-align: center;
    font-size: 17px; }

  footer .as-footer .as-footer-column .as-footer-sitemap-left {
    padding-right: 10px;
    width: 100%; }

  footer .as-footer .as-footer-column .as-footer-sitemap-right {
    padding-left: 10px;
    width: 100%; }

  footer .as-footer .as-footer-column .as-footer-contact .as-footer-contact-wrapper {
    display: block; }

  footer .as-footer .as-footer-column .as-footer-contact .as-footer-contact-wrapper .as-footer-contact-right {
    text-align: center; } }
.padding-0 {
  padding: 0 !important; }

.margin-left-125 {
  margin-left: 12.5%; }

.ul-default {
  list-style: disc; }
  .ul-default li {
    color: white;
    font-size: 1.1rem; }

.w100-height-auto {
  width: 100%;
  height: auto; }

.w90-height-auto {
  width: 90%;
  height: auto; }

.w100-h100 {
  width: 100%;
  height: 100%; }

.transform-none {
  transform: none !important; }

.carousel-prev-icon {
  background-image: url(../images/arrow_left.png);
  height: 40px; }

.carousel-next-icon {
  background-image: url(../images/arrow_right.png);
  height: 40px; }

#top-body #top .container {
  z-index: 2; }
#top-body #top .image-background {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  #top-body #top .image-background .images {
    width: 100%; }
#top-body #top .div-slogan {
  width: 100%;
  height: 800px;
  position: relative;
  z-index: 2;
  padding-top: 50px; }
  #top-body #top .div-slogan .img-fluid {
    z-index: 2; }
#top-body #top .div-about {
  width: 100%;
  height: 800px;
  position: relative;
  z-index: 2; }
  #top-body #top .div-about .line-vertical {
    width: 1px;
    height: 100px;
    border: red solid 1px; }
  #top-body #top .div-about .about-content {
    margin-top: 150px;
    z-index: 2; }
#top-body #top .div-original {
  width: 100%;
  height: 400px;
  z-index: 2;
  margin-top: 15%; }
  #top-body #top .div-original .original {
    left: 0;
    width: 30%;
    padding-bottom: 20%; }
    #top-body #top .div-original .original .original-container {
      position: relative;
      transform-style: preserve-3d;
      transition: all 0.6s ease;
      -webkit-transform-style: preserve-3d;
      -webkit-transition: all 0.6s ease;
      -moz-transform-style: preserve-3d;
      -moz-transition: all 0.6s ease;
      -ms-transform-style: preserve-3d;
      -ms-transition: all 0.6s ease;
      -o-transform-style: preserve-3d;
      -o-transition: all 0.6s ease; }
    #top-body #top .div-original .original:hover .original-container {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg); }
    #top-body #top .div-original .original .original-front {
      z-index: 10;
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .original .original-back {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  #top-body #top .div-original .original-ie {
    left: 0;
    width: 30%;
    padding-bottom: 20%; }
    #top-body #top .div-original .original-ie .original-container-ie {
      position: relative; }
    #top-body #top .div-original .original-ie .original-container-ie.h:hover .original-front-ie,
    #top-body #top .div-original .original-ie .original-container-ie.h.flip .original-front-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .original-ie .original-container-ie.h:hover .original-back-ie,
    #top-body #top .div-original .original-ie .original-container-ie.h.flip .original-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .original-ie .original-container-ie.h .original-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
      display: none; }
    #top-body #top .div-original .original-ie .original-front-ie {
      z-index: 10;
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .original-ie .original-back-ie {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
  #top-body #top .div-original .text-original {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 1.6rem;
    z-index: 3;
    color: white; }
  #top-body #top .div-original .deal {
    left: 18%;
    width: 30%;
    padding-bottom: 20%;
    z-index: 5 !important; }
    #top-body #top .div-original .deal .deal-container {
      position: relative;
      transition: all 0.6s ease;
      transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      -webkit-transition: all 0.6s ease;
      -moz-transform-style: preserve-3d;
      -moz-transition: all 0.6s ease;
      -ms-transform-style: preserve-3d;
      -ms-transition: all 0.6s ease;
      -o-transform-style: preserve-3d;
      -o-transition: all 0.6s ease; }
    #top-body #top .div-original .deal .deal-front {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .deal .deal-back {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    #top-body #top .div-original .deal:hover .deal-container {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg); }
  #top-body #top .div-original .deal-ie {
    left: 18%;
    width: 30%;
    padding-bottom: 20%;
    z-index: 5 !important; }
    #top-body #top .div-original .deal-ie .deal-container-ie {
      position: relative; }
    #top-body #top .div-original .deal-ie .deal-container-ie.h:hover .deal-front-ie,
    #top-body #top .div-original .deal-ie .deal-container-ie.h.flip .deal-front-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .deal-ie .deal-container-ie.h:hover .deal-back-ie,
    #top-body #top .div-original .deal-ie .deal-container-ie.h.flip .deal-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .deal-ie .deal-container-ie.h .deal-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
      display: none; }
    #top-body #top .div-original .deal-ie .deal-front-ie {
      z-index: 10;
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .deal-ie .deal-back-ie {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
  #top-body #top .div-original .div-text-deal {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 1.6rem;
    z-index: 3;
    color: white; }
  #top-body #top .div-original .text-deal {
    text-align: center;
    font-size: 1.6rem;
    color: white;
    margin-bottom: 0; }
  #top-body #top .div-original .hand-on {
    left: 36%;
    width: 30%;
    padding-bottom: 20%;
    z-index: 4 !important; }
    #top-body #top .div-original .hand-on .hand-on-container {
      position: relative;
      transition: all 0.6s ease;
      transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      -webkit-transition: all 0.6s ease;
      -moz-transform-style: preserve-3d;
      -moz-transition: all 0.6s ease;
      -ms-transform-style: preserve-3d;
      -ms-transition: all 0.6s ease;
      -o-transform-style: preserve-3d;
      -o-transition: all 0.6s ease; }
    #top-body #top .div-original .hand-on .hand-on-front {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .hand-on .hand-on-back {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    #top-body #top .div-original .hand-on:hover .hand-on-container {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg); }
  #top-body #top .div-original .hand-on-ie {
    left: 36%;
    width: 30%;
    padding-bottom: 20%;
    z-index: 4 !important; }
    #top-body #top .div-original .hand-on-ie .hand-on-container-ie {
      position: relative; }
    #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h:hover .hand-on-front-ie,
    #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h.flip .hand-on-front-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h:hover .hand-on-back-ie,
    #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h.flip .hand-on-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h .hand-on-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
      display: none; }
    #top-body #top .div-original .hand-on-ie .hand-on-front-ie {
      z-index: 10;
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .hand-on-ie .hand-on-back-ie {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
  #top-body #top .div-original .div-text-hand-on {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 1.6rem;
    z-index: 3;
    color: white; }
  #top-body #top .div-original .text-hand-on {
    text-align: center;
    font-size: 1.6rem;
    color: white;
    margin-bottom: 0; }
  #top-body #top .div-original .exit {
    left: 54%;
    width: 30%;
    padding-bottom: 20%;
    z-index: 3 !important; }
    #top-body #top .div-original .exit .exit-container {
      position: relative;
      transition: all 0.6s ease;
      transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      -webkit-transition: all 0.6s ease;
      -moz-transform-style: preserve-3d;
      -moz-transition: all 0.6s ease;
      -ms-transform-style: preserve-3d;
      -ms-transition: all 0.6s ease;
      -o-transform-style: preserve-3d;
      -o-transition: all 0.6s ease; }
    #top-body #top .div-original .exit .exit-front {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .exit .exit-back {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      z-index: 2;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    #top-body #top .div-original .exit:hover .exit-container {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg); }
  #top-body #top .div-original .exit-ie {
    left: 54%;
    width: 30%;
    padding-bottom: 20%;
    z-index: 3 !important; }
    #top-body #top .div-original .exit-ie .exit-container-ie {
      position: relative; }
    #top-body #top .div-original .exit-ie .exit-container-ie.h:hover .exit-front-ie,
    #top-body #top .div-original .exit-ie .exit-container-ie.h.flip .exit-front-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .exit-ie .exit-container-ie.h:hover .exit-back-ie,
    #top-body #top .div-original .exit-ie .exit-container-ie.h.flip .exit-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important; }
    #top-body #top .div-original .exit-ie .exit-container-ie.h .exit-back-ie {
      -webkit-transform: none !important;
      -moz-transform: none !important;
      -ms-transform: none !important;
      -o-transform: none !important;
      transform: none !important;
      display: none !important; }
    #top-body #top .div-original .exit-ie .exit-front-ie {
      z-index: 10;
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    #top-body #top .div-original .exit-ie .exit-back-ie {
      position: absolute;
      opacity: 0.9;
      width: 100%;
      height: 100%;
      transition: all 0.8s ease-in;
      -webkit-transition: all 0.8s ease;
      -moz-transition: all 0.8s ease;
      -ms-transition: all 0.8s ease;
      -o-transition: all 0.8s ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
  #top-body #top .div-original .text-exit {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 1.6rem;
    z-index: 3;
    color: white; }
  #top-body #top .div-original .exit_end {
    left: 75%;
    width: 30%;
    padding-bottom: 20%; }
  #top-body #top .div-original .row div {
    position: absolute;
    top: 0;
    z-index: 2; }
#top-body #top .div-member {
  width: 100%;
  height: 900px; }
  #top-body #top .div-member .member-info-text {
    margin-bottom: 50px;
    max-width: 80%;
    margin-left: 10%; }
  #top-body #top .div-member .card {
    background: transparent; }
  #top-body #top .div-member .card-img-top {
    height: 100%; }
#top-body #top .div-contact {
  width: 100%;
  height: 1200px; }
  #top-body #top .div-contact .btn:focus {
    box-shadow: none; }
#top-body #top .div-company {
  width: 100%;
  height: 1200px; }
  #top-body #top .div-company .borderless td, #top-body #top .div-company .borderless th {
    border: none; }
#top-body #footer {
  background-color: black; }
#top-body .padding-left-50 {
  padding-left: 50%; }
#top-body .padding-top-100 {
  padding-top: 100px; }
#top-body .text-underline {
  text-decoration: underline; }
#top-body .custom-radio:before {
  padding: 2px;
  margin-right: 10px; }
#top-body .form-check-label {
  margin-left: 2rem; }
#top-body .radio-custom-input {
  opacity: 0; }
#top-body .radio-custom-input + .radio-custom-label:before {
  content: '';
  background: #fff;
  border: 4px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  border-radius: 50%; }
#top-body .radio-custom-input:checked + .radio-custom-label:before {
  border: 4px solid #E83E0C; }
#top-body figure {
  margin: 0 !important;
  z-index: 2; }

.hide-ie {
  display: auto; }

.show-ie {
  display: none; }

@media screen and (max-width: 350px) {
  .s_content p {
    font-size: 7.5pt !important; }
  .s_content .p_heading {
    font-size: 10pt !important; } }
@media (max-width: 499px) {
  .card-body .text-right {
    font-size: 10pt; }

  .card-body .user-text-position {
    font-size: 10pt; }

  p {
    font-size: 1.3rem; }

  #top-body #top .div-slogan {
    height: 15%;
    padding-top: 100px; }
    #top-body #top .div-slogan .slogan-img-bg {
      right: -22%;
      bottom: -25%;
      height: 150%;
      z-index: 1; }
  #top-body #top .div-about {
    height: 800px;
    margin-top: 50px; }
    #top-body #top .div-about .about-content {
      margin-top: 100px; }
    #top-body #top .div-about .line-vertical {
      margin-left: 50%; }
    #top-body #top .div-about .sct_title {
      text-align: center; }
    #top-body #top .div-about .about-img-bg {
      width: 70%;
      top: 55%; }
  #top-body #top .div-original {
    height: 200px;
    margin-top: 0; }
    #top-body #top .div-original .text-original {
      font-size: 1.1rem; }
    #top-body #top .div-original .div-text-deal {
      font-size: 1.1rem; }
    #top-body #top .div-original .text-deal {
      font-size: 1.1rem; }
    #top-body #top .div-original .div-text-hand-on {
      font-size: 1.1rem; }
    #top-body #top .div-original .text-hand-on {
      font-size: 1.1rem; }
    #top-body #top .div-original .text-exit {
      font-size: 1.1rem; }
  #top-body #top .div-member {
    height: 600px; }
    #top-body #top .div-member .card-body h4 {
      font-size: 10pt; }
    #top-body #top .div-member .card-body p {
      font-size: 9pt; }
    #top-body #top .div-member .card-body .card-title {
      font-size: 15pt; }
  #top-body #top .div-contact {
    height: 1200px; }
    #top-body #top .div-contact .radio-custom-label {
      font-size: 9pt; }
  #top-body #top .div-company {
    height: 1200px; }
    #top-body #top .div-company .company-img-bg {
      width: 100%;
      bottom: 0; }
    #top-body #top .div-company .company-link > a {
      font-size: 1.3rem; }
  #top-body #top .border-md-left {
    border-left: none; }
  #top-body .padding-top-100 {
    padding-top: 150px; }
  #top-body .padding-left-50 {
    padding-left: 0; }
  #top-body .card-body {
    padding: 1.25rem 0; }

  .slogan-text {
    bottom: -100px;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .slogan-text h1 {
      font-size: 25pt;
      text-align: center; }
    .slogan-text h4 {
      font-size: 9pt;
      text-align: center; }

  .s_content p {
    font-size: 8pt; }
  .s_content .p_heading {
    font-size: 11pt; }

  h2.sct_title {
    font-size: 20pt; }

  form .as-form-inputs .as-form-item .as-form-input-label {
    min-width: 70px;
    font-size: 9pt; }

  .as-form-required-mark, .as-form-text-input, .as-form-select {
    font-size: 9pt; }

  form .as-form-inputs .as-form-item .as-form-input-required {
    min-width: 60px; }

  .ico_out_link {
    font-size: 1.3rem; }

  div#company div.col-md-6.col-sm-7.col-7.d-flex.justify-content-end.padding-0 > a {
    font-size: 1.3rem; }

  .border-md {
    border-left: none !important; }

  .carousel-control-next, .carousel-control-prev {
    top: 75px;
    bottom: unset; }

  .policy .container {
    width: 90%; }
  .policy .policy-bg-2 {
    width: 70%;
    left: -10%;
    top: 20%; }
  .policy .policy-bg-3 {
    bottom: -100px;
    right: -10%; }
  .policy .heading {
    margin: 50px 0; }
    .policy .heading img {
      right: -10%;
      width: 100%;
      top: -100px; }
  .policy h1 {
    font-size: 3rem; }
  .policy h3 {
    font-size: 1.3rem; }
  .policy div.bl_cont {
    margin-bottom: 50px;
    margin-top: 40px; }
  .policy ul li {
    font-size: 1.3rem; }

  .ul-default li {
    font-size: 0.45rem;
    margin-left: 10px; } }
@media (min-width: 500px) {
  p {
    font-size: 10pt; }

  .border-md {
    border-left: none !important; }

  header .sologan h1 {
    font-size: 3.8rem;
    letter-spacing: 7px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }
  header .scroll_down {
    bottom: 30px; }

  #top-body #top .div-slogan {
    height: 15%;
    padding-top: 150px; }
    #top-body #top .div-slogan .slogan-img-bg {
      right: -22%;
      bottom: -25%;
      height: 150%;
      z-index: 1; }
  #top-body #top .div-about {
    height: 800px;
    margin-top: 150px; }
    #top-body #top .div-about .about-content {
      margin-top: 100px; }
    #top-body #top .div-about .line-vertical {
      margin-left: 50%; }
    #top-body #top .div-about .sct_title {
      text-align: center; }
    #top-body #top .div-about .about-img-bg {
      width: 70%;
      top: 50%; }
  #top-body #top .div-original {
    height: 400px; }
    #top-body #top .div-original .text-original {
      font-size: 1.3rem; }
    #top-body #top .div-original .div-text-deal {
      font-size: 1.3rem; }
    #top-body #top .div-original .text-deal {
      font-size: 1.3rem; }
    #top-body #top .div-original .div-text-hand-on {
      font-size: 1.3rem; }
    #top-body #top .div-original .text-hand-on {
      font-size: 1.3rem; }
    #top-body #top .div-original .text-exit {
      font-size: 1.3rem; }
  #top-body #top .div-member {
    height: 800px; }
  #top-body #top .div-contact {
    height: 1200px; }
  #top-body #top .div-company {
    height: 1200px; }
    #top-body #top .div-company .company-img-bg {
      width: 100%;
      bottom: 0; }
    #top-body #top .div-company .company-link > a {
      font-size: 1.3rem; }
  #top-body #top .border-md-left {
    border-left: none; }
  #top-body .padding-top-100 {
    padding-top: 150px; }
  #top-body .padding-left-50 {
    padding-left: 0; }
  #top-body .card-body {
    padding: 1.25rem 0; }

  .slogan-text {
    bottom: -150px;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .slogan-text h1 {
      font-size: 20pt;
      text-align: center; }
    .slogan-text h4 {
      font-size: 13pt;
      text-align: center; }

  .s_content p {
    font-size: 10pt; }
  .s_content .p_heading {
    font-size: 13pt; }

  h2.sct_title {
    font-size: 25pt; }

  .carousel-control-next, .carousel-control-prev {
    top: 120px;
    bottom: unset; }

  .policy .container {
    width: 90%; }
  .policy .policy-bg-2 {
    width: 70%;
    left: -10%;
    top: 20%; }
  .policy .policy-bg-3 {
    bottom: -50px;
    right: -10%; }
  .policy .heading {
    margin: 150px 0; }
    .policy .heading img {
      right: -15%;
      width: 100%;
      top: -150px; }
  .policy h1 {
    font-size: 4rem; }
  .policy h3 {
    font-size: 1.3rem; }
  .policy div.bl_cont {
    margin-bottom: 50px;
    margin-top: 40px; }
  .policy ul li {
    font-size: 1.3rem; }

  .ul-default li {
    font-size: 0.55rem;
    margin-left: 10px; } }
@media (min-width: 600px) {
  p {
    font-size: 10pt; }

  .border-md {
    border-left: none !important; }

  header .sologan h1 {
    font-size: 4.8rem;
    letter-spacing: 8px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); }

  #top-body #top .div-slogan {
    height: 15%;
    padding-top: 150px; }
    #top-body #top .div-slogan .slogan-img-bg {
      right: -22%;
      bottom: -25%;
      height: 150%;
      z-index: 1; }
  #top-body #top .div-about {
    height: 800px;
    margin-top: 250px; }
    #top-body #top .div-about .about-content {
      margin-top: 100px; }
    #top-body #top .div-about .line-vertical {
      margin-left: 50%; }
    #top-body #top .div-about .sct_title {
      text-align: center; }
    #top-body #top .div-about .about-img-bg {
      top: 50%;
      width: 70%; }
  #top-body #top .div-original {
    height: 300px;
    margin-top: 40%; }
    #top-body #top .div-original .text-original {
      font-size: 1.5rem; }
    #top-body #top .div-original .div-text-deal {
      font-size: 1.5rem; }
    #top-body #top .div-original .text-deal {
      font-size: 1.5rem; }
    #top-body #top .div-original .div-text-hand-on {
      font-size: 1.5rem; }
    #top-body #top .div-original .text-hand-on {
      font-size: 1.5rem; }
    #top-body #top .div-original .text-exit {
      font-size: 1.5rem; }
  #top-body #top .div-member {
    height: 800px; }
    #top-body #top .div-member .card-body h4 {
      font-size: 12pt; }
    #top-body #top .div-member .card-body p {
      font-size: 10pt; }
    #top-body #top .div-member .card-body .card-title {
      font-size: 16pt; }
  #top-body #top .div-contact {
    height: 1200px; }
  #top-body #top .div-company {
    height: 1200px; }
    #top-body #top .div-company .company-img-bg {
      width: 100%;
      bottom: 0; }
  #top-body #top .border-md-left {
    border-left: none; }
  #top-body .padding-top-100 {
    padding-top: 150px; }
  #top-body .padding-left-50 {
    padding-left: 0; }

  .slogan-text {
    bottom: -150px;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .slogan-text h1 {
      font-size: 25pt;
      text-align: center; }
    .slogan-text h4 {
      font-size: 13pt;
      text-align: center; }

  .s_content p {
    font-size: 10pt; }
  .s_content .p_heading {
    font-size: 16pt; }

  h2.sct_title {
    font-size: 25pt; }

  .carousel-control-next, .carousel-control-prev {
    top: 120px;
    bottom: unset; }

  .policy .policy-bg-2 {
    width: 70%;
    left: -22%;
    top: 20%; }
  .policy .policy-bg-3 {
    bottom: -50px;
    right: -22%; }
  .policy .heading {
    margin: 150px 0; }
    .policy .heading img {
      right: -25%;
      width: 110%;
      top: -150px; }
  .policy h1 {
    font-size: 4rem; }
  .policy h3 {
    font-size: 13pt; }
  .policy div.bl_cont {
    margin-bottom: 50px;
    margin-top: 40px; }
  .policy ul li {
    font-size: 1.3rem; }

  .ul-default li {
    font-size: 0.65rem;
    margin-left: 10px; } }
@media (min-width: 768px) {
  p {
    font-size: 12pt; }

  .border-md {
    border-left: none !important; }

  .show-sm {
    display: none; }

  .hide-sm {
    display: block; }

  header .scroll_down a {
    background-size: 6px 31px;
    width: 200px;
    height: 31px;
    margin: 0 auto; }

  h2.sct_title {
    font-size: 30pt; }

  #top-body #top .div-slogan {
    height: 15%;
    padding-top: 150px; }
    #top-body #top .div-slogan .slogan-img-bg {
      right: -22%;
      bottom: -25%;
      height: 150%;
      z-index: 1; }
  #top-body #top .div-about {
    height: 800px;
    margin-top: 250px; }
    #top-body #top .div-about .about-content {
      margin-top: 100px; }
    #top-body #top .div-about .line-vertical {
      margin-left: 50%; }
    #top-body #top .div-about .sct_title {
      text-align: center; }
    #top-body #top .div-about .about-img-bg {
      top: 50%;
      width: 70%; }
  #top-body #top .div-original {
    height: 400px;
    margin-top: 20%; }
    #top-body #top .div-original .text-original {
      font-size: 1.8rem; }
    #top-body #top .div-original .div-text-deal {
      font-size: 1.8rem; }
    #top-body #top .div-original .text-deal {
      font-size: 1.8rem; }
    #top-body #top .div-original .div-text-hand-on {
      font-size: 1.8rem; }
    #top-body #top .div-original .text-hand-on {
      font-size: 1.8rem; }
    #top-body #top .div-original .text-exit {
      font-size: 1.8rem; }
  #top-body #top .div-member {
    height: 800px; }
    #top-body #top .div-member .card-body h4 {
      font-size: 15pt; }
    #top-body #top .div-member .card-body p {
      font-size: 12pt; }
    #top-body #top .div-member .card-body .card-title {
      font-size: 20pt; }
  #top-body #top .div-contact {
    height: 1200px; }
  #top-body #top .div-company {
    height: 1200px; }
    #top-body #top .div-company .company-img-bg {
      width: 100%;
      bottom: 0; }
    #top-body #top .div-company .company-link > a {
      font-size: 1.6rem; }
  #top-body #top .border-md-left {
    border-left: none; }
  #top-body .padding-top-100 {
    padding-top: 150px; }
  #top-body .padding-left-50 {
    padding-left: 0; }

  .slogan-text {
    bottom: -150px;
    left: 0;
    right: 0;
    margin: 0 auto; }
    .slogan-text h1 {
      font-size: 28pt;
      text-align: center; }
    .slogan-text h4 {
      font-size: 13pt;
      text-align: center; }

  .s_content .p_heading {
    font-size: 17pt; }
  .s_content p {
    font-size: 12pt; }

  .carousel-control-next, .carousel-control-prev {
    top: 180px;
    bottom: unset; }

  .ul-default li {
    font-size: 0.9rem;
    margin-left: 10px; }

  .policy .policy-bg-2 {
    width: 60%;
    left: -20%;
    top: 20%; }
  .policy .policy-bg-3 {
    bottom: -50px;
    right: -20%; }
  .policy .heading {
    margin: 150px 0; }
    .policy .heading img {
      right: -22%;
      width: 100%;
      top: -150px; }
  .policy h1 {
    font-size: 4.5rem; }
  .policy h3 {
    font-size: 13pt; }
  .policy div.bl_cont {
    margin-bottom: 50px;
    margin-top: 40px; }
  .policy ul li {
    font-size: 1.6rem; } }
@media (min-width: 992px) {
  .border-md {
    border-left: 1px solid #dee2e6 !important; }

  p {
    font-size: 12pt; }

  section.block {
    padding: 120px 0;
    margin: 0 auto; }

  nav.main_nav {
    width: 94%;
    top: 30px;
    left: 3%;
    -webkit-transition: top 0.2s ease-out, height 0.2s ease-out;
    transition: top 0.2s ease-out, height 0.2s ease-out; }
    nav.main_nav .btn_nav_sm {
      display: none; }
    nav.main_nav .navigation {
      width: 80%;
      height: 80px;
      background: transparent;
      position: absolute;
      top: 0;
      padding: 0;
      transition: all 0.2s ease-out, background 0s ease-out;
      transition-delay: 0s;
      overflow: hidden;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
      nav.main_nav .navigation li {
        margin: 0;
        transition: all 0.5s ease-out, transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), margin 1s ease-out, opacity 1s ease-out;
        opacity: 1;
        transform: scale(1) translateY(0px); }
        nav.main_nav .navigation li a {
          font-size: 11px;
          padding: 28px 25px; }
          nav.main_nav .navigation li a:hover {
            color: #E83E0C; }
        nav.main_nav .navigation li.btn_recruite {
          background: #e5401f;
          background: -moz-linear-gradient(45deg, #e5401f 0%, #ef8f30 77%, #f7b83a 100%);
          background: -webkit-gradient(left bottom, right top, color-stop(0%, #e5401f), color-stop(77%, #ef8f30), color-stop(100%, #f7b83a));
          background: -webkit-linear-gradient(45deg, #e5401f 0%, #ef8f30 77%, #f7b83a 100%);
          background: -o-linear-gradient(45deg, #e5401f 0%, #ef8f30 77%, #f7b83a 100%);
          background: -ms-linear-gradient(45deg, #e5401f 0%, #ef8f30 77%, #f7b83a 100%);
          background: linear-gradient(45deg, #e5401f 0%, #ef8f30 77%, #f7b83a 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5401f', endColorstr='#f7b83a', GradientType=1 ); }
          nav.main_nav .navigation li.btn_recruite a {
            color: #fff; }
          nav.main_nav .navigation li.btn_recruite:hover a {
            background: transparent; }
        nav.main_nav .navigation li.btn_contact {
          background: #4d4d4d;
          background: -moz-linear-gradient(45deg, #4d4d4d 0%, #929292 77%, #bbbbbb 100%);
          background: -webkit-gradient(left bottom, right top, color-stop(0%, #4d4d4d), color-stop(77%, #929292), color-stop(100%, #bbbbbb));
          background: -webkit-linear-gradient(45deg, #4d4d4d 0%, #929292 77%, #bbbbbb 100%);
          background: -o-linear-gradient(45deg, #4d4d4d 0%, #929292 77%, #bbbbbb 100%);
          background: -ms-linear-gradient(45deg, #4d4d4d 0%, #929292 77%, #bbbbbb 100%);
          background: linear-gradient(45deg, #4d4d4d 0%, #929292 77%, #bbbbbb 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#bbbbbb', GradientType=1 );
          width: 80px; }
          nav.main_nav .navigation li.btn_contact a {
            position: relative;
            height: 80px; }
            nav.main_nav .navigation li.btn_contact a span {
              opacity: 0;
              display: none; }
            nav.main_nav .navigation li.btn_contact a:after {
              content: '';
              position: absolute;
              background: url("../images/ico_mail.svg") no-repeat;
              background-size: 20px 16px;
              width: 20px;
              height: 16px;
              margin: -8px -10px;
              top: 50%;
              left: 50%; }
          nav.main_nav .navigation li.btn_contact:hover a {
            background: transparent; }
    nav.main_nav.fixed-header {
      top: 0;
      height: 60px; }
      nav.main_nav.fixed-header .brand img {
        width: 115px; }
      nav.main_nav.fixed-header .navigation {
        height: 60px; }
        nav.main_nav.fixed-header .navigation li a {
          padding: 18px 25px; }
        nav.main_nav.fixed-header .navigation li.btn_contact a {
          height: 60px; }

  .slogan-text {
    bottom: 0;
    left: 0;
    top: 0;
    right: auto; }
    .slogan-text h1 {
      font-size: 28pt;
      text-align: start; }
    .slogan-text h4 {
      font-size: 11pt;
      text-align: start; }

  .s_content .p_heading {
    font-size: 19pt; }
  .s_content p {
    font-size: 12pt; }

  h2.sct_title {
    font-size: 35pt; }

  #top-body #top {
    height: 5800px; }
    #top-body #top .div-slogan {
      height: 800px;
      padding-top: 50px; }
      #top-body #top .div-slogan .img-fluid {
        max-width: 100%; }
      #top-body #top .div-slogan .slogan-img-bg {
        height: 300%;
        right: -22%;
        bottom: -25%;
        z-index: 1; }
    #top-body #top .div-about {
      width: 100%;
      height: 800px;
      z-index: 2;
      margin-top: 0; }
      #top-body #top .div-about .line-vertical {
        padding-left: 0;
        margin-left: 0; }
      #top-body #top .div-about .about-content {
        margin-top: 150px; }
      #top-body #top .div-about .sct_title {
        text-align: left; }
      #top-body #top .div-about .about-img-bg {
        top: -20%;
        left: -13%;
        width: 80%; }
    #top-body #top .div-original {
      height: 400px;
      margin-top: 20%; }
      #top-body #top .div-original .original-ie .original-container-ie.h:hover .original-front-ie,
      #top-body #top .div-original .original-ie .original-container-ie.h.flip .original-front-ie {
        -webkit-transform: rotateY(180deg) !important;
        -moz-transform: rotateY(180deg) !important;
        -ms-transform: rotateY(180deg) !important;
        -o-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important; }
      #top-body #top .div-original .original-ie .original-container-ie.h:hover .original-back-ie,
      #top-body #top .div-original .original-ie .original-container-ie.h.flip .original-back-ie {
        -webkit-transform: rotateY(0deg) !important;
        -moz-transform: rotateY(0deg) !important;
        -ms-transform: rotateY(0deg) !important;
        -o-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important; }
      #top-body #top .div-original .original-ie .original-container-ie.h .original-back-ie {
        -webkit-transform: rotateY(-180deg) !important;
        -moz-transform: rotateY(-180deg) !important;
        -ms-transform: rotateY(-180deg) !important;
        -o-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important;
        display: block !important; }
      #top-body #top .div-original .deal-ie .deal-container-ie.h:hover .deal-front-ie,
      #top-body #top .div-original .deal-ie .deal-container-ie.h.flip .deal-front-ie {
        -webkit-transform: rotateY(180deg) !important;
        -moz-transform: rotateY(180deg) !important;
        -ms-transform: rotateY(180deg) !important;
        -o-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important; }
      #top-body #top .div-original .deal-ie .deal-container-ie.h:hover .deal-back-ie,
      #top-body #top .div-original .deal-ie .deal-container-ie.h.flip .deal-back-ie {
        -webkit-transform: rotateY(0deg) !important;
        -moz-transform: rotateY(0deg) !important;
        -ms-transform: rotateY(0deg) !important;
        -o-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important; }
      #top-body #top .div-original .deal-ie .deal-container-ie.h .deal-back-ie {
        -webkit-transform: rotateY(-180deg) !important;
        -moz-transform: rotateY(-180deg) !important;
        -ms-transform: rotateY(-180deg) !important;
        -o-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important;
        display: block !important; }
      #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h:hover .hand-on-front-ie,
      #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h.flip .hand-on-front-ie {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg) !important;
        -ms-transform: rotateY(180deg) !important;
        -o-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important; }
      #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h:hover .hand-on-back-ie,
      #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h.flip .hand-on-back-ie {
        -webkit-transform: rotateY(0deg) !important;
        -moz-transform: rotateY(0deg) !important;
        -ms-transform: rotateY(0deg) !important;
        -o-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important; }
      #top-body #top .div-original .hand-on-ie .hand-on-container-ie.h .hand-on-back-ie {
        -webkit-transform: rotateY(-180deg) !important;
        -moz-transform: rotateY(-180deg) !important;
        -ms-transform: rotateY(-180deg) !important;
        -o-transform: rotateY(-180deg) !important;
        transform: rotateY(-180deg) !important;
        display: block !important; }
      #top-body #top .div-original .exit-ie .exit-container-ie.h:hover .exit-front-ie,
      #top-body #top .div-original .exit-ie .exit-container-ie.h.flip .exit-front-ie {
        -webkit-transform: rotateY(180deg) !important;
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg) !important;
        -o-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important; }
      #top-body #top .div-original .exit-ie .exit-container-ie.h:hover .exit-back-ie,
      #top-body #top .div-original .exit-ie .exit-container-ie.h.flip .exit-back-ie {
        -webkit-transform: rotateY(0deg) !important;
        -moz-transform: rotateY(0deg) !important;
        -ms-transform: rotateY(0deg) !important;
        -o-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important; }
      #top-body #top .div-original .exit-ie .exit-container-ie.h .exit-back-ie {
        -webkit-transform: rotateY(180deg) !important;
        -moz-transform: rotateY(180deg) !important;
        -ms-transform: rotateY(180deg) !important;
        -o-transform: rotateY(180deg) !important;
        transform: rotateY(180deg) !important;
        display: block !important; }
      #top-body #top .div-original .text-original {
        font-size: 2.3rem; }
      #top-body #top .div-original .div-text-deal {
        font-size: 2.3rem; }
      #top-body #top .div-original .text-deal {
        font-size: 2.3rem; }
      #top-body #top .div-original .div-text-hand-on {
        font-size: 2.3rem; }
      #top-body #top .div-original .text-hand-on {
        font-size: 2.3rem; }
      #top-body #top .div-original .text-exit {
        font-size: 2.3rem; }
    #top-body #top .div-member {
      height: 800px; }
      #top-body #top .div-member .container {
        max-width: 100%; }
      #top-body #top .div-member .card-body h4 {
        font-size: 10pt; }
      #top-body #top .div-member .card-body p {
        font-size: 9pt; }
      #top-body #top .div-member .card-body .card-title {
        font-size: 15pt; }
    #top-body #top .div-contact {
      height: 1200px; }
    #top-body #top .div-company {
      height: 1200px; }
      #top-body #top .div-company .company-img-bg {
        width: 100%;
        bottom: 0; }
    #top-body #top .card-body {
      padding: 1.25rem 0; }
    #top-body #top .border-md-left {
      border-left: 1px solid #dee2e6 !important; }
  #top-body .padding-left-50 {
    padding-left: 50%; }
  #top-body .padding-top-100 {
    padding-top: 50px; }
  #top-body .carousel-item {
    width: 100%;
    margin-left: 0; }

  .carousel-control-next, .carousel-control-prev {
    top: 70px;
    bottom: unset; }

  .policy h1 {
    font-size: 4.5rem; }
  .policy h3 {
    font-size: 13pt; }
  .policy div.bl_cont {
    margin-bottom: 50px;
    margin-top: 40px; }
  .policy ul li {
    font-size: 1.6rem; }

  .ul-default li {
    font-size: 1.0rem;
    margin-left: 10px; } }
@media (min-width: 1200px) {
  .border-md {
    border-left: 1px solid #dee2e6 !important; }

  p {
    font-size: 13pt; }

  nav.main_nav {
    width: 1110px;
    top: 30px;
    left: 50%;
    margin-left: -555px; }

  .slogan-text {
    bottom: 0;
    left: 5%;
    top: 0;
    right: auto; }
    .slogan-text h1 {
      font-size: 38pt;
      text-align: start; }
    .slogan-text p {
      font-size: 28pt;
      text-align: start; }
    .slogan-text h4 {
      font-size: 13pt;
      text-align: start; }

  .s_content .p_heading {
    font-size: 18pt; }
  .s_content p {
    font-size: 13pt; }

  h2.sct_title {
    font-size: 35pt; }

  #top-body #top {
    height: 6000px; }
    #top-body #top .div-slogan {
      height: 800px;
      padding-top: 50px; }
      #top-body #top .div-slogan .img-fluid {
        max-width: 100%; }
      #top-body #top .div-slogan .slogan-img-bg {
        height: 300%;
        right: -20%;
        bottom: -22%;
        z-index: 1; }
    #top-body #top .div-about {
      height: 800px;
      z-index: 2;
      margin-top: 0; }
      #top-body #top .div-about .line-vertical {
        padding-left: 0;
        margin-left: 0; }
      #top-body #top .div-about .about-content {
        margin-top: 150px; }
      #top-body #top .div-about .sct_title {
        text-align: left; }
      #top-body #top .div-about .about-img-bg {
        top: -20%;
        left: -12%;
        width: 70%; }
    #top-body #top .div-original {
      height: 400px;
      margin-top: 20%; }
      #top-body #top .div-original .text-original {
        font-size: 3rem; }
      #top-body #top .div-original .div-text-deal {
        font-size: 3rem; }
      #top-body #top .div-original .text-deal {
        font-size: 3rem; }
      #top-body #top .div-original .div-text-hand-on {
        font-size: 3rem; }
      #top-body #top .div-original .text-hand-on {
        font-size: 3rem; }
      #top-body #top .div-original .text-exit {
        font-size: 3rem; }
    #top-body #top .div-member {
      height: 800px; }
      #top-body #top .div-member .container {
        max-width: 100%; }
      #top-body #top .div-member .card-body h4 {
        font-size: 14pt; }
      #top-body #top .div-member .card-body p {
        font-size: 12pt; }
      #top-body #top .div-member .card-body .card-title {
        font-size: 20pt; }
    #top-body #top .div-contact {
      height: 1400px; }
    #top-body #top .div-company {
      height: 1200px; }
      #top-body #top .div-company .company-img-bg {
        width: 100%;
        bottom: 0; }
    #top-body #top .card-body {
      padding: 1.25rem 0; }
    #top-body #top .border-md-left {
      border-left: 1px solid #dee2e6 !important; }
  #top-body .padding-left-50 {
    padding-left: 50%; }
  #top-body .padding-top-100 {
    padding-top: 150px; }
  #top-body .carousel-item {
    width: 100%;
    margin-left: 0; }

  .carousel-control-next, .carousel-control-prev {
    top: 80px;
    bottom: unset; }

  .ul-default li {
    font-size: 1.2rem;
    margin-left: 10px; } }
@media (min-width: 1400px) {
  .slogan-text {
    bottom: 0;
    left: 5%;
    top: 0;
    right: auto; }
    .slogan-text h1 {
      font-size: 55pt;
      text-align: start; }
    .slogan-text p {
      font-size: 28pt;
      text-align: start; }
    .slogan-text h4 {
      font-size: 16pt;
      text-align: start; }

  .container {
    max-width: 1452px; }

  #top-body #top {
    height: 6000px; }
    #top-body #top .div-slogan {
      height: 800px;
      padding-top: 50px; }
      #top-body #top .div-slogan .img-fluid {
        max-width: 100%; }
      #top-body #top .div-slogan .slogan-img-bg {
        right: -7%;
        bottom: -7%;
        z-index: 1; }
    #top-body #top .div-about {
      height: 800px;
      z-index: 2;
      margin-top: 0; }
      #top-body #top .div-about .line-vertical {
        padding-left: 0;
        margin-left: 0; }
      #top-body #top .div-about .about-content {
        margin-top: 150px; }
      #top-body #top .div-about .sct_title {
        text-align: left; }
      #top-body #top .div-about .about-img-bg {
        top: -20%;
        left: -5%;
        width: 70%; }
    #top-body #top .div-original {
      height: 400px;
      margin-top: 20%; }
    #top-body #top .div-member {
      height: 800px; }
      #top-body #top .div-member .container {
        max-width: 100%; }
      #top-body #top .div-member .card-body h4 {
        font-size: 14pt; }
      #top-body #top .div-member .card-body p {
        font-size: 12pt; }
      #top-body #top .div-member .card-body .card-title {
        font-size: 20pt; }
    #top-body #top .div-contact {
      height: 1400px; }
    #top-body #top .div-company {
      height: 1200px; }
      #top-body #top .div-company .company-img-bg {
        width: 100%;
        bottom: 0; }
    #top-body #top .card-body {
      padding: 1.25rem 0; }
    #top-body #top .border-md-left {
      border-left: 1px solid #dee2e6 !important; }
  #top-body .padding-left-50 {
    padding-left: 50%; }
  #top-body .padding-top-100 {
    padding-top: 150px; }
  #top-body .carousel-item {
    width: 100%;
    margin-left: 0; }

  .carousel-control-next, .carousel-control-prev {
    top: 100px;
    bottom: unset; }

  .ul-default li {
    font-size: 1.4rem; } }
@media screen and (min-width: 992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #top-body #top .div-slogan .img-fluid {
    width: 100%; }

  .hide-ie {
    display: none; }

  .show-ie {
    display: block; } }
@-webkit-keyframes point-up-down {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }
@keyframes point-up-down {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px); } }

/*# sourceMappingURL=style.css.map */
/* css for produc page  */