@charset "UTF-8";

/* --------------------------------
	over write
-------------------------------- */
body > iframe,
body > img,
body > span { position: absolute; top: 0px; }
.global_header { width: auto; }
.global_footer { width: auto; }
.mrss { width: auto; }
.mrss .c_header { background-color: #f1f0ef; margin-top: 12px; padding-left: 0; height: auto; }
.mrss .c_header .container { background-color: #f1f0ef; margin-top: 0; max-width: 1174px; height: 76px; }
.mrss .c_header .container .default .title1 { padding-top: 16px; }
.mrss .c_header .container .default .title2 { padding-left: 18px; padding-top: 14px; }
.w1200 #module_breadcrumbs { margin-left: auto; margin-right: auto; padding-left: 13px; padding-right: 13px; max-width: 1174px; }
@media screen and (max-width: 767px) {
.global_footer { margin-top: 0; }
.mrss .c_header { margin-top: 0; }
.mrss .c_header .container { background-color: #f1f0ef; margin-top: 0; max-width: 1174px; height: auto; }
}

/* --------------------------------
	container
-------------------------------- */
.container { position: relative; margin-right: auto; margin-left: auto; padding: 0 13px; max-width: 1200px; }
@media screen and (max-width: 767px) {
.container { position: relative; margin-right: auto; margin-left: auto; padding: 0 25px; max-width: 1200px; }
}

/* --------------------------------
	view
-------------------------------- */
.PCinline { display: inline; }
.SPinline { display: none; }
@media screen and (max-width: 767px) {
.PCinline { display: none; }
.SPinline { display: inline; }
}

/* --------------------------------
	introduction
-------------------------------- */
.introduction { overflow: hidden; position: relative; margin: 0 auto; padding: 0 13px; max-width: 1200px; }
@media screen and (max-width: 767px) {
.introduction { overflow: hidden; position: relative; margin: 0; padding: 0; max-width: none; height: auto !important; min-height: 300px; }
}

/* --------------------------------
	intro_wrap
-------------------------------- */
.intro_wrap { display: none; overflow: hidden; position: relative; height: 100%; }
@media screen and (max-width: 767px) {
.intro_wrap { display: none; overflow: hidden; position: relative; height: 100%; }
}

/* --------------------------------
	intro_flex
-------------------------------- */
.intro_flex { color: #ffffff; display: flex; text-align: center; height: 100%; }
.intro_flex .flex_cell { background-color: #000000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; width: 25%; cursor: pointer; height: 100%; }
.intro_flex.selected .flex_cell { width: 12.5%; }
.intro_flex.selected .flex_cell.selected { background-color: #000000; width: 50%; cursor: default; }
.intro_flex .flex_cell .flex_bg { opacity: 0.5; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.intro_flex.selected .flex_cell .flex_bg { opacity: 0.5; }
.intro_flex.selected .flex_cell.selected .flex_bg { opacity: 1; }
.intro_flex .flex_link { position: relative; margin-top: 60px; width: 100%; z-index: 2; }
.intro_flex .flex_link p { font-size: 1.33em; font-weight: 700; line-height: 1.2; position: absolute; bottom: calc(100% + 20px); left: 0px; width: 100%; }
.intro_flex.selected .flex_link p { opacity: 0; }
.intro_flex.selected .flex_cell.selected .flex_link p { color: #222222; text-shadow: 1px 1px 2px #fff, 1px 1px 2px #fff; opacity: 1; }
.intro_flex .flex_link ul { display: flex; justify-content: center; opacity: 0; }
.intro_flex.selected .flex_cell.selected .flex_link ul { opacity: 1; }
.intro_flex .flex_link ul li { margin: 0 13px; }
.intro_flex .flex_link ul li a { background-color: rgba(255,255,255,0.7); border: 1px solid rgba(213,0,0,1); color: rgba(213,0,0,1); display: block; font-size: 1em; font-weight: 700; position: relative; pointer-events: none; }
.intro_flex.selected .flex_cell.selected .flex_link ul li a { pointer-events: auto; }
.intro_flex .flex_link ul li a span { border: 1px solid rgba(213,0,0,0); display: block; padding: 17px 0; width: 10.5em; }
.intro_flex .flex_link ul li a.selected { background-color: rgba(213,0,0,1); text-decoration: none; }
.intro_flex .flex_link ul li a.selected span { border: 1px solid rgba(213,0,0,1); }
.intro_flex .flex_cell .flex_img { opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.intro_flex .flex_cell .flex_bg img,
.intro_flex .flex_cell .flex_img img { opacity: 0; width: 1px; height: 1px; }

.intro_flex .flex_cell:nth-of-type(1) .flex_bg { background: url(/ldm/slim/simulator/img/introduction/office_office_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell:nth-of-type(2) .flex_bg { background: url(/ldm/slim/simulator/img/introduction/shop_boutique_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell:nth-of-type(3) .flex_bg { background: url(/ldm/slim/simulator/img/introduction/restaurant_cafe_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell:nth-of-type(4) .flex_bg { background: url(/ldm/slim/simulator/img/introduction/hotel_entrance_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell:nth-of-type(5) .flex_bg { background: url(/ldm/slim/simulator/img/introduction/hospital_consulting_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_office_01 { background: url(/ldm/slim/simulator/img/introduction/office_office_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_office_02 { background: url(/ldm/slim/simulator/img/introduction/office_meeting_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_office_03 { background: url(/ldm/slim/simulator/img/introduction/office_lounge_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_shop_01 { background: url(/ldm/slim/simulator/img/introduction/shop_boutique_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_shop_02 { background: url(/ldm/slim/simulator/img/introduction/shop_variety_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_shop_03 { background: url(/ldm/slim/simulator/img/introduction/shop_hairsalon_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_restaurant_01 { background: url(/ldm/slim/simulator/img/introduction/restaurant_cafe_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_restaurant_02 { background: url(/ldm/slim/simulator/img/introduction/restaurant_japanese_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_restaurant_03 { background: url(/ldm/slim/simulator/img/introduction/restaurant_western_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_hotel_01 { background: url(/ldm/slim/simulator/img/introduction/hotel_entrance_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_hotel_02 { background: url(/ldm/slim/simulator/img/introduction/hotel_hall_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_hotel_03 { background: url(/ldm/slim/simulator/img/introduction/hotel_public_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_hospital_01 { background: url(/ldm/slim/simulator/img/introduction/hospital_consulting_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_hospital_02 { background: url(/ldm/slim/simulator/img/introduction/hospital_waiting_base.jpg) center center no-repeat; background-size: cover; }
.intro_flex .flex_cell .flex_img.flex_hospital_03 { background: url(/ldm/slim/simulator/img/introduction/hospital_dental_base.jpg) center center no-repeat; background-size: cover; }
@media screen and (min-width: 768px) and (max-width: 1200px) {
.intro_flex .flex_link p { font-size: 1.5714vw; }
.intro_flex .flex_link ul li { margin: 0 0.9285vw; }
.intro_flex .flex_link ul li a { font-size: 1.2vw; }
.intro_flex .flex_link ul li a span { padding: 1.4285vw 0; }
}
@media screen and (min-width: 768px) {
.intro_flex.selected .flex_cell { background-color: #000000; }
.intro_flex .flex_cell .flex_bg { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intro_flex .flex_link p { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intro_flex .flex_link ul { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intro_flex .flex_link ul a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.intro_flex.selected .flex_cell:hover { background-color: #000000; }
.intro_flex .flex_cell:hover .flex_bg { opacity: 1; }
.intro_flex.selected .flex_cell:hover .flex_bg { opacity: 1; }
.intro_flex.selected .flex_cell:hover .flex_link p { opacity: 1; color: #222222; text-shadow: 1px 1px 2px #fff, 1px 1px 2px #fff; }
.intro_flex .flex_link ul li a:hover { background-color: rgba(213,0,0,1); color: #ffffff; text-decoration: none; }
.intro_flex .flex_link ul li a:hover span { border: 1px solid rgba(213,0,0,1); }
.intro_flex .flex_cell .flex_img { -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.intro_flex .flex_cell .flex_img.hover { opacity: 1; }
}
@media screen and (max-width: 767px) {
.intro_flex { color: #ffffff; display: block; text-align: center; height: auto; }
.intro_flex .flex_cell { background-color: #000000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; align-items: center; justify-content: center; overflow: hidden; position: relative; padding: 50px 0 35px 0; width:auto; cursor: pointer; height: auto; }
.intro_flex .flex_cell:nth-of-type(4) { padding: 32px 0 17px 0; }
.intro_flex.selected .flex_cell { width: auto; }
.intro_flex.selected .flex_cell.selected { background-color: #000000; width: auto; cursor: default; }
.intro_flex .flex_cell .flex_bg { opacity: 0.5; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.intro_flex.selected .flex_cell .flex_bg { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0.5; }
.intro_flex.selected .flex_cell.selected .flex_bg { opacity: 1; }
.intro_flex .flex_link { position: relative; margin-top: 0; width: 100%; z-index: 2; }
.intro_flex .flex_link p { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 1.0714em; font-weight: 700; line-height: 18px; position: relative; bottom: auto; left: auto; width: auto; }
.intro_flex.selected .flex_link p { opacity: 1; }
.intro_flex.selected .flex_cell.selected .flex_link p { color: #222222; text-shadow: 1px 1px 2px #fff, 1px 1px 2px #fff; opacity: 1; }
.intro_flex .flex_link ul { display: block; justify-content: center; opacity: 0; overflow: hidden; margin-top: 15px; height: 0px; }
.intro_flex .flex_link ul { -webkit-transition: all 0.3s ease; transition: all 0.5s ease; }
.intro_flex.selected .flex_cell.selected .flex_link ul { opacity: 1; height: 185px; }
.intro_flex .flex_link ul li { margin: 10px 0 0 0; }
.intro_flex .flex_link ul li:first-child { margin: 0; }
.intro_flex .flex_link ul li a { background-color: rgba(255,255,255,0.7); border: 1px solid rgba(213,0,0,1); color: rgba(213,0,0,1); display: inline-block; font-size: 0.9285em; font-weight: 700; line-height: 48px; position: relative; pointer-events: none; }
.intro_flex.selected .flex_cell.selected .flex_link ul li a { pointer-events: auto; }
.intro_flex .flex_link ul li a span { border: 1px solid rgba(213,0,0,0); display: block; padding: 0; width: 15em; }
.intro_flex .flex_link ul li a.selected { background-color: rgba(213,0,0,0.5); text-decoration: none; }
.intro_flex .flex_link ul li a.selected span { border: 1px solid rgba(213,0,0,1); }
.intro_flex .flex_cell .flex_img { opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
}

/* --------------------------------
	intro_step
-------------------------------- */
.intro_step.PCstep { display: block; }
.intro_step.SPstep { display: none; }
.intro_step p { font-size: 0; line-height: 0; }
.intro_step p img { width: 100%; }
@media screen and (max-width: 767px) {
.intro_step.PCstep { display: none; }
.intro_step.SPstep { display: block; padding: 0; }
.intro_step p { font-size: 0; line-height: 0; }
.intro_step p img { width: 100%; }
}


/* ---- loading ---- */
.loading_view {
  position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.loading_view .loading_anim {
  color: #000000;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load4 {
  0%,
  100% {
    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
            box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
            box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
            box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@keyframes load4 {
  0%,
  100% {
    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
            box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
            box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
            box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
            box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@media screen and (max-width: 767px) {
  .loading_view {
  }
.loading_view .loading_anim {
  color: #000000;
  font-size: 10px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
}

/* ---- /loading ---- */