@charset "utf-8";

/* 共通 */
.g-btn--yellow a {
  background: #efef66;
  color: var(--BLACK);
  border-radius: 100vmax;
}

.g-btn--arrow.g-btn--yellow>a::after {
  background-color: var(--BLACK);
}

.s-create {
  position: relative;
  --SP_COMMON_INLINE_PADDING: 2.5vw;
  padding-bottom: 0;
  overflow: unset;
  overflow-x: clip;
}

.s-create__wrapper {
  position: relative;
}

@media screen and (min-width: 768px) {
  .s-create {
    margin-bottom: 0;
  }

  .s-create__wrapper {
    display: flex;
    align-items: start;
    max-width: var(--PC_MAX_WIDTH_M);
    width: calc(100% - var(--GAP_60));
    margin: 0 auto;
    position: relative;
  }
}


/* アニメーション */
.js-fadeUp {
  opacity: 0;
  transform: translateY(20px);
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease;
}

.js-fadeUp.is-animated {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 768px) {
  .js-fadeUp-pc {
    opacity: 0;
    transform: translateY(20px);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: ease;
  }

  .js-fadeUp-pc.is-animatedPc {
    opacity: 1;
    transform: translateY(0);
  }

  .js-createFeature-trigger-item {
    opacity: 0;
    transform: translateY(20px);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: ease;
  }

  .js-createFeature-trigger-item.is-animated {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 767px) {
  .js-fadeUp-sp {
    opacity: 0;
    transform: translateY(20px);
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: ease;
  }

  .js-fadeUp-sp.is-animatedSp {
    opacity: 1;
    transform: translateY(0);
  }
}

/* slider */
.s-create .swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 0;
  background: #cbcbcb;
  height: 2px;
  width: 100%;
}

.s-create .swiper-scrollbar-drag {
  position: absolute;
  top: -1.5px;
  height: 5px;
  background: var(--BLACK);
  border-radius: 0;
}

.swiper-button-disabled {
  opacity: 0.7;
  cursor: default;
}

/* アニメーション */
.fadeUp {
  opacity: 0;
  transform: translateY(20px);
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: ease;
}

.fadeUp.is-animeted {
  opacity: 1;
  transform: translateY(0);
}

/* キャッチコピー */
.s-createCatchCopy {
  font-family: var(--FF_BASE_E);
}

.s-createCatchLead {
  line-break: strict;
}

.s-createCatchLead span {
  font-family: var(--FF_BASE_E);
}

@media screen and (min-width: 768px) {
  .s-createCatchWrap {
    margin-inline: 3.333vw;
  }
  .s-createCatchCopy {
    font-size: var(--FZ_40);
    margin-bottom: 20px;
    line-height: 1.5;
  }
  .s-createCatchCopy >span{
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .s-createCatchCopy {
    font-size: min(28px, 7.467vw);
    margin-bottom: 30px;
  }

  .s-createCatchCopy span {
    display: inline-block;
  }

  .s-createCatchLead {
    margin-bottom: 40px;
  }
}


/* fv */
.s-createFvWrap{
  position: relative;
}
.s-createFv{
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.s-createFvSwiper .swiper-wrapper {
  transition-timing-function: linear;
}
@media screen and (min-width: 768px){
  .s-createFvWrap{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: var(--GAP_30);
  }
  .s-createFvSwiper{
    transform: rotate(-10deg) scale(1.5);
  }

  .s-createFv{
    border-radius: 100px 0 0 100px;
    height: 36.667vw;
  }
}
@media screen and (max-width: 767px){
  .s-createFv{
    border-radius: 50px 0 0 50px;
    height: clamp( 240px, 65.104vw, 400px);
  }
  .s-createFvSwiper{
    transform: rotate(-10deg) scale(1.9) translateY(25px);
  }
}

/* クリップ画像 */
.s-createFvWrap::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 1401px){
  .s-createFvWrap::after{
    width: clamp(70px, 10vw,  150px);
    left: -9%;
    top: 0;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1400px){
  .s-createFvWrap::after{
    width: clamp(0px, 7vw, 150px);
    left: 0px;
    transform: translateX(-40%);
    top: -8%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px){
  .s-createFvWrap::after{
    width: clamp(0px, 6vw, 150px);
    left: 0px;
    transform: translateX(-40%);
    top: -12%;
  }
}
@media screen and (min-width: 768px){
  .s-createFvWrap::after{
    background: url(data:image/png;base64,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) no-repeat center center / 100%;
    aspect-ratio: 102 / 185;
  }
}
@media screen and (max-width: 767px){
  .s-createFvWrap::after{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4xNTMgMzYuNzQ5Ij4KICA8ZyBpZD0iX+OCpOODoeODvOOCuCIgZGF0YS1uYW1lPSLjgqTjg6Hjg7zjgrgiPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik0uNzIxLDM1Ljg2MmMtLjA0NSwwLS4wOTEtLjAxLS4xMzQtLjAzMi0uMTQ4LS4wNzQtLjIwOS0uMjU0LS4xMzUtLjQwMiwxLjM1My0yLjcxMSw0LjI1OC04LjI0OSw2LjgyLTEzLjEzNSwyLjA2Mi0zLjkzMSwzLjg0NC03LjMyNyw0LjEzNC03Ljk1NS4zOTktLjg2Mi4xMzktMS41NjItLjMwOS0xLjc4My0uNDQxLS4yMTgtLjk1OC4wNjktMS4zMDcuNzM1LS42NywxLjI3Ni0xLjY1MiwzLjIyNy0yLjUyNyw0Ljk2NC0uNzUxLDEuNDkxLTEuNDI0LDIuODI2LTEuNzUyLDMuNDQzLS42ODEsMS4yODQtMS41MzUsMS40NjYtMi4xLDEuMjA5LS43MDItLjMxNy0xLjAxMy0xLjI2NS0uNjkyLTIuMTEzLjI1Ny0uNjgsMi4zODQtNC42NCw0Ljg0Ny05LjIyNEM5LjkxMSw3LjIwNCwxMi41NjksMi4yNTcsMTMuNTg0LjE2OWMuMDcyLS4xNDkuMjUyLS4yMTEuNC0uMTM5LjE0OS4wNzIuMjExLjI1Mi4xMzkuNDAxLTEuMDIsMi4wOTktMy41NjUsNi44MzgtNi4wMjgsMTEuNDIxLTIuMzUxLDQuMzc2LTQuNTcxLDguNTA5LTQuODE0LDkuMTUyLS4yMjguNjA1LjAxMiwxLjE4OS4zNzksMS4zNTUuNDA5LjE4Ni45MTctLjE3NywxLjMyMy0uOTQ0LjMyNy0uNjE2Ljk5Ny0xLjk0NiwxLjc0NS0zLjQzMi44NzctMS43NCwxLjg2MS0zLjY5NCwyLjUzMi00Ljk3Mi41ODUtMS4xMTUsMS40NzctMS4zMDMsMi4xMDQtLjk5NC43MDEuMzQ2LDEuMTQ2LDEuMzY1LjU4OCwyLjU3My0uMjk3LjY0Mi0yLjA4MSw0LjA0My00LjE0Nyw3Ljk4Mi0yLjU2Miw0Ljg4NC01LjQ2NSwxMC40MTktNi44MTQsMTMuMTI1LS4wNTMuMTA1LS4xNTguMTY2LS4yNjkuMTY2WiIvPgogICAgICA8Y2lyY2xlIGN4PSIuMjUxIiBjeT0iMzYuNDk4IiByPSIuMjUxIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4=) no-repeat center center / 100%;
    aspect-ratio: 29/75;
    width: 50px;
    bottom: -50px;
    left: -20px;
  }
}


/* サイドナビ */
.s-createNav {
  font-family: var(--FF_BASE_E);
}


@media screen and (min-width: 768px) {
  .s-createContent {
    flex: 1;
  }

  .s-createNav {
    position: sticky;
    z-index: 3;
    top: 100px;
    left: 0;
    padding-block-end: var(--GAP_100);
    width: 125px;
  }

  .s-createNav__list {
    display: grid;
    gap: var(--GAP_20);
    font-size: var(--FZ_11);
  }

  .s-createNav__list a {
    display: inline-block;
    text-decoration: none;
    opacity: 0.5;
    transition: opacity 0.3s ease, border-bottom 0.3s ease;
  }

  .s-createNav__list a span {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5em;
  }

  .s-createNav__list a.is-current {
    opacity: 1;
  }

  .s-createNav__list a span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: var(--BLACK);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
  }

  .s-createNav__list a.is-current span::after {
    transform: scaleX(1);
  }

  .s-createNav__list .dot a span::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--BLACK);
    border-radius: 50%;
  }
}

@media screen and (max-width: 767px) {
  .s-createNav {
    display: none;
  }
}

/*  ソレプロのサイト制作の特長  */
.s-createFeature {
  padding-bottom: var(--GENERALSEC);
}

.s-createFeature__ttl {
  font-family: var(--FF_BASE_E);
}

.s-createFeature__lead span {
  font-family: var(--FF_BASE_E);
}

.s-createFeatureItems {
  display: grid;
}

.s-createFeatureItem {}

.s-createFeatureItem:nth-child(1) .s-createFeatureItem__body {
  background: #f3d2ae;
}

.s-createFeatureItem:nth-child(2) .s-createFeatureItem__body {
  background: #cbdad2;
}

.s-createFeatureItem:nth-child(3) .s-createFeatureItem__body {
  background: #efefb9;
}


.s-createFeatureItem__ttl {
  position: relative;
  z-index: 2;
  font-family: var(--FF_BASE_E);
}


.s-createFeatureItem__ttl::before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
}

.s-createFeatureItem:nth-child(1) .s-createFeatureItem__ttl::before {
  aspect-ratio: 199/187;
  background-image: url('../images/create/s-createFeature_img01.svg');
}

.s-createFeatureItem:nth-child(2) .s-createFeatureItem__ttl::before {
  aspect-ratio: 309/165;
  background-image: url('../images/create/s-createFeature_img02.svg');
}

.s-createFeatureItem:nth-child(3) .s-createFeatureItem__ttl::before {
  aspect-ratio: 170/187;
  background-image: url('../images/create/s-createFeature_img03.svg');
}

.s-createFeatureItem__ttl__inner {
  display: inline-block;
}

.s-createFeatureItem:nth-child(1) .s-createFeatureItem__ttl__inner {
  background: #df7649;
}

.s-createFeatureItem:nth-child(2) .s-createFeatureItem__ttl__inner {
  background: #4ba59c;
}

.s-createFeatureItem:nth-child(3) .s-createFeatureItem__ttl__inner {
  background: #efef66;
}

.s-createFeatureItem__body {
  border-radius: var(--COMMON_BDRS_S);
}

.s-createFeatureItem__list {
  display: grid;
  font-family: var(--FF_BASE_E);
}

.s-createFeatureItem__list li {
  display: flex;
  align-items: flex-start;
}

.s-createFeatureItem__list li::before {
  content: '・';
}

.s-createFeature__textbox01 {
  font-family: var(--FF_BASE_E);
  text-align: center;
}

.s-createFeature__textbox01__inner {
  background: #f0e6dc;
}

.s-createFeature__textbox02 {
  font-family: var(--FF_BASE_E);
  text-align: center;
  color: var(--WHITE);
  background: #505a64;
  border-radius: 65px;
}

@media screen and (min-width: 1023px) {
  .s-createFeatureItems {
    display: flex;
    align-items: flex-end;
    gap: var(--GAP_25);
    margin-bottom: var(--GAP_10);
  }

  .s-createFeatureItem {
    flex: 1;
  }
}

@media screen and (min-width: 768px) and (max-width: 1022px) {
  .s-createFeatureItems {
    display: grid;
    align-items: flex-end;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--GAP_25);
    margin-bottom: var(--GAP_10);
  }

  .s-createFeatureItem:nth-child(1) {
    grid-column: 1/3;
    justify-self: center;
  }

}


@media screen and (min-width: 768px) {

  .s-createFeature__ttl {
    font-size: var(--FZ_30);
    margin-bottom: var(--GAP_35);
  }

  .s-createFeature__lead {
    margin-bottom: var(--GAP_75);
    line-height: 1.75;
  }


  .s-createFeatureItem__ttl {
    display: grid;
    justify-items: center;
    gap: 2px;
    max-width: 229px;
    margin-inline: auto;
    width: 100%;
    font-size: var(--FZ_22);
  }

  .s-createFeatureItem:nth-child(1) .s-createFeatureItem__ttl::before {
    width: 68%;
  }

  .s-createFeatureItem:nth-child(2) .s-createFeatureItem__ttl::before {
    width: 105%;
  }

  .s-createFeatureItem:nth-child(3) .s-createFeatureItem__ttl::before {
    width: 58%;
  }

  .s-createFeatureItem__ttl__inner {
    display: grid;
    place-items: center;
    height: 46px;
    width: 100%;
    border-radius: 100vmax;
  }

  .s-createFeatureItem__body {
    display: grid;
    justify-items: center;
    padding: 45px var(--GAP_25) var(--GAP_15);
    margin-top: -23px;
    min-height: 182px;
  }

  .s-createFeatureItem__list {
    align-content: start;
    gap: var(--GAP_10);
  }

  .s-createFeature__textbox01 {
    margin-bottom: var(--GAP_10);
  }

  .s-createFeature__textbox01__inner {
    padding-top: var(--GAP_15);
    padding-bottom: var(--GAP_40);
    font-size: var(--FZ_20);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
  }

  .s-createFeature__textbox02 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: var(--GAP_20);
    font-size: var(--FZ_30);

  }

  .s-createFeature__bottom {
    display: none;
  }
}

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


  .s-createFeature__ttl {
    font-family: var(--FF_BASE_H);
    font-size: 27px;
    line-height: 1.6;
    padding-inline: var(--SP_COMMON_INLINE_PADDING);
    margin-bottom: 15px;
  }

  .s-createFeature__lead {
    margin-bottom: 40px;
    padding-inline: var(--SP_COMMON_INLINE_PADDING);
  }

  .s-createFeatureItems {
    row-gap: 20px;
    margin-bottom: 20px;
  }

  .s-createFeatureItem {
    position: relative;
  }
  .s-createFeatureItem:nth-of-type(2){
    margin-top: 10px;
  }
  .s-createFeatureItem:not(:last-child)::after {
    content: '';
    display: block;
    position: absolute;

    left: 50%;
    width: 28px;
    aspect-ratio: 1;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNy41IDcuNSI+ICA8ZGVmcz4gPHN0eWxlPiAuc3QwIHsgZmlsbDogI2ZmZjsgc3Ryb2tlLXdpZHRoOiAuNXB4OyB9IC5zdDAsIC5zdDEgeyBzdHJva2U6ICMwMDA7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgfSAuc3QxIHsgZmlsbDogbm9uZTsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJf44Kk44Oh44O844K4Ij4gPGc+IDxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjMuNzUiIGN5PSIzLjc1IiByPSIzLjUiLz4gPGc+IDxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxLjQiIHkxPSIzLjgiIHgyPSI2IiB5Mj0iMy44Ii8+IDxsaW5lIGNsYXNzPSJzdDEiIHgxPSIzLjciIHkxPSIxLjUiIHgyPSIzLjciIHkyPSI2LjEiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
    ;
    transform: translate(-50%, 50%);
  }
.s-createFeatureItem:nth-child(1)::after{
    bottom: -32px;
}
  .s-createFeatureItem:nth-child(2)::after{
    bottom: -35px;
  }
  .s-createFeatureItem__ttl {
    display: flex;
    align-items: flex-end;
    font-size: min(23px, 6.134vw);
    margin-inline: auto;
    width: calc(100% - var(--SP_COMMON_INLINE_PADDING) * 2);
    max-width: 300px;
  }

  .s-createFeatureItem__ttl__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    border-radius: 0 100vmax 100vmax 0;
  }

  .s-createFeatureItem__ttl::before {
    flex-shrink: 0;
  }

  .s-createFeatureItem:nth-child(1) .s-createFeatureItem__ttl::before {
    width: 100px;
  }

  .s-createFeatureItem:nth-child(2) .s-createFeatureItem__ttl::before {
    width: 155px;
    background-size: 147px;
    background-position: left bottom;
  }

  .s-createFeatureItem:nth-child(3) .s-createFeatureItem__ttl::before {
    width: 85px;
  }

  .s-createFeatureItem__ttl__inner::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
  }

  .s-createFeatureItem:nth-child(1) .s-createFeatureItem__ttl__inner::before {
    width: 28px;
    background: #df7649;
  }

  .s-createFeatureItem:nth-child(2) .s-createFeatureItem__ttl__inner {
    padding-left: .25em;
    justify-content: flex-start;
  }

  .s-createFeatureItem:nth-child(2) .s-createFeatureItem__ttl__inner::before {
    width: 50px;
    background: #4ba59c;
  }

  .s-createFeatureItem:nth-child(3) .s-createFeatureItem__ttl__inner::before {
    width: 35px;
    background: #efef66;
  }

  .s-createFeatureItem__body {
    padding: 45px var(--SP_COMMON_INLINE_PADDING) 20px;
    ;
  }

  .s-createFeatureItem__body {
    margin-top: -23px;
  }

  .s-createFeatureItem__list {
    row-gap: 20px;
    line-height: 1.35;
  }

  .s-createFeature__textbox01 {
    position: relative;
    margin-bottom: 20px;
    font-size: min(20px, 5.334vw);
  }

  .s-createFeature__textbox01__inner {
    display: grid;
    place-items: center;
    min-height: 80px;
  }

  .s-createFeature__textbox01::after {
    content: '';
    display: block;
    width: 100%;
    height: 39px;
    background: #ede5dc;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
  }


  .s-createFeature__textbox02 {
    display: grid;
    place-items: center;
    align-content: center;
    margin-bottom: 50px;
    min-height: 160px;
    line-height: 1.65;
    border-radius: 30px;
  }

  .s-createFeature__textbox02 span {
    display: block;
    font-size: min(19px, 5.067vw);
  }

  .s-createFeature__bottom {
    font-family: var(--FF_BASE_E);
  }
}

/*  公開が完成ではない、サイト制作３つのポイント  */
.s-createPoint__inner {
  padding-bottom: var(--GENERALSEC);
  border-top: 1px solid var(--BLACK);
}

.s-createPoint__ttl {
  font-family: var(--FF_BASE_E);
}

.s-createPointNav__list {
  display: flex;
}

.s-createPointNav__item {
  flex: 1;
  border: 2px solid var(--BLACK);
  border-radius: var(--COMMON_BDRS_L);
}

.s-createPointNav__item__link {
  position: relative;
}

.s-createPointNav__item__link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCpOODoeODvOOCuCIgZGF0YS1uYW1lPSLjgqTjg6Hjg7zjgrgiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMy45OCIgeTE9IjIuOTkiIHgyPSIzLjk4IiB5Mj0iNC4xNiIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjUuNDEgNC4xNSA0LjAzIDUuMTEgMi42NiA0LjE1Ii8+IDwvZz4gPC9nPiA8L2c+PC9zdmc+");
  transform: translate(-50%, 50%);
}

.s-createPointNav__item__no {
  position: absolute;
  top: 0;
  left: 50%;
  display: grid;
  place-items: center;
  font-family: var(--FF_EN);
  font-weight: 700;
  color: var(--WHITE);
  background: var(--BLACK);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.s-createPointNav__item__text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--FF_BASE_E);
}

.s-createPointNav__item__text::before {
  content: '';
  display: block;
  aspect-ratio: 173/ 666;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEuNzMgNi42NiI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzMzMzsgc3Ryb2tlLXdpZHRoOiAuMnB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9Il/jg4bjgq3jgrnjg4giIGRhdGEtbmFtZT0i44OG44Kt44K544OIIj4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS4wMyw2LjUzYy0uMjktLjQ4LS41Mi0uOTgtLjY4LTEuNS0uMTYtLjUyLS4yNS0xLjA5LS4yNS0xLjdzLjA4LTEuMTkuMjUtMS43MWMuMTYtLjUyLjM5LTEuMDIuNjgtMS41bC41Ni4yNGMtLjI2LjQ1LS40NS45My0uNTcsMS40NHMtLjE4LDEuMDEtLjE4LDEuNTIuMDYsMS4wMS4xOCwxLjUyLjMxLjk5LjU3LDEuNDRsLS41Ni4yNFoiLz4gPC9nPjwvc3ZnPg==");
}

.s-createPointNav__item__text::after {
  content: '';
  display: block;
  aspect-ratio: 173/ 666;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEuNzMgNi42NiI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzMzMzsgc3Ryb2tlLXdpZHRoOiAuMnB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9Il/jg4bjgq3jgrnjg4giIGRhdGEtbmFtZT0i44OG44Kt44K544OIIj4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjcxLDYuNTNsLS41Ni0uMjRjLjI2LS40NS40NS0uOTMuNTctMS40NC4xMi0uNTEuMTgtMS4wMS4xOC0xLjUycy0uMDYtMS4wMS0uMTgtMS41MmMtLjEyLS41MS0uMzEtLjk5LS41Ny0xLjQ0bC41Ni0uMjRjLjI5LjQ4LjUyLjk4LjY4LDEuNS4xNi41Mi4yNCwxLjA5LjI0LDEuNzFzLS4wOCwxLjE4LS4yNCwxLjdjLS4xNi41Mi0uMzksMS4wMi0uNjgsMS41WiIvPiA8L2c+PC9zdmc+");
}

.s-createPointNav__item__img {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.s-createPoint__text span {
  font-family: var(--FF_BASE_E);
}

@media screen and (min-width: 768px) {
  .s-createPoint__inner {
    padding-top: var(--GAP_45);
    display: grid;
  }

  .s-createPoint__ttl {
    font-size: var(--FZ_30);
    margin-bottom: var(--GAP_25);
  }

  .s-createPoint__text {
    margin-bottom: var(--GAP_80);
  }

  .s-createPointNav__list {
    order: 3;
    gap: var(--GAP_45);
    max-width: 972px;
    width: 100%;
    margin: 0 auto;
  }


  .s-createPointNav__item__link {
    display: block;
    padding-top: var(--GAP_50);
    padding-bottom: var(--GAP_45);
  }

  .s-createPointNav__item__link::after {
    width: 40px;
    height: 40px;
  }

  .s-createPointNav__item__no {
    width: 60px;
    height: 60px;
    font-size: var(--FZ_30);
  }

  .s-createPointNav__item__text {
    gap: 5px;
    margin-bottom: var(--GAP_10);
    font-size: var(--FZ_22);
  }

  .s-createPointNav__item__text::before,
  .s-createPointNav__item__text::after {
    width: 10px;
  }

  .s-createPointNav__item__img {
    width: 90%;
    margin-inline: auto;
    height: 125px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

@media (hover: hover) {
  .s-createPointNav__item__link::after {
    transition: transform 0.3s ease;
  }

  .s-createPointNav__item__link:hover::after {
    transform: translate(-50%, 75%);
  }
}

@media screen and (max-width: 767px) {
  .s-createPoint__inner {
    padding-top: 36px;
  }

  .s-createPoint__ttl {
    font-size: min(25px, 6.666vw);
    margin-bottom: 60px;
    padding-inline: var(--SP_COMMON_INLINE_PADDING);
  }

  .s-createPoint__ttl span {
    display: block;
  }

  .s-createPoint__text {
    padding-inline: var(--SP_COMMON_INLINE_PADDING);
  }

  .s-createPointNav__list {
    gap: 4px;
    margin: 0 auto 50px;
  }

  .s-createPointNav__item__link {
    display: block;
    padding-top: 30px;
    padding-bottom: 25px;
    height: 100%;
  }

  .s-createPointNav__item__link::after {
    width: 20px;
    height: 20px;
  }

  .s-createPointNav__item__no {
    width: 34px;
    height: 34px;
    font-size: 16px;
  }

  .s-createPointNav__item__text {
    margin-bottom: 14px;
    font-size: min(12px, 3.2vw);
  }

  .s-createPointNav__item__text::before,
  .s-createPointNav__item__text::after {
    width: min(6px, 1.6vw);
  }

  .s-createPointNav__item__img {
    width: 95%;
    margin-inline: auto;
    height: 66px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/*  POINT 共通  */


.s-createPointSection__ttl>span {
  display: block;
}

.s-createPointSection__ttl--en {
  font-family: var(--FF_EN);
  font-weight: bold;
}

.s-createPointSection__ttl--en::before {
  content: "";
  display: inline-block;
  background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMuNCAzLjQiPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8cGF0aCBkPSJNMy4zOSwxLjYyYy0uMDQtLjktLjc4LTEuNjItMS42OS0xLjYyUzAsLjc2LDAsMS43cy43NiwxLjcsMS43LDEuN2MuMDMsMCwuMDUsMCwuMDgsMGgxLjMyYy4xNiwwLC4zLS4xMy4zLS4zdi0xLjQ4aDBaIi8+IDwvZz48L3N2Zz4=");
  aspect-ratio: 1/1;
  margin-right: 5px;
}

.s-createPointSection__ttl--ja {
  font-family: var(--FF_BASE_H);
}

.s-createPointSection__lead {
  font-family: var(--FF_BASE_H);
}



.s-createPointSection__text span {
  font-family: var(--FF_BASE_E);
}
.s-createWorksExample02__text span {
  font-family: var(--FF_BASE_E);
}


@media screen and (min-width: 768px) {
  .s-createPointSection__ttl {
    margin-bottom: var(--GAP_15);
  }

  .s-createPointSection__ttl--en {
    font-size: var(--FZ_20);
  }

  .s-createPointSection__ttl--en::before {
    width: 15px;
  }

  .s-createPointSection__ttl--ja {
    font-size: var(--FZ_43);
  }

  .s-createPointSection__lead {
    margin-bottom: var(--GAP_25);
    font-size: var(--FZ_22);
  }

}

@media screen and (max-width: 767px) {
  .s-createPointSection__ttl {
    margin-bottom: 15px;
  }

  .s-createPointSection__ttl--en {
    font-size: 14px;
  }

  .s-createPointSection__ttl--en::before {
    width: 10px;
  }

  .s-createPointSection__ttl--ja {
    font-size: 27px;
  }

  .s-createPointSection__lead {
    font-size: 18px;
    margin-bottom: 25px;
  }

  .s-createPointSection__text p+p {
    margin-top: 1em;
  }
}

/*  POINT 01 戦略設計  */
.s-createStrategicDesign {
  padding-bottom: var(--GENERALSEC);
}

.s-createStrategicDesign__inner {
  border-top: 1px solid var(--BLACK);
}

.s-createStrategicDesignProcessSwiper__slide {
  position: relative;
}

.s-createStrategicDesignProcessSwiper__slide:nth-child(1) {
  z-index: 6;
}

.s-createStrategicDesignProcessSwiper__slide:nth-child(2) {
  z-index: 5;
}

.s-createStrategicDesignProcessSwiper__slide:nth-child(3) {
  z-index: 4;
}

.s-createStrategicDesignProcessSwiper__slide:nth-child(4) {
  z-index: 3;
}

.s-createStrategicDesignProcessSwiper__slide:nth-child(5) {
  z-index: 2;
}

.s-createStrategicDesignProcessSwiper__slide:nth-child(6) {
  z-index: 1;
}

.s-createStrategicDesignProcessSwiper__slide:not(:last-child)::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  width: 40px;
  aspect-ratio: 1/1;
  background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDguMDkgOC4wOSI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IDEuNnB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9Il/jg4bjgq3jgrnjg4giIGRhdGEtbmFtZT0i44OG44Kt44K544OIIj4gPGc+IDxsaW5lIGNsYXNzPSJjbHMtMSIgeDE9IjQuMDEiIHkxPSIwIiB4Mj0iNC4wOCIgeTI9IjguMDgiLz4gPGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iOC4wOCIgeTE9IjQuMDEiIHgyPSIwIiB5Mj0iNC4wOCIvPiA8L2c+IDwvZz48L3N2Zz4=");
  transform: translateY(-50%);
}

.s-createStrategicDesignProcess__item {
  position: relative;
  z-index: -1;
  display: grid;
  place-content: center;
  font-family: var(--FF_BASE_H);
  writing-mode: vertical-rl;
  background: #f6f4ef;
  width: 100%;
  height: 100%;
  border-radius: var(--COMMON_BDRS_M);
}

.s-createStrategicDesignProcess__item span{
  display: inline-block;
}
.s-createStrategicDesignProcess__item__5{
  transform: translateX(-2px);
}
.s-createStrategicDesignProcess__item__6{
  transform: translateX(-2px);
}



.s-createStrategicDesignProcess__text {
  text-align: center;
}


.s-createStrategicDesignProcessLinearSwiper .swiper-wrapper {
  transition-timing-function: linear !important;
}


@media screen and (min-width: 768px) {
  .s-createStrategicDesign {
    position: relative;
  }

  .s-createStrategicDesign::after {
    content: '';
    position: absolute;
    top: -60px;
    left: calc(100% - 65px);
    z-index: -1;
    display: block;
    width: 226px;
    aspect-ratio: 453/527;
    background: center / contain no-repeat url('../images/create/s-createPoint_bg.png');
    animation: createStrategicDesign01 10s ease-in infinite alternate;
    ;
  }

  .s-createStrategicDesign__inner {
    padding-top: var(--GAP_20);
  }

  @keyframes createStrategicDesign01 {
    0% {
      transform: translateY(-20px);
    }

    50% {
      transform: translateY(20px);
    }

    100% {
      transform: translateY(-20px);
    }
  }

  .s-createStrategicDesignProcess {
    position: relative;
    margin-top: var(--GAP_45);
  }

  .s-createStrategicDesignProcess::after {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 2;
    width: 50vw;
    height: 100%;
    background: var(--WHITE);
  }

  .s-createStrategicDesignProcess__title {
    margin-bottom: var(--GAP_20);
    font-family: var(--FF_BASE_H);
    font-size: var(--FZ_22);
  }

  .s-createStrategicDesignProcessSwiper {
    margin-bottom: var(--GAP_25);
  }

  .s-createStrategicDesignProcessSwiper__slide:not(:last-child)::after {
    margin-left: -7.5px;
  }

  .s-createStrategicDesignProcess__item {
    height: 257px;
    font-size: var(--FZ_22);
    line-height: 1.25;
  }


  .s-createStrategicDesignProcess__text {
    margin-bottom: var(--GAP_50);
  }

  .s-createStrategicDesignProcessLinearSwiper {
    overflow: visible;
  }

  .s-createStrategicDesignProcessLinearSwiper .swiper-slide {
    width: 272px;
  }

  .s-createStrategicDesignProcessLinearSwiper--01 {
    margin-bottom: var(--GAP_40);
  }

  .s-createStrategicDesignProcessLinearSwiper--02 {
    margin-left: 149px;
  }
}

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

  .s-createStrategicDesign__inner {
    padding-top: 30px;
    position: relative;
    width: var(--INNER_WIDTH);
    padding-inline: var(--SP_COMMON_INLINE_PADDING);
    margin-inline: auto;
  }

  .s-createStrategicDesignProcess {
    margin-top: 35px;
  }

  .s-createStrategicDesignProcess__title {
    display: none;
  }

  .s-createStrategicDesignProcessSwiper {
    margin-bottom: 30px;
    overflow: visible;
  }

  .s-createStrategicDesignProcessSwiper__slide:not(:last-child)::after {
    margin-left: -12.5px;
  }

  .s-createStrategicDesignProcessSwiper__slide {
    width: 150px !important;
  }

  .s-createStrategicDesignProcess__item {
    height: 240px;
    font-size: 23px;
    line-height: 1.25;
  }

  .s-createStrategicDesignProcessSwiper__scrollbar {
    margin-bottom: 45px;
  }

  .s-createStrategicDesignProcess__text {
    margin-bottom: 50px;
  }

  .s-createStrategicDesignProcess__text span {
    display: block;
  }

  .s-createStrategicDesignProcessLinearSwiper {
    overflow: visible;
  }

  .s-createStrategicDesignProcessLinearSwiper .swiper-slide {
    width: 204px;
  }

  .s-createStrategicDesignProcessLinearSwiper--01 {
    margin-bottom: var(--GAP_40);
  }

  .s-createStrategicDesignProcessLinearSwiper--02 {
    margin-left: 115px;
  }
}

/*  POINT 02 制作  */
.s-createWorks {
  position: relative;
  background: #f6f4ef;
}

.s-createWorks:after {
  content: '';
  position: absolute;
  bottom: -65px;
  left: -35px;
  z-index: 2;
  aspect-ratio: 184/180;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-image: url('../images/create/s-createWorks_bg.png');
  animation: upDown 10s ease infinite;
}

@keyframes upDown {
  0% {
    transform: translateY(-20px);
  }

  50% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(-20px);
  }

}

.s-createWorks__inner {
  border-top: 1px solid #000;
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .s-createWorks {
    padding-right: var(--GAP_20);
  }
}

@media screen and (min-width: 768px) {
  .s-createWorks {
    padding-top: var(--GAP_75);
    padding-bottom: var(--GAP_100);
    margin-bottom: var(--GAP_120);
  }

  .s-createWorks::before {
    content: '';
    position: absolute;
    top: 0;
    left: -35px;
    z-index: -1;
    width: 100vw;
    height: 100%;
    background: #f6f4ef;
  }

  .s-createWorks:after {
    content: '';
    position: absolute;
    bottom: -65px;
    left: -35px;
    width: 142px;
  }

  .s-createWorks__inner {
    padding-top: var(--GAP_20);
  }
}

@media screen and (max-width: 767px) {
  .s-createWorks {
    padding-block: 60px;
    margin-bottom: 100px;
  }

  .s-createWorks:after {
    content: '';
    position: absolute;
    bottom: -58px;
    left: 0;
    width: 91px;
  }

  .s-createWorks__inner {
    width: var(--INNER_WIDTH);
    margin-inline: auto;
    padding-top: 30px;
    padding-inline: var(--SP_COMMON_INLINE_PADDING);
  }
}

/*  POINT 02 制作事例  */

.s-createWorksExample01__ttl {
  display: flex;
  align-items: center;
  font-family: var(--FF_BASE_H);
  line-height: 1;
}

.s-createWorksExample01__ttl::before {
  content: attr(data-en);
  font-family: var(--FF_EN);
  letter-spacing: 0.18em;
  font-weight: 700;
}

.s-createWorksExample01SwiperCard__inner {
  display: grid;
}


.s-createWorksExample01SwiperCard__img {
  order: -1;
}

.g-works__list__mockupContainer{
    order: -1;
}


.s-createWorksExample01SwiperCard__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.s-createWorksExample01SwiperCard__category {
  font-family: var(--FF_BASE_E);
}

.s-createWorksExample01SwiperCard__label {
  font-family: var(--FF_BASE_E);
  border: 1px solid var(--BLACK);
  border-radius: var(--COMMON_BDRS_S);
  max-width: max-content;
}

.s-createWorksExample01Swiper__button {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
}



.s-createWorksExample01__link {
  display: block;
  max-width: max-content;
  font-family: var(--FF_BASE_H);
}

.s-createWorksExample01__link::after {
  content: '';
  display: block;
  width: 100%;
  aspect-ratio: 2337 /76;
  background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDIzLjM3IC43NiI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogLjJweDsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJf44OG44Kt44K544OIIiBkYXRhLW5hbWU9IuODhuOCreOCueODiCI+IDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS4xLjY2YzEuNC0uMDYsMTMuMy0uMjYsMTQuMi0uMjZTMjIuNzUuMSwyMy4yNy4xIi8+IDwvZz48L3N2Zz4=");
}

.s-createWorksExample01__link__inner {
  display: flex;
  align-items: center;
}

.s-createWorksExample01__link__inner::after {
  content: '';
  display: block;
  aspect-ratio: 65/21;
  background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYuNjIgMi4yNCI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogLjJweDsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJf44OG44Kt44K544OIIiBkYXRhLW5hbWU9IuODhuOCreOCueODiCI+IDxnPiA8cG9seWdvbiBwb2ludHM9IjUuMzggMS41NiA1LjM4IDAgNi42MiAuNzggNS4zOCAxLjU2Ii8+IDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTS4xLDIuMTRjLjczLS43MywxLjI2LTEuMDgsMi4yMS0xLjI4Ljk1LS4yLDIuMjItLjE1LDEuMzYuNjgtLjg2LjgzLTIuMjguNzEtMS4wMi0uMDksMS4yNi0uOCwzLjA2LS42OCwzLjA2LS42OCIvPiA8L2c+IDwvZz48L3N2Zz4=");
}

@media screen and (min-width: 768px) {
  .s-createWorksExample01 {
    margin-top: var(--GAP_75);
    margin-bottom: var(--GAP_65);
  }

  .s-createWorksExample01__ttl {
    gap: 10px;
    font-size: var(--FZ_14);
    margin-bottom: var(--GAP_30);
  }

  .s-createWorksExample01__ttl::before {
    font-size: var(--FZ_30);
  }

  .s-createWorksExample01__text {
    margin-bottom: var(--GAP_35);
  }

  .s-createWorksExample01Swiper {
    margin-bottom: var(--GAP_65);
  }

  .s-createWorksExample01SwiperCard__ttl {
    margin-bottom: var(--GAP_10);
    font-size: var(--FZ_15);
  }

  .s-createWorksExample01SwiperCard__img {
    margin-bottom: var(--GAP_15);
  }


  .s-createWorksExample01SwiperCard__body {
    gap: 10px;
  }

  .s-createWorksExample01SwiperCard__category {
    font-size: var(--FZ_13);
  }

  .s-createWorksExample01SwiperCard__label {
    padding: 2px;
    font-size: var(--FZ_13);
  }

  .s-createWorksExample01Swiper__button {
    width: 40px;
    aspect-ratio: 1/1;
  }

  .s-createWorksExample01Swiper__button--prev {
    left: 0;
    background: center / 100% no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNS4wNyIgeTE9IjMuOTgiIHgyPSIzLjkiIHkyPSIzLjk4Ii8+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy45MiA1LjQxIDIuOTUgNC4wMyAzLjkyIDIuNjYiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
  }

  .s-createWorksExample01Swiper__button--next {
    right: 0;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMi44MyIgeTE9IjQuMDgiIHgyPSI0IiB5Mj0iNC4wOCIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjMuOTggMi42NSA0Ljk1IDQuMDIgMy45OCA1LjQiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
  }

  .s-createWorksExample01Swiper__scrollbar {
    max-width: 866px;
    margin-inline: auto;
    margin-bottom: var(--GAP_50);
  }


  .s-createWorksLink {
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .s-createWorksExample01 {
    margin-top: 60px;
    margin-bottom: 80px;
    overflow: hidden;
  }

  .s-createWorksExample01__inner {
    width: 80%;
    margin-inline: auto;
  }

  .s-createWorksExample01__ttl {
    gap: 5px;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .s-createWorksExample01__ttl::before {
    font-size: 25px;
  }

  .s-createWorksExample01__text {
    margin-bottom: 30px;
  }


  .s-createWorksExample01Swiper {
    opacity: 1;
    overflow: visible;
    margin-bottom: 30px;
    display: flex;
    	overflow-x: auto;
	white-space: nowrap;
      --full-width: calc(50% - 50vw);
    margin-inline: var(--full-width);
    padding-left: 35px;
  }
  .s-createWorksExample01Swiper .swiper-wrapper,
  .s-createWorksExample01Swiper .swiper-slide{
    display: contents;
  }
  .s-createWorksExample01Swiper__button,
  .s-createWorksExample01Swiper__scrollbar{
    display: none;
  }
  .s-createWorksExample01SwiperCard{
    flex: 0 0 auto;
    --this-width: 123px;
    min-width: var(--this-width);
    max-width: var(--this-width);
    margin-right: 30px;

  }



  .s-createWorksExample01SwiperCard__ttl {
    margin-bottom: 20px;
    line-height: 1.65;
    white-space: wrap;
  }

  .s-createWorksExample01SwiperCard__img {
    margin-bottom: 20px;
  }

  .s-createWorksExample01SwiperCard__body {
    gap: 10px;
    font-size: 16px;
  }


  .s-createWorksExample01SwiperCard__label {
    padding: 2px 5px;
  }




  .s-createWorksLink {
    margin-right: auto;
  }
}


/*  POINT 02 拡張性や運営者に寄り添った「サイト構築」  */

.s-createWorksExample02__ttl {
  font-family: var(--FF_BASE_H);
}

.s-createWorksExample02__content {
  display: grid;
}

.s-createWorksExample02Item__ttl {
  font-family: var(--FF_BASE_H);
}

.s-createWorksExample02Item__movie {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}
.s-createWorksExample02Item__movie video{
      display: block;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {
  .s-createWorksExample02 {
    margin-bottom: var(--GAP_100);
  }

  .s-createWorksExample02__ttl {
    margin-bottom: var(--GAP_30);
    font-size: var(--FZ_22);
  }

  .s-createWorksExample02__text {
    margin-bottom: var(--GAP_60);
  }

  .s-createWorksExample02__content {
    row-gap: var(--GAP_45);
  }

  .s-createWorksExample02Item {
    display: grid;
    align-items: start;
    align-content: start;
    grid-template-rows: auto 1fr;
    row-gap: var(--GAP_20);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .s-createWorksExample02Item__ttl {
    grid-column-start: 2;
    font-size: var(--FZ_28);
  }

  .s-createWorksExample02Item__movie {
    grid-row: 1/3;
    margin-right: var(--GAP_40);
  }

  .s-createWorksExample02Item__text {
    grid-row-start: 2;
    grid-column-start: 2;
  }
}

@media screen and (max-width: 767px) {
  .s-createWorksExample02 {
    margin-bottom: var(--GAP_100);
  }

  .s-createWorksExample02__inner {
    width: 80%;
    margin-inline: auto;
  }

  .s-createWorksExample02__ttl {
    margin-bottom: 30px;
    font-size: min(5.6vw, 21px);
    line-height: 1.35;
  }

  .s-createWorksExample02__ttl span {
    display: block;
  }

  .s-createWorksExample02__text {
    margin-bottom: 50px;
  }

  .s-createWorksExample02__content {
    row-gap: 50px;
  }

  .s-createWorksExample02Item__ttl {
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
  }

  .s-createWorksExample02Item__movie {
    margin-bottom: 20px;
  }
}

/*  POINT 02 UXとDXを実現する  */

.s-createWorksExample03__ttl {
  position: relative;
  z-index: 1;
}

.s-createWorksExample03__ttl::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 1px;
  border-top: 3px dotted var(--DARK01);
  z-index: -1;
  transform: translateY(-50%);
}

.s-createWorksExample03__ttl__inner {
  display: block;
  text-align: center;
  width: fit-content;
  border: 2px solid;
  border-radius: 80px;
  margin-inline: auto;
  background: var(--WHITE);
}
.s-createWorksExample03__ttl__inner span{
  font-family: var(--FF_BASE_H);
}

.s-createWorksExample03__text span {
  font-family: var(--FF_BASE_E);
}


.s-createWorksExample03SwiperCard__inner {
  display: grid;
}


.s-createWorksExample03SwiperCard__img {
  order: -1;
  border: 1px solid var(--BLACK);
  border-radius: var(--COMMON_BDRS_S);
  overflow: hidden;
}

.s-createWorksExample03SwiperArea{
  position: relative;
}
.s-createWorksExample03Swiper__button {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
}
.s-createWorksExample03Swiper__button.swiper-button-disabled {
  opacity: 0.7;
  cursor: default;
}

@media screen and (min-width: 768px) {

  .s-createWorksExample03__ttl {
    margin-bottom: var(--GAP_50);
  }


  .s-createWorksExample03__ttl__inner {
    padding: 10px 20px;
    font-size: var(--FZ_22);
  }

  .s-createWorksExample03__text {
    margin-bottom: var(--GAP_40);
  }

  .s-createWorksExample03Swiper {
    margin-bottom: var(--GAP_65);
  }


  .s-createWorksExample03SwiperCard__img {
    margin-bottom: var(--GAP_15);
  }



  .s-createWorksExample03Swiper__scrollbar {
    margin-bottom: var(--GAP_60);
    max-width: 866px;
    margin-inline: auto;
  }

     .s-createWorksExample03Swiper__button {
    position: absolute;
    top: 30%;
    z-index: 2;
    width: 40px;
    height: 40px;
  }

  .s-createWorksExample03Swiper__button--prev {
    left: 0;
    background: center / 100% no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNS4wNyIgeTE9IjMuOTgiIHgyPSIzLjkiIHkyPSIzLjk4Ii8+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy45MiA1LjQxIDIuOTUgNC4wMyAzLjkyIDIuNjYiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
  }

  .s-createWorksExample03Swiper__button--next {
    right: 0;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMi44MyIgeTE9IjQuMDgiIHgyPSI0IiB5Mj0iNC4wOCIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjMuOTggMi42NSA0Ljk1IDQuMDIgMy45OCA1LjQiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
  }


  .s-createWorksExample03__text02 {
    position: relative;
    z-index: 1;
    width: fit-content;
    margin-bottom: 60px;
    margin-inline: auto;
  }

  .s-createWorksExample03__text02::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 100%;
    display: block;
    width: 284px;
    aspect-ratio: 284/98;
    margin-left: -136px;
    background: top center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3LjQ4IDIwLjI0Ij4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjMDAwOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1saW5lam9pbjogcm91bmQ7IHN0cm9rZS13aWR0aDogLjZweDsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJf44Kk44Oh44O844K4IiBkYXRhLW5hbWU9IuOCpOODoeODvOOCuCI+IDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMzLjE0LjQ0YzE3LjkzLS44OCwzMC4xLDIuNDEsMjAuOSw5LjVDNDYuNjQsMTUuNjQuMywxOC42MS4zLDE4LjYxYzAsMCwyLjU0LTEuNjcsMy41NS0zLjMxLS4zMiwxLjM0LjU4LDQuMTQsMS4wOCw0LjY0LTEuNi0uNS0yLjQtLjctMy4yLS43Ii8+IDwvZz48L3N2Zz4=");
  }

  .s-createWorksExample03__button {
    max-width: 418px;
  }


}

@media screen and (max-width: 767px) {
  .s-createWorksExample03__ttl {
    margin-bottom: 30px;
  }

  .s-createWorksExample03__ttl__inner {
    padding: 8px 15px;
  }

  .s-createWorksExample03__inner {
    width: 80%;
    margin-inline: auto;
  }

  .s-createWorksExample03__text {
    margin-bottom: 50px;
  }

  .s-createWorksExample03Swiper {
    margin-bottom: 30px;
  }


  .s-createWorksExample03SwiperCard__img {
    margin-bottom: 15px;
  }


  .s-createWorksExample03Swiper__scrollbar {
    margin-bottom: 60px;
  }


     .s-createWorksExample03Swiper__button {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    width: 20px;
    height: 40px;
    transform: translateY(-50%);
    display: none;
  }

  .s-createWorksExample03Swiper__button--prev {
    left: 0;
    background: center left / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA0LjAzIDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQuMDMiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8Zz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwYzIuMjMsMCw0LjAzLDEuOCw0LjAzLDQuMDNzLTEuOCw0LjAzLTQuMDMsNC4wMyIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuODkgNS40MSAuOTIgNC4wMyAxLjg5IDIuNjYiLz4gPC9nPiA8L2c+PC9zdmc+");
  }

  .s-createWorksExample03Swiper__button--next {
    right: 0;
    background: center right / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA0LjAzIDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQuMDMiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8Zz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wMyw4LjA2QzEuOCw4LjA2LDAsNi4yNiwwLDQuMDNTMS44LDAsNC4wMywwIi8+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMi4wMiAyLjY2IDIuOTkgNC4wMyAyLjAyIDUuNDEiLz4gPC9nPiA8L2c+PC9zdmc+");

  }

  .s-createWorksExample03__text02 {
    margin-bottom: 35px;
  }

  .s-createWorksExample03__button a {
    padding-block: 10px;
  }
}



@media (hover: hover){
    .s-createWorksExample03Swiper__button {
    opacity: 1;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }

  .s-createWorksExample03Swiper__button:hover {
    opacity: 0.7;
  }
}

/*  POINT 03 伴走サポート  */
.s-createSupport {
  padding-bottom: var(--GENERALSEC);
}

.s-createSupport__inner {
  border-top: 1px solid var(--BLACK);
}

.s-createSupport__content {
  position: relative;
}


.s-createSupport__topic li {
  aspect-ratio: 1295/1892;
  background: no-repeat center/100%;
}

.s-createSupport__topic__hd {
  text-align: center;
  font-family: var(--FF_BASE_H);
}

.s-createSupport__item {
  position: absolute;
  width: 100%;
}

.s-createSupport__item li {
  aspect-ratio: 1/1;
  background: var(--WHITE);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
}

.s-createSupport__item p {
  text-align: center;
  font-family: var(--FF_BASE_E);
}

.s-createSupport__item__pic {
  background: no-repeat center/100%;
  aspect-ratio: 300/247;
}

.s-createSupport__button {
  position: relative;
}

.s-createSupport__button a::before {
  content: '';
  display: block;
  position: absolute;
  aspect-ratio: 46/44;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUuMTEgNC45OSI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogLjZweDsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJf44OG44Kt44K544OIIiBkYXRhLW5hbWU9IuODhuOCreOCueODiCI+IDxnPiA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjk5LjNjLS4xLjkuNjIsMy4yMSwxLjgyLDMuNzkiLz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjMsMS45NGMuMjcuODcsMS44NCwyLjcsMy4xNywyLjc1Ii8+IDwvZz4gPC9nPjwvc3ZnPg==");
}


@media screen and (min-width: 768px) {


  .s-createSupport__inner {
    padding-top: var(--GAP_20);
  }


  .s-createSupport__content {
    margin-top: var(--GAP_50);
    margin-bottom: var(--GAP_65);
    margin-inline: auto;
    max-width: 977px;
  }

  .s-createSupport__topic {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }



  .s-createSupport__topic__hd {
    margin-top: 38%;
    font-size: var(--FZ_28);
  }

  .s-createSupport__item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    left: 0;
    bottom: 7%;
  }

  .s-createSupport__item p {
    font-size: var(--FZ_20);
  }

  .s-createSupport__item__pic {
    width: 67%;
    margin-inline: auto;
    margin-bottom: 10px;
  }

  .s-createSupport__button {
    margin-bottom: var(--GAP_80);
    max-width: 418px;
  }

  .s-createSupport__button a::before {
    width: 23px;
    bottom: 100%;
    right: 100%;
  }

}

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


  .s-createSupport__inner {
    padding-top: 30px;
    padding-inline: var(--SP_COMMON_INLINE_PADDING);
  }



  .s-createSupport__content {
    margin-top: 35px;
    margin-bottom: 55px;
    width: calc(100% + var(--SP_COMMON_INLINE_PADDING) * 2);
    margin-left: calc(var(--SP_COMMON_INLINE_PADDING) * -1);
  }

  .s-createSupport__topic {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .s-createSupport__topic li:nth-of-type(1) .s-createSupport__topic__hd {
    border: 2.5px solid var(--BLUE01);
  }

  .s-createSupport__topic li:nth-of-type(2) .s-createSupport__topic__hd {
    border: 2.5px solid var(--YELLOW03);
  }

  .s-createSupport__topic li:nth-of-type(3) .s-createSupport__topic__hd {
    border: 2.5px solid var(--PINK03);
  }

  .s-createSupport__topic__hd {
    margin-top: 30px;
    background: var(--WHITE);
    border-radius: 50px;
    font-size: 12px;
  }

  .s-createSupport__item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    left: 0;
    bottom: 7%;
  }

  .s-createSupport__item p {
    font-size: 9px;
    line-height: 1.5;
  }

  .s-createSupport__item__pic {
    width: 60%;
    margin-inline: auto;
  }

  .s-createSupport__button a {
    padding-block: 10px;
  }

  .s-createSupport__button a::before {
    bottom: 100%;
    left: -12px;
    width: 24px;
  }

}

/*  インタビュー  */
.s-createInterview {
  padding-bottom: var(--GENERALSEC);
}

.s-createInterview__ttl {
  display: flex;
  align-items: center;
  font-family: var(--FF_BASE_H);
  line-height: 1;
}

.s-createInterview__ttl::before {
  content: attr(data-en);
  font-family: var(--FF_EN);
  letter-spacing: 0.18em;
  font-weight: 700;
}

.s-createInterview__content {
  position: relative;
}

.s-createInterviewCard__img {
  border-radius: var(--COMMON_BDRS_M);
  overflow: hidden;
}

.s-createInterviewCard__ttl {
  font-family: var(--FF_BASE_E);
}
.s-createInterviewCard__ttl small{
  display: block;
}

.s-createInterviewSwiper__button {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
}

.s-createInterviewSwiper__button.swiper-button-disabled {
  opacity: 0.7;
  cursor: default;
}


@media screen and (min-width: 768px) {


  .s-createInterview__ttl {
    column-gap: var(--GAP_10);
    margin-bottom: var(--GAP_45);
    font-size: var(--FZ_14);
  }

  .s-createInterview__ttl::before {
    font-size: var(--FZ_30);
  }

  .s-createInterview__content {
    padding-inline: var(--GAP_25);
  }

  .s-createInterviewCard__img {
    margin-bottom: var(--GAP_15);
  }

  .s-createInterviewCard__ttl {
    margin-bottom: var(--GAP_10);
    font-size: var(--FZ_16);
  }

  .s-createInterviewSwiper__button {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
  }

  .s-createInterviewSwiper__button--prev {
    left: 0;
    background: center / 100% no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNS4wNyIgeTE9IjMuOTgiIHgyPSIzLjkiIHkyPSIzLjk4Ii8+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy45MiA1LjQxIDIuOTUgNC4wMyAzLjkyIDIuNjYiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
  }

  .s-createInterviewSwiper__button--next {
    right: 0;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMi44MyIgeTE9IjQuMDgiIHgyPSI0IiB5Mj0iNC4wOCIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjMuOTggMi42NSA0Ljk1IDQuMDIgMy45OCA1LjQiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
  }

  .s-createInterviewSwiper__scrollbar {
    margin-top: var(--GAP_60);
    margin-inline: auto;
    max-width: 866px;
    width: 100%;
  }
}



@media screen and (max-width: 767px) {
  .s-createInterview__ttl {
    gap: .5em;
    width: 80%;
    margin-inline: auto;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .s-createInterview__ttl::before {
    font-size: 25px;
  }

  .s-createInterview__content {
    overflow: hidden;
  }

  .s-createInterviewSwiper {
    width: 80%;
    margin-inline: auto;
  }

  .s-createInterviewCard__img {
    margin-bottom: 35px;
  }


  .s-createInterviewCard__ttl {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .s-createInterviewCard__text {
    font-size: 18px;
  }

  .s-createInterviewSwiper__button {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    width: 20px;
    height: 40px;
    transform: translateY(-50%);
  }

  .s-createInterviewSwiper__button--prev {
    left: 0;
    background: center left / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA0LjAzIDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQuMDMiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8Zz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwYzIuMjMsMCw0LjAzLDEuOCw0LjAzLDQuMDNzLTEuOCw0LjAzLTQuMDMsNC4wMyIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuODkgNS40MSAuOTIgNC4wMyAxLjg5IDIuNjYiLz4gPC9nPiA8L2c+PC9zdmc+");
  }

  .s-createInterviewSwiper__button--next {
    right: 0;
    background: center right / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA0LjAzIDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQuMDMiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8Zz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wMyw4LjA2QzEuOCw4LjA2LDAsNi4yNiwwLDQuMDNTMS44LDAsNC4wMywwIi8+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMi4wMiAyLjY2IDIuOTkgNC4wMyAyLjAyIDUuNDEiLz4gPC9nPiA8L2c+PC9zdmc+");

  }

  .s-createInterviewSwiper__scrollbar {
    margin-top: 40px;
    margin-bottom: 75px;
    max-width: 80%;
    margin-inline: auto;
  }
}

@media (hover: hover) {
  .s-createInterviewSwiper__button {
    opacity: 1;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }

  .s-createInterviewSwiper__button:hover {
    opacity: 0.7;
  }
}

/*  お問い合わせ  */
.s-createContact {
  background: #525a63;
}

.s-createContact__catchCopy {
  font-family: var(--FF_BASE_H);
  color: var(--WHITE);
}

.s-createContact__catchCopy span {
  display: block;
}

.s-createContact__catchCopy::after {
  content: '';
  position: absolute;
  aspect-ratio: 235/189;
  background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI5LjY2IDIzLjgxIj4gPGRlZnM+IDxzdHlsZT4gLmNscy0xIHsgZmlsbDogI2ZmZjsgfSAuY2xzLTIgeyBzdHJva2Utd2lkdGg6IC4xcHg7IH0gLmNscy0yLCAuY2xzLTMgeyBzdHJva2U6ICMwMDA7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgfSAuY2xzLTMgeyBmaWxsOiBub25lOyBzdHJva2Utd2lkdGg6IC4zcHg7IH0gLmNscy00IHsgZmlsbDogI2YwNmUzYzsgfSAuY2xzLTUgeyBmaWxsOiAjMzMzOyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9Il/jgqTjg6Hjg7zjgrgiIGRhdGEtbmFtZT0i44Kk44Oh44O844K4Ij4gPGc+IDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIzLjAzLDguOTZ2LTEuNzFjMC0uMzgtLjM1LS4zNC0uNTctLjE5LS41Ny4zOC0xLjMzLDAtMS45LS43Ni0uMjMtLjMtLjM4LS41Ny0uNTctMS45cy4xOS0yLjQ2LjM4LTIuODRjLjQzLS44NiwxLjE0LTEuMTMsMS45LTEuMzMuNDgtLjEyLDEuOTksMS4wMiwyLjI3LDEuNTNzLS4yNyw1LjY4LS4zOSw2LjA3Yy0uMDYuMi0uMzQuNDUtLjQ1LjktLjA5LjA4LS4xNS4wOC0uMjUuMTItLjIuMDYtLjQzLjExLS40My4xMVoiLz4gPHBhdGggY2xhc3M9ImNscy00IiBkPSJNMTMuMzgsMTcuMjdjLjUsMCwxLjMzLjM4LDEuOS4zOC43NiwwLDIuODQtMS4xNCwzLjAzLTEuMTRzLjk1LTIuNDYsMS4xNC0zLjQxLjE5LTIuNDYuOTUtMy4wMywzLjk4LTEuNTIsNC41NS0xLjcxbC44NC0uMjQuMy42MmMuNTcuOTUsMS40Nyw0LjA1LDEuOSw1LjEyLjM4Ljk1Ljc2LDMuMDMuOTUsMy43OXMuNzYsNC43NC41Nyw0LjkzLTEuNTIuNzYtMi4yNy45NWMtLjQ4LjEyLTIuNDYuMTktMy43OSwwLTEuMDEtLjE0LTIuMDgtLjU3LTIuMDgtLjU3bC0uOTUuMTljLS43NiwwLTEuNTItLjE5LTIuNjUtLjM4LTEuMTQtLjE5LTQuMTctMS4zMy00LjU1LTEuNTJsLS4zOC0uMzhjLS4xOSwwLS43Ni0uMTktLjk1LS4zOC0uMy0uMy0uMjEtMi41MS0uMTktMi42NXMuMTktLjU3LjM4LS41Ny45NS4xOS45NS4xOWwuMzgtLjE5WiIvPiA8cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik0yNC45OSw0LjczYy0uMTEuNTYuMS41Ni4xMSwxLjI0LjA0LDEuNzctMS41OSwyLjQ2LTEuNDksMy4xMy4xOSwxLjMzLjk1LDEuNTIuNzYsMi40Ni0uMTMuNjMsMCwxLjE0LDAsMi4wOHMuMTksMS43MS41NywyLjA4LDEuMzcuNzgsMS43MS45NWMuMzguMTksMS4wOS4zLDEuMzMsMCwuNzYtLjk1Ljc2LTIuNDYuNTctMy40MS0uMTUtLjc0LTEuMTEtMy4yOS0xLjU2LTQuNTMtLjE2LS40NS0uNjQtMS45LS40NS0zLjAzLjIzLTEuMzYsMS4xMi0yLjctLjU2LTQuMzgtMS41NC0xLjU0LTMuNzYtMS4yMS00LjE2LTEuMDFsLS42Ny4zNGMuMjIsMS4wMSwxLjkxLDEuODIsMi42NiwyLjE5LS4xOS43Ni4yMS45NS41Ny45NS4xOS0uOTUuMDQtLjYuMjMtLjc5bC4zOSwxLjcyWiIvPiA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNC41NiwyLjg3Yy4xOS0uMzguNzItLjUzLjk1LS4zOC41Ny4zOC4yNSwxLjUzLjE5LDEuNzEtLjE5LjU3LS41Ny41Ny0uNzYuNTdsLjItLjA3cy0uMDIsMS4xMywwLDEuNDZjMCwuMTMsMCwuNjctLjU2LDEuNDYtLjM5LjU1LS45LDEuMTItLjksMS4xMmwuODgtNS44OFoiLz4gPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjUuMSAxNiAuNiA4Ljg0IC4yMSA5LjA2IDQuODYgMTYuMjMgNC45MSAxNi42NyAxNC40OSAxNi45IDE0LjQ5IDE2LjY0IDUuMSAxNiIvPiA8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNS4zNCAxNS45NSAuNiA4Ljg0IC4yMSA5LjA2IDQuODYgMTYuMjMgNC45MSAxNi42NyAxNC40OSAxNi45IDE0LjQ5IDE2LjY0IDUuMzQgMTUuOTUiLz4gPHBvbHlnb24gY2xhc3M9ImNscy0zIiBwb2ludHM9IjUuMjEgMTUuOSAuNiA4Ljg0IC4yMSA5LjA2IDQuODYgMTYuMjMgNC45MSAxNi42NyAxNC40OSAxNi45IDE0LjQ5IDE2LjY0IDUuMjEgMTUuOSIvPiA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMS43NiwxNy40MWMtLjE5LS4xOS0uMy0uNy0uNDktLjg5cy0uNzYtLjE5LS45NS0uMTktLjU3LS45NS0uOTUtLjk1LS43Ni4xOS0uNTcuNTcuMTkuOTUuMTkuOTVjMCwwLTEuNDgtLjE5LTEuNTIsMC0uMTkuOTUuMjYsMS44NS4zOCwyLjA5LjE5LjM4LDEuMTQuOTUsMS45Ljk1czEuOS0uMiwxLjktLjM5di0xLjY5cy4xMS0uNDUuMTEtLjQ1WiIvPiA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMi4yNi4yYy0uNzYuMTktMS40Ni40Ni0xLjksMS4zMy0uMTkuMzgtLjU3LDEuNTItLjM4LDIuODVzLjM0LDEuNTkuNTcsMS45Yy41Ny43NiwxLjMzLDEuMTQsMS45Ljc2LjIyLS4xNS41Ny0uMTkuNTcuMTl2MS43MSIvPiA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNS4wOCw0Ljc1Yy4wMy40LjAyLjY5LjAzLjc2LjE5LDIuMjgtMS42MSwyLjkzLTEuNTIsMy42LjE5LDEuMzMuOTUsMS41Mi43NiwyLjQ3LS4xMy42MywwLDEuMTQsMCwyLjA5cy4xOSwxLjcxLjU3LDIuMDksMS4zNy43OCwxLjcxLjk1Yy4zOC4xOSwxLjA5LjMsMS4zMywwLC43Ni0uOTUuNzYtMi40Ny41Ny0zLjQxLS4xNS0uNzQtMS4xMS0zLjMtMS41Ni00LjUzLS4xNi0uNDUtLjY0LTEuOS0uNDUtMy4wNC4yMy0xLjM2LDEuMTItMi43LS41Ni00LjM5LTEuNTQtMS41NC0zLjc3LTEuMjEtNC4xNi0xLjAxIi8+IDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIxLjEyLjY2Yy4yMiwxLjAxLDEuOTEsMS44MiwyLjY3LDIuMi0uMTkuNzYuMjEuOTUuNTcuOTUuMTktLjk1LjItMSwuMzktMS4xOSIvPiA8cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNC41NCwyLjg2Yy4xOS0uMzguNzMtLjUzLjk1LS4zOC41Ny4zOC4yNSwxLjUzLjE5LDEuNzEtLjE5LjU3LS41Ny41Ny0uNzYuNTciLz4gPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjMuNjksOC43NWMtMS4xOC4zOC0yLjgxLjk0LTMuMzMsMS4zMi0uNzYuNTctLjc2LDIuMDktLjk1LDMuMDRzLS45NSwzLjQxLTEuMTQsMy40MS0yLjI4LDEuMTQtMy4wNCwxLjE0Yy0uNTcsMC0xLjQtLjM4LTEuOS0uMzgtLjM4LDAtLjQ2LjE5LS41LjQxLS4xMy43OC0uMDcsMi4wMS0uMDcsMi42MiwwLC4zOCwwLC43Ni4zOC45NXMzLjQxLDEuMzMsNC41NSwxLjUyYzEuMTQuMTksMS45LjM4LDIuNjYuMzhzMS45LS4xOSwyLjQ3LTEuMzMuOTUtMi44NS45NS0zLjIyIi8+IDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI4LjQ2LDE1LjY2Yy4xOC43OS4zNCwxLjU5LjQ0LDIsLjE5Ljc2Ljc2LDQuNzQuNTcsNC45M3MtMS41Mi43Ni0yLjI4Ljk1Yy0uNDguMTItMi40Ny4xOS0zLjc5LDAtMS4wMS0uMTQtMi4wOS0uNTctMi4wOS0uNTciLz4gPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTIuOTcsMTcuNDdzLS43Ni0uMTktLjk1LS4xOS0uMzYuNDItLjM4LjU3LS4xMSwyLjM2LjE5LDIuNjZjLjE5LjE5Ljc2LjM4Ljk1LjM4Ii8+IDxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIyLjA4LDExLjU5Yy4wOS4xOC43NiwxLjMxLDEuMTQsMi42Ni40NCwxLjU3LjU3LDMuNC41NywzLjYiLz4gPHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTEuNjQsMTkuNTVjMCwuMTktMS4xMS4zOC0xLjkuMzhzLTEuNzEtLjU3LTEuOS0uOTVjLS4xMi0uMjQtLjU3LTEuMTQtLjM4LTIuMDkuMDQtLjE5LDEuNTIsMCwxLjUyLDAsMCwwLDAtLjU3LS4xOS0uOTVzLjE5LS41Ny41Ny0uNTcuNzYuOTUuOTUuOTUuNzYsMCwuOTUuMTkuMzguNzYuNTcuOTUiLz4gPGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIyMS43OSIgY3k9IjMuMTQiIHI9Ii4xNyIvPiA8Y2lyY2xlIGNsYXNzPSJjbHMtMiIgY3g9IjIwLjY3IiBjeT0iMy43IiByPSIuMTciLz4gPC9nPiA8L2c+PC9zdmc+");
}

.s-createContact__buttons {
  display: grid;
}

@media screen and (min-width: 1024px) {
  .s-createContact {
    padding-block: 50px;
    padding-inline: var(--GAP_30);
  }

  .s-createContact__inner {
    position: relative;
    display: flex;
    gap: var(--GAP_20);
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-right: 172px;
  }

  .s-createContact__catchCopy {
    font-size: var(--FZ_30);
    line-height: 1.35;
  }

  .s-createContact__catchCopy br {
    display: none;
  }

  .s-createContact__catchCopy::after {
    width: 146px;
    right: 0;
    bottom: 0;
  }

  .s-createContact__buttons {
    justify-items: end;
    flex: 1;
    gap: var(--GAP_15);
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .s-createContact {
    padding-block: 60px;
  }

  .s-createContact__inner {
    display: grid;
    justify-content: center;
    width: 80%;
    max-width: 400px;
    margin-inline: auto;
  }

  .s-createContact__catchCopy {
    position: relative;
    font-size: var(--FZ_30);
    line-height: 2;
    margin-bottom: 70px;
  }

  .s-createContact__catchCopy::after {
    width: 118px;
    right: -30px;
    bottom: -50px;
  }

  .s-createContact__buttons {
    justify-items: end;
    flex: 1;
    gap: var(--GAP_15);
  }

  .s-createContact__buttons .g-btn {
    max-width: 400px;
  }
}

@media screen and (max-width: 767px) {
  .s-createContact {
    padding-block: 60px;
  }

  .s-createContact__inner {
    width: 80%;
    max-width: 300px;
    margin-inline: auto;
  }

  .s-createContact__catchCopy {
    position: relative;
    font-size: 21px;
    line-height: 2;
    margin-bottom: 70px;
  }

  .s-createContact__catchCopy::after {
    width: 118px;
    right: 0;
    bottom: -40px;
  }

  .s-createContact__buttons {
    justify-items: end;
    flex: 1;
    gap: 20px;
  }

  .s-createContact__buttons .g-btn {
    max-width: 300px;
  }
}


/*  サイト制作の流れ  */
.s-createFlow {
  position: relative;
}

.s-createFlow::after {
  content: '';
  position: absolute;
  aspect-ratio: 400 / 159;
  background: center / contain no-repeat url('../images/create/s-createFlow_bg02.png');
  animation: flowAnime02 10s ease-in infinite alternate;
  z-index: 2;
}

@keyframes flowAnime02 {
  0% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(-40px, -40px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}


.s-createFlow__ttl {
  width: fit-content;
  font-family: var(--FF_BASE_H);
}

/* 線のアニメーション */
.s-createFlow__ttlWrap{
  position: relative;
  width: fit-content;
}
@media screen and (min-width: 768px){
  .s-svgAnime--createFlow{
    bottom: -5px;
    left: 0;
    transform: rotate(-1.5deg);
  }
}
@media screen and (max-width: 767px){
  .s-svgAnime--createFlow{
    bottom: -5px;
    left: 0;
    transform: rotate(-1.5deg);
  }
}


.s-createFlow__text span {
  font-family: var(--FF_BASE_E);
}


.s-createFlowCard {
  background: #f0f0f0;
  border-color: #e6dcd2;
}

.s-createFlowCard__ttl {
  font-family: var(--FF_BASE_H);
  background: #e6dcd2;
}



.s-createFlowCard__bottom span {
  font-family: var(--FF_BASE_E);
}



.s-createFlowCardLink a::before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTgxLjIwOSA4LjQyOCI+ICA8ZGVmcz4gPHN0eWxlPiAuc3QwIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjMDAwOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAycHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMSw3LjQyOGMxMy45ODEtLjU2OSwyMTEtMiwyOTktMywxMDQuMDM3LTEuMTgyLDI3NC45NDgtMy40MjgsMjgwLjIwOS0zLjQyOCIvPjwvc3ZnPg==");
}



.s-createFlow__button {
  position: relative;
}

.s-createFlow__button a::before {
  content: '';
  display: block;
  position: absolute;
  aspect-ratio: 46/44;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUuMTEgNC45OSI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IHN0cm9rZS13aWR0aDogLjZweDsgfSA8L3N0eWxlPiA8L2RlZnM+IDxnIGlkPSJf44OG44Kt44K544OIIiBkYXRhLW5hbWU9IuODhuOCreOCueODiCI+IDxnPiA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yLjk5LjNjLS4xLjkuNjIsMy4yMSwxLjgyLDMuNzkiLz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjMsMS45NGMuMjcuODcsMS44NCwyLjcsMy4xNywyLjc1Ii8+IDwvZz4gPC9nPjwvc3ZnPg==");
}

@media screen and (min-width: 768px) {
  .s-createFlow {
    padding-bottom: 200px;
  }

  .s-createFlow::after {
    width: 292px;
    right: -196px;
    bottom: 0;
  }

  .s-createFlow::before {
    content: '';
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: -1;
    display: block;
    width: 167px;
    aspect-ratio: 334/345;
    background: center / contain no-repeat url('../images/create/s-createFlow_bg01.png');
    animation: flowAnime01 10s ease-in infinite alternate;
    ;

  }

  @keyframes flowAnime01 {
    0% {
      transform: translate(0px, 0px);
    }

    50% {
      transform: translate(0px, -40px);
    }

    100% {
      transform: translate(0px, 0px);
    }
  }



  .s-createFlow__ttl {
    margin-bottom: var(--GAP_35);
    font-size: var(--FZ_35);
  }

  .s-createFlow__text {
    margin-bottom: var(--GAP_40);
  }


  .s-createFlowPc {
    height: 680px;
    margin-bottom: 75px;
    padding-right: 16px;
    overflow-y: auto;
  }

  .s-createFlowCard {
    display: grid;
    grid-template-columns: 206px 1fr 190px;
    min-height: 125px;
    border-width: 6px;
    border-style: solid;
    border-radius: 62.5px var(--COMMON_BDRS_S) var(--COMMON_BDRS_S) 62.5px;
  }

  .s-createFlowCard+.s-createFlowCard {
    margin-top: 15px;
  }

  .s-createFlowCard__ttl {
    position: relative;
    display: grid;
    align-content: center;
    line-height: 1.25;
    text-align: center;
    border-radius: 56px;
    font-size: 23px;
  }

  .s-createFlowCard:not(:last-child) .s-createFlowCard__ttl::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    aspect-ratio: 1 / 1;
    width: 37px;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDcuNDUgNy40NSI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9Il/jgqTjg6Hjg7zjgrgiIGRhdGEtbmFtZT0i44Kk44Oh44O844K4Ij4gPGNpcmNsZSBjeD0iMy43MiIgY3k9IjMuNzIiIHI9IjMuNzIiLz4gPHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1LjYyIDMuNCAzLjcyIDUuMjYgMS44MyAzLjQiLz4gPC9nPjwvc3ZnPg==");
    transform: translate(-50%, -5px);
  }


  .s-createFlowCard__body {
    display: grid;
    align-items: center;
    padding: var(--GAP_25) var(--GAP_30);
    line-height: 2;
  }

  .s-createFlowCard__bottom {
    position: relative;
    padding-inline: var(--GAP_20);
    display: grid;
    align-content: center;
  }

  .s-createFlowCard__bottom--center {
    text-align: center;
  }

  .s-createFlowCard__bottom::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    bottom: 2px;
    display: block;
    width: 5px;
    background: var(--WHITE);
  }

  .s-createFlowCard__bottom span {
    font-size: var(--FZ_20);
  }


  .s-createFlow__button {
    position: relative;
    max-width: 418px;
  }

  .s-createFlow__button::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: calc(100% + 45px);
    bottom: 16px;
    display: block;
    width: 219px;
    aspect-ratio: 443 / 174;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0LjMgMTcuNCI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogIzAwMDsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyBzdHJva2Utd2lkdGg6IC42cHg7IH0gPC9zdHlsZT4gPC9kZWZzPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NCwuM0MzOS4zLDguOSwyMC40LDE2LjQuMywxNS40YzAsMCwzLjUtMS44LDQuMTktMi40Ni0uNDksMS4yNi0uMTksMy4zNi40MSw0LjE2LTEuMS0uNC0xLjYtLjctMy4xLS45Ii8+IDwvZz48L3N2Zz4=");
  }

  .s-createFlow__button a::before {
    width: 23px;
    bottom: 100%;
    right: 100%;
  }
}

@media screen and (max-width: 767px) {
  .s-createFlow {
    padding-bottom: 150px;
  }

  .s-createFlow::after {
    width: 200px;
    right: -39px;
    bottom: 27px;
  }



  .s-createFlow__inner {
    width: 80%;
    margin-inline: auto;
  }

  .s-createFlow__ttl {
    margin-inline: auto;
    font-size: 27px;
    margin-bottom: 28px;
  }

  .s-createFlow__text {
    margin-bottom: 42px;
  }

  .s-createFlow__text p+p {
    margin-top: 1.5em;
  }


  .s-createFlowSwiper {

    overflow: visible;
    width: calc(100% + var(--SP_COMMON_INLINE_PADDING) * 2);
    margin-inline: calc(-1 * var(--SP_COMMON_INLINE_PADDING));
  }

  .s-createFlowSwiper .swiper-slide {
    height: auto;
  }

  .s-createFlowCard {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-radius: var(--COMMON_BDRS_L);
    overflow: hidden;
  }

  .s-createFlowCard__ttl {
    display: grid;
    place-items: center;
    height: 72px;
    font-size: 20px;
  }

  .s-createFlowSwiper .swiper-slide:not(:last-child) .s-createFlowCard__ttl::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    z-index: 2;
    aspect-ratio: 1 / 1;
    width: 37px;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDcuNDUgNy40NSI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9Il/jgqTjg6Hjg7zjgrgiIGRhdGEtbmFtZT0i44Kk44Oh44O844K4Ij4gPGNpcmNsZSBjeD0iMy43MiIgY3k9IjMuNzIiIHI9IjMuNzIiLz4gPHBvbHlsaW5lIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1LjYyIDMuNCAzLjcyIDUuMjYgMS44MyAzLjQiLz4gPC9nPjwvc3ZnPg==");
    transform: translate(calc(-50% + 5px), -50%) rotate(-90deg);
  }


  .s-createFlowCard__body {
    display: grid;
    align-items: center;
    padding: 20px var(--SP_COMMON_INLINE_PADDING);
    line-height: 2;
  }

  .s-createFlowCardLink {
    margin-right: auto;
  }

  .s-createFlowCard__bottom {
    position: relative;
    gap: 5px;
    margin-top: auto;
    margin-inline: var(--SP_COMMON_INLINE_PADDING);
    padding-block: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }


  .s-createFlowCard__bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    background: var(--WHITE);
  }

  .s-createFlowCard__bottom span {
    font-size: 18px;
  }

  .s-createFlowSwiper__scrollbar {
    margin-top: 34px;
  }


  .s-createFlow__button {
    margin-top: 80px;
  }

  .s-createFlow__button a {
    padding-block: 10px;
  }

  .s-createFlow__button::after {
    bottom: 100%;
    left: -12px;
    width: 24px;

  }

  .s-createFlow__button a::before {
    width: 23px;
    bottom: 100%;
    right: 100%;
  }
}

/*  よみもの  */
.s-createContents {
  padding-bottom: var(--GENERALSEC);
}

.s-createContents__ttl {
  display: flex;
  flex-direction: column-reverse;
  font-family: var(--FF_BASE_H);
  line-height: 1;
}

.s-createContents__ttl::before {
  content: attr(data-en);
  font-family: var(--FF_EN);
  font-weight: 700;
}

.s-createContents__content {
  position: relative;
}

.s-createContentsCard__inner {
  display: grid;
}

.s-createContentsCard__img {
  order: 1;

}

.s-createContentsCard__ttl {
  order: 3;
  font-family: var(--FF_BASE_E);
}

.s-createContentsCard__time {
  order: 2;
}

.s-createContentsSwiper__button {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
}

.s-createContentsSwiper__button.swiper-button-disabled {
  opacity: 0.7;
  cursor: default;
}

.s-createContentsButton {
  position: relative;
  display: grid;
  place-items: center;
  font-family: var(--FF_BASE_H);
  color: var(--WHITE);
  background: var(--BLACK);
  border-radius: 100vmax;
}

.s-createContentsButton::after {
  content: '';
  display: block;
  position: absolute;
  aspect-ratio: 662 / 224;
  top: 50%;
  transform: translateY(-50%);
  background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYuNjIgMi4yNCI+IDxkZWZzPiA8c3R5bGU+IC5jbHMtMSB7IGZpbGw6ICNmZmY7IH0gLmNscy0yIHsgZmlsbDogbm9uZTsgc3Ryb2tlOiAjZmZmOyBzdHJva2UtbGluZWNhcDogcm91bmQ7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgc3Ryb2tlLXdpZHRoOiAuMnB4OyB9IDwvc3R5bGU+IDwvZGVmcz4gPGcgaWQ9Il/jg4bjgq3jgrnjg4giIGRhdGEtbmFtZT0i44OG44Kt44K544OIIj4gPGc+IDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI1LjM4IDEuNTYgNS4zOCAwIDYuNjIgLjc4IDUuMzggMS41NiIvPiA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0uMSwyLjE0Yy43My0uNzMsMS4yNi0xLjA4LDIuMjEtMS4yOHMyLjIyLS4xNSwxLjM2LjY4LTIuMjguNzEtMS4wMi0uMDksMy4wNi0uNjgsMy4wNi0uNjgiLz4gPC9nPiA8L2c+PC9zdmc+");
}

@media screen and (min-width: 768px) {
  .s-createContents__ttl {
    gap: var(--GAP_10);
    margin-bottom: var(--GAP_45);
    font-size: var(--FZ_14);
  }

  .s-createContents__ttl::before {
    font-size: var(--FZ_30);
  }

  .s-createContents__content {
    margin-bottom: var(--GAP_75);
    padding-inline: var(--GAP_25);
  }

  .s-createContentsCard__img {
    margin-bottom: var(--GAP_15);
  }

  .s-createContentsCard__ttl {
    margin-bottom: var(--GAP_10);
    font-size: var(--FZ_16);
  }

  .s-createContentsSwiper__button {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
  }

  .s-createContentsSwiper__button--prev {
    left: 0;
    background: center / 100% no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iNS4wNyIgeTE9IjMuOTgiIHgyPSIzLjkiIHkyPSIzLjk4Ii8+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy45MiA1LjQxIDIuOTUgNC4wMyAzLjkyIDIuNjYiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
    ;
    ;
  }

  .s-createContentsSwiper__button--next {
    right: 0;
    background: center / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA4LjA2IDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjguMDYiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+OCrOOCpOODiSIgZGF0YS1uYW1lPSLjgqzjgqTjg4kiPiA8Zz4gPGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSI0LjAzIiBjeT0iNC4wMyIgcj0iNC4wMyIvPiA8Zz4gPGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMi44MyIgeTE9IjQuMDgiIHgyPSI0IiB5Mj0iNC4wOCIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjMuOTggMi42NSA0Ljk1IDQuMDIgMy45OCA1LjQiLz4gPC9nPiA8L2c+IDwvZz48L3N2Zz4=");
    ;
  }

  .s-createContentsSwiper__scrollbar {
    margin-top: var(--GAP_60);
    margin-inline: auto;
    max-width: 866px;
    width: 100%;
  }

  .s-createContentsButton {
    margin-top: var(--GAP_75);
    margin-inline: auto;
    padding-block: var(--GAP_20);
    max-width: 338px;
  }

  .s-createContentsButton::after {
    right: var(--GAP_20);
    width: 35px;
  }

}



@media screen and (max-width: 767px) {
  .s-createContents__ttl {
    gap: .5em;
    width: 80%;
    margin-inline: auto;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .s-createContents__ttl::before {
    font-size: 25px;
  }

  .s-createContents__content {
    margin-bottom: 25px;
    overflow: hidden;
  }

  .s-createContentsSwiper {
    width: 80%;
    margin-inline: auto;
  }

  .s-createContentsCard__img {
    margin-bottom: 35px;
  }


  .s-createContentsCard__ttl {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .s-createContentsCard__text {
    font-size: 18px;
  }

  .s-createContentsSwiper__button {
    position: absolute;
    display: block;
    top: 50%;
    z-index: 2;
    width: 20px;
    height: 40px;
    transform: translateY(-50%);
  }

  .s-createContentsSwiper__button--prev {
    background: center left / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA0LjAzIDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQuMDMiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8Zz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwwYzIuMjMsMCw0LjAzLDEuOCw0LjAzLDQuMDNzLTEuOCw0LjAzLTQuMDMsNC4wMyIvPiA8cG9seWxpbmUgY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuODkgNS40MSAuOTIgNC4wMyAxLjg5IDIuNjYiLz4gPC9nPiA8L2c+PC9zdmc+");
  }

  .s-createContentsSwiper__button--next {
    right: 0;
    background: center right / contain no-repeat url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA0LjAzIDguMDYiPiA8ZGVmcz4gPHN0eWxlPiAuY2xzLTEgeyBmaWxsOiAjMzMzOyB9IC5jbHMtMiB7IGZpbGw6IG5vbmU7IHN0cm9rZTogI2ZmZjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBzdHJva2Utd2lkdGg6IC4ycHg7IH0gPC9zdHlsZT4gPGZpbHRlciBpZD0iZHJvcC1zaGFkb3ctMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjQuMDMiIGhlaWdodD0iOC4wNiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4gPGZlT2Zmc2V0IGR4PSIuNSIgZHk9Ii41Ii8+IDxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImJsdXIiIHN0ZERldmlhdGlvbj0iMSIvPiA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzAwMCIgZmxvb2Qtb3BhY2l0eT0iLjUiLz4gPGZlQ29tcG9zaXRlIGluMj0iYmx1ciIgb3BlcmF0b3I9ImluIi8+IDxmZUNvbXBvc2l0ZSBpbj0iU291cmNlR3JhcGhpYyIvPiA8L2ZpbHRlcj4gPC9kZWZzPiA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPiA8Zz4gPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNC4wMyw4LjA2QzEuOCw4LjA2LDAsNi4yNiwwLDQuMDNTMS44LDAsNC4wMywwIi8+IDxwb2x5bGluZSBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMi4wMiAyLjY2IDIuOTkgNC4wMyAyLjAyIDUuNDEiLz4gPC9nPiA8L2c+PC9zdmc+");
    ;
  }
}

@media (hover: hover) {
  .s-createContentsSwiper__button {
    opacity: 1;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }

  .s-createContentsSwiper__button:hover {
    opacity: 0.7;
  }

  .s-createContentsCard__img {
    overflow: hidden;
  }

  .s-createContentsCard__img img {
    transition: transform 0.5s ease;
  }

  .s-createContentsCard__inner:hover .s-createContentsCard__img img {
    transform: scale(1.1);
  }
}

/*  ページ下固定ナビ  */
.s-createFixedBottomNav {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 50;
  background: #c1a18e;
  visibility: hidden;
  opacity: 0;
}

.s-createFixedBottomNav.is-visible {
  visibility: visible;
  opacity: 1;
}

.s-createFixedBottomNav__inner {
  display: flex;
  align-items: center;
}

.s-createFixedBottomNav__inner::after {
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  aspect-ratio: 300/217;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJf44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMwMCAyMTYuNDk5Ij4gIDxkZWZzPiA8c3R5bGU+IC5zdDAsIC5zdDEsIC5zdDIsIC5zdDMsIC5zdDQgeyBmaWxsOiBub25lOyB9IC5zdDEsIC5zdDIgeyBzdHJva2U6ICNmYTNjMGE7IH0gLnN0MSwgLnN0MiwgLnN0MywgLnN0NCB7IHN0cm9rZS13aWR0aDogM3B4OyB9IC5zdDEsIC5zdDMgeyBzdHJva2UtbGluZWpvaW46IHJvdW5kOyB9IC5zdDIsIC5zdDQgeyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IH0gLnN0MywgLnN0NCB7IHN0cm9rZTogIzAwMDsgfSAuc3Q1IHsgZmlsbDogI2ZmZjsgfSAuc3Q2IHsgY2xpcC1wYXRoOiB1cmwoI2NsaXBwYXRoKTsgfSA8L3N0eWxlPiA8Y2xpcFBhdGggaWQ9ImNsaXBwYXRoIj4gPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzMDAgMjE2LjQ5OSAuNjE5IDIxNi40OTkgMCAwIDI5OS4zODEgMCAzMDAgMjE2LjQ5OSIvPiA8L2NsaXBQYXRoPiA8L2RlZnM+IDxnIGNsYXNzPSJzdDYiPiA8Zz4gPHBvbHlnb24gcG9pbnRzPSIyNzQuMjExIDk2LjYxIDI2OC4wNjEgMTA4LjM3NSAyNjcuMjU5IDExMC43ODEgMjcyLjMzOSAxMTIuMTE4IDI3NC4yMTEgMTA5LjcxNCAyNzguNzU3IDEwNy4wMzggMjc5LjAyNCAxMDEuMTU1IDI3NC4yMTEgOTYuNjEiLz4gPHBhdGggY2xhc3M9InN0NSIgZD0iTTM0Ljg1LDE2OS40OTRjLS40NTYtLjEyOC0uOTQzLjA4OC0xLjExMi40OTJsLS4zMTcuNzU5aDBzLTIuNTEtLjcwMS0yLjUxLS43MDFjLTEuNTcxLS40MzgtMy4yNDUuMjk3LTMuODM2LDEuNjg4LTIuNTkxLDYuMTA1LTkuMjEsMjEuNjg3LTEwLjc4NywyNS4yNjMtMS45NzIsNC40NzItOS44NjEsMjYuODM0LTkuODYxLDI4LjYyMywwLDEuMzYzLDIuNDA1LDEuMzUsMy41NSwxLjI2NmwtLjQwMi45NjNjLS4xMDUuMjUyLjAzNy41MzIuMzE5LjYxNywyLjQ0Ny43NDYsMTMuMTI5LDMuNTY3LDE5LjIxMy0xLjk1Miw2LjQyOS01LjgzMSw1LjkxNy0xMS42MjgsNi45MDMtMTMuNDE3Ljk4Ni0xLjc4OSwyLjk1OC0xLjc4OSw0LjkzMS0yLjY4My44ODItLjQsNi4yNi0zLjAyNiw2LjI2LTMuMDI2bDEwLjIzLTMxLjU0OS0yMi41ODEtNi4zNDRaIi8+IDxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0xNzMuNzQ1LDYyLjU2NWMwLTEuMzM2LS42NjgtMi42NzItMi42NzItMy4zNDEtMi4wMDQtLjY2OC0zLjE4LjA5My00LjAwOSwxLjMzNi0xLjMzNiwyLjAwNC0xLjM3NiwzLjIyNC0xLjMzNiw1LjM0NS4wMzksMi4xMjEsMi4wMDQsNC42NzcsMy4zNDEsNS4zNDUsMS4xOTUuNTk4LDMuMzQxLDAsMy4zNDEuNjY4LDAsMC0xLjAwNywyLjktMS42NzUsMy41NjhsLTIuOTQxLDIuNDA2LTEuNjA0LDIuNDA2LDcuNzU0LjI2N3MyLjQwNi0xLjA3LDMuNDc2LS4yNjdjMS4wNy44MDIsMy4yMDksMS44NzIsMy4yMDksMS44NzIsMCwwLC44NDYtMS42MywxLjc2LTIuODIuOTE0LTEuMTkuNDU3LTEuMTQyLDIuNDI0LTEuNDM0LDEuOTY3LS4yOTEsNy4yMTgtMS4yNzgsMTEuOTg4LTcuMDEzLDQuNDE3LTUuMzExLDQuNDg2LTE0LjM0OSw0LjU4NS0xNS4xNzguMDk5LS44MjguNjM0LTUuMTA2LS43MDMtNC44MzlzLTE5Ljc4Niw0LjAxMS0yMS4xMjMsNS44ODJsLTUuODgyLDIuNjc0LjA3LDMuMTIyWiIvPiA8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMjU3LjQ4MywxMTUuNTk3czcuNzU0LTkuMzQ2LDguMzQ0LTEwLjA1N2MuODM0LTEuMDA2LDQuMTcyLTMuMDE3LDMuMzM3LDEuMDA2LS44MzQsNC4wMjMtMS41MzYsMy43NjQuODM0LDQuMDIzLDIuMzcuMjU5LDUuMDA2LTIuMDExLDUuODQtMy4wMTcuNTktLjcxMSwyLjUwMy01LjAyOSwzLjMzNy01LjAyOXMxLjY2OSwwLDEuNjY5LDMuMDE3LS44MzQsOS4wNTItMS42NjksMTAuMDU3Yy0uODM0LDEuMDA2LS44MzQsNS4wMjktMS42NjksNi4wMzQtLjU5LjcxMS0yLjUwMyw0LjAyMy01LjAwNiw0LjAyM2gtMTMuMzVjLS44MzQsMC0xLjM4OC0uMjczLTEuMzg4LS4yNzMiLz4gPHBhdGggY2xhc3M9InN0NSIgZD0iTTE4Ni43MTIsMTQ5LjU5OWw4MS41MzEsMTA5LjUyMi01MS4yNzksMjQuMTUxLTU2LjgyNy04OC41LTUuOTY4LDEwLjI4NWMtOC44NzUsMTIuNTIzLTI0LjY1MywyMS40NjctMjkuNTg0LDIyLjM2Mi00LjkzMS44OTQtMjEuNjk1LDQuNDcyLTM3LjQ3My44OTQtMTAuNjEtMi40MDYtMzcuMDc1LTkuMTI2LTQyLjQzNC0xMC40OS0uNTI4LS4xMzQtLjgyOS0uNjMzLS42NzQtMS4xMTFsMTQuMjA1LTQzLjgwN2MuMTY1LS41MDguNzY5LS43ODIsMS4zMTQtLjU5Miw1LjcwOCwxLjk5NiwzNC4wMTIsMTEuODcxLDQyLjIwMSwxNC4zMDlsLjE4MS0uMzVjLjk4Ni0xLjc4OSwxMC44NDctMTkuNjc4LDEzLjgwNi0yNC4xNTFsOC43NjYtOS4zNjIsNjIuMjM1LTMuMTYxWiIvPiA8cGF0aCBkPSJNMjU1LjgxNCwxMTMuNTg1aC0zLjMzN2MtLjgzNC0xLjAwNi0xMC4wMTItMS4wMDYtMTUuMDE4LTEuMDA2cy0yNi42OTksMC0yNy41MzQtMS4wMDZjLS44MzQtMS4wMDYtMTUuMDE4LTE3LjA5OC0xNy41MjEtMjAuMTE1LTIuNTAzLTMuMDE3LTYuNDU2LTYuMzM5LTguMzQ0LTguMDQ2LTMuMzM3LTMuMDE3LTUuODQtNS4wMjktNy40NjItNS4wMjktLjc4OCwwLTEuNzE2LDAtMy4zODQsMS4wMDYsMCwwLTguMzQ0LDEuMDA2LTEzLjM1LDMuMDE3LTUuMDA2LDIuMDExLTM2LjkyMSw4LjQ1OC00NS45NiwxOC4zMTEtMTguMzQ4LDIwLTEuOTAzLDM4LjEzNiwzLjEwMyw0Mi4xNThsLjE2My0uMDQyYy0yLjQ3Miw2LjAwOS0zLjU1MSwxMS4wOTEtMi4wMzQsMTQuNzYsMi45NTgsNy4xNTYsMTMuODA2LDkuODM5LDE5LjcyMyw5LjgzOSw1Ljk5OCwwLDIwLjE0LTMuNjM5LDMxLjU1Ni04LjA1LDExLjQxNi00LjQxMSwyMy42NjctMTEuMzg2LDI0LjY1My0xMi41MjNsLTEuMzE4LTEuNjc0YzIuNDI1LDEuNTM1LDcuMDYzLDQuNyw5LjMyOSw1LjYxLDIuMjM5LjksMTQuMTg0LTEuMDA2LDE2LjY4Ny0yLjAxMiwyLjM3NS0uOTU0LDMzLjM3NC05LjA1MiwzNC4yMDktOS4wNTJzMS42NjktMS4wMDYsMS42NjktMy4wMTdjMC0uMTk1LjAxNi0uNTQxLjA0NC0xLjAwNmgzLjI5M2MxLjY2OSwwLDEuNjY5LTEuMDA2LDEuNjY5LTIuMDExczEuNjY5LTE1LjA4NiwxLjY2OS0xNi4wOTItLjgzNC00LjAyMy0yLjUwMy00LjAyM1oiLz4gPHBhdGggY2xhc3M9InN0NCIgZD0iTTIwMS4xMzgsNTMuMjEyYzEuMzM2LDguNjg1LTMuMDA3LDE3LjgxNy03LjM0OSwyMC43MTEtNC4wMDksMi42NzItNy4zNDksNC4wMDktOS4zNTMsNC4wMDlzLTIuODcyLDMuMzA0LTIuODcyLDMuMzA0Ii8+IDxwYXRoIGQ9Ik0yMDEuMzg0LDUxLjQ0NGMtMS41ODIsNC40NC04LjY4NSw3LjM1OC05LjgxLDguMjM4LTEuMTI1Ljg4LTExLjE0NywxLjU0OC0xMS44MTUuMjExLS42NjguNjY4LTEuMzM2LDIuNjcyLTIuMDA0LDMuMzQxLS45NDUuOTQ1LTIuNjcyLDIuMDA0LTIuNjcyLDEuMzM2czAtMi42NzItLjY2OC0zLjM0MSwwLDEyLjY5NC0yLjY3MiwxNC42OThjLTIuNjcyLDIuMDA0LTEwLjgsMTIuNTc4LTIyLjQxOSwxMi41NzgtMTUuMjY3LDAtNC4wMTMtMzAuOTY0LTIuOTY5LTMwLjYxNiw2LjgyNiwyLjI3NSwxMy4zNjIsMi42NzIsMTYuNzAzLTEuMzM2LDEuODI3LTIuMTkzLDIuMDA0LTYuMDEzLDMuMzQxLTEwLjY5LDEuMTYxLTQuMDYzLDQuMzE3LTkuNDU2LDEwLjAyMi0xMS4zNTgsNi4wMTMtMi4wMDQsMTEuMzU4LTEuMzM2LDE2LjAzNCwwLDUuMDE3LDEuNDM0LDE0LjY5OCw2LjY4MSwxMS4zNTgsMTMuMzYyLDIuNjcyLDEuMzM2LDQuMDA5LDcuMzQ5LDMuMzQxLDExLjM1OC0uNzc3LDQuNjYtNi42ODEsNS4zNDUtNi42ODEsNC4wMDkuNjY4LTEuMzM2LjcxMS0zLjU1NS45MTQtNC43ODguNDIyLTIuNTYxLS43MzItNC45MDIsMC03LjAwMloiLz4gPHBhdGggY2xhc3M9InN0NCIgZD0iTTIwMS4zODQsNTEuNDQ0Yy0xLjU4Miw0LjQ0LTguNjg1LDcuMzU4LTkuODEsOC4yMzgtMS4xMjUuODgtMTEuMTQ3LDEuNTQ4LTExLjgxNS4yMTEtLjY2OC42NjgtMS4zMzYsMi42NzItMi4wMDQsMy4zNDEtLjk0NS45NDUtMi42NzIsMi4wMDQtMi42NzIsMS4zMzZzMC0yLjY3Mi0uNjY4LTMuMzQxLDAsMTIuNjk0LTIuNjcyLDE0LjY5OGMtMi42NzIsMi4wMDQtMTAuOCwxMi41NzgtMjIuNDE5LDEyLjU3OC0xNS4yNjcsMC00LjAxMy0zMC45NjQtMi45NjktMzAuNjE2LDYuODI2LDIuMjc1LDEzLjM2MiwyLjY3MiwxNi43MDMtMS4zMzYsMS44MjctMi4xOTMsMi4wMDQtNi4wMTMsMy4zNDEtMTAuNjksMS4xNjEtNC4wNjMsNC4zMTctOS40NTYsMTAuMDIyLTExLjM1OCw2LjAxMy0yLjAwNCwxMS4zNTgtMS4zMzYsMTYuMDM0LDAsNS4wMTcsMS40MzQsMTQuNjk4LDYuNjgxLDExLjM1OCwxMy4zNjIsMi42NzIsMS4zMzYsNC4wMDksNy4zNDksMy4zNDEsMTEuMzU4LS43NzcsNC42Ni02LjY4MSw1LjM0NS02LjY4MSw0LjAwOS42NjgtMS4zMzYuNzExLTMuNTU1LjkxNC00Ljc4OC40MjItMi41NjEtLjczMi00LjkwMiwwLTcuMDAyWiIvPiA8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTQ0LjM5Nyw4Ni44NWMtMTEuMjgzLDMuMjQzLTI0LjkzNSw3LjgwOS0zMC40OTMsMTMuODY4LTE4LjM0OCwyMC0xLjkwMywzOC4xMzYsMy4xMDMsNDIuMTU4Ii8+IDxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNjguMjA3LDEyOS42NzdjLjgzNCwxLjAwNiwxOS4xOSwxNC4wOCwyMC44NTksMTUuMDg2LDIuMTExLDEuMjcyLDcuNTA5LDUuMDI5LDEwLjAxMiw2LjAzNCwyLjIzOS45LDE0LjE4NC0xLjAwNiwxNi42ODctMi4wMTEsMi4zNzUtLjk1NCwzMy4zNzQtOS4wNTIsMzQuMjA5LTkuMDUyczEuNjY5LTEuMDA2LDEuNjY5LTMuMDE3LDEuNjY5LTIwLjExNSwxLjY2OS0yMC4xMTVjMCwwLDAtMi4wMTEtLjgzNC0zLjAxNy0uODM0LTEuMDA2LTEwLjAxMi0xLjAwNi0xNS4wMTgtMS4wMDZzLTI2LjY5OSwwLTI3LjUzNC0xLjAwNmMtLjgzNC0xLjAwNi0xNS4wMTgtMTcuMDk4LTE3LjUyMS0yMC4xMTUtMi41MDMtMy4wMTctNi40NTYtNi4zMzktOC4zNDQtOC4wNDYtMy4zMzctMy4wMTctNS44NC01LjAyOS03LjQ2Mi01LjAyOS0uNzg4LDAtMS43MTYsMC0zLjM4NCwxLjAwNiwwLDAtMi43NzEuMzM0LTYuMDc3LDEuMDAyIi8+IDxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNTEuNjIzLDk2Ljc3MWMtMi45NTgsMS43ODktMTYuNzY0LDEyLjUyMy0yNC42NTMsMjYuODM0LTcuODg5LDE0LjMxMi0xNC43OTIsMjYuODM0LTExLjgzNCwzMy45OXMxMy44MDYsOS44MzksMTkuNzIzLDkuODM5YzUuOTk4LDAsMjAuMTQtMy42MzksMzEuNTU2LTguMDUsMTEuNDE2LTQuNDExLDIzLjY2Ny0xMS4zODYsMjQuNjUzLTEyLjUyMyIvPiA8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjUyLjQ3NywxMTMuNTg1aDMuMzM3YzEuNjY5LDAsMi41MDMsMy4wMTcsMi41MDMsNC4wMjNzLTEuNjY5LDE1LjA4Ni0xLjY2OSwxNi4wOTIsMCwyLjAxMS0xLjY2OSwyLjAxMWgtMy4zMzciLz4gPHBhdGggY2xhc3M9InN0NCIgZD0iTTI1Ny40ODMsMTE1LjU5N3M3Ljc1NC05LjM0Niw4LjM0NC0xMC4wNTdjLjgzNC0xLjAwNiw0LjE3Mi0zLjAxNywzLjMzNywxLjAwNi0uODM0LDQuMDIzLTEuNTM2LDMuNzY0LjgzNCw0LjAyMywyLjM3LjI1OSw1LjAwNi0yLjAxMSw1Ljg0LTMuMDE3LjU5LS43MTEsMi41MDMtNS4wMjksMy4zMzctNS4wMjlzMS42NjksMCwxLjY2OSwzLjAxNy0uODM0LDkuMDUyLTEuNjY5LDEwLjA1N2MtLjgzNCwxLjAwNi0uODM0LDUuMDI5LTEuNjY5LDYuMDM0LS41OS43MTEtMi41MDMsNC4wMjMtNS4wMDYsNC4wMjNoLTEzLjM1Yy0uODM0LDAtMS4zODgtLjI3My0xLjM4OC0uMjczIi8+IDxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xODYuODg4LDE0OS41ODhzLTI5LjQ4Niw1MS4xNDUtMzIuNTQyLDU1LjQ1OGMtOC44NzUsMTIuNTIzLTI0LjY1MywyMS40NjctMjkuNTg0LDIyLjM2Mi00LjkzMS44OTQtMjEuNjk1LDQuNDcyLTM3LjQ3My44OTQtMTAuNjEtMi40MDYtMzcuMDc1LTkuMTI2LTQyLjQzNC0xMC40OS0uNTI4LS4xMzQtLjgyOS0uNjMzLS42NzQtMS4xMTFsMTQuMjA1LTQzLjgwN2MuMTY1LS41MDguNzY5LS43ODIsMS4zMTQtLjU5Miw2LjUyNCwyLjI4MSw0Mi41NiwxNC44NTMsNDQuMzU0LDE0Ljg1Myw0LjkzMSwwLDUuOTE3LDAsMTQuNzkyLS44OTQiLz4gPHBhdGggY2xhc3M9InN0NCIgZD0iTTEwMi4wODEsMTg2LjI2MWMuOTg2LTEuNzg5LDEwLjg0Ny0xOS42NzgsMTMuODA2LTI0LjE1MWwxLjIzNy0xLjQ2MyIvPiA8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNNTcuNDMxLDE3NS44MzhsLTIyLjU4MS02LjM0NGMtLjQ1Ni0uMTI4LS45NDMuMDg4LTEuMTEyLjQ5MmwtMjQuMTYzLDU3Ljg2MWMtLjEwNS4yNTIuMDM3LjUzMS4zMTkuNjE3LDIuNDQ3Ljc0NiwxMy4xMjksMy41NjcsMTkuMjEzLTEuOTUyLDYuNDI5LTUuODMxLDUuOTE3LTExLjYyOCw2LjkwMy0xMy40MTcuOTg2LTEuNzg5LDIuOTU4LTEuNzg5LDQuOTMxLTIuNjgzLjg4Mi0uNCw2LjI2LTMuMDI2LDYuMjYtMy4wMjYiLz4gPHBvbHlsaW5lIGNsYXNzPSJzdDMiIHBvaW50cz0iNDIuOTE0IDIxNS43NzkgMzkuOTU1IDIwNS4wNDUgMzguOTY5IDIxNy41NjggMzUuMDI1IDIwNi44MzQiLz4gPHBhdGggY2xhc3M9InN0MyIgZD0iTTMzLjQyMSwxNzAuNzQ1bC0yLjUxLS43Yy0xLjU3MS0uNDM4LTMuMjQ1LjI5Ny0zLjgzNiwxLjY4OC0yLjU5MSw2LjEwNS05LjIxLDIxLjY4Ny0xMC43ODcsMjUuMjYzLTEuOTcyLDQuNDcyLTkuODYxLDI2LjgzNC05Ljg2MSwyOC42MjNzMy4xMTMsMS4zNTMsMy4xMTMsMS4zNTMiLz4gPHBhdGggY2xhc3M9InN0MyIgZD0iTTQ4LjgzMSwxNzMuNzM5YzAsLjg5NC0yLjk1OCw3LjE1Ni03Ljg4OSw4Ljk0NS00LjkzMSwxLjc4OS0xMi44Mi44OTQtMTIuODIuODk0Ii8+IDxlbGxpcHNlIGNsYXNzPSJzdDMiIGN4PSIzNy45ODMiIGN5PSIxNzYuNDIyIiByeD0iMi45NTgiIHJ5PSIyLjY4MyIvPiA8cG9seWxpbmUgY2xhc3M9InN0NCIgcG9pbnRzPSIxODYuODg4IDE0OS41ODggMjY4LjQxOSAyNTkuMTA5IDIxNy4xNDEgMjgzLjI2IDE2MC4zMTQgMTk0Ljc2Ii8+IDxjaXJjbGUgY3g9IjE4OS4yNTUiIGN5PSI2My42NjUiIHI9IjEuNjg2Ii8+IDxjaXJjbGUgY3g9IjE5Ni4xODciIGN5PSI2Ni45NjgiIHI9IjEuNjg2Ii8+IDxwYXRoIGQ9Ik0yOTUuMTgxLDg1LjYzNWMtMS43OTUsMTAuOTE0LTkuMjk2LDE4LjMxNy0xNi43NTIsMTYuNTM1LTcuNDU3LTEuNzgyLTEyLjA0Ni0xMi4wNzUtMTAuMjUtMjIuOTg5LDEuNzk1LTEwLjkxNCw5LjI5Ni0xOC4zMTcsMTYuNzUyLTE2LjUzNSw3LjQ1NywxLjc4MiwxMi4wNDYsMTIuMDc1LDEwLjI1LDIyLjk4OVoiLz4gPHBhdGggY2xhc3M9InN0NCIgZD0iTTI5NS4xODEsODUuNjM1Yy0xLjc5NSwxMC45MTQtOS4yOTYsMTguMzE3LTE2Ljc1MiwxNi41MzUtNy40NTctMS43ODItMTIuMDQ2LTEyLjA3NS0xMC4yNS0yMi45ODksMS43OTUtMTAuOTE0LDkuMjk2LTE4LjMxNywxNi43NTItMTYuNTM1LDcuNDU3LDEuNzgyLDEyLjA0NiwxMi4wNzUsMTAuMjUsMjIuOTg5WiIvPiA8bGluZSBjbGFzcz0ic3Q0IiB4MT0iMjcyLjk4NSIgeTE9Ijk4LjkxNiIgeDI9IjI2OS4xNjQiIHkyPSIxMDYuNTQ1Ii8+IDxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0zMDkuODQ2LDI2Ni4wNDhsLjU5Mi0uMzMyYy4yNTctLjE0NC4zNDEtLjQ0Ni4xODMtLjY3LTEuMzctMS45NDItNy42NTQtMTAuMDczLTE2LjE4OC05LjAwMi05LjAxNiwxLjEzMi0xMi42NTEsNi4wNTMtMTQuNjU2LDYuOTQyLTIuMDA1Ljg4OS0zLjUyNy0uMTk1LTUuNjcxLS41NjMtLjk1OS0uMTY1LTkuMjQxLTEuMTA3LTkuMjQxLTEuMTA3bC0zMC42NTksMTQuMDUyLDE2LjE1NSwyMy4xNTFjLjI2My4zNTMuNzg5LjQ0OCwxLjIwMS4yMTdsLjc3Mi0uNDMzaC0uMDAxczEuNDUsMS45NDEsMS40NSwxLjk0MWMuOTA4LDEuMjE0LDIuNzExLDEuNTQ3LDQuMTM0Ljc1OCw2LjI0NC0zLjQ2MSwyMi4xODctMTIuMjkyLDI1Ljg5LTE0LjI4Nyw0LjYzMi0yLjQ5NSwyNi4yNjgtMTYuMDUzLDI3LjUxMi0xNy40ODUuODk2LTEuMDMxLS41NzctMi40NjMtMS40NzItMy4xODNaIi8+IDxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yMzQuMjA0LDI3NS4zNjhsMTYuMTU1LDIzLjE1MWMuMjYzLjM1My43ODkuNDQ4LDEuMjAxLjIxN2w1OC44NzctMzMuMDJjLjI1Ny0uMTQ0LjM0MS0uNDQ2LjE4My0uNjctMS4zNy0xLjk0Mi03LjY1NC0xMC4wNzMtMTYuMTg4LTkuMDAyLTkuMDE2LDEuMTMyLTEyLjY1MSw2LjA1My0xNC42NTYsNi45NDJzLTMuNTI3LS4xOTUtNS42NzEtLjU2NGMtLjk1OS0uMTY1LTkuMjQxLTEuMTA3LTkuMjQxLTEuMTA3Ii8+IDxwb2x5bGluZSBjbGFzcz0ic3QxIiBwb2ludHM9IjI3Ni4zMTQgMjU3LjA0NCAyNzEuMTM1IDI2Ny4yNiAyODAuNjAyIDI1Ny43ODEgMjc2LjE4NSAyNjguNTQiLz4gPHBhdGggY2xhc3M9InN0MSIgZD0iTTI1Mi4zMzEsMjk4LjMwNGwxLjQ1MSwxLjk0Yy45MDgsMS4yMTQsMi43MTEsMS41NDcsNC4xMzQuNzU4LDYuMjQ0LTMuNDYxLDIyLjE4Ny0xMi4yOTIsMjUuODktMTQuMjg3LDQuNjMyLTIuNDk1LDI2LjI2OC0xNi4wNTMsMjcuNTEyLTE3LjQ4NSwxLjI0NC0xLjQzMi0xLjQ2My0yLjc5NS0xLjQ2My0yLjc5NSIvPiA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjQyLjUxOSwyODcuNDM1Yy42MjItLjcxNiw3LjI1OC00LjEsMTIuMzA4LTIuODIxLDUuMDUsMS4yNzksMTAuNTE3LDYuMzMzLDEwLjUxNyw2LjMzMyIvPiA8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUwLjQ3NCwyODkuNjI1YzEuMDMtMS4xODYsMi44ODgtMS40MTksNC4xNDktLjUyMXMxLjQ0OCwyLjU4OC40MTgsMy43NzRjLTEuMDMsMS4xODYtMi44ODgsMS40MTktNC4xNDkuNTIxLTEuMjYxLS44OTgtMS40NDgtMi41ODgtLjQxOC0zLjc3NFoiLz4gPHBhdGggY2xhc3M9InN0NSIgZD0iTTE3My45NDIsNzEuNzQzYzAtLjY2OC0zLjQxMS4xMDUtNC42MDYtLjQ5My0xLjMzNi0uNjY4LTMuMzAxLTMuMjI0LTMuMzQxLTUuMzQ1czAtMy4zNDEsMS4zMzYtNS4zNDVjLjgyOS0xLjI0MywyLjAwNC0yLjAwNCw0LjAwOS0xLjMzNiwyLjAwNC42NjgsMi42MDIsMi4wOTEsMi42MDIsMy40MjdoLjUzNWwuNzIxLDMuNzQzLS40MzMsNC43ODctLjgyMy41NjFaIi8+IDxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xNzQuMDEzLDYyLjU2NWMwLTEuMzM2LS42NjgtMi42NzItMi42NzItMy4zNDEtMi4wMDQtLjY2OC0zLjE4LjA5My00LjAwOSwxLjMzNi0xLjMzNiwyLjAwNC0xLjM3NiwzLjIyNC0xLjMzNiw1LjM0NXMyLjAwNCw0LjY3NywzLjM0MSw1LjM0NWMxLjE5NS41OTgsNC4xNDMtLjI2Nyw0LjE0My40MDEiLz4gPHBhdGggY2xhc3M9InN0NSIgZD0iTTI5Mi41NzgsODUuMjE2Yy0xLjQyNCw4LjY1NS02Ljg1OCwxNC42NDgtMTIuMTM3LDEzLjM4Ni01LjI3OS0xLjI2Mi04LjQwNS05LjMwMS02Ljk4MS0xNy45NTYsMS40MjQtOC42NTUsNi44NTgtMTQuNjQ4LDEyLjEzNy0xMy4zODYsNS4yNzksMS4yNjIsOC40MDUsOS4zMDEsNi45ODEsMTcuOTU2WiIvPiA8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMjkyLjU3OCw4NS4yMTZjLTEuNDI0LDguNjU1LTYuODU4LDE0LjY0OC0xMi4xMzcsMTMuMzg2LTUuMjc5LTEuMjYyLTguNDA1LTkuMzAxLTYuOTgxLTE3Ljk1NiwxLjQyNC04LjY1NSw2Ljg1OC0xNC42NDgsMTIuMTM3LTEzLjM4Niw1LjI3OSwxLjI2Miw4LjQwNSw5LjMwMSw2Ljk4MSwxNy45NTZaIi8+IDwvZz4gPC9nPjwvc3ZnPg==");
}

.s-createFixedBottomNav__ttl {
  font-family: var(--FF_EN);
  font-weight: 700;
}

.s-createFixedBottomNav__arrow {
  aspect-ratio: 21/42;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  background: var(--BLACK);
}

.createFixedBottomNav__ttl__text {
  font-family: var(--FF_BASE_H);
}

.createFixedBottomNav__ttl__text::before {
  content: attr(data-en);
  font-family: var(--FF_EN);
  font-weight: 700;
}

@media (min-width: 768px) {

  .s-createFixedBottomNav__inner {
    position: relative;
    max-width: var(--PC_MAX_WIDTH_M);
    height: 60px;
    margin: 0 auto;
    padding-left: var(--GAP_50);
  }

  .s-createFixedBottomNav__inner::after {
    right: 0;
    width: 202px;
  }

  .s-createFixedBottomNav__ttl {
    font-size: var(--FZ_20);
    display: flex;
    align-items: center;
  }

  .s-createFixedBottomNav__ttl__en {
    margin-right: var(--GAP_35);
  }

  .s-createFixedBottomNav__arrow {
    width: 10px;
    margin-left: 10px;
  }

  .createFixedBottomNav__ttl__text {
    display: flex;
    align-items: center;
    margin-left: var(--GAP_15);
    gap: var(--GAP_15);
    font-size: var(--FZ_14);
  }

  .createFixedBottomNav__ttl__text::before {
    font-size: var(--FZ_40);
  }
}

@media (max-width: 767px) {

  .s-createFixedBottomNav__inner {
    position: relative;
    height: 55px;
    padding-left: 20px;
  }

  .s-createFixedBottomNav__inner::after {
    right: 10px;
    width: 108px;
  }

  .s-createFixedBottomNav__ttl {
    display: flex;
    align-items: center;
  }

  .s-createFixedBottomNav__ttl__en {
    margin-right: 6px;
    font-size: 12px;
    letter-spacing: 0.02em;
  }

  .s-createFixedBottomNav__arrow {
    width: 6px;
    margin-left: 5px;
  }

  .createFixedBottomNav__ttl__text {
    display: grid;
    align-content: center;
    margin-left: 8px;
    line-height: 1;
    font-size: 10px;
    letter-spacing: 0.02em;
  }

  .createFixedBottomNav__ttl__text::before {
    font-size: 24px;
  }
}



.g-works__list__tags a{
  background-color: var(--WHITE);
}