@charset "UTF-8";

.StudioCanvas>.sd {
    background: #fff;
    border-radius: 0;
    box-shadow: ;
    height: 100%;
    margin: 0 0 0 0;
    opacity: 1;
    padding: 92px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 960px) {
    .StudioCanvas>.sd {
        padding: 80px 0px 0px 0px;
    }
}

.sd[data-s-5caa80dc-a4f4-4f7b-ac72-21072ac00048] {}

.sd[data-s-7d5ca91e-967d-4c66-adab-033a2e0fc597] {
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    padding: 0px 0px 0px 0px;
    transition-duration: 800ms;
    transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1);
    width: 100%;
    max-width: 100%;
}

.sd[data-s-7d5ca91e-967d-4c66-adab-033a2e0fc597].appear {
    opacity: 0;
}

.sd[data-s-7d5ca91e-967d-4c66-adab-033a2e0fc597].appear-active {}

.sd[data-s-3c6f6bec-fbe5-493f-ba4a-bfeb2d633293] {
    align-content: center;
    align-items: center;
    flex: none;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: 168px 64px 100px;
    padding: 0px;
    width: calc(100% - 128px);
    max-width: calc(100% - 128px);
}

@media screen and (max-width: 960px) {
    .sd[data-s-3c6f6bec-fbe5-493f-ba4a-bfeb2d633293] {
        margin: 120px 64px 60px;
        width: calc(100% - 128px);
        max-width: calc(100% - 128px);
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-3c6f6bec-fbe5-493f-ba4a-bfeb2d633293] {
        margin: 80px 24px 28px;
        width: calc(100% - 48px);
        max-width: calc(100% - 48px);
    }
}

.sd[data-s-cf139117-bfae-45bb-a8c9-a43f7bb51547] {
    bottom: auto;
    color: #e8e8e8;
    flex: none;
    font-family: var(--s-font-48b08817);
    font-feature-settings: 'palt'1;
    font-size: 140px;
    font-style: normal;
    font-weight: 300;
    height: auto;
    left: 0px;
    letter-spacing: -0.02em;
    line-height: normal;
    margin: 0 0 0 0;
    position: absolute;
    right: auto;
    text-align: left;
    top: -121px;
    width: auto;
    z-index: 0;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 680px) {
    .sd[data-s-cf139117-bfae-45bb-a8c9-a43f7bb51547] {
        bottom: auto;
        font-size: 72px;
        left: 0px;
        top: -60px;
    }
}

.sd[data-s-e31de2d2-8709-4612-ac2a-c9dff8f6dcd7] {
    align-content: center;
    align-items: center;
    background: rgb(255, 255, 255);
    border-bottom: 0px solid #e8e8e8;
    border-left: 0px solid #e8e8e8;
    border-right: 0px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0px 0px 0px;
    padding: 20px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 960px) {
    .sd[data-s-e31de2d2-8709-4612-ac2a-c9dff8f6dcd7] {
        align-content: stretch;
        align-items: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 12px 0px 0px 0px;
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-e31de2d2-8709-4612-ac2a-c9dff8f6dcd7] {
        align-content: stretch;
        align-items: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 16px 0px 0px 0px;
    }
}

.sd[data-s-5e47fdee-508a-4bb5-a529-cefef1bd7780] {
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
}

@media screen and (max-width: 960px) {
    .sd[data-s-5e47fdee-508a-4bb5-a529-cefef1bd7780] {
        justify-content: flex-start;
    }
}

.sd[data-s-6cc8ba8a-f0ca-4cf0-a4a4-8350a764bd6b] {
    color: #1c1c1c;
    flex: none;
    font-family: var(--s-font-c7b93250);
    font-size: 30px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.1em;
    line-height: 1.6;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: auto;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 960px) {
    .sd[data-s-6cc8ba8a-f0ca-4cf0-a4a4-8350a764bd6b] {
        font-size: 25px;
        text-align: left;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-6cc8ba8a-f0ca-4cf0-a4a4-8350a764bd6b] {
        text-align: left;
        justify-content: flex-start;
    }
}

.sd[data-s-93c20a42-8002-44f9-ac10-2f3491366feb] {
    align-content: center;
    align-items: center;
    background: #f4f3f3;
    border-radius: 0;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0px 0px 200px 0px;
    padding: 100px 0px 100px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 960px) {
    .sd[data-s-93c20a42-8002-44f9-ac10-2f3491366feb] {
        margin: 0px 0px 160px 0px;
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-93c20a42-8002-44f9-ac10-2f3491366feb] {
        margin: 0px 0px 120px 0px;
        padding: 48px 0px 48px;
        width: 100%;
        max-width: 100%;
    }
}

.sd[data-s-bc919813-509c-4d23-8d54-0b1f6833c89e] {
    align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
}

@media screen and (max-width: 680px) {
    .sd[data-s-bc919813-509c-4d23-8d54-0b1f6833c89e] {
        flex: none;
        margin: 0px 24px;
        width: calc(100% - 48px);
        max-width: calc(100% - 48px);
    }
}

.sd[data-s-442e4a97-c5d0-4c8e-971a-884c4440ce1d] {
    color: #333;
    flex: none;
    font-family: var(--s-font-c7b93250);
    font-size: 18px;
    font-weight: 500;
    height: auto;
    line-height: 1.5;
    margin: 0px 0px 12px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: auto;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 960px) {
    .sd[data-s-442e4a97-c5d0-4c8e-971a-884c4440ce1d] {
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-442e4a97-c5d0-4c8e-971a-884c4440ce1d] {
        flex: none;
        font-size: 18px;
        width: 100%;
        max-width: 100%;
    }
}

.sd[data-s-69f98e68-27f5-46c3-9936-c1b82774005e] {
    color: #868686;
    flex: none;
    font-family: var(--s-font-c7b93250);
    font-size: 13px;
    font-weight: 500;
    height: auto;
    line-height: 2;
    margin: 0px 0px 44px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 960px) {
    .sd[data-s-69f98e68-27f5-46c3-9936-c1b82774005e] {
        padding: 0px 0px 0px 0px;
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-69f98e68-27f5-46c3-9936-c1b82774005e] {
        flex: none;
        margin: 0px 0px 32px 0px;
        width: 100%;
        max-width: 100%;
    }
}

.sd[data-s-a3a850fd-f70d-4ba8-bf02-c03683938236] {
    align-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 0px 64px 0px;
    padding: 0px 0px 0px;
    width: 1080px;
    max-width: calc(100% - 128px);
}

@media screen and (max-width: 960px) {
    .sd[data-s-a3a850fd-f70d-4ba8-bf02-c03683938236] {
        flex: none;
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-a3a850fd-f70d-4ba8-bf02-c03683938236] {
        margin: 0px 24px 0px;
        max-width: calc(100% - 48px);
    }
}

.sd[data-s-c8ad2d39-2d42-456d-a2f1-6c4fe6468624] {
    align-content: center;
    align-items: center;
    background: rgb(255, 255, 255);
    border-radius: 16px;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 80px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 680px) {
    .sd[data-s-c8ad2d39-2d42-456d-a2f1-6c4fe6468624] {
        padding: 40px 16px 40px;
    }
}

.sd[data-s-20bbd789-1956-411c-82c1-dc442d711a7a] {
    background: rgba(0, 0, 0, 0.0);
    border-radius: 0px;
    flex: none;
    height: 1060px;
    margin: 0 0 0 0;
    opacity: 1;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 960px) {
    .sd[data-s-20bbd789-1956-411c-82c1-dc442d711a7a] {
        flex: none;
    }
}

@media screen and (max-width: 680px) {
    .sd[data-s-20bbd789-1956-411c-82c1-dc442d711a7a] {
        flex: none;
    }
}

.sd[data-s-78805d8a-4ad0-4286-ba01-22e3dba7ffcf] {}


form {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  font-family: "noto sans JP", "ヒラギノ角ゴシック ProN", ヒラギノ角ゴシック, Meiryo, "MS Pゴシック", sans-serif;
  margin: 0;
  letter-spacing: .06em;
  box-sizing: border-box;
  border: 0;
  line-height: 1.5;
}
.group {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.group {
  margin-bottom:28px;
}
.label {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
@media (max-width: 480px) {
  .label {
    font-size: 14px;
  }
}
.label::after {
  content: "必須";
  margin: 1px 0 0 4px;
  padding: 1px 8px 2px;
  font-size: 11px;
  border-radius: 100vh;
  color: #fff;
  background-color: #ee3e3e;
}
.input,.select,.textarea {
  width: 100%;
  padding: 12px 16px;
  font-size: 16px;
  border-radius: 6px;
  outline: 1px solid #e2e2e2;
  transition: all 100ms;
}
.input:hover,.select:hover,.textarea:hover {
  outline: 1px solid #ee3e3e;
  transition: all 100ms;
}
.input:focus,.select:focus,.textarea:focus {
  outline: 2px solid #ee3e3e;
}
::placeholder {
  color: #acacac;
}
.selectWrap {
  position: relative;
  width: 100%;
}
.selectWrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -4px;
  width: 6px;
  height: 6px;
  border-left: 2px solid #ee3e3e;
  border-bottom: 2px solid #ee3e3e;
  transform: rotate(-45deg) translateY(-50%);
}
.select {
  appearance: none;
}
select:invalid,select option:first-child {
  color: #acacac;
}
.textarea {
  resize: vertical;
}
.checkboxWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.checkbox {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.consent {
  margin: 0 0 2px;
  font-size: 14px;
}
@media (max-width: 480px) {
  .consent {
    font-size: 12px;
  }
}
.link {
  color: #ee3e3e;
}
.link:hover {
  text-decoration: none;
}
.buttonArea {
  text-align: center;
}
.button {
  width: 280px;
  padding: 20px 24px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  border: 2px solid #ee3e3e;
  border-radius: 100vh;;
  color: #fff;
  background: #ee3e3e;
  transition: all 200ms;
  cursor: pointer;
}
.button:hover {
  border: 2px solid #ee3e3e;
  color: #ee3e3e;
  background: #fff;
  transition: all 200ms;
}

@media (max-width: 480px) {
  .button {
    max-width: 100%;
  }
}