/*! ========================================================================
===========================================================================

	roomplan.css
	---------------------------
	// Last modified: 2024/12/05 15:20:30

===========================================================================
======================================================================== */
body {
  overflow-x: visible !important;
}
@media screen and (max-width:800px) {
  body {
    overflow-x: visible !important;
  }
}

html {
  overflow-x: visible !important;
}
@media screen and (max-width:800px) {
  html {
    overflow-x: visible !important;
  }
}

.p_pageMain {
  background-color: #fff;
}

figcaption {
  text-align: right;
  padding: 9px 6px 0 0;
  color: #333;
}
figcaption.inimg {
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: #fff;
}

.bg_bk {
  background-color: #000;
  color: #fff;
}
.bg_bk figcaption {
  color: #fff;
}

.biganime {
  position: relative;
  top: 0;
  left: 0;
}
.biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.biganime {
  opacity: 0;
  transform: scale(1.1);
  transition: 3s ease 0.2s;
}
.biganime.active {
  opacity: 1;
  transform: scale(1);
  transition: 3s ease 0.2s;
}

#section_back {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../img/main_pc.jpg) no-repeat center;
  background-size: cover;
  transform: scale(1.2);
  transition: all 2.5s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  filter: blur(10px);
}
#section_back.active {
  transform: scale(1);
  filter: blur(0px);
}
@media screen and (max-width:800px) {
  #section_back {
    background: url(../img/main_sp.jpg) no-repeat center;
    background-size: cover;
  }
}
#section_back .titles {
  width: 11.6%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.6s linear 0.01s;
  opacity: 0;
}
#section_back .titles.active {
  opacity: 1;
}
@media screen and (max-width:800px) {
  #section_back .titles {
    width: 40%;
  }
}
#section_back .masks {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  z-index: 1;
  transition: all 1.2s linear 0.01s;
}
#section_back .masks.active1 {
  background-color: rgba(0, 0, 0, 0);
  transition: all 2s linear 0.01s;
}
#section_back .masks.active {
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 1.2s linear 0.01s;
}
#section_back .scrolls {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  font-weight: 700;
  text-align: center;
  width: 100px;
  color: #fff;
  z-index: 5;
  animation: tenmetsu 2s infinite;
}
@keyframes tenmetsu {
  50% {
    opacity: 0;
  }
}

#section01 {
  position: relative;
  width: 100%;
  height: 100vh;
}
#section01 figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 8px;
  color: #000;
}
@media screen and (max-width:800px) {
  #section01 {
    height: 75vh;
  }
}

#section01b {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: transparent;
}
#section01b figcaption {
  position: absolute;
  top: calc(100% + 0.25em);
  right: 8px;
  color: #000;
}
@media screen and (max-width:800px) {
  #section01b {
    height: 50vh;
  }
}

#section02 {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

#section03 {
  overflow: hidden;
  position: relative;
  z-index: 2;
  background-color: #000;
}

#section04 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 100px 0;
}
@media screen and (max-width:800px) {
  #section04 {
    padding: 14vw 0;
  }
}
#section04 figcaption.heads {
  position: absolute;
  top: 0.25em;
  right: 0.5em;
}
#section04 .section__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
}
#section04 .clumbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 100px;
}
@media screen and (max-width:800px) {
  #section04 .clumbox {
    margin-bottom: 50px;
  }
}
#section04 .clumbox .left {
  width: 50%;
}
@media screen and (max-width:800px) {
  #section04 .clumbox .left {
    width: 100%;
    margin-bottom: 5vw;
  }
}
#section04 .clumbox .left .h3ttls {
  width: 100%;
  text-align: left;
  letter-spacing: 0.25em;
  line-height: 210%;
}
@media screen and (max-width:800px) {
  #section04 .clumbox .left .h3ttls {
    letter-spacing: 0.15em;
    line-height: 180%;
  }
}
#section04 .clumbox .right {
  width: 45.5%;
  text-align: left;
}
@media screen and (max-width:800px) {
  #section04 .clumbox .right {
    width: 100%;
  }
}
@media screen and (max-width:800px) {
  #section04 .clumbox .right {
    letter-spacing: 0em;
    line-height: 180%;
    margin-bottom: 7.5vw;
  }
}
#section04 .clumbox .right ul {
  width: 100%;
  margin-bottom: 1em;
}
#section04 .clumbox .right ul li {
  line-height: 210%;
}
#section04 .clumbox .right .boxtext {
  padding: 0.5em 0;
  width: 100%;
  text-align: center;
  border: 1px solid #b1a991;
  background-color: #b1a991;
  color: #fff;
  border-radius: 5px;
}
#section04 .clumbox .right .boxtext .minis {
  text-align: center;
  margin-bottom: 0em;
  line-height: 120%;
}
#section04 .clumbox .right .boxtext .bigs {
  text-align: center;
}
#section04 .photobox {
  width: 100%;
  position: relative;
  margin-top: 130px;
}
@media screen and (max-width:800px) {
  #section04 .photobox {
    margin-top: 15vw;
  }
  #section04 .photobox figure {
    width: 112%;
    margin-left: -6%;
    margin-right: -6%;
  }
}
#section04 .attensminis {
  text-align: right;
  padding-top: 0.5em;
}
#section04 .clumbox2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 45px;
}
@media screen and (max-width:800px) {
  #section04 .clumbox2 {
    margin-top: 10vw;
  }
}
#section04 .clumbox2 .left {
  width: 50%;
}
@media screen and (max-width:800px) {
  #section04 .clumbox2 .left {
    width: 100%;
    margin-bottom: 7.5vw;
  }
}
#section04 .clumbox2 .left .h2ttls {
  width: 100%;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 210%;
}
@media screen and (max-width:800px) {
  #section04 .clumbox2 .left .h2ttls {
    letter-spacing: 0.05em;
    line-height: 180%;
  }
}
#section04 .clumbox2 .left .h3ttls {
  width: 100%;
  text-align: left;
  letter-spacing: 0.25em;
  line-height: 210%;
}
@media screen and (max-width:800px) {
  #section04 .clumbox2 .left .h3ttls {
    letter-spacing: 0.2em;
    line-height: 180%;
  }
}
#section04 .clumbox2 .right {
  width: 45.5%;
  text-align: left;
}
@media screen and (max-width:800px) {
  #section04 .clumbox2 .right {
    width: 100%;
  }
}
#section04 .clumbox2 .right ul {
  width: 100%;
  margin-bottom: 1em;
}
#section04 .clumbox2 .right ul li {
  line-height: 210%;
}
#section04 .clumbox2 .right .boxtext {
  padding: 0.5em 0;
  width: 100%;
  text-align: center;
  border: 1px solid #666;
}
#section04 .clumbox2 .right .boxtext .minis {
  text-align: center;
  margin-bottom: 0em;
  line-height: 120%;
}
#section04 .clumbox2 .right .boxtext .bigs {
  text-align: center;
}
#section04 .clumbox3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 45px;
}
@media screen and (max-width:800px) {
  #section04 .clumbox3 {
    margin-top: 10vw;
  }
}
#section04 .clumbox3 .left {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (max-width:800px) {
  #section04 .clumbox3 .left {
    margin-bottom: 7.5vw;
  }
}
#section04 .clumbox3 .left .h2ttls {
  width: 100%;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 210%;
}
@media screen and (max-width:800px) {
  #section04 .clumbox3 .left .h2ttls {
    letter-spacing: 0.05em;
    line-height: 180%;
  }
}
#section04 .clumbox3 .left .h3ttls {
  width: 100%;
  text-align: left;
  letter-spacing: 0.25em;
  line-height: 210%;
}
@media screen and (max-width:800px) {
  #section04 .clumbox3 .left .h3ttls {
    letter-spacing: 0.2em;
    line-height: 180%;
  }
}
#section04 .clumbox3 .right {
  width: 100%;
  text-align: left;
}
@media screen and (max-width:800px) {
  #section04 .clumbox3 .right {
    width: 100%;
  }
}
#section04 .clumbox3 .right ul {
  width: 100%;
  margin-bottom: 1em;
}
#section04 .clumbox3 .right ul li {
  line-height: 210%;
}
#section04 .clumbox3 .right .boxtext {
  padding: 0.5em 0;
  width: 100%;
  text-align: center;
  border: 1px solid #666;
}
#section04 .clumbox3 .right .boxtext .minis {
  text-align: center;
  margin-bottom: 0em;
  line-height: 120%;
}
#section04 .clumbox3 .right .boxtext .bigs {
  text-align: center;
}
#section04 .clumbox3 .right .base_text {
  line-height: 180%;
}

#section05 {
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#lastattens {
  padding: 1.5em;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

/*************************************************/
#section_wasabi_uper {
  /*background-color: #000;*/
  position: relative;
  z-index: 20;
}

#section_wasabi_downer {
  /*background-color: #000;*/
  background-color: #e5e4e3;
  position: relative;
  z-index: 20;
}

.overs {
  overflow: hidden;
  background-color: #000;
}

#section_wasabi {
  width: 100%;
  position: relative;
  z-index: 25;
}
#section_wasabi .centerpos {
  width: 100%;
  height: 5px;
  /*
  background-color: #f00;
  */
  position: -webkit-sticky;
  position: sticky;
  top: calc(50vh + 0px);
  left: 0;
}
@media screen and (max-width:800px) {
  #section_wasabi .centerpos {
    top: calc(50vh + 0px);
  }
}
#section_wasabi .section_wasabi__in {
  width: 100%;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in {
    height: auto;
  }
}
#section_wasabi .section_wasabi__in .base_00 {
  position: relative;
  /*
  background-color: rgba(0,255,0,0.2);
  */
  height: 100vh;
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in .base_00 {
    /*height: 146vw;*/
  }
}
#section_wasabi .section_wasabi__in ul.contenas {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100%;
  color: #fff;
  align-items: center;
}
#section_wasabi .section_wasabi__in ul.contenas li.list00 {
  width: 100vw;
  height: 100vh;
  /*background: url(../../images/slider_first_pc.jpg)no-repeat center;
  background-size: cover;
  transform: scale(0.75);
      */
  opacity: 0;
  transition: all 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.01s;
}
#section_wasabi .section_wasabi__in ul.contenas li.list00.active {
  opacity: 1;
  transform: scale(1);
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in ul.contenas li.list00 {
    width: 282vw;
    height: 323px;
  }
}
#section_wasabi .section_wasabi__in ul.contenas li.list00 .minis {
  position: absolute;
  z-index: 15;
  color: #fff;
  bottom: 8px;
  right: 8px;
}
#section_wasabi .section_wasabi__in ul.contenas li.list01 {
  width: 1834px;
  height: 100vh;
  background-color: #e5e4e3;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in ul.contenas li.list01 {
    /*width: 282vw;*/
  }
}
#section_wasabi .section_wasabi__in ul.contenas li.list01 .list01__in {
  width: 100%;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in ul.contenas li.list01 .list01__in {
    width: 100%;
  }
}
#section_wasabi .section_wasabi__in ul.contenas li.list01 .list01__in__copy {
  width: 21.96%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
#section_wasabi .section_wasabi__in ul.contenas li.list02 {
  width: 100vw;
  height: 100vh;
  background-color: #e5e4e3;
  display: flex;
  align-items: center;
  padding: 30px;
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in ul.contenas li.list02 {
    padding: 3.5vw;
  }
}
#section_wasabi .section_wasabi__in ul.contenas li.list02 .list02__in {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 10vw;
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in ul.contenas li.list02 .list02__in {
    width: 100%;
  }
}
#section_wasabi .section_wasabi__in ul.contenas li.list02 .list02__in__in {
  width: 100%;
  position: relative;
}
#section_wasabi .section_wasabi__in ul.contenas li.list02 .list02__in__in--title {
  border-bottom: 1px solid #666;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 2.5em auto;
  padding-bottom: 0.5em;
  position: relative;
  z-index: 5;
  color: #000;
  text-align: center;
}
#section_wasabi .section_wasabi__in ul.contenas li.list02 .list02__in__in--img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
#section_wasabi .section_wasabi__in ul.contenas li.list02 .list02__in__in--attens {
  color: #000;
  margin-top: 100px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
}
#section_wasabi .section_wasabi__in ul.contenas li.list03 {
  width: 0px;
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in ul.contenas li.list03 {
    width: 0vw;
  }
}
#section_wasabi .section_wasabi__in ul.contenas li.list04 {
  width: 0px;
}
@media screen and (max-width:800px) {
  #section_wasabi .section_wasabi__in ul.contenas li.list04 {
    width: 0vw;
  }
}

/***********************************/
/*************************************************/
#section_wasabi_uper2 {
  background-color: #fff;
  position: relative;
  z-index: 20;
}

#section_wasabi_downer2 {
  background-color: #fff;
  position: relative;
  z-index: 20;
}

.overs {
  overflow: hidden;
  background-color: #000;
}

#section_wasabi2 {
  width: 100%;
  position: relative;
  background-color: #fff;
  z-index: 25;
}
#section_wasabi2 .centerpos {
  width: 100%;
  height: 5px;
  /*
  background-color: #f00;
  */
  position: -webkit-sticky;
  position: sticky;
  top: calc(50vh + 0px);
  left: 0;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .centerpos {
    top: calc(50vh + 0px);
  }
}
#section_wasabi2 .section_wasabi__in {
  width: 100%;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in {
    height: auto;
  }
}
#section_wasabi2 .section_wasabi__in .base_00 {
  position: relative;
  /*
  background-color: rgba(0,255,0,0.2);
  */
  height: 100vh;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in .base_00 {
    height: 146vw;
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100%;
  color: #fff;
  align-items: center;
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list00 {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  /*
  background: url(../../images/slider_first_pc.jpg)no-repeat center;
  background-size: cover;
  transform: scale(0.75);
      */
  opacity: 1;
  transition: all 1.25s cubic-bezier(0.65, 0, 0.35, 1) 0.01s;
  position: relative;
  display: flex;
  align-items: center;
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list00 .list00__in {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  color: #000;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list00 .list00__in {
    width: 80%;
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list00 .list00__in .h2ttls {
  width: 100%;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 210%;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list00 .list00__in .h2ttls {
    letter-spacing: 0.05em;
    line-height: 180%;
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list00 .list00__in .h3ttls {
  width: 100%;
  text-align: left;
  letter-spacing: 0.25em;
  line-height: 210%;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list00 .list00__in .h3ttls {
    letter-spacing: 0.2em;
    line-height: 180%;
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list00.active {
  opacity: 1;
  transform: scale(1);
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list00 {
    width: 100vw;
    /*height: 323px;*/
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list00 .minis {
  position: absolute;
  z-index: 15;
  color: #fff;
  bottom: 8px;
  right: 8px;
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list01 {
  width: 2395px;
  margin-left: -50vw;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list01 {
    /*width: 282vw;*/
    width: 1395px;
    margin-left: 0;
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list01 .list01__in {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding: 30px;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list01 .list01__in {
    width: 100%;
    max-width: 1870px;
    padding: 5vw;
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list02 {
  margin-left: 0vw;
  width: 0px;
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list03 {
  width: 0px;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list03 {
    width: 0vw;
  }
}
#section_wasabi2 .section_wasabi__in ul.contenas li.list04 {
  width: 0px;
}
@media screen and (max-width:800px) {
  #section_wasabi2 .section_wasabi__in ul.contenas li.list04 {
    width: 0vw;
  }
}

#backs {
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 100px 0;
}
@media screen and (max-width:800px) {
  #backs {
    padding: 50px 0;
  }
}

.botansclosebox {
  text-align: center;
  margin-top: 80px;
}
@media screen and (max-width:800px) {
  .botansclosebox {
    margin-top: 40px;
  }
}
.botansclosebox a {
  display: inline-block;
  line-height: 100%;
  padding: 1.4em 0;
  width: 270px;
  text-align: center;
  border: 1px solid #666;
}

/***************************************/
#equipment_section_connect {
  width: 100%;
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding-top: 100px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect {
    padding-top: 50px;
  }
}
#equipment_section_connect .section__ins {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
}
#equipment_section_connect h2 {
  text-align: left;
  color: #927141;
  margin-bottom: 80px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect h2 {
    margin-bottom: 20px;
  }
}
#equipment_section_connect h2 .tagline {
  margin-bottom: 0.75em;
}
#equipment_section_connect h2 figure {
  width: 59%;
  margin-bottom: 0.5em;
}
@media screen and (max-width:800px) {
  #equipment_section_connect h2 figure {
    width: 100%;
  }
}
#equipment_section_connect h2 .sub {
  text-align: left;
}
#equipment_section_connect .mainimg {
  width: 100%;
}
#equipment_section_connect figcaption {
  text-align: right;
  padding-top: 0.5em;
  margin-bottom: 35px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect figcaption {
    margin-bottom: 20px;
  }
}
#equipment_section_connect figcaption.las {
  text-align: right;
  padding-top: 0.5em;
  margin-bottom: 0px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect figcaption.las {
    margin-bottom: 0px;
  }
}
#equipment_section_connect .logo01 {
  width: 45%;
  max-width: 242px;
  margin: 0 auto 45px 0;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .logo01 {
    margin: 0 auto 15px 0;
  }
}
#equipment_section_connect .base_text {
  line-height: 200%;
  margin-bottom: 110px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .base_text {
    margin-bottom: 50px;
  }
}
#equipment_section_connect h3 {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #999;
  margin-bottom: 40px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect h3 {
    padding-bottom: 0.25em;
    margin-bottom: 20px;
  }
}
#equipment_section_connect h3.seconds {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #999;
  margin-bottom: 40px;
  margin-top: 180px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect h3.seconds {
    margin-top: 40px;
    padding-bottom: 0.25em;
    margin-bottom: 20px;
  }
}
#equipment_section_connect h3.therd {
  padding-bottom: 0.25em;
  border-bottom: 1px solid #999;
  margin-bottom: 40px;
  margin-top: 30px;
}
@media screen and (max-width:800px) {
  #equipment_section_connect h3.therd {
    margin-top: 40px;
    padding-bottom: 0.25em;
    margin-bottom: 20px;
  }
}
#equipment_section_connect .clums {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid #999;
  align-items: flex-start;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums.no_sp_line {
    border-bottom: 0px solid #999;
  }
}
#equipment_section_connect .clums.no_pcsp_line {
  border-bottom: 0px solid #999;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums.no_pcsp_line {
    border-bottom: 0px solid #999;
  }
}
#equipment_section_connect .clums .logolong {
  width: 100%;
  margin-bottom: 1em;
}
#equipment_section_connect .clums .logolong figure {
  width: 23.78%;
}
#equipment_section_connect .clums .items {
  width: 48.5%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#equipment_section_connect .clums .items .titles {
  width: 100%;
  color: #927141;
  margin-bottom: 0.5em;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums .items .titles {
    width: 100%;
    order: 2;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    letter-spacing: -0.1em;
  }
}
#equipment_section_connect .clums .items .text {
  width: 51.75%;
  line-height: 180%;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums .items .text {
    width: 100%;
    order: 3;
  }
}
#equipment_section_connect .clums .items .text_long {
  width: 100%;
  line-height: 180%;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums .items .text_long {
    width: 100%;
    order: 3;
  }
}
#equipment_section_connect .clums .items .photo {
  width: 42.75%;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums .items .photo {
    width: 100%;
    order: 1;
  }
}
#equipment_section_connect .clums .items .deli {
  width: 40%;
  display: none;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums .items .deli {
    display: block;
    order: 4;
  }
}
#equipment_section_connect .clums .items .deli2 {
  width: 60%;
  margin-left: 0;
  margin-right: auto;
  margin-top: 0.5em;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums .items .deli2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0%;
    display: block;
    order: 4;
  }
}
#equipment_section_connect .clums .items .deli3 {
  width: 35%;
  margin-left: auto;
  margin-right: 0;
  margin-top: 0.5em;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .clums .items .deli3 {
    width: 35%;
    margin-left: 0;
    margin-right: auto;
    display: block;
  }
}
#equipment_section_connect .photocap {
  position: relative;
}
#equipment_section_connect .photocap .las {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  text-align: right;
  letter-spacing: -0.05em;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .photocap .las {
    top: auto;
    bottom: 4px;
    right: 8px;
    color: #000;
    font-size: 60%;
  }
}
#equipment_section_connect .lastaten {
  width: 100%;
  margin-top: 100px;
  letter-spacing: -0.05em;
}
@media screen and (max-width:800px) {
  #equipment_section_connect .lastaten {
    margin-top: 50px;
  }
}

#section_plan_scroll {
  width: 100%;
  background-color: #fff;
  position: relative;
}
#section_plan_scroll .section__in {
  width: 90%;
  max-width: 1230px;
  margin: 0 auto;
  background-color: rgba(255, 0, 0, 0.2);
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width:800px) {
  #section_plan_scroll .section__in {
    height: auto;
    align-items: flex-start;
  }
}
#section_plan_scroll .section__in .zu {
  width: 46.75%;
  background-color: #d1d0cb;
  display: flex;
  align-items: center;
}
@media screen and (max-width:800px) {
  #section_plan_scroll .section__in .zu {
    width: 100%;
  }
}
#section_plan_scroll .section__in .zu ul {
  position: relative;
}
#section_plan_scroll .section__in .zu ul li.zu01 {
  width: 100%;
  position: relative;
  transition: all 0.3s linear 0.01s;
  opacity: 0;
}
#section_plan_scroll .section__in .zu ul li.zu01.active {
  opacity: 1;
}
#section_plan_scroll .section__in .zu ul li.zu02, #section_plan_scroll .section__in .zu ul li.zu03, #section_plan_scroll .section__in .zu ul li.zu04, #section_plan_scroll .section__in .zu ul li.zu05, #section_plan_scroll .section__in .zu ul li.zu06, #section_plan_scroll .section__in .zu ul li.zu07, #section_plan_scroll .section__in .zu ul li.zu08, #section_plan_scroll .section__in .zu ul li.zu09 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s linear 0.01s;
  opacity: 0;
}
#section_plan_scroll .section__in .zu ul li.zu02.active, #section_plan_scroll .section__in .zu ul li.zu03.active, #section_plan_scroll .section__in .zu ul li.zu04.active, #section_plan_scroll .section__in .zu ul li.zu05.active, #section_plan_scroll .section__in .zu ul li.zu06.active, #section_plan_scroll .section__in .zu ul li.zu07.active, #section_plan_scroll .section__in .zu ul li.zu08.active, #section_plan_scroll .section__in .zu ul li.zu09.active {
  opacity: 1;
}
#section_plan_scroll .section__in .text {
  width: 53.25%;
  background-color: #fff;
  display: flex;
  align-items: center;
}
@media screen and (max-width:800px) {
  #section_plan_scroll .section__in .text {
    width: 100%;
    align-items: flex-start;
    padding-top: 3em;
  }
}
#section_plan_scroll .section__in .text ul {
  position: relative;
  width: 100%;
}
#section_plan_scroll .section__in .text ul li.zu01 {
  width: 100%;
  position: relative;
  transition: all 0.3s linear 0.01s;
  opacity: 0;
  text-align: center;
}
#section_plan_scroll .section__in .text ul li.zu01.active {
  opacity: 1;
}
#section_plan_scroll .section__in .text ul li.zu02, #section_plan_scroll .section__in .text ul li.zu03, #section_plan_scroll .section__in .text ul li.zu04, #section_plan_scroll .section__in .text ul li.zu05, #section_plan_scroll .section__in .text ul li.zu06, #section_plan_scroll .section__in .text ul li.zu07, #section_plan_scroll .section__in .text ul li.zu08, #section_plan_scroll .section__in .text ul li.zu09 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s linear 0.01s;
  opacity: 0;
  text-align: center;
}
#section_plan_scroll .section__in .text ul li.zu02.active, #section_plan_scroll .section__in .text ul li.zu03.active, #section_plan_scroll .section__in .text ul li.zu04.active, #section_plan_scroll .section__in .text ul li.zu05.active, #section_plan_scroll .section__in .text ul li.zu06.active, #section_plan_scroll .section__in .text ul li.zu07.active, #section_plan_scroll .section__in .text ul li.zu08.active, #section_plan_scroll .section__in .text ul li.zu09.active {
  opacity: 1;
}
#section_plan_scroll .hbox00 {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
@media screen and (max-width:800px) {
  #section_plan_scroll .hbox00 {
    padding-top: 15vh;
  }
}
#section_plan_scroll .hbox00.active {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 25;
}
#section_plan_scroll .hbox00.active2 {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
#section_plan_scroll .hbox01, #section_plan_scroll .hbox02, #section_plan_scroll .hbox03, #section_plan_scroll .hbox04, #section_plan_scroll .hbox05, #section_plan_scroll .hbox06, #section_plan_scroll .hbox07, #section_plan_scroll .hbox08, #section_plan_scroll .hbox09 {
  width: 100%;
  height: 85vh;
  min-height: 550px;
  /*background-color: rgba(0,200,0,0.5);*/
}
#section_plan_scroll .hbox01, #section_plan_scroll .hbox03, #section_plan_scroll .hbox05, #section_plan_scroll .hbox07 {
  width: 100%;
  height: 85vh;
  min-height: 550px;
  /*background-color: rgba(0,0,255,0.5);*/
}
#section_plan_scroll .hbox99 {
  width: 100%;
  height: 0;
}

.fade__side1 {
  -webkit-transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1) 0.01s;
  transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1) 0.01s;
  opacity: 0;
}
.fade__side1.active {
  opacity: 1;
}

.fade__side2 {
  -webkit-transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1) 0.01s;
  transition: all 0.6s cubic-bezier(0.37, 0, 0.63, 1) 0.01s;
  opacity: 0;
}
.fade__side2.active {
  opacity: 1;
}/*# sourceMappingURL=connect.css.map */