@charset "UTF-8";
/* add */
input::placeholder {
font-size: clamp(12px, 3.5vw, 14px);
}
@media (max-width:767px) {
input::placeholder {
font-size: clamp(10px, 3vw, 12px);
}
}
.form_content__wrap {
  background: white;
  padding: 0;
  border: 1px solid #efefef;
}
.mail_form3 h2 {
  text-align: center;
  font-size: clamp(13px, 6vw, 24px);
  font-weight: 700;
  /*margin: 1.6em auto 1em;*/
  margin: 1.6em auto 0;
}
.mail_form3 h2 br {
  display: none;
}

@media (max-width:767px) {
.mail_form3 h2 br {
  display: block;
}
}
.mail_form3 .yuubin__wrap {
  /*margin: auto;*/
  text-align: center;
  margin: .5em 0 .8em;
  font-size: clamp(12px, 5vw, 20px);
}
/*01296E*/
div.yuubin__wrap input[type="text"] {
  width: clamp(280px, 80%, 400px);
  height: clamp(38px, 12vw, 50px);
  text-align: center;
  margin: 0 .2em;
}

@media (max-width:767px) {
div.form_content__wrap dt label span {
  display: inline-block;
  transform: scale(.8, 1);
  transform-origin: top left;
}
div.form_content__wrap dt label span.cho1 {
  display: inline-block;
  transform: scale(.84, 1);
  transform-origin: top left;
}
div.form_content__wrap dt label span.cho2 {
  display: inline-block;
  transform: scale(.7, 1);
  transform-origin: top left;
}
div.form_content__wrap dt label span.cho3 {
  display: inline-block;
  transform: scale(.82, 1);
  transform-origin: top left;
}
}
div.form_content__wrap dl dd div {
  display: inline-block;
  padding: .8em 3em 0 0;
  margin: 0;
}
div.form_content__wrap dl dd div label {
  font-size: 106%;
  font-weight: 500;
      padding-left: .2em;
}

@media (max-width:767px) {
div.form_content__wrap dl dd div {
  display: block;
  margin-left: .5em;
  padding: .2em;
}
}


/* privacy_link
------------------------------*/
form.h-adr p.privacy_link{
    font-size:12px;
    line-height: 1.5;
    text-align: center;
}
form.h-adr p.privacy_link a{
    text-decoration: underline !important; 
}
form.h-adr p.privacy_link a:hover{
    text-decoration: underline !important; 
    color:#f20544;
}

/* 引越し手続きリスト進呈中
------------------------------*/
.form_list_txt {
    text-align: center !important;
    font-size: 1.6em !important;
    font-weight: 600;
    color: #191919;
    padding: 1.5em 0 15px;
}
span.form_list_txt-em {
    color: red;
    background: linear-gradient(transparent 60%, #fbff00 60%);
}
div.n-subtitle__form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0em 0 1em;
}
@media (max-width:767px) {
.form_list_txt {
    font-size: 15px !important;
    letter-spacing: 1px;
}
}



/* error message
---------------------------------------------*/
/*
#error-message1,
#error-message2 {
    font-size:11px;
    color: #B8006F;
    line-height: 1.6;
    posiiton:relative;
}
#error-message1,
#error-message2 {
    font-size:11px;
    line-height: 1.6;
    margin-top:0;
    background:#ffed0d;
    color:#111;
    max-width:22.6em;
    padding: 0 .2em 0 .9em;
    text-align: left;
}
p#error-message1::before,
p#error-message2::before {
  content: none;
}
*/




/* error message
---------------------------------------------*/
#error-message1,
#error-message2 {
    font-size:11px;
    line-height: 1.6;
    margin-top:0;
    background:#ffed0d;
    color:#111;
    width:min(98%,22em);
    padding: 0 .5em 0 .9em;
    text-align: left;
}
 @media (max-width:767px){ 
 #error-message1,
 #error-message2 {
    font-size:11px;
    line-height: 1.6;
    margin-top:0;
    background:#ffed0d;
    color:#111;
    width:min(98%,22em);
    padding: 0 .5em 0 .5em;
    text-align: left;
 }
}