@media screen and (min-width: 768px) {
  #hs_form_target_form_278419065 {
/*     padding-bottom: 6rem; */
  }
}


#hs_form_target_form_278419065 {
  padding-top: 101px;
  padding-top: 6.3125rem;
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
  background: #F4F4F4;
  color: #fff;
}

@media screen and (min-width: 768px) {
.hs-custom-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  max-width: 840px;
  margin: 0 auto;
}
  
  .hs-form-field {
  margin-top: 27px;
}
  
  .hs-form-05aa707e-78fd-4b56-adc5-770b33688d07_5496262d-7d4f-43f9-a6c4-04df74446bad fieldset.form-columns-1 .hs-input {
    width: 100%;
  }
  
  .hs-form-05aa707e-78fd-4b56-adc5-770b33688d07_2e0cc92c-dbe0-4048-80ce-67231f8ad324 fieldset.form-columns-1 .hs-input {
  width: 100% !important;
}
}

#hsForm_05aa707e-78fd-4b56-adc5-770b33688d07_4155 {
  margin-top: 49px;
  margin-top: 3.0625rem;
  max-width: 560px;
  max-width: 35rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hs-input {
  width: 100% !important;
  background: #fff;
  background: #fff;
  border-radius: 0.25rem;
  padding: 20px;
  padding: 1.25rem;
  margin-top: 11px;
  margin-top: 0.6875rem;
}

fieldset {
  max-width: unset !important;
  width: 100% !important;
}


/* チェックボックス・ラジオボタンの表示 */
ul.inputs-list.multi-container {
    display: block;
    gap: 0;
    margin-top: 17px;
}
@media screen and (min-width: 768px) {
ul.inputs-list.multi-container {
    margin-top: 11px;
}
}
.hs-form-checkbox-display span,
.hs-form-booleancheckbox-display span {
    cursor: pointer;
    display: inline-block;
    padding-left: 28px;
    position: relative;
    font-weight: 400;
    font-size: 1rem;
}

.hs-form-checkbox-display span::before,
.hs-form-booleancheckbox-display span::before {
    background: #fff;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
} 

.hs-form-checkbox-display span::after,
.hs-form-booleancheckbox-display span::after {
    border-right: 3px solid #17252E;
    border-bottom: 3px solid #17252E;
    content: '';
    display: block;
    height: 13px;
    left: 6px;
    margin-top: 7px;
    opacity: 0; 
    position: absolute;
    top: -3px;
    transform: rotate(45deg);
    width: 8px;
}

input[type="checkbox"]:checked + span::after {
    opacity: 1;
}

.hs-form-booleancheckbox-display .hs-form-required {
    padding-left: 0;
}

.hs-form-booleancheckbox-display .hs-form-required::before {
    padding-left: 0;
}

.hs-form-booleancheckbox-display .hs-form-required::after {
    padding-left: 0;
}

.hs-form-radio-display {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.hs-form-radio-display span {
    position: relative;
    padding-left: 28px;
    margin-bottom: 20px;
    cursor: pointer;
    font-weight: 400;
    font-size: 1rem;
    display: block; 
}

.hs-form-radio-display span::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    box-sizing: border-box;
}

.hs-form-radio-display span::after {
    position: absolute;
    content: "";
    top: 5px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #17252E;
    border-radius: 50%;
    transform: scale(0);
    transition: transform .3s;
}

input[type="radio"]:checked + span::after {
    transform: scale(1);
}

input.hs-button.primary.large {
    background: #FFB72F;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    padding-top: 23px;
    padding-bottom: 23px;
    border-radius: 4px;
}

.hs_submit.hs-submit {
    margin-top: 43px;
    width: 100%;
    max-width: 343px;
    margin-left: auto;
    margin-right: auto;
}

.hs-richtext.hs-main-font-element {
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
.hs_submit.hs-submit {
    max-width: 280px;
    position: relative;
}
}

@media screen and (min-width: 768px) {
.hs_submit.hs-submit:hover::after{
/*   content: ""; */
  background: rgba(white, .3);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
}

.hs-form-booleancheckbox-display .hs-form-required{
/* .hs-form-booleancheckbox-display .hs-form-required:before,
.hs-form-booleancheckbox-display .hs-form-required:after { */
        display: none;　
}

.hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field {
    margin-top: 27px;
}

.hs-form {		
  margin-top: 22px;
}
@media screen and (min-width: 768px) {
.hs-form {		
  margin-top: 20px;
}
}

.hs-richtext.hs-main-font-element {
    margin-top: 30px;
}

.hs-form-field {
    margin-top: 27px;
}

/* .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field {
    margin-top: 0;
} */

/* @media screen and (min-width: 481px) {
.hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field {
    margin-top: 52.5px;
}
} */


@media screen and (min-width: 481px) {
  fieldset.form-columns-2 {
  display: flex!important;
  justify-content: space-between;
/*   align-items: flex-end; */
    align-items: flex-start;
}
}

@media screen and (min-width: 768px) {
fieldset.form-columns-2 .hs-form-field {
  max-width: 400px!important;
  }
}

@media screen and (min-width: 768px) {
.hs-button.primary.large:hover {
  opacity: .8;
}
}

.hs-error-msg {
  color: red;
}

@media screen and (min-width: 768px) {
.submitted-message {
  text-align: center;
  margin-top: 50px;
}
}

.submitted-message {
  text-align: center;
  margin-top: 30px;
}

label {
  font-weight: 500;
  font-size: 18px;
}

.hs-form .hs-form-required {
    font-size: 0;
}

.hs-form .hs-form-required::before {
    content: "*";
    color: #ff0000;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: normal;
    padding: 2px 7px;
    border-radius: 0.125rem;
    margin-left: 8px;
    margin-left: 0.5rem;
    display: inline-block;
}
.ly2_contact {
  padding-top: 101px;
  padding-top: 6.3125rem;
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
  background: #F4F4F4;
  color: #313131;
}

div.legal-consent-container {
  margin-top: 20px;
}