@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 768px) {
.main_titbox { margin-bottom: 70px; }
.sub_txt { font-size: 18px; text-align: center; }
/*----------------------------------------------------*/
#hedImg { background:url(../images/work/bg_hed_img.jpg) center center no-repeat; background-size:cover;}


.detail_box { margin-bottom: 70px; }



.work_bg01 { width: 100%; background: url(../images/work/bg_img01.jpg)0 0 ; background-size: cover; padding: 70px 0px; }
.work_box { margin-bottom: 50px; text-align:left; width: 900px; margin: auto auto auto 0; margin-bottom: 30px; }
.work_tit { font-size: 18px; font-weight: 500; color: #1a6bb5; margin-bottom: 30px; font-weight: bold; }
.work_txt { font-size: 16px; line-height: 2em; }
.work_txt_c { font-size: 16px; line-height: 2em; text-align: center; }
.work_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 50px;  }
.work_list li { width: 100%; }
.work_list li:nth-child(n+2) { margin-top: 30px; }

.work_list_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.work_list_imgbox { flex-basis: 35%; margin-right: 5%; }
.work_list_img { width: 100%; margin: 0 auto; }
.work_list_img img { width: 100%; height: auto; }
.work_list_txtbox { flex-basis: 60%; }
.work_list_tit { font-size: 18px; font-weight: bold; color: #1a6bb5; margin-bottom: 15px; }
.work_list_txt { text-align: left; }

.seek_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.seek_imgbox { flex-basis:30%; margin-right: 5%; }
.seek_img { width: 100%; margin: 0 auto; }
.seek_img img { width: 100%; height: auto; }
.seek_txtbox { flex-basis: 65%; }

.seek_tit { font-size: 18px; font-weight: bold;  color: #1a6bb5; font-weight: bold; margin-bottom: 15px; }
.seek_txt { font-size: 16px; line-height: 1.8em; }
/*------job_list-----------*/

.job_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 30px; }
.job_list li { width: 48%; margin-right:4%; }
.job_list li:nth-child(2n+2) { margin-right: 0px; }
.job_list_box { position: relative; padding: 30px; border: 1px dashed #1a6bb5; border-radius: 15px;  }
.job_list_box::before { background: url(../images/work/bg-dot.png) repeat center 7px; content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -10; opacity: .9; }
.job_list_icon { width: 100%; margin: 0 auto 30px; }
.job_list_icon img { width: 100%; height: auto;  border-radius: 15px; }
.job_list_tit { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 15px; color: #1a6bb5; }






}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 767px) {

.main_titbox { margin-bottom: 70px; }
.sub_txt { font-size: 16px; text-align: center; }

/*----------------------------------------------------*/
.detail_box { margin-bottom: 70px; }

#hedImg { background:url(../images/work/bg_hed_img.jpg) center center no-repeat; background-size:cover;}

.work_bg01 { width: 100%; background: url(../images/work/bg_img01.jpg)0 0 ; background-size: cover; padding-bottom: 50px;  }
.work_box { margin-bottom: 50px; text-align:left; width: 95%; margin:  0 auto 50px; background-position: center center ; }
.work_tit { font-size: 18px; font-weight: bold; color: #1a6bb5; margin-bottom: 30px; }
.work_txt { font-size: 16px; line-height: 2em;text-align: left; }
.work_txt_c { font-size: 16px; line-height: 2em; text-align: center; }
.work_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 50px;  }
.work_list li { width: 100%; }
.work_list li:nth-child(n+2) { margin-top: 30px; }

.work_list_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; }
.work_list_imgbox { width: 100%; }
.work_list_img { width: 100%; margin: 0 auto; margin-bottom: 15px;  }
.work_list_img img { width: 100%; height: auto; }
.work_list_txtbox { width: 100%; }
.work_list_tit { font-size: 16px; font-weight: bold; color: #1a6bb5; margin-bottom: 15px; }
.work_list_txt { text-align: left; }




.seek_box { width: 100%; margin: 0 auto; }
.seek_imgbox { width: 100%; margin: 0 auto 30px; }
.seek_img { width: 100%; margin: 0 auto; }
.seek_img img { width: 100%; height: auto; }
.seek_txtbox {width: 100%; margin: 0 auto; }

.seek_tit { font-size: 18px; font-weight: bold;  color: #1a6bb5; font-weight: bold; margin-bottom: 15px; }
.seek_txt { font-size: 14px; line-height: 1.8em; }

/*------job_list-----------*/

.job_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 30px; }
.job_list li { width: 100%; margin-right: 2%; }
.job_list li:nth-child(n+2) { margin-top: 30px; }
.job_list_box { position: relative; padding: 30px; border: 1px dashed #1a6bb5; border-radius: 15px;  }
.job_list_box::before { background: url(../images/work/bg-dot.png) repeat center 7px; content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -10; opacity: .9; }
.job_list_icon { width:100%; margin: 0 auto 30px; }
.job_list_icon img { width: 100%; height: auto;  border-radius: 15px;}
.job_list_tit { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 15px; color: #1a6bb5; }

}