section {
  margin-top: 150px;
}

#firstView .slider {
margin: 0; 
}

.ttl_original {
  text-align: center;
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 40px 0;
}
.ttl_original span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

#firstView {
  display: flex;
}

#firstView .left {
  width: 400px;
  height: calc(100vh - 85px);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding-bottom: 50px;
  background-color: #ffffff;
  box-sizing: border-box;
  /* box-shadow: 2px 0 4px #b9b9b9; */
  z-index: 1;
}

#firstView .left ul li {
  position: relative;
  text-align: center;
}

#firstView .left ul li, #firstView .left ul li a {
  font-size: 26px;
  font-weight: bold;
}

#firstView .left ul li span, #firstView .left ul li a span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

#firstView .left ul li .sub_menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: max-content;
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 2px 0 4px #b9b9b9;
}
#firstView .left ul li ul.sub_menu li {
  text-align: left;
}
#firstView .left ul li ul.sub_menu li a {
  font-size: 14px;
  font-weight: normal;
}

#firstView .left ul li .l-sns-navi-list {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-top: 20px;
}

#firstView .l-sns-navi-list__item.original_line {
  width: 18px;
    font-size: 0;
}

#firstView .l-sns-navi-list__item.original_line a {
  font-size: 0;
}

#firstView .right {
  width: calc(100% - 400px);
  height: calc(100vh - 85px);
}

#firstView .right .original_slick img {
  height: calc(100vh - 85px);
  object-fit: cover;
  width: 100%;
}

#banner {
  margin-top: 100px;
}

#banner .innerBlock {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #banner {
    margin-top: 8vw;
  }
}


#simulator .simulatorBlock {
  width: 900px;
  margin: auto;
  position: relative;
}
#simulator .simulatorImg {
  width: 60%;
}
#simulator .simulatorText {
position: absolute;
  top: 50%;
  right: 0;
  background-color: rgba(227,230,237,0.9);
  padding: 6% 4%;
  transform: translateY(-50%);
}
#simulator .simulatorText h2 {
  margin: 0 0 0.5em;
  line-height: 1.3;
}


#infomation {
  background-color: #e3e6ed;
  padding: 70px 0;
}
#infomation ul li {
  border-top: 1px solid #222222;
  padding: 25px 20px;
  font-weight: bold;
}
#infomation ul li:last-child {
  border-bottom: 1px solid #222222;
}
#infomation ul li .date {
  display: block;
}

#service .serviceBox {
  text-align: center;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #service .serviceBox h3 {
  font-size: 4.9vw;
}
}
#service .serviceBox p {
  font-size: 14px;
}
#service .serviceBox p a {
  text-decoration: underline;
}
#service .serviceBox .imgBox {
  margin: 50px 0;

}
#service .serviceBox .imgBox img {
      box-shadow: 4px 4px 2px #b9b9b9;
}
#service .serviceBox .notis {
  font-weight: bold;
}


@media screen and (max-width: 767px) {

  section {
      margin-top: 100px;
  }
  #firstView {
      display: block;
  }
  #firstView .left {
      display: none;
  }
  #firstView .right {
      width: 100%;
      height: auto;
  }
  #simulator .innerBlock .left .leftBox {
      padding-top: 4em;
      padding-bottom: 4em;
  }
  #firstView .right .original_slick img {
      height: auto;
  }
  #simulator .simulatorBlock {
      width: 100%;
  }
#simulator .simulatorImg {
  width: 100%;
}
#simulator .simulatorText {
  position: static;
  transform: none;
  text-align: center;
}
#simulator .simulatorText h2 {
}
#simulator .simulatorText p {
  font-size: 3.3vw;
}


}


#recommend ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}

@media only screen and (max-width: 750px) {
  #recommend ul li {
      width: 50%;
  }
}




/******************************/
/* SLIDER */
/******************************/
/* @media screen and (max-width: 1030px) {
  .slider {
      margin-left: -20px;
      margin-right: -20px;
      position: relative;
  }
}

#slider div {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#slider>div {
  display: none;
}

.bx-viewport #slider>div {
  display: block;
}

.bx-wrapper {
  z-index: 0;
}

.bx-wrapper img {
  width: 100%;
  height: auto;
}

.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: 0 !important;
  left: 0 !important;
}

.bx-wrapper .bx-pager {
  bottom: -27px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0 3px !important;
  padding-top: 15px;
  width: 25px !important;
  height: 1px !important;
  background: transparent !important;
  border-bottom: 1px solid #cccccc;
  border-radius: 0 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: transparent !important;
  border-bottom: 1px solid #000000;
} */