@charset "utf-8";


/*授産
----------------------------- */
#subcontracting .wrap-contact{
  clear:both;
  width:100%;
  max-width: 1300px;
  margin:20px auto;
  padding:50px 80px;
  background:#FFFFFF;
  position:relative;
}

#subcontracting .wrap-contact h3 {
  color: #000;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #9d724a;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#subcontracting .wrap-contact ul {
    padding: 20px;
    margin: 30px auto;
    background: #fbf9e1;
    border-radius: 10px;
}

#subcontracting .wrap-contact ul li {
  margin-bottom: 20px;
}

#subcontracting .wrap-contact ul li i{
   color:#efb2cc;
}


#subcontracting .wrap-contact .btn{
  width: 100%;
}

#subcontracting .wrap-contact .btn a{
    width: 50%;
    font-size: 1.0em;
    border-radius: 100px;
    font-weight: bold;
    display: block;
    margin: 10px auto;
    text-align: center;
    background: #f9ae32;
    padding: 10px;
    color: #fff;
}


#subcontracting .submitbtn{
  max-width: 900px;
  margin:0 auto;
}

@media screen and (max-width:480px)  {
  #subcontracting .wrap-contact {
      clear: both;
      width: 100%;
      padding: 20px;
      background: #FFFFFF;
      position: relative;
  }
  .contact .required {
    float: left;
    }
  #subcontracting .wrap-contact .btn a{
    width: 70%;
  }
}

#subcontracting .corprecimg{
  max-width: 100%;
}

#subcontracting .btn-primary a{
  background: #f9ae32;
  padding: 20px;
  display: block;
  text-align: center;
  font-size: 2.5rem;
  color: #fff;
  border-radius: 6px;
}

#subcontracting .btn-primary a i{
  padding-right: 5px;
}

.age input[type="text"].wpcf7-text {
  width: 30%;
} 

.postalcode input[type="text"].wpcf7-text{
  width: 80%;
}

input[type="radio"]{
  margin-right: 5px;
}


#rcont{
border: solid 1px #808080;
background:#FFFFFF;
width:100%;
height: 200px;
margin:25px 0;
padding-top:0px;
padding-right: 2%;
padding-bottom: 0px;
padding-left: 2%;
overflow: auto;
}
/*.contact dl{
margin:15px 0 30px;
  width:100%;
  overflow:hidden; 
  border-bottom:1px solid #ccc; 
}*/
/*.contact dt{
  width:30%;
  float:left;
  padding:10px;
  font-size:90%;
  text-align:left;
  border-top:1px solid #ccc;
  font-weight:bold;
}
.contact dd{
  width:70%;
  float:left;
  padding:10px;
  font-size:90%;
  text-align:left;
  border-top:1px solid #ccc;
}*/

.contact .wpcf8-form-control-wrap{
  padding-right: 20px;
}

.contact input[type=button] {
    padding: 3px 10px;
    background: #DADADA;
    border: 1px solid #CCC;
    line-height: 1.5;
    font-size: 12px;
    color: #333;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.center{
  text-align: center;
}

.contact .row {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 20px 0;
}

.contact .form-ttl1{
    float: none;
    width: 100%;
    clear: both;
    background: #8EC31E;
    color: #FFFFFF;
    border-top: 0px solid #ccc;
    padding: 10px;
    font-size: 90%;
    font-weight: bold;
}
.contact .form-ttl2{
    float:none;
    width:100%;
    clear:both;
    background:#4FB0B9;
    color:#FFFFFF;
    border-top:0px solid #ccc;
    padding: 10px;
    font-size: 90%;
    font-weight: bold;
}

.contact .required{
width:auto;
background:#FF9900;
color:#FFFFFF;
font-size:70%;
margin-left:10px;
padding:3px 6px;
border-radius: 6px;         /* CSS3 */
  -moz-border-radius: 6px / 6px;    /* Firefox */
  -webkit-border-radius: 6px / 6px;    /* Safari,Chrome */
}
.contact .note{
color:#999999;
font-size:11px;
font-weight:normal;
}

/* Contact Form7 */

.wpcf7-captchac{
vertical-align:middle;
}


.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  text-align:center;
}
.wpcf7 .wpcf7-validation-errors {
    color: #FFF;
    background-color: #990000;
    border: 1px solid #990000;
}
.wpcf7 .wpcf7-mail-sent-ok {
    color: #FFF;
    background-color: #258DDA;
    border: 1px solid #258DDA;
  text-align:center;
}


/* 全般テキストタイプ、テキストエリア、パスワードエリア*/
.contact input[type=text], .contact input[type=tel], .contact input[type=email], .contact textarea, .contact select{
vertical-align:middle;
padding:3px 5px;
border:1px solid #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
color:#555;
background:#FFF;
font-size:1.2em;
}


/* 全般テキストエリア*/
.contact textarea{
height:auto;
width:95%;
line-height:1.5;
}


.wpcf7-not-valid-tip{
  color:red;
  display: block;
}

.form_cont div:first-child{
  margin-bottom: 5px;
}

/*フォーム部品
-------------------------------------------------------------- */

/* 送信ボタン*/
p.submit{
  text-align:center;
  margin-top:25px;  
}

input[type=submit], input[type=reset], input[type=button]{
  padding:10px 100px;
  background:#f7b445;
  line-height:1.5;
  font-size:130%;
  color:#fff;
  border:0;
  border-bottom:2px solid #de9825;
  cursor: pointer;  
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.contact dd input[type=button]{
  padding:3px 10px;
  background:#fbc874;
  border:1px solid #CCC;  
  line-height:1.5;
  font-size:12px;
  color:#333;
  border:0  ; 
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover{
    background:#f3c374;
    color:#FFFFFF;
  border-bottom:2px solid #e69e26;  
}

input[type="text"].wpcf7-text {
    width: auto;
    margin-right: 10px;
}

.contact dd input[type=button]:hover{
    background:#DADADA;
  border-bottom:2px solid #666666;
}

input[type=button].wpcf7c-btn-back {
    background: #666666;
    padding-right:15px;
}
input[type=button].wpcf7c-btn-back:hover {
    background: #333333;
    border-bottom:1px solid #000000;
}

input[type="text"].wpcf7-text {
    width: 100%;
}
.contact span.wpcf7-list-item {
display: block;
}

.wpcf7 .wpcf7-validation-errors {
    color: #FFF;
    background-color: #990000;
    border: 1px solid #990000;
}

*:first-child + html .wrap-contact input[type=submit]{padding:3px;
}

.contact input[type="checkbox"]{
  margin-right: 5px;
}


::placeholder{
  color:#ccc;
  font-weight: normal;
}


#mainimg {
    width: 100%;
    background: url(../images/page/page_main_gr.png) repeat-x;
    text-align: center;
    overflow: hidden;
}

#mainimg img {
    width: 100%;
    max-width: 1350px;
    height: auto;
}

input[type=button].wpcf7c-btn-back {
   padding: 10px 100px;
   background: #58d5ec;
   line-height: 1.5;
   font-size: 130%;
   color: #fff;
   border: 0;
   border-bottom: 2px solid #006DA8;
   cursor: pointer;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}