/* 202412 add */
.sr-concept-hero__r img {
  display: block;
  width: 100%;
  height: auto;
}

.sr-concept-sptext img {
  display: block;
  width: 87%;
  height: auto;
  margin: auto;
}

.sp-hidden__br {
  display: none;
}

@media (max-width: 768px) {
  .sp-hidden__br {
    display: block;
  }
}

.sr-concept-thumb__inner {
  padding-left: 5px;
  padding-right: 5px;
  width: 100%
}

.sr-about-box__thumb {
  aspect-ratio: 1 / 1;
  border-radius: 1000px;
  overflow: hidden;
}

.sr-about-box .sr-about-box__thumb img {
  object-fit: cover;
  height: 100%;
  width: 100%;

}

.sr-concept-hero__l {

  text-align: center;
}

.sr-concept-hero__l img {
  width: 100%;
}

.sr-concept-hero__r.sr-text--ms {

  margin-bottom: 40px;
  margin-top: 30px;
}

/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-2.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./src/css/showroom.css ***!
  \******************************************************************************************************************************************************************/
body {
  font-family: Noto Sans JP, sans-serif
}

[v-cloak] {
  visibility: hidden
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.showroom {
  color: #333
}

.showroom img {
  height: auto;
  max-width: 100%;
}

.sr-font-en {
  font-family: Montserrat, sans-serif
}

.sr-inner,
.sr-top-bgblock__inner {
  margin: 0 auto
}

.sr-bg--yellow {
  background-color: #fcfbf5
}

.sr-bg--gray {
  background-color: #f9f9f9
}

.sr-shadowbox {
  background: #fff;
  border-radius: 12px;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  width: 100%
}

.sr-thumbbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-thumbbox__l img {
  border-radius: 12px;
  width: 100%
}

.sr-thumbbox__text {
  margin-top: 1em
}

.sr-pagenav {
  background-color: #fff;
  border-bottom: 4px solid #00267d;
  left: 0;
  padding-top: 1em;
  position: sticky;
  z-index: 10
}

.sr-pagenav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 30px
}

.sr-pagenav__title {
  color: #00267d;
  font-weight: 700;
  position: relative
}

.sr-pagenav-list,
.sr-pagenav-list__li a,
.sr-pagenav-list__li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-pagenav-list__li a,
.sr-pagenav-list__li span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border-radius: 4px 4px 0 0;
  color: #fff;
  font-weight: 700;
  justify-content: center;
  letter-spacing: .05em;
  line-height: 1;
  text-align: center
}

.sr-pagenav-list__li .is-current,
.sr-pagenav-list__li span {
  background-color: #00267d
}

.sr-pagenav-list__li .is-current:hover,
.sr-pagenav-list__li span:hover {
  color: #fff;
  opacity: .7;
  -webkit-text-decoration: none;
  text-decoration: none
}

.sr-pagenav-list__li a {
  background-color: #ccc;
  -webkit-text-decoration: none;
  text-decoration: none
}

.sr-pagenav-list__li a:hover {
  color: #0f67b8;
  opacity: .7;
  -webkit-text-decoration: none;
  text-decoration: none
}

.sr-hero {
  position: relative
}

.sr-hero__li,
.sr-hero__li img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.sr-hero__li img {
  -o-object-fit: cover;
  object-fit: cover
}

.sr-hero__li {
  -webkit-animation: kv-slide-3 18s infinite;
  animation: kv-slide-3 18s infinite;
  opacity: 0
}

.sr-hero__li:first-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.sr-hero__li:nth-child(2) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s
}

.sr-hero__li:nth-child(3) {
  -webkit-animation-delay: 12s;
  animation-delay: 12s
}

.sr-hero__li.type4 {
  -webkit-animation: kv-slide-4 24s infinite;
  animation: kv-slide-4 24s infinite;
  opacity: 0
}

.sr-hero__li.type4:first-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}

.sr-hero__li.type4:nth-child(2) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s
}

.sr-hero__li.type4:nth-child(3) {
  -webkit-animation-delay: 12s;
  animation-delay: 12s
}

.sr-hero__li.type4:nth-child(4) {
  -webkit-animation-delay: 18s;
  animation-delay: 18s
}

@-webkit-keyframes kv-slide-3 {
  0% {
    opacity: 0
  }

  10% {
    opacity: 1
  }

  30% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes kv-slide-3 {
  0% {
    opacity: 0
  }

  10% {
    opacity: 1
  }

  30% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes kv-slide-4 {
  0% {
    opacity: 0
  }

  10% {
    opacity: 1
  }

  30% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes kv-slide-4 {
  0% {
    opacity: 0
  }

  10% {
    opacity: 1
  }

  30% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

.sr-herobox {
  background: #fff;
  border-radius: 12px;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  position: relative;
  z-index: 2
}

.sr-herobox__title {
  text-align: center
}

.sr-herobox__desc {
  line-height: 2;
  margin-top: 1em
}

.sr-herobox__upper {
  border-radius: 12px 12px 0 0
}

.sr-herobox__lower {
  background: #f9f9f9;
  border-radius: 0 0 12px 12px
}

.sr-about-header,
.sr-herobox-btnlist {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.sr-about-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 1
}

.sr-about-clm3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-about-box__title {
  font-weight: 700;
  text-align: center
}

.sr-about-box__text {
  margin-top: 1em;
  text-align: center
}

.sr-about-slider .swiper-pagination {
  bottom: 0 !important;
  margin-top: 6px;
  position: relative;
  top: 0 !important
}

.sr-about-slider .swiper-button-next:after,
.sr-about-slider .swiper-button-prev:after {
  color: #1981c3
}

.sr-about-slider .swiper-pagination-bullet-active {
  background: #1981c3
}

.sr-faq-list {
  border-bottom: 1px solid #ddd
}

.sr-faq-acd {
  background: #fff;
  border-radius: 12px;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  overflow: hidden
}

.sr-faq-acd__btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  position: relative
}

.sr-faq-acd__btn,
.sr-faq-acd__btn:hover {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.sr-faq-acd__btn:hover {
  opacity: .7
}

.sr-faq-acd__btn:before {
  background: url(/sites/default/files/shared_contents/showroom/assets/common/img/icon-arrow-d-blue.svg) no-repeat;
  background-position: 50%;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 1em;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  width: 1em;
  z-index: 1
}

input:checked+.sr-faq-acd__btn:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sr-faq-acd__btn__r {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 1.5;
  padding-right: 2em
}

.sr-faq-acd__trg {
  background: #00267d;
  color: #fff;
  max-height: 0
}

.sr-faq-acd__trg,
input:checked+.sr-faq-acd__btn+.sr-faq-acd__trg {
  -webkit-transition: max-height .3s ease;
  transition: max-height .3s ease
}

input:checked+.sr-faq-acd__btn+.sr-faq-acd__trg {
  max-height: 1000px
}

.sr-faq-acd__trginner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-faq-acd__trg__r {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.sr-faq-acd__trg a {
  color: inherit;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.sr-faq-acd__trg a:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.sr-btnclm1__li {
  margin: 0 auto
}

.sr-title--category {
  color: #00267d;
  font-weight: 700;
  text-align: center
}

.sr-title--category small {
  color: #333;
  display: block
}

.sr-title--line,
.sr-title--logo {
  text-align: center
}

.sr-title--line {
  position: relative
}

.sr-title--line:before {
  background: #ddd;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.sr-title--line>span {
  background: #fff;
  display: inline-block;
  position: relative;
  text-align: center;
  z-index: 1
}

.sr-title--lg,
.sr-title--md,
.sr-title--xl {
  font-weight: 700
}

.sr-text--md,
.sr-text--mdl,
.sr-text--ml,
.sr-text--ms,
.sr-text--msl,
.sr-text--sm,
.sr-text--xl {
  line-height: 2
}

.sr-button,
.sr-button--blue,
.sr-button--white {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  line-height: 1.1;
  padding: .85em .5em;
  position: relative;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.sr-button--blue:hover,
.sr-button--white:hover,
.sr-button:hover {
  opacity: .8;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.sr-button--white {
  background: #fff;
  border-color: #1981c3;
  color: #1981c3
}

.sr-button--white:hover {
  color: #1981c3
}

.sr-button--blue {
  background: #1981c3;
  border-color: #1981c3;
  color: #fff
}

.sr-button--blue[target=_blank]:before {
  background: url(/sites/default/files/shared_contents/showroom/assets/common/img/icon-blank-white.svg) no-repeat;
  background-position: 50%;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 1em;
  margin: auto;
  position: absolute;
  right: 1em;
  top: 0;
  width: 1em;
  z-index: 1
}

.sr-button--blue:hover {
  color: #fff
}

.sr-table {
  border-bottom: 1px solid #ccc;
  line-height: 1.5;
  text-align: left;
  width: 100%
}

.sr-table tr {
  border-top: 1px solid #ccc
}

.sr-table th {
  background: #f9f9f9;
  font-weight: 700;
  padding: 1.2em 1.5em
}

.sr-table td {
  background: #fff;
  padding: 1.2em 1.5em
}

.sr-table small {
  color: #888
}

.sr-ul {
  list-style: none
}

.sr-ul--disc {
  list-style: disc
}

.sr-ol {
  list-style: none
}

.sr-ol--disc {
  list-style: disc
}

.sr-ol i {
  color: #e60013;
  font-style: normal;
  margin-right: .5em
}

.sr-liveoffice-desc {
  margin-bottom: 2em
}

.sr-liveoffice-clm2 {
  border-bottom: 1px solid #ddd
}

.sr-liveoffice-clm2__title {
  margin-bottom: 1em
}

.sr-liveoffice-clm2__r>img {
  border-radius: 12px
}

.sr-liveoffice-clm2__clm {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.sr-liveoffice-clm2__clm__li {
  margin: 20px 30px 0
}

.sr-liveoffice-clm2__caution {
  color: #888;
  text-align: center
}

.sr-liveoffice-footer__r>img {
  border-radius: 12px
}

.sr-textlink {
  display: inline-block;
  padding-right: 1em;
  position: relative;
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.sr-textlink:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.sr-textlink>i {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-end;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1em;
  justify-content: center;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
  z-index: 1
}

.sr-textlink>i svg {
  height: auto;
  width: 80%
}

.sr-color--red {
  color: #c03
}

.sr-indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-indent>i {
  font-style: normal;
  width: 1em
}

.sr-indent>span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.sr-align-c {
  text-align: center
}

.sr-margin-t--1em {
  margin-top: 1em
}

.sr-margin-t--2em {
  margin-top: 2em
}

.sr-margin-b--1em {
  margin-bottom: 1em
}

.sr-margin-b--2em {
  margin-bottom: 2em
}

.sr-breadcrumb {
  background: #f1f1f1;
  border-top: 1px solid #fff;
  padding: 1em 0
}

.sr-breadcrumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-breadcrumb-list__li {
  position: relative
}

.sr-breadcrumb-list__li a {
  -webkit-text-decoration: underline;
  text-decoration: underline
}

.sr-breadcrumb-list__li a:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.sr-breadcrumb-list__li+.sr-breadcrumb-list__li {
  margin-left: 2em
}

.sr-breadcrumb-list__li+.sr-breadcrumb-list__li:before {
  bottom: 0;
  content: ">";
  display: block;
  left: -1em;
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 1
}

.sr-followmenu {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background: #1981c3;
  bottom: 0;
  font-size: min(3.2vw, 24px);
  font-weight: 700;
  justify-content: space-between;
  left: 0;
  min-height: 50px;
  position: sticky;
  width: 100%;
  z-index: 9
}

.sr-followmenu,
.sr-followmenu__li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-followmenu__li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px
}

.sr-followmenu__li.type1 {
  font-size: min(3.73333vw, 28px)
}

.sr-followmenu__li.type1 a:before {
  background: url(/sites/default/files/shared_contents/showroom/assets/common/img/label-reverve.svg) no-repeat;
  background-position: 50%;
  background-size: contain;
  content: "";
  display: block;
  height: 3em;
  margin-right: .5em;
  width: 3em
}

.sr-followmenu__li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%
}

.sr-followmenu__li a:after {
  background: url(/sites/default/files/shared_contents/showroom/assets/common/img/icon-blank-white.svg) no-repeat;
  background-position: 50%;
  background-size: contain;
  content: "";
  display: block;
  height: 1em;
  width: 1em
}

.sr-followmenu__li span {
  line-height: 1.2;
  margin-right: .5em
}

.sr-followmenu__li+.sr-followmenu__li a {
  border-left: 1px solid #fff
}

.sr-followmenu__totop {
  background: #00267d;
  width: 50px
}

.sr-followmenu__totop,
.sr-followmenu__totop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-followmenu__totop a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%
}

.sr-followmenu__totop a:before {
  background: url(/sites/default/files/shared_contents/showroom/assets/common/img/icon-arrow-d-white.svg) no-repeat;
  background-position: 50%;
  background-size: contain;
  content: "";
  display: block;
  height: 1em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 1em
}

.sr-followmenu__totop a>span {
  display: none
}

.p-page-top {
  display: none !important
}

.sr-top-srnav {
  width: 100%
}

.sr-top-srnav__title>span {
  background: #f9f9f9;
  display: inline-block
}

.sr-concept-hero__r,
.sr-concept-sptext {
  line-height: 2.28571
}

.sr-concept-sptext {
  text-align: center
}

.sr-concept-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column
}

.sr-concept-box,
.sr-concept-box__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-concept-box__thumb {
  position: relative
}

.sr-concept-box__thumb:before {
  content: "";
  display: block;
  padding-bottom: 77.56098%
}

.sr-concept-box__thumb img {
  bottom: 0;
  left: 0;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.sr-concept-subtitle>span {
  background: #fcfbf5
}

.sr-top-slider .swiper-slide img {
  border-radius: 12px
}

.sr-point-box1__thumb img {
  height: auto;
  width: 100%
}

.sr-point-box1__text {
  line-height: 1.66667
}

.sr-point-box2 {
  background: #fff;
  border-radius: 12px;
  -webkit-filter: drop-shadow(0 0 9px rgba(0, 0, 0, .06));
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, .06))
}

.sr-point-box2.type-alt {
  background: #f9f9f9;
  -webkit-filter: none;
  filter: none
}

.sr-point-box2__title {
  font-weight: 700;
  line-height: 1.66667
}

.type-alt .sr-point-box2__title {
  color: #888
}

.sr-point-box2__text {
  line-height: 1.83333;
  text-align: left
}

.type-alt .sr-point-box2__text {
  color: #888
}

.sr-accessbox {
  background: #fff;
  border-radius: 12px;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .1));
  position: relative;
  z-index: 2
}

.sr-accessbox__dl,
.sr-accessbox__dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.sr-accessbox__dl dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #00267d;
  color: #fff;
  justify-content: center;
  padding: .35em 0;
  width: 6em
}

.sr-accessbox__text {
  line-height: 1.85;
  margin-top: 1.5em
}

.sr-accessbox__btnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.75em
}

.sr-accessbox__upper {
  border-radius: 12px 12px 0 0
}

.sr-accessbox__upper__r img {
  border-radius: 12px
}

.sr-accessbox__lower {
  background: #f9f9f9;
  border-radius: 0 0 12px 12px
}

.sr-accesscaution__l {
  color: #c03
}

.sr-accesscaution__r {
  color: #c03;
  line-height: 1.85
}

@media (min-width:769px) {

  .sr-inner,
  .sr-top-bgblock__inner {
    max-width: 1160px;
    padding: 0 30px
  }

  .sr-section {
    padding: 60px 0
  }

  .sr-section .sr-section {
    margin-top: 60px;
    padding: 0
  }

  .sr-title--line+.sr-section {
    padding: 10px 0 60px
  }

  .sr-shadowbox {
    margin-top: 50px;
    padding: 40px
  }

  .sr-thumbbox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .sr-thumbbox+.sr-thumbbox {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px
  }

  .sr-thumbbox__l {
    width: 31.37255%
  }

  .sr-thumbbox__r {
    width: 64.90196%
  }

  .sr-pagenav {
    top: 0
  }

  .sr-pagenav__inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    font-size: min(3vw, 32px);
    justify-content: space-between;
    letter-spacing: .05em;
    line-height: 70px
  }

  .sr-pagenav-list {
    max-width: 68%;
    width: 100%
  }

  .sr-pagenav-list__li {
    margin-right: 14px;
    width: 32%
  }

  .sr-pagenav-list__li a,
  .sr-pagenav-list__li span {
    font-size: min(2.2vw, 20px);
    height: 67px
  }

  .sr-hero {
    height: 400px
  }

  .sr-herobox {
    margin-top: -150px
  }

  .sr-herobox__desc {
    text-align: center
  }

  .sr-herobox__upper {
    padding: 40px 10px
  }

  .sr-herobox__lower {
    padding: 0 20px
  }

  .sr-herobox-btnlist {
    padding: 20px 10px
  }

  .sr-herobox-btnlist__li {
    width: 222px
  }

  .sr-about-header {
    aspect-ratio: 1400/933;
    background-image: url(/sites/default/files/shared_contents/showroom/assets/tokyo-sr/img/about-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -55px auto 15px;
    max-width: 1400px;
    width: 100%
  }

  .sr-about-header.typeUmeda {
    background-image: url(/sites/default/files/shared_contents/showroom/assets/umeda-sr/img/about-bg.svg)
  }

  .sr-about-header .sr-title--category {
    padding-bottom: calc(3% - 6px)
  }

  .sr-about-clm3 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .sr-about-clm3__li {
    width: 30.92857%
  }

  .sr-about-box__title {
    font-size: min(2.85714vw, 40px);
    margin-top: .5em
  }

  .sr-about-box__text {
    font-size: min(1vw, 14px)
  }

  .sr-about-slider .swiper-slide {
    max-width: 880px
  }

  .sr-about-slider .swiper-slide img {
    border-radius: 12px
  }

  .sr-about-slider .swiper-button-next,
  .sr-about-slider .swiper-button-prev {
    height: 132px;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80px
  }

  .sr-about-slider .swiper-button-next:after,
  .sr-about-slider .swiper-button-prev:after {
    font-size: 80px
  }

  .sr-faq {
    padding-bottom: 0
  }

  .sr-faq-list {
    padding-bottom: 70px
  }

  .sr-faq-list__li+.sr-faq-list__li {
    margin-top: 20px
  }

  .sr-faq-acd__btn {
    font-size: min(2.28216vw, 22px);
    padding: 30px
  }

  .sr-faq-acd__btn__l {
    margin-right: 25px;
    width: 60px
  }

  .sr-faq-acd__trginner {
    padding: 30px
  }

  .sr-faq-acd__trg__l {
    margin-right: 25px;
    width: 60px
  }

  .sr-clm2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
  }

  .sr-clm2__li {
    width: 47.27273%
  }

  .sr-clm2__li:nth-child(2n) {
    margin-left: 2.72727%
  }

  .sr-clm3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
  }

  .sr-clm3__li {
    width: 30.90909%
  }

  .sr-clm3__li:nth-child(3n+2),
  .sr-clm3__li:nth-child(3n+3) {
    margin-left: 3.63636%
  }

  .sr-clm4 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
  }

  .sr-clm4__li {
    width: calc(25% - 24.75px)
  }

  .sr-clm4__li:nth-child(4n+2),
  .sr-clm4__li:nth-child(4n+3),
  .sr-clm4__li:nth-child(4n+4) {
    margin-left: 33px
  }

  .sr-clm4__li:nth-child(n+5) {
    margin-top: 30px
  }

  .sr-btnclm1 {
    margin-top: 40px
  }

  .sr-btnclm1__li {
    width: 370px
  }

  .sr-btnclm1__li.typeLarge {
    width: 670px
  }

  .sr-title--category {
    font-size: min(4.14938vw, 40px)
  }

  .sr-title--category small {
    font-size: min(1.86722vw, 18px)
  }

  .sr-title--line {
    font-size: min(2.28216vw, 22px);
    margin: 0 0 30px
  }

  .sr-title--line>span {
    width: 280px
  }

  .sr-title--xl {
    font-size: min(3.3195vw, 32px)
  }

  .sr-title--lg {
    font-size: min(2.07469vw, 20px)
  }

  .sr-title--md {
    font-size: min(1.86722vw, 18px)
  }

  .sr-text--xl {
    font-size: min(2.48963vw, 24px)
  }

  .sr-text--ml {
    font-size: min(1.86722vw, 18px)
  }

  .sr-text--md,
  .sr-text--mdl {
    font-size: min(1.65975vw, 16px)
  }

  .sr-text--ms,
  .sr-text--msl {
    font-size: min(1.45228vw, 14px)
  }

  .sr-text--sm {
    font-size: min(1.24481vw, 12px)
  }

  .sr-table th {
    width: 17.90909%
  }

  .sr-liveoffice-clm2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px
  }

  .sr-liveoffice-clm2__l {
    width: 60%
  }

  .sr-liveoffice-clm2__r {
    width: 36.36364%
  }

  .sr-liveoffice-footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 50px
  }

  .sr-liveoffice-footer__l {
    width: 30.45455%
  }

  .sr-liveoffice-footer__r {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 59.27273%
  }

  .sr-liveoffice-footer__r__li {
    width: calc(50% - 6px)
  }

  .sr-hidden--tab {
    display: none
  }

  .sr-indent.sr-align-c-l {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .sr-indent.sr-align-c-l>span {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
  }

  .sr-align-c-l {
    text-align: center
  }

  .sr-followmenu {
    display: none
  }

  .sr-top-srnav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 10px
  }

  .sr-top-srnav__title {
    text-align: left
  }

  .sr-top-srnav__title>span {
    padding-right: 1em
  }

  .sr-top-srnav__l,
  .sr-top-srnav__r {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
  }

  .sr-top-srnav__l {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px
  }

  .sr-top-srnav__r {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .sr-top-srnav__clm2 {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
  }

  .sr-top-srnav__clm2>li {
    width: calc(50% - 4px)
  }

  .sr-concept {
    padding: 55px 0 105px
  }

  .sr-concept-hero {
    margin: 60px auto 0
  }

  .sr-concept-hero__l,
  .sr-concept-hero__r {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
  }

  .sr-concept-hero__l {
    text-align: center
  }

  .sr-concept-hero__r {
    display: none
  }

  .sr-concept-thumb {
    margin: 60px auto 120px
  }

  .sr-concept-thumb img {
    width: 100%
  }

  .sr-concept-sptext {
    letter-spacing: .2em;
    margin-top: 30px
  }

  .sr-concept-box__contents {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 10px
  }

  .sr-concept-box__text+.sr-concept-box__thumb {
    margin-left: 24px;
    margin-right: 0
  }

  .sr-concept-box__thumb {
    margin-right: 24px;
    width: 205px
  }

  .sr-concept-subtitle {
    margin: 25px 0
  }

  .sr-top-slider {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(50%, #fcfbf5));
    background: linear-gradient(0deg, #fff 50%, #fcfbf5 0)
  }

  .sr-top-slider .swiper-slide {
    max-width: 600px
  }

  .sr-point-box1 {
    height: 100%
  }

  .sr-point-box1__text {
    font-size: min(1.65975vw, 16px);
    text-align: center
  }

  .sr-point-box2 {
    height: 100%;
    padding: 20px
  }

  .sr-point-box2__thumb {
    padding: 20px;
    text-align: center
  }

  .sr-point-box2__title {
    font-size: min(1.86722vw, 18px);
    margin-bottom: .75em;
    text-align: center
  }

  .sr-point-box2__text {
    font-size: min(1.24481vw, 12px)
  }

  .sr-accessbox {
    margin-top: 40px
  }

  .sr-accessbox__sptitle,
  .sr-accessbox__title {
    font-size: min(2.90456vw, 28px);
    padding: .2em 0 .5em
  }

  .sr-accessbox__sptitle {
    display: none
  }

  .sr-accessbox__dl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: min(1.45228vw, 14px);
    margin-top: 1em
  }

  .sr-accessbox__dl dd {
    padding-left: 1em;
    width: calc(100% - 6em)
  }

  .sr-accessbox__text {
    font-size: min(1.24481vw, 12px)
  }

  .sr-accessbox__btnlist {
    font-size: min(1.45228vw, 14px)
  }

  .sr-accessbox__btnlist__li {
    width: calc(33.33333% - 4px)
  }

  .sr-accessbox__btnlist__li+.sr-accessbox__btnlist__li {
    margin-left: 6px
  }

  .sr-accessbox__upper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 2.72727% 3.63636%
  }

  .sr-accessbox__upper__l {
    width: 57.84314%
  }

  .sr-accessbox__upper__r {
    width: 39.21569%
  }

  .sr-accessbox__lower {
    padding: 1.81818% 3.63636%
  }

  .sr-accesscaution {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: min(1.24481vw, 12px);
    justify-content: space-between
  }

  .sr-accesscaution__l {
    padding: 16px
  }

  .sr-accesscaution__l>span {
    display: none
  }

  .sr-accesscaution__r {
    width: calc(100% - 100px)
  }
}

@media (min-width:1400px) {
  .sr-pagenav {
    top: 0
  }
}

@media (max-width:1024px) {
  .sr-pagenav {
    top: 0
  }
}

@media (min-width:1025px) {
  .sr-hidden--pc {
    display: none
  }

  .sr-top-srnav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    background: url(/sites/default/files/shared_contents/showroom/assets/top/img/bg-herobox.webp) no-repeat;
    background-position: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 142px;
    justify-content: space-between;
    padding: 0 3.77358%
  }

  .sr-top-srnav__title {
    text-align: center
  }

  .sr-top-srnav__title>span {
    padding: 0 1em
  }

  .sr-top-srnav__l,
  .sr-top-srnav__r {
    display: block;
    width: 333px
  }

  .sr-top-srnav__l {
    border-top: 0 solid #000;
    margin-top: 0;
    padding-top: 0
  }

  .sr-top-srnav__r {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    border-top: 0 solid #ddd;
    order: 1
  }

  .sr-top-srnav__clm2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    width: 100%
  }

  .sr-top-srnav__clm2>li {
    width: calc(50% - 5px)
  }

  .sr-concept-hero {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 60px auto 0;
    max-width: 1160px
  }

  .sr-concept-hero__l,
  .sr-concept-hero__r {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
  }

  .sr-concept-hero__r {
    display: block;
    letter-spacing: .2em
  }

  .sr-concept-thumb {
    max-width: 1110px
  }

  .sr-concept-sptext {
    display: none;
    margin-top: 0
  }
}

@media (min-width:1301px) {

  .sr-about-slider .swiper-button-prev,
  .sr-about-slider .swiper-rtl .swiper-button-next {
    left: calc(50% - 470px);
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%)
  }

  .sr-about-slider .swiper-button-next,
  .sr-about-slider .swiper-rtl .swiper-button-prev {
    right: calc(50% - 470px);
    -webkit-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%)
  }
}

@media (min-width:1400px) {
  .sr-about-header .sr-title--category {
    padding-bottom: 4%
  }
}

@media (max-width:1300px) {
  .sr-about-slider .swiper {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 90px
  }
}

@media (max-width:768px) {
  .sr-main.is-fixed {
    margin-top: 110px
  }

  .sr-inner {
    padding: 0 20px
  }

  .sr-top-bgblock__inner {
    padding: 0 10px
  }

  .sr-section {
    padding: 40px 0
  }

  .sr-section .sr-section {
    margin-top: 40px;
    padding: 0
  }

  .sr-title--line+.sr-section {
    padding: 10px 0 40px
  }

  .sr-shadowbox {
    margin-top: 30px;
    padding: 20px
  }

  .sr-shadowbox .sr-btnclm1 {
    margin-bottom: 20px
  }

  .sr-thumbbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .sr-thumbbox+.sr-thumbbox {
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding-top: 24px
  }

  .sr-thumbbox__l {
    margin-top: 20px;
    width: 100%
  }

  .sr-thumbbox__r {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%
  }

  .sr-pagenav {
    top: 0
  }

  .sr-pagenav__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    padding: 0 20px
  }

  .sr-pagenav__title {
    margin-bottom: 10px;
    width: 100%
  }

  .sr-pagenav-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
  }

  .sr-pagenav-list__li {
    width: 32.5%
  }

  .sr-pagenav-list__li a,
  .sr-pagenav-list__li span {
    font-size: min(3.3vw, 16px);
    height: 54px
  }

  .sr-hero {
    height: 69.86667vw
  }

  .sr-herobox {
    margin-top: -120px
  }

  .sr-herobox__desc {
    text-align: left
  }

  .sr-herobox__upper {
    padding: 30px 20px 16px
  }

  .sr-herobox__lower {
    padding: 0 20px
  }

  .sr-herobox-btnlist {
    padding: 16px 20px
  }

  .sr-herobox-btnlist__li {
    width: 100%
  }

  .sr-about {
    padding: 50px 0 0
  }

  .sr-about-header {
    background-image: url(/sites/default/files/shared_contents/showroom/assets/tokyo-sr/img/about-bg_sp.svg);
    background-position: center top 70%;
    background-repeat: no-repeat;
    background-size: calc(100% - 40px);
    margin-bottom: 10px;
    padding-bottom: 0
  }

  .sr-about-header.typeUmeda {
    background-image: url(/sites/default/files/shared_contents/showroom/assets/umeda-sr/img/about-bg_sp.svg)
  }

  .sr-about-header .sr-title--category {
    padding-bottom: 0
  }

  .sr-about-clm3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px
  }

  .sr-about-clm3__li {
    width: 100%
  }

  .sr-about-clm3__li:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .sr-about-clm3__li:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .sr-about-clm3__li:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .sr-about-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 0 10px
  }

  .sr-about-box__title {
    font-size: min(5.33333vw, 40px)
  }

  .sr-about-box__thumb {
    width: 40vw
  }

  .sr-about-clm3__li:nth-child(2) .sr-about-box__thumb,
  .sr-about-clm3__li:nth-child(3) .sr-about-box__thumb {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .sr-about-box__contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
  }

  .sr-about-box__text {
    font-size: min(2.66667vw, 20px)
  }

  .sr-about-slider .swiper-slide {
    max-width: 80vw
  }

  .sr-about-slider .swiper-slide img {
    border-radius: 12px;
    max-width: none;
    width: 100%
  }

  .sr-about-slider .swiper {
    margin: 0 auto;
    padding: 0 8vw
  }

  .sr-about-slider .swiper-pagination {
    margin: 6px -8vw 0 !important;
    width: auto !important
  }

  .sr-about-slider .swiper-button-next,
  .sr-about-slider .swiper-button-prev {
    margin-top: 0;
    -webkit-transform: translateY(-75%);
    transform: translateY(-75%)
  }

  .sr-about-slider .swiper-button-prev,
  .sr-about-slider .swiper-rtl .swiper-button-next {
    left: 0
  }

  .sr-about-slider .swiper-button-next,
  .sr-about-slider .swiper-rtl .swiper-button-prev {
    right: 0
  }

  .sr-faq {
    padding-bottom: 0
  }

  .sr-faq-list {
    padding-bottom: 50px
  }

  .sr-faq-list__li+.sr-faq-list__li {
    margin-top: 15px
  }

  .sr-faq-acd__btn {
    font-size: min(3.73333vw, 28px);
    padding: 4.26667vw 2.66667vw
  }

  .sr-faq-acd__btn__l {
    margin-right: 2.66667vw;
    width: 10.13333vw
  }

  .sr-faq-acd__btn__l img {
    width: 100%
  }

  .sr-faq-acd__trginner {
    padding: 4.26667vw 2.66667vw
  }

  .sr-faq-acd__trg__l {
    margin-right: 2.66667vw;
    width: 10.13333vw
  }

  .sr-faq-acd__trg__l img {
    width: 80%
  }

  .sr-clm2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center
  }

  .sr-clm2__li {
    width: calc(50% - 2.66667vw)
  }

  .sr-clm2__li:nth-child(2n) {
    margin-left: 5.33333vw
  }

  .sr-clm3__li {
    width: 100%
  }

  .sr-clm3__li+.sr-clm3__li {
    margin-top: 20px
  }

  .sr-clm4__li {
    width: 100%
  }

  .sr-clm4__li+.sr-clm4__li {
    margin-top: 10px
  }

  .sr-btnclm1 {
    margin-top: 40px
  }

  .sr-btnclm1__li {
    width: 100%
  }

  .sr-title--category {
    font-size: min(5.33333vw, 40px)
  }

  .sr-title--category small {
    font-size: min(3.73333vw, 28px)
  }

  .sr-title--logo>span {
    display: inline-block;
    width: 54px
  }

  .sr-title--logo>span img {
    height: auto;
    width: 100%
  }

  .sr-title--line {
    font-size: min(4.26667vw, 32px);
    margin: 0 0 20px
  }

  .sr-title--line>span {
    min-width: 8em;
    padding: 0 1em
  }

  .sr-title--xl {
    font-size: min(5.33333vw, 40px)
  }

  .sr-title--lg {
    font-size: min(3.73333vw, 28px)
  }

  .sr-title--md {
    font-size: min(4.8vw, 18px)
  }

  .sr-text--xl {
    font-size: min(4.26667vw, 32px)
  }

  .sr-text--ml {
    font-size: min(4.8vw, 36px)
  }

  .sr-text--mdl {
    font-size: min(3.73333vw, 28px)
  }

  .sr-text--md {
    font-size: min(3.2vw, 24px)
  }

  .sr-text--msl {
    font-size: min(3.73333vw, 28px)
  }

  .sr-text--ms {
    font-size: min(3.2vw, 24px)
  }

  .sr-text--sm {
    font-size: min(2.66667vw, 20px)
  }

  .sr-table {
    display: block
  }

  .sr-table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .sr-liveoffice-desc {
    margin-top: 1em
  }

  .sr-liveoffice-clm2 {
    padding-bottom: 20px
  }

  .sr-liveoffice-clm2__r {
    display: none
  }

  .sr-liveoffice-footer {
    margin-top: 20px
  }

  .sr-liveoffice-footer__r {
    margin-top: 30px
  }

  .sr-liveoffice-footer__r__li {
    margin-top: 10px
  }

  .sr-hidden--sp {
    display: none
  }

  .sr-align-c-l {
    text-align: left
  }

  .sr-top-srnav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0
  }

  .sr-top-srnav__title {
    text-align: left
  }

  .sr-top-srnav__title>span {
    padding-right: .5em
  }

  .sr-top-srnav__l,
  .sr-top-srnav__r {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
  }

  .sr-top-srnav__l {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px
  }

  .sr-top-srnav__r {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }

  .sr-top-srnav__clm2 {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: space-between
  }

  .sr-top-srnav__clm2>li {
    width: calc(50% - 2px)
  }

  .sr-concept {
    padding: 60px 0
  }

  .sr-concept-hero {
    margin: 40px auto 0
  }

  .sr-concept-hero__l,
  .sr-concept-hero__r {
    width: 100%
  }

  .sr-concept-hero__l {
    padding: 0 40px;
    text-align: center
  }

  .sr-concept-hero__r {
    display: none
  }

  .sr-concept-thumb {
    margin: 10px auto 0;
    overflow: auto;
    pointer-events: none
  }

  .sr-concept-thumb__inner {
    padding-left: 5px;
    padding-right: 5px;
    width: 100vw
  }

  .sr-concept-sptext {
    margin-bottom: 40px;
    margin-top: 30px
  }

  .sr-concept-clm2 {
    margin: 0 -10px
  }

  .sr-concept-box__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px
  }

  .sr-concept-box__thumb {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    margin: 0 auto;
    order: -1;
    width: 29.33333vw
  }

  .sr-concept-box__text {
    font-size: min(2.4vw, 20px);
    margin-top: 2em
  }

  .sr-concept-subtitle {
    margin: 25px 0
  }

  .sr-concept-subtitle>span {
    width: 42.66667vw
  }

  .sr-concept-subtitle>span img {
    height: auto;
    width: 100%
  }

  .sr-top-slider {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(50%, #fcfbf5));
    background: linear-gradient(0deg, #fff 50%, #fcfbf5 0)
  }

  .sr-top-slider .swiper-slide {
    max-width: 85vw
  }

  .sr-top-slider .swiper-slide img {
    max-width: none;
    width: 100%
  }

  .sr-point-box1 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
  }

  .sr-point-box1__thumb {
    width: 41.79104%
  }

  .sr-point-box1__text {
    font-size: min(3.73333vw, 28px);
    width: 55.52239%
  }

  .sr-point-box2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
  }

  .sr-point-box2__thumb {
    padding: 5.33333vw;
    width: 24.47761%
  }

  .sr-point-box2__title {
    font-size: min(4.26667vw, 32px)
  }

  .sr-point-box2__text {
    font-size: min(2.66667vw, 20px);
    padding-right: 5.33333vw;
    width: 75.52239%
  }

  .sr-accessbox {
    margin-top: 30px
  }

  .sr-accessbox__sptitle,
  .sr-accessbox__title {
    display: none;
    font-size: min(5.86667vw, 44px)
  }

  .sr-accessbox__sptitle {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    display: block;
    font-size: min(5.86667vw, 44px);
    margin-bottom: 1em;
    order: -1
  }

  .sr-accessbox__dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: min(3.73333vw, 28px);
    margin-top: 1.5em
  }

  .sr-accessbox__dl dd {
    margin-top: 1em;
    width: 100%
  }

  .sr-accessbox__text {
    font-size: min(3.2vw, 24px)
  }

  .sr-accessbox__btnlist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: min(3.73333vw, 28px)
  }

  .sr-accessbox__btnlist__li {
    width: 100%
  }

  .sr-accessbox__btnlist__li+.sr-accessbox__btnlist__li {
    margin-top: 10px
  }

  .sr-accessbox__upper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5.33333vw
  }

  .sr-accessbox__upper__l {
    width: 100%
  }

  .sr-accessbox__upper__r {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%
  }

  .sr-accessbox__lower {
    padding: 16px 20px
  }

  .sr-accesscaution {
    font-size: min(3.2vw, 24px)
  }

  .sr-accesscaution__l {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: min(3.73333vw, 28px);
    font-weight: 700;
    padding-left: 2.13333vw
  }

  .sr-accesscaution__l>img {
    width: 9.33333vw
  }

  .sr-accesscaution__l>span {
    margin-left: 1em
  }

  .sr-accesscaution__r {
    margin-top: 1em;
    width: 100%
  }
}

#headBreadcrumb {
  display: none !important;
}