@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

   CSS Document
   file name  :uniq.css

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#contactWrap {
   background: #292f38;
   padding: 120px 0;
   color: #fff;
}

.w1000 {
   width: 1100px;
}

#contents table td {
   font-size: 12px;
   padding: 5px 10px 14px 10px !important;
}

#contents table.table th {
   padding: 10px 10px 0 10px !important;
   border: none;
   font-size: 13px;
}


.contact p {
   color: #867449;
}

.blk {
   font-size: 18px;
   line-height: 1.3;
   display: block;
   position: relative;
   padding: 50px 20px 25px;
   border-bottom: 3px solid #e3e0d5;
}

.contact p:first-of-type label.blk {
   padding: 0 20px 25px;
}

.label {
   color: #004498;
   margin-bottom: 10px;
   display: block;
}

.contact input,
.contact textarea,
.contact select {
   outline: none;
   width: 100%;
   border: none;
   background: transparent;
   font-size: 18px;
   background: #E6F2FF;
   color: #fff;
   padding: 10px 15px;
   border-radius: 5px;
}

input[type=radio] {
   display: none;
}

.error {
   color: #CC0000;
   font-size: 14px;
}



/*RADIO*/
.radioWrap {
   display: block;
   margin-top: 20px;
}

.radio02-input {
   display: none;
}

.radio02-input + label {
   padding-left: 25px;
   position: relative;
   margin-right: 30px;
}

.radio02-input + label::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 15px;
   height: 15px;
   border: 2px solid #004498;
   border-radius: 50%;
}

.radio02-input:checked + label {
   color: #867449;
}

.radio02-input:checked + label::after {
   content: "";
   display: block;
   position: absolute;
   top: 4px;
   left: 4px;
   width: 11px;
   height: 11px;
   background: #004498;
   border-radius: 50%;
}


@media screen and (max-width: 768px) {
   .radioWrap {
      margin-top: 0;
   }

   .radio02-input + label {
      display: block;
      margin: 10px 0 0 0;
   }
}



.btnWrap {
   text-align: center;
   margin-top: 80px;
}

#submit {
   padding: 35px 160px;
   border-radius: 4px;
   color: #fff;
   font-size: 20px;
   font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
   display: inline-block;
   background: #004498;
   -webkit-transition: 0.7s;
   -moz-transition: 0.7s;
   -o-transition: 0.7s;
   -ms-transition: 0.7s;
   transition: 0.7s;
   line-height: 1;
}

#mvS .qswow {
   visibility: visible;
}


#thanks .contact {
   text-align: center;
}

#thanks h3 {
   font-size: 38px;
   margin-bottom: 40px;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

   SP

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

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



   .contact input,
   .contact textarea,
   .contact select {
      font-size: 15px;
      color: #333;
   }

   .contact p:first-of-type label.blk {
      padding: 0 0 20px;
   }

   label.blk {
      font-size: 14px;
      padding: 20px 0 20px;
   }

   .contact {
      padding: 0;
   }

   .label {
      margin-bottom: 15px;
   }

   .err {
      font-size: 12px;
   }

   .btnWrap {
      padding: 0 20px;
   }

   input.btn01,
   input.btn02 {
      padding: 20px 20px;
      width: 100%;
      display: block;
      font-size: 12px;
      margin: 0;
   }

   input.btn01 {
      margin-bottom: 15px;
   }

   .btnWrap {
      margin-top: 50px;
   }

   #submit {
      padding: 25px 0;
      width: 100%;
   }


}