@media screen and (max-width: 834px){
  .sd[data-s-bcd58dfe-2eca-4153-8c2f-c4d29c18765f] {
      height: 32vh;
  }
}

@media screen and (max-width: 768px){
  .sd[data-s-84024841-ab9a-44ca-b6d7-c8313b4d1f85] { margin: 0px 40px 0px; max-width: calc(100% - 80px); }

  .sd[data-s-6c932311-4816-4ba7-87d1-5a5dd6610a52] { display: none; }

  .sd[data-s-2110b0a7-2fe2-49c1-8f2a-1951526d4c3a] { display: none; }

  .sd[data-s-bcd58dfe-2eca-4153-8c2f-c4d29c18765f] { height: 336px; width: 100%; max-width: 100%; }

  .sd[data-s-fe1134ee-7bf6-4c7f-9e08-98385502b7f1] { flex: none; height: auto; width: 50%; max-width: 50%; }

  .sd[data-s-8e7b5801-6db8-456f-8a25-8999725789ff] { height: 250px; width: 100%; max-width: 100%; }

  .sd[data-s-0aabc1d9-eb5c-4fe7-ac6b-5770dab980f6] { margin: 0px 0px 40px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-51708328-52ad-4fde-96f5-8400cfd72b55] { 
    font-size: 16px;
    margin: 0px 0px 32px 0px;
    padding: 0px 16px 0px 16px;
    max-width: 100%;
    height: 20vw;
    align-items: self-start;
  }

  .sd[data-s-19232b7e-b684-4c67-82ce-d6e47b1e31a6] { background: #333333; border-radius: 26px; display: flex; flex: none; height: 50px; margin: 0px 16px 0px 16px; padding: 6px; width: 354px; max-width: calc(100% - 32px); }

  .sd[data-s-f8f16f41-0be7-43fc-9255-f1e300d8c8a0] { height: 39px; padding: 0px 0px 0px 0px; width: 308px; max-width: 100%; }

  .sd[data-s-923fedf3-f472-4560-b1da-4a54144b88fd] { flex: none; height: 585px; width: 50%; max-width: 50%; }

  .sd[data-s-b2c4fabe-6657-4b8a-bf24-3f17710289cc] { height: 250px; justify-content: flex-start; width: 100%; max-width: 100%; }

  .sd[data-s-80d73f92-8181-458a-b702-9b6496c6fb84] { height: 100%; width: 100%; max-width: 100%; }

  .sd[data-s-9aeb4b19-8047-4fcd-a20c-9788c849a771] { justify-content: center; }

  .sd[data-s-ea9d2e9b-9fab-40e3-99f4-dd240f2f0143] {
    flex: none;
    height: auto;
    margin: 0px 0px 0 0px;
    padding: 32px 0 40px 0;
    width: 100%;
    max-width: 100%;
  }

  .sd[data-s-cf8e7a36-f7ce-4d6e-a9d7-f0062b024347] { 
    font-size: 16px;
    margin: 0px 0px 32px 0px;
    padding: 0px 16px 0px 16px;
    max-width: 100%;
    height: 20vw;
    align-items: self-start;
  }

  .sd[data-s-bbd31103-989e-4b8d-9a36-498b3229d332] { 
    background: #FFFFFF;
    display: flex;
    flex: none;
    height: 50px;
    margin: 0px 16px 0px 16px;
    padding: 4px;
    width: calc(100% - 32px);
    max-width: calc(100% - 32px);
  }

  .sd[data-s-04443029-27d4-41cd-840b-a42b09d3829c] { color: #333333; height: 40px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 313px; max-width: 100%; }

  .sd[data-s-f4c471d2-c2e7-419f-8ab3-9bfd90146f29] { align-content: center; align-items: center; flex-direction: column; flex-wrap: nowrap; margin: 0px 0px 40px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-341fa99a-268c-440d-9319-880f5c3842f5] { flex: none; width: 90%; max-width: 90%; height: 100%; }

  .sd[data-s-13137586-9160-43e8-a2f0-422800589793] { flex: none; padding: 16px 32px 16px 32px; width: 90%; max-width: 90%; height: 100%; }

  .sd[data-s-4b7805f2-7404-4e4a-8901-6f1c14083aa7] { height: 327px; width: 100%; max-width: 100%; }

  .sd[data-s-c1e67f97-e2fe-48e2-9b9e-6982c1a6c767] { height: 228px; width: 100%; max-width: 100%; }

  .sd[data-s-ca69ac08-b52a-4b69-9971-138c298e8fce] { flex: none; height: auto; width: 100%; max-width: 100%; }

  .sd[data-s-304205eb-a603-414a-80d5-6d2c02a3b74e] { height: 298px; width: 100%; max-width: 100%; }

  .sd[data-s-33c70bc8-5e9b-4d81-83db-5d967769d09b] {
      flex: none;
      margin: 40px 0px 64px 0px;
      padding: 54px 24px 54px 24px;
      width: 94%;
      max-width: 94%;
  }
}

@media screen and (max-width: 700px) {
  .sd[data-s-bcd58dfe-2eca-4153-8c2f-c4d29c18765f] {
      height: 45vw;
  }
}

@media screen and (max-width: 560px) {
  .sd[data-s-bcd58dfe-2eca-4153-8c2f-c4d29c18765f] {
      height: 41.9642857vw;
  }

  .sd[data-s-51708328-52ad-4fde-96f5-8400cfd72b55] {
      height: 25vw;
  }

  .sd[data-s-cf8e7a36-f7ce-4d6e-a9d7-f0062b024347] {
      height: 25vw;
  }
}

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

  .header_wap{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 49px;
    padding: 0px 16px 0px 16px;
    max-width: 100%;
    justify-content: space-between;
    width: 100%;
  }

  .modals_sp{
    display: none;
  }

  .modals_sp .design-canvas__modal {
    height: 100%;
    pointer-events: none;
    position: fixed;
    transition: none;
    width: 100%;
    z-index: 2;
  }

  .modals_sp .design-canvas__modal .studio-canvas {
    height: 100%;
    pointer-events: none;
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] {
    background: none !important;
/*    background: rgba(0, 0, 0, 0.16);*/
    border-radius: 0;
    box-shadow: ;
    height: 100%;
    justify-content: center;
    margin: 0 0 0 0;
    opacity: 1;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 100%;
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] .sd[data-s-e69d49ed-b72e-4850-97e7-8c8eae641608] {
      align-content: center;
      align-items: center;
      background: #EEEEEE;
      border-radius: 10px;
      box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
      flex-direction: column;
      flex-wrap: nowrap;
      height: 451px;
      justify-content: flex-start;
      margin: 20px;
      opacity: 1;
      padding: 0;
      width: 400px;
      max-width: calc(100% - 40px);
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] .sd[data-s-e69d49ed-b72e-4850-97e7-8c8eae641608] .sd[data-s-bbee7121-8990-463e-a884-f6636278aa13] {
    align-content: flex-end;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.0);
    flex-direction: column;
    flex-wrap: nowrap;
    height: 62px;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] .sd[data-s-e69d49ed-b72e-4850-97e7-8c8eae641608] .sd[data-s-bbee7121-8990-463e-a884-f6636278aa13] .sd[data-s-d1360baf-e42f-42bf-9ddf-66b0ab7434f4] {
      color: #333;
      font-size: 24px;
      margin: 0px 16px 0px 0px;
      padding: 0px 0px 0px 0px;
      max-width: calc(100% - 16px);
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] .sd[data-s-e69d49ed-b72e-4850-97e7-8c8eae641608] .sd[data-s-a97ff124-db95-422c-83a9-b77d4f1d2068] {
      align-content: center;
      align-items: center;
      background: #EEEEEE;
      flex-direction: column;
      flex-wrap: nowrap;
      height: 347px;
      justify-content: center;
      width: 100%;
      max-width: 100%;
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] .sd[data-s-e69d49ed-b72e-4850-97e7-8c8eae641608] .sd[data-s-a97ff124-db95-422c-83a9-b77d4f1d2068] .sd[data-s-4cbff591-b0d8-499a-b02d-33691b69e41f] {
    color: #333;
    font-family: var(--s-font-c9b10880);
    font-size: 20px;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 20px 0px;
    text-align: center;
    width: auto;
    max-width: 100%;
    justify-content: center;
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] .sd[data-s-e69d49ed-b72e-4850-97e7-8c8eae641608] .sd[data-s-a97ff124-db95-422c-83a9-b77d4f1d2068] .sd[data-s-65cb7368-914b-4b43-9ce3-4b9ca038f06f] {
      color: #333;
      font-family: var(--s-font-c9b10880);
      font-size: 20px;
      font-weight: 400;
      height: auto;
      line-height: 1.4;
      margin: 0px 0px 20px 0px;
      text-align: center;
      width: auto;
      max-width: 100%;
      justify-content: center;
  }

  .modals_sp .design-canvas__modal .studio-canvas .sd[data-s-733c0410-66f9-454d-bb5e-f9bf569d5d06] .sd[data-s-e69d49ed-b72e-4850-97e7-8c8eae641608] .sd[data-s-a97ff124-db95-422c-83a9-b77d4f1d2068] .sd[data-s-05c2cc79-1a85-46e2-9674-ad0d1e90e92b] {
      color: #333;
      font-family: var(--s-font-c9b10880);
      font-size: 20px;
      font-weight: 400;
      height: auto;
      line-height: 1.4;
      text-align: center;
      width: auto;
      max-width: 100%;
      justify-content: center;
  }

  .modals_sp .design-canvas__modal .design-canvas__modal__base {
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: fixed;
    top: 0;
    transition: .4s cubic-bezier(.4,.4,0,1);
    width: 100%;
    z-index: -1;
    opacity: 0;
    background: rgba(0, 0, 0, 0); /*初期状態では透明に*/
    -webkit-animation: fadeInBgShadow 2s;
    -webkit-animation-duration: 2s;
    animation-fill-mode: forwards;
  }


  /* CSSアニメーションの設定 */
  @keyframes fadeInBgShadow {
    0% {
      opacity: 0;
      background: rgba(0, 0, 0, 0); /*初期状態では透明に*/
    }

    100% {
      opacity: 1;
      background: rgba(0, 0, 0, 0.16); 
    }
  }

/*-------*/

  .sp_menu .is-active{
    display: block;
  }

  .sp_menu .is-active .design-canvas__modal {
    -webkit-animation: SlideInLeftMenu .5s;
    -webkit-animation-duration: .5s;
    left: 0;
  }

  /* CSSアニメーションの設定 */
  @keyframes SlideInLeftMenu {
    0% {
      opacity: 0;/*初期状態では透明に*/
      transform: translateX(50%);
    }

    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }

  .sd[data-s-973904ca-abcb-4ea9-acc2-47f80679ce99] {
    align-content: unset;
    align-items: unset;
    flex-direction: unset;
    flex-wrap: unset;
    height: auto;
    justify-content: unset;
    padding: unset;
    width: auto;
    max-width: unset;
    /*align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 49px;
    justify-content: space-between;
    padding: 0px 16px 0px 16px;
    width: 100%; max-width: 100%; */
  }

  .sd[data-s-5ce2451e-767d-4e84-89c4-4f4ea47ea353] { height: 19px; width: 126px; max-width: 100%; }

  .sd[data-s-6c932311-4816-4ba7-87d1-5a5dd6610a52] { display: flex; }

  .sd[data-s-1a2b8db4-425a-4c52-8a48-3bd83adac115] { display: none; }

  .sd[data-s-84024841-ab9a-44ca-b6d7-c8313b4d1f85] { justify-content: space-between; margin: 0px 20px 0px; max-width: calc(100% - 40px); }

  .sd[data-s-2110b0a7-2fe2-49c1-8f2a-1951526d4c3a] { display: flex; }

  .sd[data-s-6fbb6a8f-3385-4717-9e48-7f403aedf0da] { width: auto; }

  .sd[data-s-d34d8402-5187-4b44-8351-78680fd9e69f] { width: auto; max-width: 100%; height: 100%; }

  .sd[data-s-c88b410a-7b65-4d4a-9f98-1866129b3e9a] { width: auto; max-width: 100%; height: 100%; }

  .sd[data-s-524dd5ff-a8e1-4885-9b7d-4cd0a99432c8] { width: auto; max-width: 100%; height: 100%; }

  .sd[data-s-bcd58dfe-2eca-4153-8c2f-c4d29c18765f] { height: 180px; width: 100%; max-width: 100%; }

  .sd[data-s-7f1e6275-465a-4fe1-9dd8-ec4716601a1b] { font-size: 24px; }

  .sd[data-s-1f5c7839-5f84-4957-98ac-d0ea760a409e] { flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; }

  .sd[data-s-fe1134ee-7bf6-4c7f-9e08-98385502b7f1] { width: 100%; max-width: 100%; }

  .sd[data-s-0aabc1d9-eb5c-4fe7-ac6b-5770dab980f6] { margin: 0px 0px 64px 0px; padding: 32px 16px 0px 16px; width: 100%; max-width: 100%; }

  .sd[data-s-51708328-52ad-4fde-96f5-8400cfd72b55] { margin: 0px 0px 32px 0px; padding: 0px 0px 0px 0px; }

  .sd[data-s-19232b7e-b684-4c67-82ce-d6e47b1e31a6] { background: #333333; width: 341px; max-width: calc(100% - 32px); }

  .sd[data-s-923fedf3-f472-4560-b1da-4a54144b88fd] { flex: none; height: auto; width: 100%; max-width: 100%; }

  .sd[data-s-ea9d2e9b-9fab-40e3-99f4-dd240f2f0143] { margin: 0px 0px 40px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-bbd31103-989e-4b8d-9a36-498b3229d332] { background: #FFFFFF; margin: 0px 0px 64px 0px; width: 341px; max-width: 100%; }

  .sd[data-s-04443029-27d4-41cd-840b-a42b09d3829c] { color: #2a2928; }

  .sd[data-s-22d38f2d-9964-47b3-8788-2c617c23aafa] { font-size: 24px; }

  .sd[data-s-f4c471d2-c2e7-419f-8ab3-9bfd90146f29] { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-341fa99a-268c-440d-9319-880f5c3842f5] { padding: 0px 0px 0px 0px; }

  .sd[data-s-eb1153c4-7627-46fa-985f-17107f68b4d7] { font-size: 14px; }

  .sd[data-s-5d05db18-e992-41e8-8d5b-480805343f53] { font-size: 14px; }

  .sd[data-s-977dbdd1-11bb-4acd-92e9-e54e758c8d02] { flex: none; font-size: 14px; width: 250px; max-width: 100%; }

  .sd[data-s-caca0af1-3b7c-4a2c-8b1c-972a77789f09] { font-size: 14px; }

  .sd[data-s-83d6d156-e570-4d53-801f-2137db420d7c] { font-size: 14px; }

  .sd[data-s-d04945b2-dfad-4d42-9e0a-312ffd13bec1] { font-size: 14px; }

  .sd[data-s-33b462be-d0e1-4c43-9dce-d4a7e039eeb2] { font-size: 14px; }

  .sd[data-s-403d47c5-9c1f-46ad-bb49-cc0150419516] { font-size: 14px; }

  .sd[data-s-70d558c2-252e-45b0-8840-611b124d6f82] { font-size: 14px; }

  .sd[data-s-13137586-9160-43e8-a2f0-422800589793] { padding: 16px 0px 16px 0px; }

  .sd[data-s-dc36cd2a-7f87-4265-a429-25abbdb151bd] { font-size: 14px; }

  .sd[data-s-d448a297-2625-4747-a648-2a4a23068ffe] { width: 263px; max-width: 100%; }

  .sd[data-s-0c20fe18-6fc2-4a94-96e3-1c3cf04efb72] { font-size: 14px; }

  .sd[data-s-c0636623-e3de-4946-a483-47dde782060d] { font-size: 14px; }

  .sd[data-s-bede0263-4cbd-4145-b7ae-b2d5ba6fac16] { font-size: 14px; }

  .sd[data-s-4b7805f2-7404-4e4a-8901-6f1c14083aa7] { flex: none; height: auto; padding: 0px 0px 0px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-c1e67f97-e2fe-48e2-9b9e-6982c1a6c767] { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-ca69ac08-b52a-4b69-9971-138c298e8fce] { flex: none; height: auto; }

  .sd[data-s-304205eb-a603-414a-80d5-6d2c02a3b74e] { height: 190px; width: 100%; max-width: 100%; }

  .sd[data-s-62fb0fdc-803f-4c56-a5ff-89c45802a9f0] { padding: 54px 0px 0px 0px; }

  .sd[data-s-c6c150f3-3e1c-4a12-8777-ad5ae999a423] { font-size: 24px; }

  .sd[data-s-33c70bc8-5e9b-4d81-83db-5d967769d09b] { flex: none; margin: 40px 0px 64px 0px; padding: 54px 24px 54px 24px; width: 94%; max-width: 94%; }

  .sd[data-s-d1d63148-0f02-4236-a0d3-71f3d9ffc213] { height: auto; margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-a8c8cc28-e5f2-4269-a33f-5d2bc6ec7fcb] { margin: 0px 0px 0px 0px; width: 100%; }

  .sd[data-s-2014f615-761b-43be-a951-4c239d126860] { font-size: 14px; }

  .sd[data-s-889e6690-78df-4bb6-8afc-722726ca2fca] { margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-45b2fa3e-b041-439f-933e-436432b19e93] { font-size: 14px; }

  .sd[data-s-48c09f67-9406-42f1-a2a0-6b344a96e830] { margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-9f5abeea-feaa-4559-8c82-5fee378d8260] { margin: 0px 0px 24px 0px; width: 100%; max-width: 100%; }

  .sd[data-s-f1c8ccb9-d8eb-478f-a420-43a446aa9184] { font-size: 14px; }

}