/* showroom  */
/*---------------------------------------------
    page_titArea
---------------------------------------------*/
.showroom__page .page_titArea {
  padding-bottom: 0;
}

.showroom__page .page__mv--left {
  margin-bottom: 100px;
}

.page__mv--btn {
  display: block;
  margin: 0 auto;
}

.showroom__page .page__mvwrap {
  background: linear-gradient(transparent 0%, transparent 50%, #F7F4F0 50%, #F7F4F0 100%);
}

@media screen and (max-width: 750px) {
  .showroom__page .page__mv--left {
    margin-bottom: 10vw;
  }

  .showroom__page .page__mvwrap {
    background: linear-gradient(transparent 0%, transparent 30%, #F7F4F0 30%, #F7F4F0 100%);
  }
}

/*---------------------------------------------
 sr-concept 
---------------------------------------------*/
.conc__flex {
  padding: 100px 0;
  position: relative;
}

.conc__flex::before {
  content: "";
  position: absolute;
  width: 200%;
  height: 100%;
  background: #F7F4F0;
  right: 75%;
  top: 0;
  z-index: -1;
}

.conc__left {
  width: 50%;
}

.conc__right {
  width: 50%;
}

.conc__txt {
  max-width: 350px;
  margin: 0 auto 50px;
}

.conc__btn.-max {
  display: block;
  margin: 0 auto;
  background: #D54103;
  color: #fff;
  border-color: #D54103;
}


.conc__btn.-max:hover {
  color: #D54103;
  background: none;
}

.conc__ttl--en {
  font-size: 20rem;
  color: #F7F4F0;
  letter-spacing: .2em;
  line-height: .75;
  right: 0;
  top: 0;
  z-index: -1;
}

.conc__img {
  max-width: 350px;
  margin: 0 auto 80px;

}

.conc__img figcaption {
  margin-top: 1em;
  line-height: 2;
}

@media screen and (max-width: 750px) {
  .sr-concept {
    padding-bottom: 0;
  }

  .conc__lead {
    text-align: justify;
  }

  .conc__flex {
    padding: 20vw 0 10vw;
    position: relative;
  }

  .conc__flex::before {
    right: 75%;
    top: 0;
  }

  .conc__left {
    width: 100%;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }

  .conc__right {
    width: 100%;
  }

  .conc__txt {

    margin: 0 auto 5vw;
    line-height: 2.5;
  }

  .conc__btn {
    display: block;
    margin: 0 auto;
  }

  .conc__ttl--en {
    position: relative;
    transform: none;
    font-size: 20vw;
    right: auto;
    top: auto;
    text-align: right;
    margin: 5vw 0 0;
  }

  .conc__img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 10vw;
    flex-direction: row-reverse;
  }

  .conc__img img {
    width: 50%;
  }

  .conc__img figcaption {
    width: 45%;
  }
}


/*---------------------------------------------
 sr-intro
---------------------------------------------*/
.sr-intro {
  padding-bottom: 0;
}

.intro__h3 {
  background: #3D4F72;
  color: #fff;
  padding: .25em 1em;
}

.intro__atc {
  max-width: 1920px;
  margin: 0 auto 200px;
  position: relative;
}

.intro__atc::before {
  content: "";
  position: absolute;
  width: 35%;
  height: 730px;
  background-color: #F7F4F0;
  right: 0;
  top: 350px;
  z-index: -1;
}

.intro__atc:last-child {
  margin-bottom: 0;
}

.intro__copy {
  max-width: 1120px;
  margin: 0 auto 80px;
}

.intro__top--img {
  max-width: 1120px;
  width: 59%;

}

.intor__h5 {
  font-size: 7rem;
  letter-spacing: .2em;
  line-height: 1;
  top: 0;
  left: 70%;
  transform: translate(-50%);
}

.intro__mid {
  align-items: flex-end;
}

.intro__mid--left {
  width: 50%;
}

.intro__mid--img {
  width: 45%;
}

.intro__mide--txtwrap {
  max-width: 560px;
  margin: 0 0 0 auto;
  padding: 2em 0 0;
}

.intro__txtbox {
  padding: 2em 5%;
}

.intro__items01 .intro__item {
  width: 32%;
  max-width: 350px;
}


.intro__btm--ttl {
  margin: .5em 0 .25em;
  padding-left: .75em;
  position: relative;
}

.intro__btm--ttl .dot {
  position: absolute;
  left: 0;
  top: 1.2em;
}

.intro__items02 .intro__item {
  width: 48%;
  max-width: 530px;
}

.intro__atc:nth-child(3) .intro__items02 .intro__item {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}

.intro__atc:nth-child(3) .intro__items02 .intro__btm--img {
  width: 48%;
}

.intro__atc:nth-child(3) .intro__items02 .intro__btm--txtwrap {
  width: 50%;
}

.intro__atc:nth-child(3) .intro__items02 .intro__btm--ttl {
  margin-top: 0;
}

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


  .intro__atc {
    max-width: 1920px;
    margin: 0 auto 20vw;
  }

  .intro__atc::before {
    width: 35%;
    height: 100vw;
    right: 0;
    top: 50vw;
  }

  .intro__copy {
    max-width: 1120px;
    padding: 0 5%;
    margin: 0 auto 10vw;
  }

  .intro__top--img {
    width: 100%;

  }

  .intor__h5 {
    font-size: 12vw;
    top: 0;
    left: auto;
    right: 0;
    transform: none;
  }


  .intro__mid--left {
    width: 90%;
    margin: 0 auto 10vw;
  }

  .intro__mid--img {
    width: 106%;
    margin: 0 0 10vw 0;
  }

  .intro__mide--txtwrap {
    max-width: none;
    margin: 0 auto;
    padding: 2em 0 0;
  }

  .intro__txtbox {
    padding: 1em 5%;
  }

  .intro__mid--txt {
    padding-right: 2em;
  }

  .intro__items01 .intro__item {
    width: 100%;
    max-width: none;
    margin: 0 auto 10vw;
  }

  .intro__items01 .intro__item:last-child {
    margin-bottom: 0;
  }

  .intro__items02 .intro__item {
    width: 100%;
    max-width: none;
    margin: 0 auto 10vw;
  }

  .intro__items02 .intro__item:last-child {
    margin-bottom: 0;
  }

  .intro__btm--img img {
    object-fit: cover;
    height: 53vw;
  }

  .intro__atc:nth-child(3) .intro__items02 .intro__item {
    display: block;
  }

  .intro__atc:nth-child(3) .intro__items02 .intro__btm--img {
    width: 100%;
  }

  .intro__atc:nth-child(3) .intro__items02 .intro__btm--txtwrap {
    width: 100%;
  }

  .intro__atc:nth-child(3) .intro__items02 .intro__btm--ttl {
    margin-top: .5em;
  }

}

/*---------------------------------------------
sr-meeting
---------------------------------------------*/
.sr-meeting {
  padding-bottom: 0;
}

.meet__top--img {
  width: 50%;
}

.meeet__atc {
  margin-bottom: 80px;
}

.meeet__atc:last-child {
  margin-bottom: 0;
}

.meet__img {
  width: 48%;
  max-width: 530px;
}

.meet__txtwrap {
  width: 50%;
}

@media screen and (max-width: 750px) {
  .meet__top {
    display: flex;
    width: 112%;
    margin-left: -6%;
  }

  .meet__top--img {
    width: 100%;
  }

  .meeet__atc {
    margin-bottom: 15vw;
  }

  .meet__img {
    width: 100%;
    max-width: none;
  }

  .meet__txtwrap {
    width: 100%;
  }

}

/*---------------------------------------------
 sr-other
---------------------------------------------*/
.sr-other {
  padding-bottom: 0;
}

.other__atc {
  margin-bottom: 80px;
}

.other__atc:last-child {
  margin-bottom: 0;
}

.other__img {
  width: 48%;
  max-width: 530px;
}

.other__txtwrap {
  width: 50%;
}

.other__txtbox {
  padding: 2em 5%;
}

.other__ul {
  list-style: disc;
  padding-left: 1.5em;
}

.other__ul li {
  line-height: 2;
}

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

  .other__atc {
    margin-bottom: 15vw;
  }

  .other__img {
    width: 100%;
    max-width: none;
  }

  .other__txtwrap {
    width: 100%;
    margin-bottom: 5vw;
  }

  .other__txtbox {
    padding: 1em 5%;
  }

  .other__ttl {
    font-size: 7vw;
  }

}

/*---------------------------------------------
 sr-access
---------------------------------------------*/
.sr-access {
  padding-bottom: 0;
}

.acc__left {
  width: 50%;
}

.sr-access iframe {
  width: 50%;
  height: 630px;
}

.acc__left--inner {
  max-width: 560px;
  margin: 0 0 0 auto;
  padding: 0 4% 0 2%;
}

.acc__box {
  padding: 2em 5%;
}

.acc__btm--left {
  width: 50%;
}

.acc__map {
  width: 40%;
  max-width: 380px;
}

@media screen and (max-width: 750px) {
  .acc__left {
    width: 100%;
    margin-bottom: 15vw;
  }

  .sr-access iframe {
    width: 100%;
    height: 300px;
  }

  .acc__left--inner {
    max-width: none;
    margin: 0 auto;
    padding: 0 5%;
  }

  .acc__box {
    padding: 1em 5%;
  }

  .acc__btm--left {
    width: 100%;
    margin-bottom: 5vw;
  }

  .acc__map {
    width: 100%;
    margin: 0 auto;
  }
}