@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:15px; } }@media screen and (max-width: 1200px) { html{font-size:14px; } }@media screen and (max-width: 1024px) { html{font-size:13px; } }@media screen and (max-width: 768px) {  html{font-size:12px; } }@media screen and (max-width: 480px) {  html{font-size:11px; } }
/* css setting */
.recruit-table{
width: 100%;
}
.recruit-ttl{
width: 25%;
vertical-align: middle;
padding: 1.2rem 1rem;
font-weight: normal;
text-align: center;
background:#0ea1c9;
color:#fff;
}
.recruit-item{
width: 75%;
vertical-align: top;
padding: 1.2rem 1rem;
}
.rec_column {
border-bottom:1px solid #ccc ;
}

.cp_left {
      padding: 1.5rem 0 1.5rem 1rem;
      vertical-align: top;
      width: 25%;
      text-align: justify;
      vertical-align: middle;
      font-weight: normal;
      color:#33659e;
}
.cp_right {
      text-align: justify;
      padding: 1.5rem 1rem  ;
      vertical-align: top;
      width: 75%;
}


/*　==============================　WEB発注フォーム　==============================　*/

.contract .radioPair input{
width: auto!important;
}

.contract .formBlockSurveyTable dl dt {
    color: #777777;
    text-align: left;
    width:100%;
    margin-right: 0%!important;
    font-weight: bold;
}
.contract .formBlockSurveyTable dl dd {
    width: 100%;
}
.contract .formBlockSurveyTable dl {
    padding: 1% 0;
}
.contract .formBlockSurveyTable dl dd input,
.contract .formBlockSurveyTable dl dd textarea {
    width: 96%;
    resize: none;
    border-radius: 0;
    padding: 2%;
}
.contract .formBlockSubmitButton {
    width: 240px!important;
    text-align: center!important;
    background-color: #0c3969!important;
    border: 0px solid #0c3969!important;
    color: #fff;
    margin: 0 auto;
    display: block;
}
.contract .formBlockSubmitButton:hover {
    background-color: #33659E!important;
    border: 0px solid #33659e!important;
    color:#fff;
    transition:0.6s;
}
.contract .formBlockSurveyTable dl dd input,
.contract .formBlockSurveyTable dl dd textarea {
    border: 1px solid #ccc;
}
.contract  .on-pointer input {
    cursor: pointer;
}
@media screen and (max-width: 498px) {
.contract .formBlockSurveyTable dl dd input,
.contract .formBlockSurveyTable dl dd textarea {
    width: 100%;
}
}

/*　左インデント - 2文字　*/
.int_left li {
    margin-left: 1.8rem;
    text-indent: -1.8rem;
}

/*　左インデント - 4文字　*/
.int_left_02 li {
    margin-left: 3.6rem;
    text-indent: -1.8rem;
}

/*　リスト内のマージンボトム　*/

.mg_b {
     margin-bottom:0.5rem;
}

.mg_b_02 {
     margin-bottom:0.25rem;
}