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


/*PC*/
@media print, screen and (min-width: 769px) {
.main_titbox { margin-bottom: 70px; }
.sub_txt { font-size: 18px; text-align: center; }
/*----------------------------------------------------*/
.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: center; width: 1000px; margin: 0 auto; margin-bottom: 30px; }
.work_tit { font-size: 22px; font-weight: 500; color: #dd0012; 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%; max-width: 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: #dd0012; 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%; max-width: 30%; margin-right: 5%; }
.seek_img { width: 100%; margin: 0 auto; }
.seek_img img { width: 100%; height: auto; }
.seek_txtbox { flex-basis: 65%; max-width: 65%; }

.seek_tit { font-size: 18px; font-weight: bold;  color: #dd0012; 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 { flex-basis: 48%; max-width: 48%; margin-right: 4%; border: 1px dashed #dd0012; border-radius: 15px;  box-sizing: border-box;  }
.job_list li:nth-child(2n+2) { margin-right: 0px; }
.job_list li:nth-child(n+3) { margin-top: 50px; }
.job_list_box { position: relative; padding: 30px; }
.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: 100px; margin: 0 auto 30px; }
.job_list_icon img { width: 100%; height: auto; }
.job_list_tit { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 15px; color: #dd0012; }

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

.mission_txt {   padding: 15px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: rgba(237,202,205,.6);
				text-align: center; 
    border-top: solid 5px #dd0012;
    border-bottom: solid 5px #dd0012;
				line-height: 2em; 
				}





}




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




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

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

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

.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 30px; background-position: center center ; }
.work_tit { font-size: 18px; font-weight: bold; color: #dd0012; 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: #dd0012; 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: #dd0012; 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 #dd0012; 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: 60%; margin: 0 auto 30px; }
.job_list_icon img { width: 100%; height: auto; }
.job_list_tit { font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 15px; color: #dd0012; }




.mission_txt {   padding: 15px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: rgba(237,202,205,.6);
				text-align: left; 
    border-top: solid 5px #dd0012;
    border-bottom: solid 5px #dd0012;
				line-height: 2em; 
				}





}