html {
   background: #FBFBFB;
}

.form-column.form-column-note iframe {
    background-color: #fff;
}

iframe {
    height: 300px;
}

iframe::-webkit-scrollbar{
   display: none;
}

.container{
   padding: 0;
   background-color: #FBFBFB;
}

.message{
  text-align: center;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
  @media screen and (max-width:750px){
      font-size: 12px;
   }
}

label,legend.label {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
}

.badge-required,
legend .badge-required,
input[type="radio"]:before {
    background-color: #C60309;
}

/*#confirmation-container .badge-required,
#confirmation-container legend .badge-required{
   display: none;
}*/


p:has(strong){
   font-size: 16px;
   padding-bottom: 6px;
}

input,
button,
textarea,
select{
   background-color: #FFF;
}

.form-column:not(:first-child){
    padding: 40px 0 0;
}

.form-column:not(:first-child){
    border-top: 1px solid #F0F0F0;
}

.message-block-confirmation {
  margin-bottom: 1.5em;
  text-align: center;
}


.form-column.form-column-recaptcha {
    display: flex;
    justify-content: center;
}

@media screen and (max-width:750px) {
   html{
   font-size: 14px;
   }
   .badge-required, legend .badge-required {
       margin-left: 1em;
   }
   legend.label,label {
       display: flex;
       justify-content: flex-start;
   }
}


@media (max-width: 768px) {
    .form-column-zip-code-autofill fieldset {
        width: 100%;
        column-gap: 1em;
        display: flex;
        flex-direction: column;
    }
}


//郵便番号(自動)使用グループ

.form-column-zip-code-autofill .form-column {
  margin: 0 2.5em 2.5em 0;
  border-width: 0px;
  display: grid;
  gap: 0 2em;
  grid-template-columns: 280px 1fr;
  grid-template-rows: auto auto;
}

.form-column-zip-code-autofill{
   display: flex;
    flex-direction: column;
}

.form-column.form-column-zip-code-autofill {
    display: flex;
    flex-direction: column;
}

.form-column-zip-code-autofill fieldset {
    display: flex;
    flex-direction: column;
}

.form-column-zip-code-autofill .form-column {
    gap: 0 2em;
    grid-template-columns: 280px 1fr;
    width: 100%;
    margin-bottom: 40px;
}
.form-column-zip-code-autofill .form-column:last-child {
    margin-bottom: 0;
}

.form-column-zip-code-autofill .form-column-zip-code-jp .input-group input {
  width: 50%;
}
.form-column-zip-code-autofill .form-column-prefecture-jp select {
  width: 50%;
}


#confirmation-container .form-column.form-column-note {
    display: none;
}

.preview-block + .description-block {
    display: none;
}

.button-group {
   margin: 0 !important;
}

.button:last-child, .button:first-child {
    margin: 20px 0 0;
}

@media screen and (max-width:750px) {
     .button:first-child{
     margin: 20px 0
     }

.form-column.form-column-new-page {
    border-top: none;
    margin: 0;
    padding: 0;
}

@media (max-width: 750px) {
    #confirmation-container .form-column {
        margin: 0;
        padding: 1rem 0;
        display: block;
    }
}