@charset "utf-8";


/* -------------------------------- #eye-catch  -------------------------- */


#eye-catch {
  background:url(../assets/img/contact-header.jpg) no-repeat 0 0;
  background-position:center center;
  background-size:cover;
}



/* -------------------------------- #ct-wrapper  -------------------------- */

#ct-wrapper {
  width:100%;
  margin:0 auto;
}

#ct-wrapper .container {
  max-width:960px;
  margin:0 auto;
  padding:60px 15px;
  width:100%;
}

#ct-wrapper .container h2 {
  font-size:20px;
  margin-bottom:30px;
}

#ct-wrapper .container .u-h2 {
  font-size:16px;
  margin-bottom:5px;
}

form dl {
  display:flex;
  flex-wrap:wrap;
  padding: 15px 10px 0px;
}

form dl dt {
  width:100%;
  font-size:14px;
  line-height:40px;
  padding-right:10px;
}

.names-flex {
  display:flex;
}

.names-flex input {
  width:50%;
}

.name01 {
  margin-right:5px;
}

form dl dd {
  width:100%;
}

.douisuru dt {
  visibility:hidden;
}

form dl dd input {
  width:100%;
  height:40px;
  border: 1px solid #dbdbdb;
  padding:10px;
  font-size:16px;
  letter-spacing:0.1rem;
  font-weight:normal;
}


form dl dd input:focus,
form dl dd textarea:focus  {
  border: 1px solid #dbdbdb;
  box-shadow:0 0 6px 2px #dbdbdb;
  outline:none;
}

form dl dd textarea {
  width:100%;
  height:200px;
  border: 1px solid #dbdbdb;
  padding:10px;
  font-size:16px;
  letter-spacing:0.1rem;
  font-weight:normal;
}

input.target {
  width:20px;
  height:20px;
  line-height:20px;
  vertical-align:bottom;
  margin:0 15px 0 0;
}

.content-confirm ul {
  padding-top:10px;
}

.content-confirm ul li{
  margin-bottom:15px;
  font-size:14px;
}

.final-agree input {
  width:20px;
  height:20px;
  line-height:20px;
  vertical-align:bottom;
  margin:0 15px 0 0;
}

.ok {
  display:block;
  margin-bottom:15px;
}

.final-agree {
  text-align:center;
  font-size:14px;
  padding-top:10px;
}

.final-agree ul li {
  width:85%;
}

.concent-txt {
  overflow:scroll;
  width:100%;
  height:180px;
  padding-top:10px;
}

.concent-txt h3 {
  font-size:16px;
  margin-bottom:15px;
}

.concent-txt p {
  font-size:14px;
  margin-bottom:10px;
}

#form_submit {
  width:100%;
  margin:0 auto;
}

#form_submit input {
  height:60px;
  font-size:16px;
  color:#fff;
  background:#de5724;
}

span.optional,
span.required {
  display:none;
}

.naiyou span:nth-of-type(2) {
  display:none;
}
/* ================================================== tablet ================================================== */

@media screen and (min-width:760px) {



}


/* ================================================== pc ================================================== */


@media screen and (min-width:960px) {


  /* -------------------------------- #ct-wrapper  -------------------------- */


    form dl {
      padding:24px 10px;
    }

    form dl dd input {
      width:80%;
    }


    form dl dd textarea {
      width:80%;
    }


    .names-flex input {
      width:100%;
    }

    .name01 {
      margin-right:0px;
    }

    form dl dt {
      padding-right:0px;
      width:25%;
    }

    form dl dd {
      width:75%;
    }

    .names-flex {
      display:flex;
    }

    .names-flex input {
      width:50%;
    }

    .names-flex input:nth-of-type(1) {
      margin-right:5px;
    }

    .concent-txt {
      width:80%;
    }

    #form_submit {
      width:75%;
    }

    #ct-wrapper .container .u-h2 {
      margin-bottom:30px;
    }


}

@media screen and (min-width:1215px) {

}