@charset "UTF-8";
/* ---------- ---------- ---------- ---------- ---------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap");
.d_ib {
  display: inline-block !important; }
.d_b {
  display: block !important; }

/* ---------- ---------- ---------- ---------- ---------- */
.fl_l {
  float: left; }
.fl_r {
  float: right; }

/* ---------- ---------- ---------- ---------- ---------- */
.ta_r {
  text-align: right !important; }
.ta_c {
  text-align: center !important; }
.ta_l {
  text-align: left !important; }

/* ---------- ---------- ---------- ---------- ---------- */
.fw_100 {
  font-weight: 100 !important; }
.fw_200 {
  font-weight: 200 !important; }
.fw_300 {
  font-weight: 300 !important; }
.fw_400 {
  font-weight: 400 !important; }
.fw_500 {
  font-weight: 500 !important; }
.fw_600 {
  font-weight: 600 !important; }
.fw_700 {
  font-weight: 700 !important; }
.fw_800 {
  font-weight: 800 !important; }
.fw_900 {
  font-weight: 900 !important; }
.fw_n {
  font-weight: normal !important; }
.fw_b {
  font-weight: bold !important; }

/* ---------- ---------- ---------- ---------- ---------- */
.fz_10 {
  font-size: 10px; }

.fz_11 {
  font-size: 11px; }

.fz_12 {
  font-size: 12px; }

.fz_13 {
  font-size: 13px; }

.fz_14 {
  font-size: 14px; }

.fz_15 {
  font-size: 15px; }

.fz_16 {
  font-size: 16px; }

.fz_17 {
  font-size: 17px; }

.fz_18 {
  font-size: 18px; }

.fz_19 {
  font-size: 19px; }

.fz_20 {
  font-size: 20px; }

.fz_22 {
  font-size: 22px; }

.fz_24 {
  font-size: 24px; }

.fz_26 {
  font-size: 26px; }

.fz_28 {
  font-size: 28px; }

.fz_30 {
  font-size: 30px; }

.fz_32 {
  font-size: 32px; }

.fz_34 {
  font-size: 34px; }

.fz_36 {
  font-size: 36px; }

.fz_38 {
  font-size: 38px; }

.fz_40 {
  font-size: 40px; }

.fz_42 {
  font-size: 42px; }

.fz_44 {
  font-size: 44px; }

.fz_46 {
  font-size: 46px; }

.fz_48 {
  font-size: 48px; }

.fz_50 {
  font-size: 50px; }

/* ---------- ---------- ---------- ---------- ---------- */
.m_0 {
  margin: 0px !important; }

.mt_0 {
  margin-top: 0px !important; }

.mr_0 {
  margin-right: 0px !important; }

.mb_0 {
  margin-bottom: 0px !important; }

.ml_0 {
  margin-left: 0px !important; }

.m_5 {
  margin: 5px !important; }

.mt_5 {
  margin-top: 5px !important; }

.mr_5 {
  margin-right: 5px !important; }

.mb_5 {
  margin-bottom: 5px !important; }

.ml_5 {
  margin-left: 5px !important; }

.m_10 {
  margin: 10px !important; }

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

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

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

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

.m_15 {
  margin: 15px !important; }

.mt_15 {
  margin-top: 15px !important; }

.mr_15 {
  margin-right: 15px !important; }

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

.ml_15 {
  margin-left: 15px !important; }

.m_20 {
  margin: 20px !important; }

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

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

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

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

.m_25 {
  margin: 25px !important; }

.mt_25 {
  margin-top: 25px !important; }

.mr_25 {
  margin-right: 25px !important; }

.mb_25 {
  margin-bottom: 25px !important; }

.ml_25 {
  margin-left: 25px !important; }

.m_30 {
  margin: 30px !important; }

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

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

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

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

.m_35 {
  margin: 35px !important; }

.mt_35 {
  margin-top: 35px !important; }

.mr_35 {
  margin-right: 35px !important; }

.mb_35 {
  margin-bottom: 35px !important; }

.ml_35 {
  margin-left: 35px !important; }

.m_40 {
  margin: 40px !important; }

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

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

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

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

.m_45 {
  margin: 45px !important; }

.mt_45 {
  margin-top: 45px !important; }

.mr_45 {
  margin-right: 45px !important; }

.mb_45 {
  margin-bottom: 45px !important; }

.ml_45 {
  margin-left: 45px !important; }

.m_50 {
  margin: 50px !important; }

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

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

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

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

.m_55 {
  margin: 55px !important; }

.mt_55 {
  margin-top: 55px !important; }

.mr_55 {
  margin-right: 55px !important; }

.mb_55 {
  margin-bottom: 55px !important; }

.ml_55 {
  margin-left: 55px !important; }

.m_60 {
  margin: 60px !important; }

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

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

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

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

.m_65 {
  margin: 65px !important; }

.mt_65 {
  margin-top: 65px !important; }

.mr_65 {
  margin-right: 65px !important; }

.mb_65 {
  margin-bottom: 65px !important; }

.ml_65 {
  margin-left: 65px !important; }

.m_70 {
  margin: 70px !important; }

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

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

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

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

.m_75 {
  margin: 75px !important; }

.mt_75 {
  margin-top: 75px !important; }

.mr_75 {
  margin-right: 75px !important; }

.mb_75 {
  margin-bottom: 75px !important; }

.ml_75 {
  margin-left: 75px !important; }

.m_80 {
  margin: 80px !important; }

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

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

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

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

.m_85 {
  margin: 85px !important; }

.mt_85 {
  margin-top: 85px !important; }

.mr_85 {
  margin-right: 85px !important; }

.mb_85 {
  margin-bottom: 85px !important; }

.ml_85 {
  margin-left: 85px !important; }

.m_90 {
  margin: 90px !important; }

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

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

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

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

.m_95 {
  margin: 95px !important; }

.mt_95 {
  margin-top: 95px !important; }

.mr_95 {
  margin-right: 95px !important; }

.mb_95 {
  margin-bottom: 95px !important; }

.ml_95 {
  margin-left: 95px !important; }

.m_100 {
  margin: 100px !important; }

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

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

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

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

/* ---------- ---------- ---------- ---------- ---------- */
.p_0 {
  padding: 0px !important; }

.pt_0 {
  padding-top: 0px !important; }

.pr_0 {
  padding-right: 0px !important; }

.pb_0 {
  padding-bottom: 0px !important; }

.pl_0 {
  padding-left: 0px !important; }

.p_5 {
  padding: 5px !important; }

.pt_5 {
  padding-top: 5px !important; }

.pr_5 {
  padding-right: 5px !important; }

.pb_5 {
  padding-bottom: 5px !important; }

.pl_5 {
  padding-left: 5px !important; }

.p_10 {
  padding: 10px !important; }

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

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

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

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

.p_15 {
  padding: 15px !important; }

.pt_15 {
  padding-top: 15px !important; }

.pr_15 {
  padding-right: 15px !important; }

.pb_15 {
  padding-bottom: 15px !important; }

.pl_15 {
  padding-left: 15px !important; }

.p_20 {
  padding: 20px !important; }

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

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

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

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

.p_25 {
  padding: 25px !important; }

.pt_25 {
  padding-top: 25px !important; }

.pr_25 {
  padding-right: 25px !important; }

.pb_25 {
  padding-bottom: 25px !important; }

.pl_25 {
  padding-left: 25px !important; }

.p_30 {
  padding: 30px !important; }

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

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

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

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

.p_35 {
  padding: 35px !important; }

.pt_35 {
  padding-top: 35px !important; }

.pr_35 {
  padding-right: 35px !important; }

.pb_35 {
  padding-bottom: 35px !important; }

.pl_35 {
  padding-left: 35px !important; }

.p_40 {
  padding: 40px !important; }

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

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

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

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

.p_45 {
  padding: 45px !important; }

.pt_45 {
  padding-top: 45px !important; }

.pr_45 {
  padding-right: 45px !important; }

.pb_45 {
  padding-bottom: 45px !important; }

.pl_45 {
  padding-left: 45px !important; }

.p_50 {
  padding: 50px !important; }

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

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

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

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

.p_55 {
  padding: 55px !important; }

.pt_55 {
  padding-top: 55px !important; }

.pr_55 {
  padding-right: 55px !important; }

.pb_55 {
  padding-bottom: 55px !important; }

.pl_55 {
  padding-left: 55px !important; }

.p_60 {
  padding: 60px !important; }

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

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

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

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

.p_65 {
  padding: 65px !important; }

.pt_65 {
  padding-top: 65px !important; }

.pr_65 {
  padding-right: 65px !important; }

.pb_65 {
  padding-bottom: 65px !important; }

.pl_65 {
  padding-left: 65px !important; }

.p_70 {
  padding: 70px !important; }

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

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

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

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

.p_75 {
  padding: 75px !important; }

.pt_75 {
  padding-top: 75px !important; }

.pr_75 {
  padding-right: 75px !important; }

.pb_75 {
  padding-bottom: 75px !important; }

.pl_75 {
  padding-left: 75px !important; }

.p_80 {
  padding: 80px !important; }

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

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

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

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

.p_85 {
  padding: 85px !important; }

.pt_85 {
  padding-top: 85px !important; }

.pr_85 {
  padding-right: 85px !important; }

.pb_85 {
  padding-bottom: 85px !important; }

.pl_85 {
  padding-left: 85px !important; }

.p_90 {
  padding: 90px !important; }

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

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

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

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

.p_95 {
  padding: 95px !important; }

.pt_95 {
  padding-top: 95px !important; }

.pr_95 {
  padding-right: 95px !important; }

.pb_95 {
  padding-bottom: 95px !important; }

.pl_95 {
  padding-left: 95px !important; }

.p_100 {
  padding: 100px !important; }

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

.pr_100 {
  padding-right: 100px !important; }

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

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

:root {
  background-color: #fff;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  font-weight: normal;
  line-height: 1.6;
  color: #212121;
  letter-spacing: 0em;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: border-box; }

body {
  position: relative;
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit; }

a {
  color: #212121;
  text-decoration: none;
  transition: color .3s, opacity .3s; }
  a:link {
    color: #212121; }
  a:visited {
    color: #212121; }
  a:hover {
    color: #4E4C4C; }
  a:active {
    color: #212121; }
  a:hover {
    text-decoration: none; }

figure,
figcaption {
  margin: 0;
  vertical-align: middle; }

picture {
  display: block; }

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

table {
  width: 100%;
  border-collapse: collapse; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%; }

.content {
  position: relative;
  box-sizing: content-box;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
  max-width: 1080px; }

.menu {
  height: 20px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  z-index: 99; }
  .menu__line {
    background: #000;
    display: block;
    height: 2px;
    position: absolute;
    transition: transform .3s;
    width: 100%; }
    .menu__line--top.active {
      top: 8px;
      transform: rotate(45deg); }
    .menu__line--center {
      top: 9px; }
      .menu__line--center.active {
        transform: scaleX(0); }
    .menu__line--bottom {
      bottom: 0; }
      .menu__line--bottom.active {
        bottom: 10px;
        transform: rotate(135deg); }

.gnav {
  background: white;
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 98; }
  .gnav__wrap {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%; }
    .gnav__wrap__item {
      margin: 40px 0; }
      .gnav__wrap__item a {
        color: #000;
        font-size: 2em;
        font-weight: bold;
        padding: 40px;
        text-decoration: none;
        transition: .5s; }
        .gnav__wrap__item a:hover {
          color: #000; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  height: 230px;
  padding: 0 40px; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/media_library/consolidate/lp/obm_case/img/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("slick.eot");
  src: url("slick.eot?#iefix") format("embedded-opentype"), url("/media_library/consolidate/lp/obm_case/fonts/slick.woff") format("woff"), url("/media_library/consolidate/lp/obm_case/fonts/slick.ttf") format("truetype"), url("slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.pc_none {
  display: none; }
@media only screen and (max-width: 834px) and (max-width: 670px) {
  .pc_none,
  .pc_none thead,
  .pc_none tbody,
  .pc_none tr,
  .pc_none th,
  .pc_none td {
    display: block; } }

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

.tabsp_disp {
  display: none; }
  @media screen and (max-width: 834px) {
    .tabsp_disp {
      display: block; } }

a:hover {
  opacity: 0.5; }

.btn_red {
  color: #fff;
  background: #B62323;
  border-radius: 5px; }

.btn_red:hover {
  opacity: 0.5; }

em {
  background: #B62323;
  color: #fff; }

a:hover {
  opacity: 0.8;
  cursor: pointer; }

.header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 1px 1px 10px 2px rgba(0, 0, 0, 0.1); }
  .header .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
    height: 70px; }

.headarea {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: url("/media_library/consolidate/lp/obm_case/images/bg_main.png") no-repeat top/cover;
  height: 700px; }
  @media screen and (max-width: 834px) {
    .headarea {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      background: url("/media_library/consolidate/lp/obm_case/images/bg_main_sp.png") no-repeat right top/cover;
      height: 70vh; } }
  @media only screen and (max-width: 670px) {
    .headarea {
      background: url("/media_library/consolidate/lp/obm_case/images/bg_main_sp.png") no-repeat left bottom/cover;
      width: 100%;
      height: 670px;
      padding: 20px 20px 10px 20px; } }
  .headarea_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    width: 100%;
    max-width: 1080px;
    margin: auto; }
    @media only screen and (max-width: 670px) {
      .headarea_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        height: 620px;
        padding: 40px 0 0 0; } }
    .headarea_wrapper h1, .headarea_wrapper h2 {
      font-weight: 700;
      color: #B62323;
      text-shadow: 1px 1px 10px rgba(255, 255, 255, 0.5); }
    .headarea_wrapper h1 {
      font-size: 116px;
      font-size: 7.25rem;
      position: relative;
      top: 40px; }
      @media screen and (max-width: 834px) {
        .headarea_wrapper h1 {
          margin: auto; } }
      @media only screen and (max-width: 670px) {
        .headarea_wrapper h1 {
          font-size: 91px;
          font-size: 5.6875rem;
          top: 60px;
          line-height: 1em;
          margin: 0; } }
      .headarea_wrapper h1 .small {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1;
        font-weight: 700;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl; }
      .headarea_wrapper h1 .mdl {
        font-size: 80px;
        font-size: 5rem;
        font-weight: 700;
        position: relative;
        left: -20px; }
      .headarea_wrapper h1 .context {
        position: relative;
        left: -12px;
        top: -10px; }
        @media only screen and (max-width: 670px) {
          .headarea_wrapper h1 .context {
            position: static; } }
      .headarea_wrapper h1 .big {
        font-size: 173px;
        font-size: 10.8125rem;
        position: relative;
        left: -20px; }
        @media only screen and (max-width: 670px) {
          .headarea_wrapper h1 .big {
            font-size: 136px;
            font-size: 8.5rem; } }
      .headarea_wrapper h1 .notice_mark {
        font-size: 34px;
        font-size: 2.125rem;
        position: relative;
        top: -100px;
        left: -30px; }
        @media screen and (max-width: 834px) {
          .headarea_wrapper h1 .notice_mark {
            position: absolute;
            top: 70px;
            left: 650px; } }
        @media only screen and (max-width: 670px) {
          .headarea_wrapper h1 .notice_mark {
            font-size: 20px;
            font-size: 1.25rem;
            top: -30px;
            left: 250px; } }
    .headarea_wrapper h2 {
      font-size: 40px;
      font-size: 2.5rem;
      position: relative;
      top: 98px; }
      @media screen and (max-width: 834px) {
        .headarea_wrapper h2 {
          margin-right: auto;
          padding: 0 0 0 55px; } }
      @media only screen and (max-width: 670px) {
        .headarea_wrapper h2 {
          font-size: 34px;
          font-size: 2.125rem;
          line-height: 1.1176470588;
          top: 40px;
          margin: 0;
          padding: 0; } }
      .headarea_wrapper h2 span {
        font-size: 30px;
        font-size: 1.875rem; }
        @media only screen and (max-width: 670px) {
          .headarea_wrapper h2 span {
            font-size: 30px;
            font-size: 1.875rem; } }
    .headarea_wrapper h3 {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 700;
      width: 242px;
      position: relative;
      top: 90px;
      color: #FFF;
      background: #B62323;
      border-radius: 6px;
      padding: 7px; }
      @media screen and (max-width: 834px) {
        .headarea_wrapper h3 {
          margin: 0 0 0 55px; } }
      @media only screen and (max-width: 670px) {
        .headarea_wrapper h3 {
          position: relative;
          top: 30px;
          padding: 0;
          margin: 0; } }
    .headarea_wrapper_iconwrapper {
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 834px) {
        .headarea_wrapper_iconwrapper {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center; } }
      @media only screen and (max-width: 670px) {
        .headarea_wrapper_iconwrapper {
          margin: 60px 0 0 0; } }
      .headarea_wrapper_iconwrapper_inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin: 20px 0 0 0; }
        .headarea_wrapper_iconwrapper_inner p {
          font-weight: 700;
          text-align: center;
          margin: 1em 0 0 0; }
          @media only screen and (max-width: 670px) {
            .headarea_wrapper_iconwrapper_inner p {
              font-size: 12px;
              font-size: 0.75rem; } }
      .headarea_wrapper_iconwrapper_inner:nth-child(2) {
        margin-right: 40px;
        margin-left: 40px; }
        @media only screen and (max-width: 670px) {
          .headarea_wrapper_iconwrapper_inner:nth-child(2) {
            margin-right: 20px;
            margin-left: 20px; } }
  .headarea small {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2142857143;
    color: #fff;
    padding: 0 0 10px 10px; }
    @media only screen and (max-width: 670px) {
      .headarea small {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.25;
        color: #5C5C5C;
        padding: 0; } }

.miki {
  width: 100%;
  max-width: 1080px;
  margin: auto; }
  .miki_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 145px 0 180px 0; }
    @media screen and (max-width: 834px) {
      .miki_wrapper {
        margin: 50px 0 110px 0; } }
    @media only screen and (max-width: 670px) {
      .miki_wrapper {
        margin: 30px 0 110px 0; } }
    .miki_wrapper_lead {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: flex-end;
      align-items: flex-end; }
      .miki_wrapper_lead .deco {
        width: 1px;
        height: 45px;
        border: 1px solid #B62323; }
        @media only screen and (max-width: 670px) {
          .miki_wrapper_lead .deco {
            height: 30px; } }
      .miki_wrapper_lead .deco:first-child {
        transform: rotate(-20deg); }
      .miki_wrapper_lead .deco:last-child {
        transform: rotate(20deg); }
      .miki_wrapper_lead h4 {
        font-size: 40px;
        font-size: 2.5rem;
        font-weight: 700;
        margin: 0 20px; }
        @media only screen and (max-width: 670px) {
          .miki_wrapper_lead h4 {
            font-size: 17px;
            font-size: 1.0625rem;
            margin: 0 15px; } }
        .miki_wrapper_lead h4 span {
          font-size: 30px;
          font-size: 1.875rem; }
          @media only screen and (max-width: 670px) {
            .miki_wrapper_lead h4 span {
              font-size: 13px;
              font-size: 0.8125rem; } }
  .miki_introduce {
    position: relative;
    margin: 0 0 140px 0; }
    @media only screen and (max-width: 670px) {
      .miki_introduce {
        margin: 0 0 45px 0; } }
    .miki_introduce_wrapper {
      position: relative;
      max-width: 900px;
      height: 328px;
      background: #212121;
      color: #fff;
      padding: 44px; }
      @media screen and (max-width: 834px) {
        .miki_introduce_wrapper {
          top: 60px; } }
      @media only screen and (max-width: 670px) {
        .miki_introduce_wrapper {
          width: 340px;
          height: auto;
          top: 0;
          right: 0;
          padding: 30px;
          margin: 0 auto 0 0; } }
      .miki_introduce_wrapper_logomiki {
        padding: 0 0 44px; }
        @media screen and (max-width: 834px) {
          .miki_introduce_wrapper_logomiki {
            width: 240px; } }
        @media only screen and (max-width: 670px) {
          .miki_introduce_wrapper_logomiki {
            max-width: 100%;
            padding: 150px 0 44px; } }
      .miki_introduce_wrapper dt {
        font-size: 24px;
        font-size: 1.5rem;
        margin: 0 0 11px 0; }
        @media only screen and (max-width: 670px) {
          .miki_introduce_wrapper dt {
            font-size: 16px;
            font-size: 1rem;
            margin: 0 0 20px 0; } }
      .miki_introduce_wrapper dd {
        font-size: 36px;
        font-size: 2.25rem; }
        @media only screen and (max-width: 670px) {
          .miki_introduce_wrapper dd {
            font-size: 20px;
            font-size: 1.25rem; } }
      .miki_introduce_wrapper_personimg {
        position: absolute;
        right: 0;
        top: -80px; }
        @media only screen and (max-width: 670px) {
          .miki_introduce_wrapper_personimg {
            width: 90%; } }

.qa {
  width: 100%;
  max-width: 1080px;
  margin: auto; }
.qa_firstp {
  margin-bottom: 1.125rem; }
.qa_secondp {
  margin: 0 0 50px 0; }
.qa p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 400;
  padding: 0px 20px; }
.qa h4 {
  font-size: 36px;
  font-size: 2.25rem;
  margin: 0 0 62px 0; }
  @media only screen and (max-width: 670px) {
    .qa h4 {
      font-size: 16px;
      font-size: 1rem;
      margin: 0 0 31px 0; } }
.qa_container {
  position: relative;
  margin-bottom: 100px; }
  @media screen and (max-width: 834px) {
    .qa_container:nth-of-type(2) {
      margin: 0 0 250px 0; } }
  @media only screen and (max-width: 670px) {
    .qa_container:nth-of-type(2) {
      margin: 0 0 400px 0; } }
  @media screen and (max-width: 834px) {
    .qa_container:nth-of-type(3) {
      margin: 0 0 300px 0; } }
  @media only screen and (max-width: 670px) {
    .qa_container:nth-of-type(3) {
      margin: 450px 0 250px 0; } }
  .qa_container:nth-of-type(4) {
    margin: 0 0 200px 0; }
    @media screen and (max-width: 834px) {
      .qa_container:nth-of-type(4) {
        margin: 0 0 550px 0; } }
    @media only screen and (max-width: 670px) {
      .qa_container:nth-of-type(4) {
        margin: 0px 0 300px 0; } }
  .qa_container_wrapper {
    z-index: 99;
    background: url("/media_library/consolidate/lp/obm_case/images/ic_q.svg") no-repeat left top, url("/media_library/consolidate/lp/obm_case/images/ic_a.svg") no-repeat right bottom #FFF;
    padding: 30px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
    .qa_container_wrapper dt {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: 700; }
    .qa_container_wrapper dt:after {
      content: "";
      display: block;
      width: 100%;
      height: 1.8px;
      background-image: linear-gradient(to right, #878787, #878787 3px, transparent 3px, transparent 6px);
      background-size: 8px 1.8px;
      background-position: left bottom;
      background-repeat: repeat-x;
      margin: 15px 0; }
    .qa_container_wrapper dd {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 2;
      font-weight: 400; }
      @media only screen and (max-width: 670px) {
        .qa_container_wrapper dd {
          font-size: 16px;
          font-size: 1rem;
          font-weight: 500; } }
      .qa_container_wrapper dd span {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700; }
        @media only screen and (max-width: 670px) {
          .qa_container_wrapper dd span {
            font-size: 19px;
            font-size: 1.1875rem;
            font-weight: 700; } }
      .qa_container_wrapper dd em {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700; }
        @media only screen and (max-width: 670px) {
          .qa_container_wrapper dd em {
            font-size: 19px;
            font-size: 1.1875rem;
            font-weight: 700; } }
    .qa_container_wrapper_especiallpadding {
      padding-bottom: 15px; }
    .qa_container_wrapper_img_factory {
      position: absolute;
      top: 35px;
      right: 0;
      z-index: 1; }
      @media screen and (max-width: 834px) {
        .qa_container_wrapper_img_factory {
          top: 205px; } }
      @media only screen and (max-width: 670px) {
        .qa_container_wrapper_img_factory {
          width: 280px;
          top: 0; } }
    .qa_container_wrapper_img_person1 {
      position: absolute;
      top: 50px;
      right: 0; }
      @media only screen and (max-width: 670px) {
        .qa_container_wrapper_img_person1 {
          width: 250px;
          top: 0; } }
    .qa_container_wrapper_img_equip {
      position: relative; }
      @media screen and (max-width: 834px) {
        .qa_container_wrapper_img_equip {
          top: 20px; } }
      @media only screen and (max-width: 670px) {
        .qa_container_wrapper_img_equip {
          position: static;
          width: 300px; } }
    .qa_container_wrapper_img_person2 {
      position: relative;
      top: 120px; }
      @media screen and (max-width: 834px) {
        .qa_container_wrapper_img_person2 {
          top: 0; } }
      @media only screen and (max-width: 670px) {
        .qa_container_wrapper_img_person2 {
          position: absolute;
          top: 0;
          width: 250px; } }
.qa .qatop1 {
  position: relative;
  width: 680px; }
  @media only screen and (max-width: 670px) {
    .qa .qatop1 {
      width: 90%;
      top: 120px; } }
.qa .qatop2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 680px;
  margin-left: auto; }
  @media screen and (max-width: 834px) {
    .qa .qatop2 {
      top: 200px; } }
  @media only screen and (max-width: 670px) {
    .qa .qatop2 {
      width: 90%;
      top: 150px;
      right: 0; } }
.qa .qatop3 {
  position: relative;
  max-width: 800px; }
  @media screen and (max-width: 834px) {
    .qa .qatop3 {
      width: 600px;
      top: 200px; } }
  @media only screen and (max-width: 670px) {
    .qa .qatop3 {
      top: 200px;
      width: 90%; } }
.qa .qatop4 {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 800px; }
  @media screen and (max-width: 834px) {
    .qa .qatop4 {
      width: 600px;
      top: 250px; } }
  @media only screen and (max-width: 670px) {
    .qa .qatop4 {
      position: relative;
      top: 230px;
      width: 90%;
      margin-left: auto; } }
.qa .qatop5 {
  width: 100%; }
  @media screen and (max-width: 834px) {
    .qa .qatop5 {
      width: 90%;
      margin: auto; } }

.point {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background: #EFEFEF; }
  .point h4 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
    color: #B62323;
    margin: 100px 0 58px 0; }
    @media only screen and (max-width: 670px) {
      .point h4 {
        font-size: 19px;
        font-size: 1.1875rem;
        font-weight: 700;
        margin: 40px 0 55px 0; } }
  .point_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 45px;
    margin: 0 0 100px 0; }
    @media screen and (max-width: 834px) {
      .point_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        gap: 65px;
        margin: 0 0 55px 0; } }
    .point_wrapper_box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center;
      width: 330px;
      height: 230px;
      background: #fff;
      border: solid 2px #B62323; }
      .point_wrapper_box em {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 700;
        position: relative;
        top: -23px;
        width: 132px;
        height: 47px;
        color: #fff;
        background: #B62323;
        display: block; }
        .point_wrapper_box em span {
          position: relative;
          top: -6px; }
      .point_wrapper_box dt {
        position: relative;
        top: -6px;
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        color: #B62323;
        padding-bottom: 5px; }
      .point_wrapper_box dd {
        position: relative;
        top: -6px;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.3333333333;
        font-weight: 700; }
  .point_lead {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-end;
    align-items: flex-end; }
    .point_lead h5 {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 700;
      color: #B62323;
      padding: 0 20px; }
      @media only screen and (max-width: 670px) {
        .point_lead h5 {
          font-size: 16px;
          font-size: 1rem;
          font-weight: 700; } }
    .point_lead .deco {
      width: 1px;
      height: 38px;
      border: 1px solid #B62323; }
      @media only screen and (max-width: 670px) {
        .point_lead .deco {
          height: 25px; } }
    .point_lead .deco:first-child {
      transform: rotate(-30deg); }
    .point_lead .deco:last-child {
      transform: rotate(30deg); }
  .point #point_btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.5;
    font-weight: 700;
    width: 730px;
    height: 145px;
    color: #fff;
    margin: 30px 0 110px; }
    @media screen and (max-width: 834px) {
      .point #point_btn {
        width: 90%; } }
    @media only screen and (max-width: 670px) {
      .point #point_btn {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 700;
        height: 65px;
        margin: 23px 0 40px; } }

.realize {
  background: url(/media_library/consolidate/lp/obm_case/images/bg_realize.svg) no-repeat;
  background-size: cover;
  width: 100%;
  max-width: 1080px;
  margin: auto;
  text-align: center;
  padding: 0 0 100px 0; }
  .realize_worldicon {
    width: 31px;
    padding: 110px 0 10px 0; }
    @media only screen and (max-width: 670px) {
      .realize_worldicon {
        padding: 64px 0 24px 0; } }
  .realize h4 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700; }
    @media only screen and (max-width: 670px) {
      .realize h4 {
        font-size: 23px;
        font-size: 1.4375rem;
        font-weight: 700; } }
  .realize_wrapper {
    margin: 73px 0 0 0;
    text-align: left; }
    @media screen and (max-width: 1024px) {
      .realize_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 61px 0 44px 0; } }
    .realize_wrapper_box {
      position: relative;
      background: #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: space-between;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      border: 1px solid #D2D2D2;
      border-radius: 5px; }
      @media screen and (max-width: 1024px) {
        .realize_wrapper_box {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          width: 90%; } }
      .realize_wrapper_box span {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 700;
        position: absolute;
        transform: skewX(-20deg);
        top: 10px;
        left: -50px;
        width: 99px;
        height: 52px;
        text-align: center;
        color: #FFF;
        background: #E3B808; }
        @media screen and (max-width: 1024px) {
          .realize_wrapper_box span {
            width: 80px;
            left: -10px; } }
      .realize_wrapper_box strong {
        position: relative;
        display: block;
        transform: skewX(20deg);
        top: -4px; }
      .realize_wrapper_box:nth-of-type(2) {
        margin: 30px 0 30px 0; }
      .realize_wrapper_box dd {
        padding: 0 70px; }
        @media only screen and (max-width: 670px) {
          .realize_wrapper_box dd {
            padding: 0px 35px 0 35px; } }
      .realize_wrapper_box dt {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        width: 522px;
        height: 72px;
        color: #B62323;
        line-height: 1.2;
        background: linear-gradient(to right, #E5E5E5, #FFFFFF);
        padding: 0 0 0 70px; }
        @media screen and (max-width: 1024px) {
          .realize_wrapper_box dt {
            width: 600px;
            height: 72px;
            padding: 0 0 0 90px; } }
        @media only screen and (max-width: 670px) {
          .realize_wrapper_box dt {
            width: 320px; } }
      .realize_wrapper_box ul li {
        list-style-type: none;
        position: relative;
        padding-left: 0.6em;
        margin: 0 0 28px 0; }
        .realize_wrapper_box ul li h5 {
          font-size: 20px;
          font-size: 1.25rem;
          font-weight: 700; }
        .realize_wrapper_box ul li p {
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.6666666667;
          font-weight: 400; }
      .realize_wrapper_box ul li:before {
        border-radius: 50%;
        width: 14px;
        height: 14px;
        display: block;
        position: absolute;
        left: -13px;
        top: 0.6em;
        content: "";
        background: #B62323; }
      .realize_wrapper_box_inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 670px) {
          .realize_wrapper_box_inner {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            align-items: center; } }
        .realize_wrapper_box_inner p {
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 2.5;
          margin: 25px 0 34px 0; }
          @media only screen and (max-width: 670px) {
            .realize_wrapper_box_inner p {
              margin: 0; } }
        @media screen and (min-width: 670px) {
          .realize_wrapper_box_inner p:nth-of-type(2) {
            margin-left: 35px; } }
      .realize_wrapper_box_img {
        padding-right: 50px; }
        @media screen and (max-width: 834px) {
          .realize_wrapper_box_img {
            padding: 0 0 30px 0; } }
      .realize_wrapper_box .cloudtoxlsx {
        width: 195px; }

.infinity {
  width: 100%;
  text-align: center;
  background: #F2F2F2; }
  .infinity_worldicon {
    width: 31px;
    padding: 100px 0 20px 0; }
    @media only screen and (max-width: 670px) {
      .infinity_worldicon {
        padding: 64px 0 24px 0; } }
  .infinity h4 {
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
    margin: 0 0 90px 0; }
    @media screen and (max-width: 834px) {
      .infinity h4 {
        margin: 0 0 48px 0; } }
    @media only screen and (max-width: 670px) {
      .infinity h4 {
        font-size: 23px;
        font-size: 1.4375rem;
        font-weight: 700; } }
  .infinity_slider {
    width: 100%;
    max-width: 1080px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto auto 104px auto; }
    @media screen and (max-width: 834px) {
      .infinity_slider {
        margin: 0 0 104px 0; } }
    .infinity_slider_box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.5;
      font-weight: 700;
      position: relative;
      background: #fff;
      width: 240px;
      height: 200px;
      border-radius: 5px;
      margin-right: 40px; }
      @media screen and (max-width: 834px) {
        .infinity_slider_box {
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.5555555556;
          font-weight: 700;
          top: 30px;
          padding: 10px 0 0px;
          margin: 0 30px; } }
      @media screen and (max-width: 1024px) {
        .infinity_slider_box {
          margin-right: 20px; } }
      @media (min-width: 670px) {
        .infinity_slider_box:nth-of-type(-n+4) {
          margin-bottom: 80px; } }
      @media (min-width: 670px) {
        .infinity_slider_box:nth-of-type(4n) {
          margin-right: 0; } }
      .infinity_slider_box_checkimg {
        position: absolute;
        top: -30px; }
        @media screen and (max-width: 834px) {
          .infinity_slider_box_checkimg {
            position: relative;
            margin: 0 auto; } }
      .infinity_slider_box span {
        color: #B62323; }
      @media only screen and (max-width: 670px) {
        .infinity_slider_box .m-sp_relative {
          position: relative;
          top: -15px; } }
  .infinity_video-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 98px 0; }
    @media screen and (max-width: 834px) {
      .infinity_video-wrapper {
        margin-top: 100px; } }
    @media only screen and (max-width: 670px) {
      .infinity_video-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 0 0; } }
    @media only screen and (max-width: 670px) {
      .infinity_video-wrapper video {
        width: 100%; } }
    .infinity_video-wrapper_inner {
      font-size: 24px;
      font-size: 1.5rem;
      font-weight: 700;
      text-align: left;
      margin: 0 0 0 28px; }
      @media only screen and (max-width: 670px) {
        .infinity_video-wrapper_inner {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: center;
          justify-content: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 18px;
          font-size: 1.125rem;
          font-weight: 700;
          margin: 0 0 42px 0; } }
      .infinity_video-wrapper_inner .comment {
        margin: 0 0 12px 0; }
        @media only screen and (max-width: 670px) {
          .infinity_video-wrapper_inner .comment {
            margin: 0 20px 0 0; } }

#modal-default:hover {
  opacity: 0.6; }

#modal-options {
  color: #fff;
  background: #000;
  padding: 10px; }

.coversion {
  background: url(/media_library/consolidate/lp/obm_case/images/bg_conversion.png) no-repeat center;
  background-size: cover;
  text-align: center; }
  .coversion h4 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    padding: 93px 0 0 0;
    margin: 0 0 60px 0; }
    @media only screen and (max-width: 670px) {
      .coversion h4 {
        font-size: 23px;
        font-size: 1.4375rem;
        font-weight: 700;
        padding: 48px 0 0 0;
        margin: 0 0 40px 0; } }
  .coversion_wrapper {
    width: 100%;
    max-width: 1080px;
    margin: auto; }
    .coversion_wrapper_btnwrapper {
      display: -ms-flexbox;
      display: flex;
      padding: 0 0 100px 0; }
      @media screen and (max-width: 834px) {
        .coversion_wrapper_btnwrapper {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
          flex-direction: column;
          -ms-flex-align: center;
          align-items: center;
          padding: 0 100px 100px 100px; } }
      @media only screen and (max-width: 670px) {
        .coversion_wrapper_btnwrapper {
          padding: 0 0 40px 0; } }
      .coversion_wrapper_btnwrapper a {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.5;
        font-weight: 700;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        border-radius: 5px;
        color: #B62323;
        padding: 48px 45px; }
        @media screen and (max-width: 834px) {
          .coversion_wrapper_btnwrapper a {
            width: 90%; } }
        @media only screen and (max-width: 670px) {
          .coversion_wrapper_btnwrapper a {
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.5;
            font-weight: 700;
            padding: 30px 35px; } }
      .coversion_wrapper_btnwrapper a:last-child {
        margin: 0 0 0 80px; }
        @media screen and (max-width: 834px) {
          .coversion_wrapper_btnwrapper a:last-child {
            margin: 48px 0 0 0; } }

.linktoauditing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  background: #01002B;
  padding: 52px 0 79px;
  text-align: center; }
  .linktoauditing h4 {
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    padding: 0 0 30px 0; }
    @media only screen and (max-width: 670px) {
      .linktoauditing h4 {
        font-size: 23px;
        font-size: 1.4375rem;
        font-weight: 700; } }
  .linktoauditing a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.6666666667;
    font-weight: 700;
    width: 730px;
    background: #fff;
    border-radius: 5px;
    padding: 20px 185px; }
    @media screen and (max-width: 834px) {
      .linktoauditing a {
        width: 90%;
        padding: 20px 100px;
        margin: 0 100px; } }
    @media only screen and (max-width: 670px) {
      .linktoauditing a {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.5;
        font-weight: 700;
        padding: 20px 50px;
        margin: 0; } }

.form {
  text-align: center;
  padding: 55px 0 45px 0; }
  .form h5 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 0 39px 0; }
    @media only screen and (max-width: 670px) {
      .form h5 {
        font-size: 20px;
        font-size: 1.25rem;
        font-weight: 700; } }
  .form_wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 834px) {
      .form_wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; } }
    .form_wrapper p {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: 700;
      margin: 0 0 10px 0; }
      @media only screen and (max-width: 670px) {
        .form_wrapper p {
          font-size: 14px;
          font-size: 0.875rem;
          font-weight: 700; } }
    .form_wrapper small {
      font-size: 18px;
      font-size: 1.125rem; }
    .form_wrapper_web {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0 124px 0 0; }
      @media screen and (max-width: 834px) {
        .form_wrapper_web {
          margin: 0 0 30px 0; } }
      @media only screen and (max-width: 670px) {
        .form_wrapper_web {
          margin: 0; } }
      .form_wrapper_web a {
        font-size: 24px;
        font-size: 1.5rem;
        font-weight: 700;
        background: #B62323;
        border-radius: 5px;
        color: #fff;
        padding: 20px 178px; }
        @media only screen and (max-width: 670px) {
          .form_wrapper_web a {
            font-size: 16px;
            font-size: 1rem;
            width: 90vw;
            padding: 30px;
            margin: 30px 0 30px 0; } }
    .form_wrapper_tel_number {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 16px 0 0 0; }
      .form_wrapper_tel_number img {
        padding: 0 12px 0 0; }
      .form_wrapper_tel_number small {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 400;
        padding: 15px 0 0 0; }
        @media only screen and (max-width: 670px) {
          .form_wrapper_tel_number small {
            font-size: 15px;
            font-size: 0.9375rem;
            font-weight: 400; } }
      .form_wrapper_tel_number .phonenumber {
        font-size: 30px;
        font-size: 1.875rem;
        font-weight: 700;
        color: #B62323; }
        @media screen and (min-width: 670px) {
          .form_wrapper_tel_number .phonenumber {
            pointer-events: none; } }
        .form_wrapper_tel_number .phonenumber:hover {
          opacity: 0.7; }

.brochure_wrapper {
  position: fixed;
  z-index: 999; }

.brochure {
  position: fixed;
  right: 0;
  bottom: 40vh;
  width: 307px;
  height: 170px;
  background: #FFB300;
  text-align: center;
  transition: .5s; }
  @media screen and (max-width: 834px) {
    .brochure {
      bottom: 20px; } }
  @media only screen and (max-width: 670px) {
    .brochure {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 70px;
      bottom: 0; } }
  @media only screen and (max-width: 670px) {
    .brochure a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 10px; } }
  .brochure img {
    position: relative;
    top: -150px;
    height: 240px; }
    @media only screen and (max-width: 670px) {
      .brochure img {
        display: none;
        position: relative;
        height: 90px;
        top: -20px; } }
  .brochure p {
    position: relative;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2777777778;
    font-weight: 700;
    top: -135px; }
    @media only screen and (max-width: 670px) {
      .brochure p {
        position: static; } }

.move_btm {
  transform: translateY(40vh); }

.move_top {
  transform: translateY(-40vh); }

footer {
  background: #B62323;
  color: #fff;
  text-align: center;
  padding: 15px; }
  @media only screen and (max-width: 670px) {
    footer {
      padding: 10px; } }
  footer small {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 300; }

/*# sourceMappingURL=style.css.map */