input.active{
ime-mode:active;
}

input.inactive{
ime-mode:inactive;
}

optgroup {
font-style: normal; /* フォントスタイル */
}




.mailform{

  max-width: 800px;
  background: white;
  border-radius: 10px;
  padding: 20px 10px;
  margin: 0 auto 30px auto;

}

.mailform>dt,.mailform>dd{
font-size: calc(var(--kihon-font) + 0.2rem);
}


.mailform>dt{
padding: 20px 0 0 0;
  
}

.mailform>dd{
border-bottom: 1px solid #ccc;
padding: 0px 0 20px 0;
  
}


.required{
  color: #e85382;
}

.mailform>dd>select{
  background: #fff3dc;
  font-size: calc(var(--kihon-font) + 0.2rem);
padding: 5px;
border: 0;
width: 100%;
margin-bottom: 20px; 
}

.mailform>dd>select>option{
  font-size: calc(var(--kihon-font) + 0.2rem);

}


.mailform>dd>input[type="text"],.mailform>dd>input[type="email"],.mailform>dd>textarea{
  background: #fff3dc;
  font-size: calc(var(--kihon-font) + 0.2rem);
padding: 5px;
border: 0;
width: 100%;
}

.jyuusyo>div,.jyuusyo>div>input{
font-size: calc(var(--kihon-font) + 0.2rem);
}

.jyuusyo>div{
  margin-bottom: 10px;
}

.jyuusyo>div>input[type="text"]{
  background: #fff3dc;
  font-size: calc(var(--kihon-font) + 0.2rem);
padding: 5px;
border: 0;
}


.jyuusyo>div:nth-child(2)>input[type="text"],
.jyuusyo>div:nth-child(3)>input[type="text"]{
width: 100%;
}





.grad_bt2{
  font-size: var(--kihon-font);
  text-align: center;
}

.grad_bt2>input,.grad_bt2>a{
  display: inline-block;
  padding: 10px 40px;
  text-decoration: none;
  color: white;
    background:linear-gradient(90deg,rgba(14, 130, 211, 1) 0%, rgba(0, 22, 156, 1) 100%);
    border-radius: 80px;
    font-size: calc(var(--kihon-font) + 0.2rem);
 
    border: 0;
    cursor: pointer;
}


.grad_bt2>input:hover,.grad_bt2>a:hover{
filter: brightness(1.1);

}



.mail_wrap{
  padding: 60px 10px;
  background: #eee;

}

.mail_wrap>div{
max-width: 800px;
margin: 0 auto;
}



.multi_select_wrap>div{
  font-size: calc(var(--kihon-font) + 0.2rem);
  margin-bottom: 5px;
  font-weight: bold;
}


.multi_select_wrap>select{
width: 100%;
  font-size: calc(var(--kihon-font) + 0.2rem);
margin-bottom: 30px;
border: 1px #eee solid;
}

.multi_select_wrap>select>option{
  font-size: calc(var(--kihon-font) + 0.2rem);

  padding: 5px;
}

.multi_select_wrap>select>option:nth-child(2n){
background: #eee;
}

.mailform>dd>label{
  margin-bottom: 5px;
}

.mail_mini{
  font-size: calc(var(--kihon-font) - 0.1rem)
}