/*TOP画像*/
.img-filter{
 background-image:url(../img/main_gnavi_back.png);
 width:100%;
 height:100%;
}
.contact-top{
    width: 100%;
}
@media screen and (max-width: 899px) {
 .img-top{
  height:340px;
 }
}
/*背景画像*/
.bg-img{
}
.img-webtop{
 height:460px;
 background-image:url(../img/contact/contact_main.png);
 background-position: no-repeat center top;
 background-size:100% auto;
}


@media screen and (max-width: 950px) {
  .img-detail img{
  width: 90%;
 }
 section a img{
  width: 90%;
 }
}

/*背景色*/
.bgColor-rpa{
 background-color:#f5f8f7;
}
.bgColor-recrute{
 background:#faf9f6;
}
.bgColor-contact{
 background:#f1f4ea;
}
.area-works-text{
 background:rgba(255,255,255,0.9);
}

.form_wrap{
 width:80%;
 margin:auto;
}
@media screen and (min-width: 1200px) {
 .form_wrap{
  width:100%;
 }
}
@media screen and (max-width: 899px) {
 .form_wrap{
  width:100%;
 }
}
.input_wrap{
 font-size:20px;
 text-align:left;
 margin:20px;
}
.input_wrap span{
 font-size:12px;
 color:#fff;
 background:#ca1e45;
 border-radius:4px;
 padding:0px 10px;
 margin-left:10px;
}
.input_wrap input,.input_wrap textarea{
 outline: none;
 border: 1px solid #aaa;
 background:#fff;
 -webkit-transition: all .3s;
 transition: all .3s;
 padding:10px;
 width:calc(100% - 40px);
}
.input_wrap input:focus,.input_wrap textarea:focus{
  box-shadow: 0 0 0 2px #1ebeca;
  border: 1px solid #1ebeca;
}
.input_wrap textarea{
 height:200px;
}
input[type="submit"] {
 font-size:18px;
 color:#fff;
 background:#1ebeca;
 padding:10px 20px;
 margin-top:50px;
 margin-left:10px;
 margin-right:10px;
  box-shadow: 2px 2px 1px 0 #ddd;
}
.confirmation_wrap .input_wrap{
 border-bottom:1px solid #aaa;
}
.error_list{
 font-size:18px;
 color:#ca1e45;
}

/* 2022-12-22 added */
@media screen and (max-width: 899px){
  main section .column_wrap {
    width: 100%;
  }

  main section .column_wrap li {
    white-space: nowrap;
  }
}

main section .input_wrap {
  width: calc(100% - 40px);
}

main section .input_wrap input[type="checkbox"] {
  width:auto; appearance:auto;
}