@charset "UTF-8";
/* CSS Document */


#form{
    padding: 6em 0;
}
#form .container{
    text-align: left;
max-width:106rem;
}
#form h3{
    font-size: 3rem;
    font-weight: 600;
    padding-bottom: 1.5em;
}
#form .titlebox{
    display: flex;
    align-items: center;
    padding: 3em 0 1em 0;
}
#form h4{
    font-size: 1.8rem;
    font-weight: 600;
    padding-right: 1.5em;
}
#form .line{
  border-bottom: 1px solid #e5e5e5;
  flex: 1;
}


#form .box{
    background-color: #fbfbfb;
    padding: 3em 4em;
    margin: 1em 0 2em 0;
}
.box label,.subject label{
    padding-right: 1.5em;
    display: inline-block;
}
#form .date{
    padding-top: 1em;
}
#form .date h5{
    padding-bottom: 1em;
}
#kibou .subject{
    padding-bottom: 1em;
}
#kibou .subject h5{
    padding-bottom: 0.3em;}
#form .box dl{
padding:1em 0;
    display: flex;
    align-items: center;
}
#form .box dt{
    width: 10em;
    font-weight: 600;
}
#form .box dd{
    flex: 1;
}
#form .box dl.dtop{
    align-items: flex-start;
}
#form .box dl.dtop dt{
    padding-top: 0.8em;
}
#form .box dd.check{
padding:0.8em 0;
}
#form .box p.red{
    padding: 0.4em 0;
}
#form .box .red{
    color: #8a4e4e;
    font-size: 85%;
}
.subject .red{
    color: #e30a70;
}
#form .box dd.add{
    background-color: #f5f4f3;
    padding: 1.5em 2em 0.8em 2em;
}
#form .hissu{
    color: #A61F22;
    font-weight: normal;
}
#form .box input[type='text'], #form .box input[type='email'],#form .box textarea, #form .box select, #form .date input[type='date']{
width:100%;
font-size:16px;
padding:1em 2em;
background-color:#fff;
border:1px solid #e0e0e0;
}
#form .box input.middle, #form .box select.middle, #form .date input[type='date'].middle{
    width:  14em;
    margin: 0 0.5em 0 0;
}
#form .box input.shot, #form .date input.shot{
    width:  6em;
}
#form .box dd.add input, #form .box dd.add select{
    margin-bottom: 0.8em;
}
#btnbox{
padding-top:3em;
text-align:center;
}
#btnbox p{
padding-bottom:1.5em;
}
#btnbox .check{
padding-bottom:3.5em;
}
#btnbox a{
color:#168dbf;
text-decoration:underline;
}
#btnbox a:hover{
color:#000;
}
#btnbox input.mfp_element_submit{
border:none;
background:#303030;
color:#fff;
padding:1em 0;
font-size:2rem;
font-weight:700;
width:20em;
margin:0 auto;
cursor:pointer;
    text-shadow:none;
}
#btnbox input.mfp_element_submit:hover{
background:#000;
}

.mfp_buttons button{
border:none;
background-color:#b4a18c;
color:#fff;
padding:0.5em 1em;
font-size:2rem;
border-radius: 0.5em;
margin:0 0.5em;
cursor:pointer;
font-weight:700;
}
.mfp_buttons button#mfp_button_cancel{
background-color:#999999;
}
.mfp_buttons button:hover{
background-color:#000;
}



@media only screen and (max-width: 768px) {
    

#form .container{
max-width:100%;
}
#form .box{
    padding: 2em 1em;
}

#form .box label,#form .subject label{
    padding-right: 1em;
    display: inline-block;
}
    .sp_br{
        padding-top: 0.8em;
    }
#form .box dl{
    display: block;
    padding: 0.5em 0;
}
#form .box dt{
    width: 10em;
padding:1em 0 0.5em 0;
    color: #000;
}
#form .box dd{
    flex: 1;
}

#form .box dl.dtop dt{
    padding-top: 0;
}
#form .box dd{
    margin-bottom: 0.8em;
}
#form .box dd.check{
padding:0;
}

#form .box dd.add{
    padding: 1.5em 1em 0.8em 1em;
}
#form .box input[type='text'],#form .box input[type='email'],#form .box textarea,#form .box select,#form .date input[type='date']{
padding:1em 1em;
}
#form .date input[type='date'].middle{
    width:  100%;
    margin: 0 0 0.5em 0;
}
#form .box input.shot{
    width:  4em;
}


table#mfp_confirm_table tr td{
border-top:none;
}
table#mfp_confirm_table tr th,table#mfp_confirm_table tr td{
display:block;
width:100%;
}  
}