@charset "UTF-8";
/*main color*/
/*accent*/
/*mono*/
/*navfoot*/
/*addcolor*/
/*font-family*/
/*font-weight notosans*/
/*media query break point*/
/*sp*/
/*tablet*/
/*se*/
/*追加*/
/*topConcept*/
/*grid settings*/
/* media query */
#new_designstudio a:link,
#new_designstudio a:visited,
#new_designstudio a:focus {
  text-decoration: none;
  color: currentColor;
}

#design-studio main {
  padding-top: 60px;
}
@media only screen and (max-width: 768px) {
  #design-studio main {
    padding-top: 0;
  }
}

#new_designstudio main {
  padding-top: 0;
}

.p-cont-bg {
  background-color: #eeece6;
}

.p-mv__slide {
  position: relative;
  width: 100%;
  height: calc(100vh - 60px);
}
#new_designstudio .p-mv__slide {
  height: 100vh;
}
@media only screen and (max-width: 768px) {
  .p-mv__slide {
    height: calc(var(--js-height) * 100 - 70px);
    top: 0;
  }
  #new_designstudio .p-mv__slide {
    height: calc(var(--js-height) * 100);
  }
}
.p-mv__slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.p-mv__slide__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  overflow: hidden;
}
.p-mv__img {
  opacity: 0;
  transform: scale(1); /* ズームリセット */
  width: 100%;
  height: calc(100vh - 60px);
}
#new_designstudio .p-mv__img {
  height: 100vh;
}
.p-mv__img picture {
  width: inherit;
  height: inherit;
}
.p-mv__img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.p-mv__cap {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .p-mv__cap {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .p-mv__cap {
    font-size: 1rem;
  }
}
.p-mv__ttl {
  position: absolute;
  top: calc(50% - 11rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .p-mv__ttl {
    top: 10rem;
  }
}
.p-mv__ttl__logo {
  display: block;
  width: 13rem;
  max-width: 13rem;
  margin-bottom: 1rem;
  margin-bottom: 1rem;
  margin-right: 2.2rem;
}
.p-mv__ttl__txt {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.25;
  color: #fff;
  text-align: center;
  display: block;
}
@media (max-width: 768px) {
  .p-mv__ttl__txt {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .p-mv__ttl__txt {
    font-size: 3rem;
  }
}
.obj--3 .p-mv__ttl__txt {
  font-size: 30px;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .obj--3 .p-mv__ttl__txt {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .obj--3 .p-mv__ttl__txt {
    font-size: 2rem;
  }
}
.obj--4 .p-mv__ttl__txt {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  line-height: 2;
}
@media (max-width: 768px) {
  .obj--4 .p-mv__ttl__txt {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .obj--4 .p-mv__ttl__txt {
    font-size: 1.4rem;
  }
}
.p-mv__subttl {
  position: absolute;
  top: calc(50% + 2rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .p-mv__subttl {
    top: calc(50% - 3rem);
    top: 24rem;
  }
}
.p-mv__subttl.obj--2 {
  top: calc(50% + 8rem);
}
@media only screen and (max-width: 768px) {
  .p-mv__subttl.obj--2 {
    top: calc(50% + 10rem);
    top: 50rem;
  }
}
.p-mv__subttl.obj--3 {
  top: calc(50% + 36rem);
}
@media only screen and (max-width: 768px) {
  .p-mv__subttl.obj--3 {
    top: 74rem;
    width: 100%;
  }
}
.p-mv__subttl.obj--4 {
  top: calc(50% + 58rem);
}
@media only screen and (max-width: 768px) {
  .p-mv__subttl.obj--4 {
    top: 100rem;
    width: 90%;
  }
}
.p-mv__scroll {
  position: absolute;
  bottom: 6vw;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .p-mv__scroll {
    bottom: 10rem;
  }
}
.p-mv__scroll .mouse {
  margin: 0 auto;
  display: block;
  border-radius: 100px;
  border: 2px solid #fff;
  height: 5rem;
  width: 2.5rem;
  position: relative;
}
.p-mv__scroll .move {
  position: absolute;
  background-color: #fff;
  height: 0.7rem;
  width: 0.7rem;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  animation: move 2s linear infinite;
}
@keyframes move {
  0% {
    transform: translate(-50%, 0.5rem);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, 2rem);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, 4rem);
    opacity: 0;
  }
}

.p-news {
  color: #1a404c;
  background-color: #eeece6;
  display: grid;
  grid-template-columns: 25% 1fr;
  padding: 5rem 5rem 4rem;
  margin: 4rem auto;
}
@media only screen and (max-width: 1080px) {
  .p-news {
    padding: 0;
    grid-template-columns: 28% 1fr;
    margin: 2rem auto;
  }
}
@media only screen and (max-width: 768px) {
  .p-news {
    padding: 0 0rem 2rem;
    grid-template-columns: 1fr;
  }
}
.p-news__ttl {
  color: #1a404c;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-news__ttl {
    margin: 2rem 0 3rem;
  }
}
.p-news__info__item {
  padding: 2rem 0;
  border-bottom: 1px solid #EFEFEF;
  border-bottom: 1px solid rgba(26, 64, 76, 0.2);
}
.p-news__info__item.obj--nolink a {
  pointer-events: none;
}
.p-news__info__item:nth-of-type(1) {
  border-top: 1px solid #EFEFEF;
  border-top: 1px solid rgba(26, 64, 76, 0.2);
}
.p-news__btn {
  margin-top: 3rem;
}
.p-news__btn a {
  color: #1a404c;
}
@media (hover: hover) and (pointer: fine) and (min-width: 789px) {
  .p-news__btn a:hover {
    background-color: #DEDEDE;
    color: #333;
    border: 1px solid #1a404c;
  }
  .p-news__btn a:hover .u-arw-right {
    background: #1a404c !important;
  }
  .p-news__btn a:hover .u-arw-right:before {
    color: #1a404c;
  }
}

.p-info {
  color: #1a404c;
}
.p-info__dl {
  display: grid;
  grid-template-columns: 22rem 1fr;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .p-info__dl {
    grid-template-columns: 1fr;
  }
}
.p-info__dt {
  color: #EFEFEF;
  color: rgba(26, 64, 76, 0.6);
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media (max-width: 768px) {
  .p-info__dt {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .p-info__dt {
    font-size: 1.2rem;
  }
}
.p-info__dd {
  font-size: 15px;
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .p-info__dd {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .p-info__dd {
    font-size: 1.3rem;
  }
}

.p-choice {
  background-color: #1a404c;
  padding: 0 0 6rem;
}
@media only screen and (max-width: 768px) {
  .p-choice {
    padding: 0 0 4rem;
  }
}
.p-choice__cont {
  position: relative;
  padding-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-choice__cont {
    padding-top: 3rem;
  }
}
.p-choice__ttl {
  position: relative;
}
.p-choice__ttl__txt {
  display: block;
  font-size: 23px;
  font-size: 2.3rem;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem 3rem;
  background-color: #fff;
  color: #1a404c;
}
@media (max-width: 768px) {
  .p-choice__ttl__txt {
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .p-choice__ttl__txt {
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-choice__ttl__txt {
    padding: 0.3rem 1rem;
  }
}
.p-choice__ttl__logo {
  display: block;
  max-width: 76rem;
  margin: 2rem auto 0;
}
.p-choice__ttl__logo img {
  width: 100%;
  height: auto;
}
.p-choice__img {
  position: relative;
}
.p-choice__img__ttl {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  position: absolute;
  top: 3rem;
  right: 5rem;
  color: #fff;
}
@media (max-width: 768px) {
  .p-choice__img__ttl {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .p-choice__img__ttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-choice__img__ttl {
    top: 1rem;
    right: 5%;
  }
}
.p-choice__img__txt {
  font-size: 50px;
  font-size: 5rem;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  color: #fff;
  position: absolute;
  bottom: 5rem;
  left: 5rem;
}
@media (max-width: 768px) {
  .p-choice__img__txt {
    font-size: 35px;
  }
}
@media (max-width: 768px) {
  .p-choice__img__txt {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-choice__img__txt {
    line-height: 1.3;
    bottom: 1rem;
    left: 5%;
  }
}
.p-choice__bg {
  position: absolute;
  top: 0;
  left: 0;
}
.p-choice__bg img {
  width: 100%;
  height: auto;
}
.p-choice__txt {
  margin: 6rem auto;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  line-height: 3;
}
@media (max-width: 768px) {
  .p-choice__txt {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .p-choice__txt {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 768px) {
  .p-choice__txt {
    margin: 3rem auto;
    line-height: 2.5;
  }
}
.p-choice__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.4rem;
}
@media only screen and (max-width: 1080px) {
  .p-choice__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}

.p-chi {
  background-color: #fff;
}
.p-chi__ttl {
  background-color: #a58c78;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.p-chi__ttl img {
  height: 1.88vw;
  min-height: 2rem;
  max-height: 3rem;
  width: auto;
}
.p-chi__txt {
  color: #a58c78;
  text-align: center;
  padding: 0.5rem;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .p-chi__txt {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .p-chi__txt {
    font-size: 1.4rem;
  }
}

.p-cont {
  padding: 6rem 0;
}
@media only screen and (max-width: 768px) {
  .p-cont {
    padding: 3rem 0;
  }
}
.p-cont.obj--p-b0 {
  padding-bottom: 0;
}
.p-cont__ttl {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 500;
  color: #c7b299;
  text-align: center;
}
@media (max-width: 768px) {
  .p-cont__ttl {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .p-cont__ttl {
    font-size: 3rem;
  }
}
.p-cont__map {
  width: 90%;
  max-width: 1197px;
  margin: 0 auto;
  position: relative;
}
.p-cont__map__img {
  aspect-ratio: 2396/1875;
}
@media only screen and (max-width: 768px) {
  .p-cont__map__img {
    aspect-ratio: 1550/2722;
  }
}
.p-cont__map__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-cont__info {
  margin-top: 6rem;
}
.p-cont__info__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  align-items: flex-start;
  gap: 2.4rem;
}
@media only screen and (max-width: 1080px) {
  .p-cont__info__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .p-cont__info__list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    gap: 1.5rem;
  }
}
.p-cont__gallery {
  background-color: #1a404c;
  padding: 6rem 0 1rem;
  margin-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .p-cont__gallery {
    padding: 3rem 0 1rem;
    margin-top: 3rem;
  }
}

.p-maplink {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
}
.p-maplink::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-width: 20px 0 0 20px;
  border-color: #1a404c transparent transparent transparent;
  bottom: -19px;
  right: 30px;
}
@media only screen and (max-width: 768px) {
  .p-maplink::before {
    right: 5px;
  }
}
.p-maplink.right::before {
  right: unset;
  left: 30px;
  border-width: 20px 20px 0 0;
}
@media only screen and (max-width: 768px) {
  .p-maplink.right::before {
    left: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .p-maplink.sptop::before {
    top: -14px;
    transform: rotate(180deg);
    border-width: 20px 0px 0px 20px;
  }
}
.p-maplink--1 {
  top: 66rem;
  left: 72rem;
}
@media only screen and (max-width: 1320px) {
  .p-maplink--1 {
    top: unset;
    left: 53vw;
    bottom: 16vw;
  }
}
@media only screen and (max-width: 768px) {
  .p-maplink--1 {
    left: 39vw;
    bottom: unset;
    top: 148vw;
  }
}
.p-maplink--2 {
  top: 49rem;
  left: 97rem;
}
@media only screen and (max-width: 1320px) {
  .p-maplink--2 {
    top: unset;
    left: 71vw;
    bottom: 30vw;
  }
}
@media only screen and (max-width: 768px) {
  .p-maplink--2 {
    left: 69vw;
    bottom: unset;
    top: 124vw;
  }
}
.p-maplink--3 {
  top: 26rem;
  left: -3rem;
}
@media only screen and (max-width: 1320px) {
  .p-maplink--3 {
    top: unset;
    left: unset;
    bottom: 46vw;
    right: 74vw;
  }
}
@media only screen and (max-width: 768px) {
  .p-maplink--3 {
    bottom: 117vw;
    right: 71vw;
  }
}
.p-maplink--4 {
  top: 15rem;
  left: 10rem;
}
@media only screen and (max-width: 1320px) {
  .p-maplink--4 {
    top: unset;
    left: unset;
    bottom: 55vw;
    right: 62vw;
  }
}
@media only screen and (max-width: 768px) {
  .p-maplink--4 {
    bottom: 130vw;
    right: 51vw;
  }
}
.p-maplink--5 {
  top: 6rem;
  left: 60rem;
}
@media only screen and (max-width: 1320px) {
  .p-maplink--5 {
    top: unset;
    left: 45vw;
    bottom: 62vw;
  }
}
@media only screen and (max-width: 768px) {
  .p-maplink--5 {
    left: 75vw;
    bottom: 141vw;
  }
}
.p-maplink--6 {
  top: 43rem;
  left: 33rem;
}
@media only screen and (max-width: 1320px) {
  .p-maplink--6 {
    top: unset;
    left: 25vw;
    bottom: 33vw;
  }
}
@media only screen and (max-width: 768px) {
  .p-maplink--6 {
    top: 80vw;
    left: 39vw;
    bottom: unset;
  }
}
.p-maplink__in {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: #1a404c;
  padding: 1rem;
  color: #fff;
  transition: transform 0.3s;
  transform-origin: center top;
  animation: swayAnime_down 1.3s infinite;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .p-maplink__in {
    padding: 3px;
  }
}
.p-maplink__num {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #1a404c;
}
@media (max-width: 768px) {
  .p-maplink__num {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .p-maplink__num {
    font-size: 2rem;
  }
}
.p-maplink__num .c-icon {
  width: 4rem;
  height: 4rem;
  background-color: #fff;
}
.p-maplink__txt {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .p-maplink__txt {
    display: none;
  }
  .p-card .p-maplink__txt {
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: flex-start;
    flex-direction: column;
  }
}
.p-maplink__txt__eng {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  .p-maplink__txt__eng {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .p-maplink__txt__eng {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1320px) {
  .p-maplink__txt__eng {
    font-size: min(1.1vw, 18rem);
  }
  .p-card .p-maplink__txt__eng {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1320px) and (max-width: 768px) {
  .p-card .p-maplink__txt__eng {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1320px) and (max-width: 768px) {
  .p-card .p-maplink__txt__eng {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1080px) {
  .p-maplink__txt__eng {
    font-size: min(1.8vw, 18rem);
  }
}
.p-maplink__txt__eng.obj--mdhalf {
  line-height: 1.2;
}
@media only screen and (max-width: 1080px) {
  .p-maplink__txt__eng.obj--mdhalf {
    font-size: 0.5em;
  }
}
.p-maplink__txt__jp {
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .p-maplink__txt__jp {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .p-maplink__txt__jp {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1080px) {
  .p-maplink__txt__jp {
    font-size: min(1vw, 1rem);
  }
  .p-card .p-maplink__txt__jp {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1080px) and (max-width: 768px) {
  .p-card .p-maplink__txt__jp {
    font-size: 10px;
  }
}
@media only screen and (max-width: 1080px) and (max-width: 768px) {
  .p-card .p-maplink__txt__jp {
    font-size: 1rem;
  }
}

@keyframes swayAnime_down {
  0% {
    top: 0;
    left: 0;
  }
  50% {
    top: 3px;
    left: 0;
  }
  100% {
    top: 0;
    left: 0;
  }
}
.p-card {
  height: 100%;
  background-color: #1a404c;
  display: flex;
  flex-direction: column;
}
.p-card__in {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.p-card__inf {
  animation: unset;
  justify-content: flex-start;
}
.p-card__txt {
  margin: 1rem;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  height: 100%;
}
@media (max-width: 768px) {
  .p-card__txt {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .p-card__txt {
    font-size: 1.2rem;
  }
}

.p-acc {
  margin-top: -6rem;
  position: relative;
  aspect-ratio: 1904/1639;
}
@media only screen and (max-width: 768px) {
  .p-acc {
    overflow: hidden;
    width: 100%;
    margin-top: 0;
    aspect-ratio: 1/1.25;
    margin-top: -2rem;
  }
}
.p-acc__img {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .p-acc__img {
    width: 150%;
    padding: 0 5%;
    margin-left: -28%;
  }
}

.p-ban {
  max-width: 1200px;
  margin: 4rem auto 8rem;
}
@media only screen and (max-width: 768px) {
  .p-ban {
    margin: 2rem auto 4rem;
  }
}
.p-ban--2 {
  margin-bottom: 2rem;
}

.slider {
  padding: 0 20vw;
}
@media only screen and (max-width: 768px) {
  .slider {
    padding: 0 5vw;
  }
}
.slider .slides {
  left: -100%;
}
.slider .slides.shifting {
  transition: left 0.8s ease-out;
}
@media only screen and (max-width: 768px) {
  .slider .slides.shifting {
    transition: left 0.4s ease-out;
  }
}
@media only screen and (max-width: 768px) {
  .slider .slides-sp.shifting {
    transition: left 0.8s ease-out;
  }
}
.slider .inner {
  width: 97%;
}
.slider .slider-dots {
  background: rgba(255, 255, 255, 0.7);
  padding: 0 1.4rem;
  border-radius: 100px;
}
.slider .slider-dots span {
  background-color: #1a404c;
  opacity: 1;
}
.slider .slider-dots span.active {
  background-color: #a58c78;
  opacity: 1;
}
.slider .slider-control {
  background: rgba(255, 255, 255, 0.7);
}
.slider .slider-control .u-btn-play {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%231a404c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;%7D%0A%3C/style%3E%3Cpath class='st0' d='M10.5,7.5v21 M25.5,7.5v21'/%3E%3C/svg%3E%0A");
}
.slider .slider-control .u-btn-play.js-pause {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.8.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231a404c;%7D%0A%3C/style%3E%3Cpath class='st0' d='M12,9c0-0.8,0.7-1.5,1.5-1.5c0.3,0,0.6,0.1,0.9,0.3l12,9c0.7,0.5,0.8,1.4,0.3,2.1c-0.1,0.1-0.2,0.2-0.3,0.3 l-12,9c-0.7,0.5-1.6,0.4-2.1-0.3C12.1,27.6,12,27.3,12,27V9z'/%3E%3C/svg%3E%0A");
}/*# sourceMappingURL=design-studio.css.map */