@charset "UTF-8";

/*----------------------------------------------------------------------------------------------------------------------header----------*/

#wrapper_contact{
width:83%;
margin-left:17%;
background:#000928;
padding: 210px 0 180px
}

#form{
width:80%;
margin:0 auto;
}

#form .tit_group{
display: flex;
align-items:flex-end;
}

#form .tit_group h2{
font-size:48px;
letter-spacing:0.1em;
line-height:1;
}

#form .tit_group h3{
font-size:18px;
letter-spacing:0.1em;
line-height: 2;
margin-left:20px;
}

#form .cont_group{ margin:40px 0 0 12.5%; }

#form .cont_group .caution{ 
font-size:12px;
margin-top: 60px;
}

#form .cont_group table{ 
margin-top:20px;
width:100%;
}

#form .cont_group table th{
font-weight: normal;
width:28.5%;
}

#form .cont_group table td{
width:71.5%;
padding: 8px 0;
}

#form table td input[type=text],
#form table td input[type=tel],
#form table td input[type=email],
#form table td input[type=zip],
#form table td input[type=address],
#form table td select {
border: none;
background: #fff;
width: 100%;
height: 3em;
padding: 10px;
}

#form table td textarea {
border: none;
background: #fff;
width: 100%;
padding: 10px;
height: 200px;
}

#form .btn_confirm{
width:42.8%;
margin:35px auto;
}

#form .btn_confirm input{
font-size:15px;
text-align: center;
width:100%;
height: 45px;
-webkit-appearance:none;
border:1px solid rgba(255,255,255,0.8);
line-height:45px;
cursor: pointer;
color:#fff;
transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
background: #000928;
}

#form .btn_confirm input:hover{ 
color:#333;
background-color:#fff;
border:1px solid #fff;
}

#form .privacy{ margin-top:150px; }

#form h4{ 
font-size:18px;
font-weight:bold;
}

#form .after_send{
margin-top:50px;
border: 1px solid rgba(255,255,255,0.8);
padding: 15px 25px;
font-size: 13px;
}

#form .back_index{margin-top:100px;}

#form .back_index a{
color:#fff;
text-decoration: underline;
}

#form .back_index a:hover{ text-decoration: none; }



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

#wrapper_contact{
width:100%;
margin-left:0%;
padding: 120px 0 100px
}

#form{
width:90%;
margin:0 auto;
}

#form .tit_group h2{
font-size:36px;
letter-spacing:0.1em;
line-height:1;
margin-left: 5%;
}

#form .tit_group h3{
font-size:16px;
letter-spacing:0.1em;
line-height: 1.8;
margin-left:15px;
}

#form .cont_group{ 
width:85%;
margin:40px 0 0 5%;
}

#form .cont_group .caution{ 
font-size:12px;
margin-top:50px;
}

#form .cont_group table{ 
margin-top:20px;
width:100%;
}

#form .cont_group table th{
font-weight: normal;
width:100%;
display: block;
}

#form .cont_group table td{
width:100%;
display: block;
padding: 8px 0;
}

#form .btn_confirm{
width:100%;
margin:30px auto;
}

#form .privacy{ margin-top:100px; }

#form h4{ 
font-size:15px;
font-weight:bold;
}

}