@charset "UTF-8";
/* =====================================
	contact
===================================== */

.contact{
    width: 750px;
    margin: 0 auto;
    /*background: #f5f6ee;*/
}

.contact .inner{
    padding: 13.33% 5.33% 16%;
}

.contact .inner .note{
    font-size: 1.3rem;
}

.contact .inner dl{
    width: 100%;
}

.contact .inner dl dt{
    width: 100%;
    padding: 4% 0 0;
    font-weight: bold;
}

.contact .inner dl dt span{
    color: #ce5f5f;
}

.contact .inner dl dd{
    width: 100%;
    font-size: 1.7rem;
}

.contact .inner dl dd + dd{
    padding: 2% 0 0;
}

[type="hidden"], [type="text"], [type="search"], [type="tel"], [type="url"], [type="email"], [type="password"], [type="datetime"], [type="date"], [type="month"], [type="week"], [type="time"], [type="datetime-local"], [type="number"], select, textarea {
    -webkit-appearance: none;
    border: none;
    line-height: inherit;
    min-height: inherit;
    padding: 0;
    width: auto;
}

input[type="text"], select, textarea {
    font-family : inherit;
    font-size   : 100%;
    margin-top: 1.5%;
}

input[type="text"], textarea{
    width: 100%;
}

input[type="text"], select, textarea{
    border: 1px solid #dbdad9;
    padding: 10px;
    background: #fff;
}

select{
    vertical-align: inherit;
}

.btnType01{
    padding: 0;
    display: table;
    margin: 55px auto 0;
}

input[type="submit"]{
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 4px 0 8px;
    margin-top: 0;
    color: #fff;
    transition: 0.3s opacity ease;
}

input[type="submit"]:hover{
    opacity: 0.6;
}

input[type="text"].formType01{
    width: 40%;
}

input[type="text"].formType01 + input[type="text"].formType01{
    margin-left: 10px;
}

input[type="text"].formType02{
    width: 25%;
}

input[type="text"].formType03{
    width: 16%;
}

input[type="text"].formType04{
    width: 20%;
}

/* ラジオボタン */
input[type=radio] {
  display: none;
}

label ~ label {
  margin-left: 15px;
}

label {
  position: relative;
  padding: 0 0 2px 30px;
  cursor: pointer;
}

input[type=radio] + label::before {
  position: absolute;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #dbdad9;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

input[type=radio] + label::after {
  position: absolute;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #a5a28f;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: .3s;
}

input[type=radio]:checked + label::after {
 opacity: 1;
}

.support{
    border-top: 2px solid #dbdad9;
}


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

.contact{
    width: 100%;
}

.contact .inner{
    padding: 13.33vw 5.33vw 16vw;
}

.contact .inner .note{
    font-size: 3.466vw;
}

.contact .inner dl dt{
    padding: 4vw 0 0;
}

.contact .inner dl dd{
    font-size: 4.533vw;
}

.contact .inner dl dd + dd{
    padding: 2vw 0 0;
}

input,textarea {
  -webkit-appearance: none;
}

input[type="text"], select, textarea {
  margin-top: 1.5vw;
}

input[type="text"], select, textarea{
    border: 0.133vw solid #dbdad9;
    padding: 1.33vw;
}

.btnType01{
    margin: 7.33vw auto 0;
}

input[type="submit"]{
    padding: 1.05vw 0 1.10vw;
}

input[type="submit"]:hover{
    opacity: 1;
}

input[type="text"].formType01{
    width: 40vw;
}

input[type="text"].formType01 + input[type="text"].formType01{
    margin-left: 1.33vw;
}

input[type="text"].formType02{
    width: 25vw;
}

input[type="text"].formType03{
    width: 16vw;
}

input[type="text"].formType04{
    width: 20vw;
}

/* ラジオボタン */
label ~ label {
  margin-left: 2vw;
}

label {
  padding: 0 0 0.266vw 4vw;
}

input[type=radio] + label::before {
  width: 2.66vw;
  height: 2.66vw;
  border: 0.133vw solid #dbdad9;
}

input[type=radio] + label::after {
  width: 1.6vw;
  height: 1.6vw;
  left: 0.66vw;
}

.support{
    border-top: 0.266vw solid #dbdad9;
}

}