.submitted-message {
    font-size: 1.7rem;
    line-height: 1.2;
    color: #a7a7a7;
    letter-spacing: .02em;
    padding-top:20px; 
}
.c-survey__submit-en._description 
  font-size: 1.5rem !important;
}
.c-survey__submit-jp._description {
  font-size: 1.2rem !important;
}
.c-survey__submit>.c-formInputButton{
  font-size: 1.5rem;
}
.c-survey__submit-en, .c-survey__submit-jp{
  display: block;
}
.c-survey__submit.c-survey__submit-jp{
  margin-top:1.5rem;
}
.c-survey__submit.c-survey__submit-en{
  margin-top:3rem;
}
.c-surveyTitle{
  row-gap:2rem;
}



/* new  mailmagazine */



.c-joinMailMagazine__right__area{
  border-left: 1px solid rgba(255,255,255,0.15);
}
@media (width < 835px) {
.c-joinMailMagazine__right__area{
  border-left: none
}

}


.c-joinMailMagazine {
    top: auto;
    right:0;
    bottom: 0;
    left: auto;
    width: auto;
    height: auto;
    position: fixed;
    max-width: 85vw;
    width: 85vw;
    z-index: 100000000000000;
}

.c-joinMailMagazine::backdrop {
    opacity: 0;
}

@media (width < 835px) {

  .c-joinMailMagazine {
    position: fixed;
    max-width: 100vw;
    width: 100vw;
}

}


.c-joinMailMagazine__container {
    position: relative;
    width: 100%;
    padding: 3rem;
    background: rgba(8, 8, 10, 0.8);
    backdrop-filter: blur(10px);
    background-size: cover;
    display: flex;
    align-items: center;
    gap: 3rem;
    box-sizing: border-box;
}

@media (width < 835px) {
    .c-joinMailMagazine__container {
    padding: 1.5rem;
    background: rgba(8, 8, 10, 0.7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    }
}

.c-joinMailMagazine__title {
    margin-top: 0;
}

@media (width < 835px) {
    .c-joinMailMagazine__title {
        margin-top: 0rem
    }
}

.c-joinMailMagazine__language {
    margin-top: 0;
}

@media (width < 835px) {
    .c-joinMailMagazine__language {
        margin-top: 1.6rem
    }
}

.c-joinMailMagazine__input {
    margin-top: 1.2rem
}

@media (width < 835px) {
    .c-joinMailMagazine__input {
        margin-top: 0.4rem
    }
}

.c-joinMailMagazine__note {
    margin-top: 0;
    text-align: left;
    padding-left: 4rem;
}

@media (width < 835px) {
    .c-joinMailMagazine__note {
        margin-top: 1rem;
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
}

.c-joinMailMagazine__close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    left: auto;
    display: block;
    width: 3rem;
    height: 3rem;
    margin-left: 0;
}

@media (width < 835px) {
    .c-joinMailMagazine__close {
        inset: 1rem 1rem auto atuo;
        width: 2.2rem;
        height: 2.2rem;
        margin: 0 0 1.3rem;
    top: 1rem;
    right: 1rem;
    }
}

.c-joinMailMagazine__close:before,
.c-joinMailMagazine__close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 4.2rem;
    height: 1px;
    content: "";
    background-color: #b19555;
    translate: -50% -50%
}

@media (width < 835px) {

.c-joinMailMagazine__close:before,
.c-joinMailMagazine__close:after {
    width: 2.7rem;
}

}




.c-joinMailMagazineTitle {
    display: flex;
    flex-direction: column;
    row-gap: 1.2rem;
    text-align: left;
    width: 40rem;
    padding-left: 2rem;
}

@media (width < 835px) {
    .c-joinMailMagazineTitle {
    text-align: center;
    width: 100%;
    padding-left: 0;
    }
}

.c-joinMailMagazineTitle ._title {
    width: 31.7rem;
    margin: 0;
}

@media (width < 835px) {
    .c-joinMailMagazineTitle ._title {
        width: 20.7rem;
        margin: 0 auto;
    }
}




.c-joinMailMagazineLanguage {
    display: flex;
    column-gap: 1.7rem;
    align-items: center;
    justify-content: flex-start;
    padding-left: 4rem;
    margin-left: -.1rem
}

@media (width < 835px) {
    .c-joinMailMagazineLanguage {
        column-gap: 1.2rem;
        margin-left: -.2rem;
        padding-left: 0;
        justify-content: center;
    }
}



.c-joinMailMagazineInput {
    width: 60rem;
    padding: 1rem 4rem;
}

@media (width < 835px) {
    .c-joinMailMagazineInput {
        flex-direction: row;
        gap: 0;
        width: 32.7rem;
        padding: .5rem
    }
}

@media (width < 835px) {
    .c-joinMailMagazineInput__text ._input {
        padding: .5rem 1rem .4rem;
        font-size: 1.2rem
    }
}



@media (width < 835px) {
    .c-joinMailMagazineInput__submit {
        width: 7rem;
    }
}


@media (width < 835px) {
    .c-joinMailMagazineInput__submit ._submit {
        padding: .5rem 0;
        font-size: 1.2rem
    }
}




.c-joinMailMagazine{
  opacity:1;
  transition:opacity .2s linear
}

.c-joinMailMagazine::backdrop {
  background-color:#08080ae6;
  opacity:0
}

body[data-join-mail-magazine-state=open] .c-joinMailMagazine[open] {
  opacity:0;
  transition:opacity .75s cubic-bezier(.215,.61,.355,1)
}
body[data-join-mail-magazine-state=open] .c-joinMailMagazine[open]::backdrop {
  opacity:0
}

.c-joinMailMagazine .hbspt-form {
  margin-top:0
}
@media (width < 835px) {
  .c-joinMailMagazine .hbspt-form {
    margin-top:0
  }
}
.c-joinMailMagazine .hbspt-form>form {
  display:grid;
  grid-template-areas:"language language""email submit";
  justify-content:flex-start;
  row-gap:0
}
@media (width < 835px) {
  .c-joinMailMagazine .hbspt-form>form {
    grid-template-areas:"language""email""submit";
    row-gap:0;
    position: relative;
  }
}
.c-joinMailMagazine .hs_primary_language {
  align-items:center;
  column-gap:1.7rem;
  display:flex;
  grid-area:language;
  justify-content:flex-start;
  margin-left:-.1rem;
  padding-left: 4rem;
  margin-bottom: 2rem;
}
@media (width < 835px) {
  .c-joinMailMagazine .hs_primary_language {
    column-gap:1.2rem;
    margin-left:-.2rem;
  margin-bottom: 0;
  padding-top: 1.5rem;;
  }
}
.c-joinMailMagazine .hs_primary_language>label {
  color:#b8b8b8;
  column-gap:1.7rem;
  display:flex;
  font-family:Cormorant Garamond,serif;
  font-size: 1.75rem;
  letter-spacing:-.02em;
  line-height:1;
  position:relative;
  top:-.2rem
}
@media (width < 835px) {
  .c-joinMailMagazine .hs_primary_language>label {
    column-gap:.8rem;
  font-size: 1.2rem;
    top:0
  }
}
[lang=ja] .c-joinMailMagazine .hs_primary_language>label {
  font-family:Crimson Text,Shippori Mincho B1,serif
}
.c-joinMailMagazine .hs_primary_language>label:after {
  content:":";
  display:block
}
.c-joinMailMagazine .hs_primary_language .inputs-list {
  column-gap:1.6rem;
  display:flex;
  height:1.6rem
}
@media (width < 835px) {
  .c-joinMailMagazine .hs_primary_language .inputs-list {
    column-gap:1.2rem;
  }
}
.c-joinMailMagazine .hs-form-radio label {
  align-items:center;
  color:#b8b8b8;
  column-gap:.8rem;
  display:inline-flex;
  font-family:Cormorant Garamond,serif;
  font-size: 1.75rem;
  letter-spacing:-.02em;
  line-height:1;
  position:relative
}
@media (width < 835px) {
  .c-joinMailMagazine .hs-form-radio label {
    column-gap:.6rem;
  font-size: 1.2rem;
  }
}
[lang=ja] .c-joinMailMagazine .hs-form-radio label {
  font-family:Crimson Text,Shippori Mincho B1,serif
}
.c-joinMailMagazine .hs-form-radio label>span:after {
  background-color:#896c2a;
  border-radius:50%;
  content:"";
  display:block;
  height:.8rem;
  left:.4rem;
  margin-top:-.4rem;
  opacity:0;
  position:absolute;
  top:50%;
  width:.8rem
}
.c-joinMailMagazine .hs-form-radio .hs-input {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:none;
  border:1px solid #fafafa;
  border-radius:50%;
  display:block;
  height:1.6rem;
  opacity:.2;
  width:1.6rem
}
.c-joinMailMagazine .hs-form-radio .hs-input:checked+span:after {
  opacity:1
}
.c-joinMailMagazine .hs_email {
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  background:none;
  border-bottom-left-radius:.4rem;
  border-top-left-radius:.4rem;
  grid-area:email;
  padding-block:0;
  padding-left:4rem;
  padding-right:.5rem;
  width:43.3rem;
  margin-bottom: 1rem;
}
@media (width < 835px) {
  .c-joinMailMagazine .hs_email {
    margin-top:1.4rem;
    padding:0;
    margin-bottom: 0;
    width:32.7rem
  }
}
.c-joinMailMagazine .hs_email input {
  background-color:#1e1e1e;
  border:1px solid hsla(0,0%,98%,.1);
  border-radius:.2rem;
  color:#b8b8b8;
  font-family:Cormorant Garamond,serif;
  letter-spacing:-.02em;
  padding:1rem 2rem .9rem;
  width:100%;
  font-size: 1.75rem;
}
@media (width < 835px) {
  .c-joinMailMagazine .hs_email input {
  font-size: 1.2rem;
    padding:.4rem 1rem;
  }
}
[lang=ja] .c-joinMailMagazine .hs_email input {
  font-family:Crimson Text,Shippori Mincho B1,serif
}
.c-joinMailMagazine .hs_submit {
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  background:none;
  border-bottom-right-radius:.4rem;
  border-top-right-radius:.4rem;
  grid-area:submit;
  padding-block:0;
  padding-right:4rem;
  width:16.7rem
}
@media (width < 835px) {
  .c-joinMailMagazine .hs_submit {
    padding: 0;
    width:7.7rem;
    position: absolute;
    bottom: .13rem;
    right: 0;
}

}
.c-joinMailMagazine .hs_submit input {
  background:linear-gradient(272.2deg,#896c2a -9.39%,#75591a 106.76%);
  border:none;
  border-radius:.2rem;
  color:#d6d6d6;
  cursor:pointer;
  display:block;
  font-family:Cormorant Garamond,serif;
  font-size: 1.75rem;
  letter-spacing:-.02em;
  padding:1.1rem 0 1rem;
  width:100%
}
@media (width < 835px) {
  .c-joinMailMagazine .hs_submit input {
    border-radius: 0 .2rem .2rem 0;
  font-size: 1.2rem;
    padding:.4rem 0
  }
}

.c-joinMailMagazine .submitted-message {
  font-size: 1.7rem;
  line-height: 1.2;
  color: #a7a7a7 !important;
  letter-spacing: .02em;
  padding-top: 20px;
  padding-left: 4rem;
  margin-bottom: 1rem;
}

@media (width < 835px) {

.c-joinMailMagazine .submitted-message {
  padding-left: 0;
  }
  
}