@charset "utf-8";
/* CSS Document */
/*------------------
  サービスページ
-------------------*/ 
.service .aaa_box .wrap {
    display: flex;
    justify-content: space-between;
}
.service .aaa_box .wrap .l_box {
    width: 55%;
    text-align: left;
}
.service .aaa_box .wrap .r_box {
    width: 40%;
}
.service .aaa_box .wrap .r_box img {
    width: 100%;
    height: auto;
}


/*------------------
  採用情報ページ
-------------------*/ 


/*------------------
  採用情報ページ・会社概要共通
-------------------*/ 
.company .gaiyou_box table,
.recruit .gaiyou_box table {
    margin: 0 auto;
    max-width: 787px;
    width: 100%;
} 
.company .gaiyou_box table tr,
.recruit .gaiyou_box table tr {
    border-bottom: 2px dotted #a6a6a7;
    line-height: 3.5;
} 
.company .gaiyou_box table tr th,
.recruit .gaiyou_box table tr th {
    width: 20%;
    font-weight: bold;
    text-align: left;
    padding-left: 2rem;
} 
.company .gaiyou_box table tr td,
.recruit .gaiyou_box table tr td {
    padding-left: 2rem;
    text-align: left;
}
/*------------------
  会社概要ページ
-------------------*/ 
.company .gaiyou_box iframe {
    max-width: 787px;
    width: 100%;
    margin-top: 1.5em;
    /*filter: grayscale(1);*/
} 

/*------------------
  問い合わせページ
-------------------*/
.contact .input_box table {
    margin-top: 2rem;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
} 
.contact .input_box table tr {

} 
.contact .input_box table tr th {
    width: 30%;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    padding-bottom: 1.5rem;
}
.contact .input_box table tr th span {
    font-size: 12px;
    padding: 0.5rem;
    background-color: #ccc;
    margin-right: 10px;
}
.contact .input_box table tr th .must {
    background-color: #d35400;
    color: #fff;
    font-weight: normal;
}
.contact .input_box table tr td {
    padding-left: 2rem;
    text-align: left;
    padding-bottom: 1.5rem;
}
.contact .input_box table tr td select {
    width: 10rem;
    font-size: 0.9rem;
    padding: 0.5rem;
} 
.contact .input_box table tr td input {
    width: 20rem;
    padding: 0.5rem;
    font-size: 1rem;
} 
.contact .input_box table tr td textarea {
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    min-height: 15rem;
} 
.contact .input_box table tr .check input {
    width: 1.3rem;
} 
.button input, .btn_confirm input {
    border: none;
} 
/*------------------
  Thanksページ
-------------------*/ 






/*------------------
  プライバシーポリシー・推奨環境ページ
-------------------*/ 
.privacy .main_contents .inner,
.requirements .main_contents .inner {
    text-align: left;
}
.privacy .main_contents .inner dl,
.requirements .main_contents .inner dl {
    margin-bottom: 3rem;
}
.privacy .main_contents .inner dl dt,
.requirements .main_contents .inner dl dt {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
    padding-bottom: 0.25rem;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #004097;
    text-indent: -1em;
    padding-left: 1em; 
}
.privacy .main_contents .inner dl dt:before,
.requirements .main_contents .inner dl dt:before {
    content: "";
    padding-right: 13px;
    border-left: 3px solid #004097;
    margin: 10px 0px;
}
.privacy .main_contents .inner dl dd ul li,
.requirements .main_contents .inner dl dd ul li {
    list-style-type: disc;
    margin-left: 1rem;
}
.privacy .main_contents .inner dl dd a {
    color: blue;
}

/*------------------
  スマホ対応
-------------------*/   
@media screen and (max-width:501px) {
.service .aaa_box .wrap {
    display: block;
}
.service .aaa_box .wrap .l_box {
    width: 100%;
}
.service .aaa_box .wrap .r_box {
    width: 100%;
    margin-top: 1em;
}




.company .gaiyou_box table {
    width: 90%;
    font-size: 0.86rem;
}
}