body {
font-size:14px;
line-height: 1.7;
margin:0;
font-family: sans-serif;
}

#wwrap {
 width:94%;
 margin:0 auto;
 padding:0;
}

.box {
 border:1px solid #CACACA;
}



.bg_wht {
 background-color:#EF671F;
}

.nj4_img {
 width:228px;
 object-fit: cover;
 object-position: top;
 font-family: 'object-fit: cover; object-position: top;'
}

.p_l_comment4 {
line-height:1.7;
font-size:1em;
}


.bold {
 font-weight:bolder;
}

.pad2 {
 padding-top:1em;
}

.pad3 {
 margin-bottom:1em;
}

ul.side_jobs {
 padding-left:0;
 margin-left:0;
 margin-bottom:1em;
}

ul.side_jobs li{
 font-size:0.75em;
 float:left;
 font-weight:bolder;
 padding:2px 8px;
 width:47%;
 list-style-position:outside;
 margin:0.5em 0 0 2%;
 white-space: nowrap;
 border:1px solid #222222;
 border-radius:0px;
 background-color:#FCFCFC;
}

ul.side_jobs li a{
 color:#222;
}

.square_btn {
 margin:0.5em 0;
}

.f_word_text {
 width:80%;
 margin:4px auto;
}

.nai_bo {
 padding:1em;
}

.cc_name {
 color:#E8813C;
 font-size:2px;
}

.cc_syoku{
 font-size:0.75em;
}

.serch_box_wrap {
 width:90%;
 border-radius:4px;
 box-sizing: border-box;
 margin: 0 auto 2em;	
}

/**/

.side_box {
 width:100%;
 padding:20px;
 background-color:#E8EAED;
 display:table;
 margin-bottom:2em;
}

.row {
    vertical-align: top;
    width: 100%;
    margin: 10px 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.tbred {
 border-top:4px solid #F00;
 box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
 margin-bottom:1.5em;
 padding-bottom:0.5em;
}




.col {
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
}

.row1 .col {
    width: 100%
}

.row2 .col {
    width: 48%
}

.row3 .col {
    width: 31.33333%
}

.row4 .col {
    width: 23%
}





/**/


img.s_im_b {
margin-bottom:1em;
}



.clall{
clear:both;
}

#top_chiiki_box_div {
clear:both;
margin-top:1.5em;
}

#main_b_box {
/* background-color:#20AEE5; */
margin:0 auto;
width:1060px;
margin:0 auto;
text-align:center;
clear:both;
}

#main_b_box img{
width: 100%;
}

#head_wrapper {
background-color:#FFF;
margin:0 auto;
padding:2px 0;
width:1060px;
text-align:center;
height:64px;
}

#head_space {
text-align:right;
margin:1em auto 0;
float:right;
}

.h_logo {
float:left;
}

.mailmag_attention {
 border:double 6px #E37825;
 padding:0.5em;
 color:#E37825;
 font-weight:bolder;
 font-size:1.25em;
}

.head-border {
 display: flex;
 align-items: center;
 font-weight:bolder;
 font-size:1.25em;
 color:#E37825;
}
 
.head-border:before,
.head-border:after {
 content: "";
 height: 3px;
 flex-grow: 1;
 background-color: #E37825;
}
 
.head-border:before {
 margin-right: 1rem;
}
 
.head-border:after {
 margin-left: 1rem;
}

.mail_mag_polycy {
 font-size:1em;
}

table.tbl-r03 {
 width:100%;
}

.tbl-r03 th {
  background: #555;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
 width:15%;
 font-size:
}
.tbl-r03 td {
　border: solid 1px #ccc;
  padding: 10px;
}
 





table.tbl-r04 {
 width:100%;

}

.tbl-r04 th,
.tbl-r04 td {
 border: solid 1px #BBB;
 border-left:none;
 border-right:none;
}

.tbl-r04 th {
 background: #3F9CBE;
 color: #FFF;
 padding: 5px;
 width:72px;
 font-size:0.9em;
}
.tbl-r04 td {
　border: solid 1px #222;
  padding: 6px;
 font-size:0.9em;
}
.tbl-r04 tr {
　border-bottom: solid 1px #000;
  padding: 6px;
}

table.tbl-r14 {
 width:96%;
}

.tbl-r14 th,
.tbl-r14 td {
 border: solid 1px #BBB;
 border-left:none;
 border-right:none;
}

.tbl-r14 th {
 background: #3F9CBE;
 color: #FFF;
 padding: 5px;
 width:72px;
 font-size:0.9em;
}
.tbl-r14 td {
　border: solid 1px #222;
  padding: 6px;
 font-size:0.9em;
}
.tbl-r14 tr {
　border-bottom: solid 1px #000;
  padding: 6px;
}


.r55_icon_list{
 clear:both;
 padding-top:0.5em;
}

.r55_icon_list li {
 border:1px solid #E37825;
 width:84px;
 display: inline-block;
 padding:2px 0;
 margin:0.2em;
 font-size:0.7em;
 color:#E37825;
 border-radius:4px;
 text-align:center;
}

.r55_icon_list2{
 clear:both;
 padding-top:0.5em;
}

.r55_icon_list2 li {
 border:1px solid #E37825;
 width:84px;
 display: inline-block;
 padding:2px 0;
 margin:0.2em;
 font-size:0.7em;
 color:#E37825;
 border-radius:4px;
 text-align:center;
}



#head_space a{
text-decoration:none;
color:#000;
}

/*職種から探す*/

ul.joblist{
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.joblist li{
width:49%;
background-color:#F2FCFF;
border-radius:8px;
padding:0.75em;
box-sizing: border-box;
margin-bottom: 2%;
border: 1px solid #BCC8E0;
background: #fff;
box-shadow: 0px 0px 3px 0 rgba(0,0,0,.1);
border-radius: 3px;
}

.joblist a{
/* text-decoration:none; */
color:#111;
}


.jlst_img_box {
}

.jlst_img_box img{
width: 100%;
}

.jlst_txt_box {
}

.jlst_txt_sub {
font-size:0.75em;
color:#444;
}

h2 {
clear:both;
position: relative;
color:#222;
padding: 0 0 0 0;
border-bottom: 4px solid #0080FF;
font-size:1.4em;
margin-top:-0.2em;
font-weight:bolder;
}

.bored {
border-bottom: 4px solid #F00;
}

.borg {
border-bottom: 4px solid #EF671F;
}

h2.page {
clear:both;
position: relative;
color:#103F91;
border-bottom: 6px solid #4AA4F3;
margin-top:-10px;
}

h2.page:before {
position: absolute;
bottom: -6px;
left: 0;
width: 20%;
height: 6px;
content: '';
background: #1654C5;
}


.new_box{
width:99%;
display:table;
padding:0px;
margin:1em 0;
border:1px solid #BCC8E0;
border-radius:8px;
}

.new_box2{
width:99%;
display:table;
padding:0px;
border:1px solid #BCC8E0;
border-radius:8px;
}

.cname {
width:100%;
background-color:#f7f4f1;
padding:0.5em 0;
color:#FFF;
font-weight:bold;
font-size:1.25em;
}

.cname_s {
width:100%;
background-color:#f7f4f1;
padding:0.5em 1em;
color:#FFF;
font-weight:bold;
font-size:1em;
border:1px solid #BCC8E0;
border-radius:8px 8px 0 0;
border-bottom:none;
box-sizing: border-box;
}

.cname_l {
width:100%;
background-color:#f7f4f1;
padding:0.5em 1em;
color:#FFF;
font-weight:bold;
font-size:1em;
box-sizing: border-box;
}

.cname a{
color:#FFF;
text-decoration:none;
}

.cname_s a{
color:#38576a;
text-decoration:none;
}

.cname_l a{
color:#38576a;
text-decoration:none;
}

.com_name {
width:100%;
background-color:#1654C5;
padding:0.2em 0;
color:#FFF;
font-weight:bold;
font-size:1.25em;
}

.com_box {
width:100%;
padding:1em;
border:1px solid #BCC8E0;
margin:1em 0;
box-sizing: border-box;
}

.comment_box {
width:880px;
margin:0.5em;
padding:1em;
border:1px solid #BCC8E0;
float:left;
}

.comment_box_s {
width:100%;
border:1px solid #BCC8E0;
padding:14px;
font-size:1em;
margin-bottom:1.5em;
border-radius:0px 0px 8px 8px;
box-sizing: border-box;
}

.comment_box_l {
width:530px;
padding:0 14px;
font-size:1em;
margin:1.5em 0;
float:left;
}

.comment_box55_l {
width:100%;
padding:0 14px;
font-size:1em;
margin:0.5em 0 1.5em 0;
}

.comment_box55_l2 {
width:100%;
padding:0 0px;
font-size:1em;
margin:0.5em 0 1.5em 0;
}

.comment_box55_img_box {
width:260px;
float:left;
padding-right:1em;
}

.comment_box55_table {

}

.comment_box55_table2 {
}





.img_box {
width:120px;
float:right;
margin:0.5em 0;
}

.img_box_l {
width:180px;
float:right;
margin:0.5em 0;
padding:1rem 0;
}

#main_space {
width:1060px;
margin:0 auto;
}

.header_logo {
text-align:left;
padding:0;
margin:1em 0 0 0;
}

.logo img{
 max-height:3.5em;
 margin:1rem 0 0 1rem;
}

#footer {
clear:both;
font-size:0.8em;
color:#222;
}

#foot_menu a{
font-size:1em;
color:#111;
padding:4px 0.75em;
}

.job_table {
border:1px solid #999;
}

/* JOB TABLE */

table.table01 {
width:100%;
border-right:#0B52F3 solid 1px;
border-collapse: collapse;
}

table.table01 thead th {
background:#0B52F3;
color:#FFF; 
padding:10px 0px;
border-right:#FFF solid 1px;
border-bottom:#FFF solid 1px;
width:200px;
}

table.table01 thead th:last-child {
border-right:#0B52F3 solid 1px;
}

table.table01 tbody th {
background:#0B52F3;
color:#FFF;
padding:10px 0px;
border-bottom:#FFF solid 1px;
vertical-align:top;
width:140px;
}

table.table01 tbody tr:last-child th {
border-bottom:#0B52F3 solid 1px;
}

table.table01 tbody td {
background:#FFF;
padding:10px 6px;
border-left:#0B52F3 solid 1px;
border-bottom:#0B52F3 solid 1px;
vertical-align:top;
}

/* HEAD MENU */
#head_menu {
width:100%;
margin:10px auto;
padding:0.75em 0;
border-top:solid 1px #111;
border-bottom:solid 1px #111;
text-align:center;
}

#head_menu a{
font-size:1em;
color:#111;
padding:4px 0.75em;
text-decoration:none;
}

#head_menu a:hover{
font-size:1em;
color:#33F;
padding:4px 0.75em;
text-decoration:none;
}

/* SIDE */

#side_wrapp {
float:right;
width:290px;
margin:1em 0;
padding:0;
}


#main_wrapp {
float:left;
width:750px;
margin:1em 0 1em 0px;
padding:0;
}






/* COMPANY */
table.profile {
width:750px;
border-collapse:collapse;
}

table.profile th {
width:150px;
padding:10px;
text-align:center;
white-space:nowrap;
background-color:#ccccee;
border-bottom:dotted #666666 1px;
}

table.profile td {
padding:10px;
background-color:#eeeeff;
border-bottom:dotted #666666 1px;
}



table.tprofile {
width:100%;
border-collapse:collapse;
}

table.tprofile th {
width:150px;
padding:10px;
text-align:center;
white-space:nowrap;
background-color:#ccccee;
border-bottom:dotted #666666 1px;
}

table.tprofile td {
padding:10px;
background-color:#eeeeff;
border-bottom:dotted #666666 1px;
}



/* CHIIKI */

#f_logo_block {
float:left;
width:200px;
padding:6px 0px 0px 30px;
margin:100px 10px;
font-weight:bolder;
color:#111;
font-size:1.25em
}

#f_logo_block2 {
float:left;
width:180px;
padding:0px 0px 0px;
margin:5px 10px;
border-right:1px solid #FFF;
font-weight:bolder;
line-height:1.8;
color:#111;
}

#f_r_block {
float:left;
width:820px;
display:inline;
padding:0px 0px 5px;
margin:5px 10px;
line-height:1.8;
}

#f_r_block li{
float:left;
width:100px;
margin:0;
padding:0;
text-decoration:none;
list-style:none;
color:#111;
}

.f_d_area {
color:#333;
margin-bottom:10px;
}

.f_d_area a{
color:#111;
}


/* keisai FLOW */

ul {
padding: 0;
}

li {
list-style-type: none;
}

dd {
margin-left: 0;
}

.flow {
padding-left: 120px;
position: relative;
}

.flow::before {
content: "";
width: 15px;
height: 100%;
background: #4AA4F3;
margin-left: -8px;
display: block;
position: absolute;
top: 0;
left: 120px;
}

.flow > li {
position: relative;
}

.flow > li:not(:last-child) {
margin-bottom: 8vh;
}

.flow > li .icon {
font-size: 12px;
color: #fff;
background-color:#1654C5;
padding: 8px 20px;
display: block;
position: absolute;
top: 0;
left: -120px;
z-index: 100;
width: auto;
}

.flow > li .icon::after {
content: "";
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #1654C5;
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.flow > li dl {
padding-left: 70px;
position: relative;
}

.flow > li dl::before,
.flow > li dl::after {
content: "";
display: block;
position: absolute;
top: 15px;
}

.flow > li dl::before {
width: 7px;
height: 7px;
margin-top: -3px;
background-color:#1654C5;
border-radius: 50%;
left: -4px;
}

.flow > li dl::after {
width: 50px;
border-bottom: 1px dashed #999;
position: absolute;
left: 5px;
}

.flow > li dl dt {
font-size: 20px;
font-weight: 600;
color: #1654C5;
margin-bottom: 1vh;
}

.area-sch-box {
padding: 10px;
border: 1px solid #AAA;
background: #fff;
display:table;
background: #ECECEC url("/img/chizu.jpg") right bottom no-repeat
}

.top-ttl-area {
padding:5px 0px;
width:96px;
text-align:center;
margin-right:10px;
font-size:1.2em;
text-decoration:none;
}

.top-ttl-area a{
text-decoration:none;
 color:#222;
}

.area-sch-lst {
font: bold 11px/1.5em Verdana;
background-color:#FCFCFC;
float:left;
width:100%;
line-height:normal;
display:table;
padding:10px 0 10px 1em;
 margin:0.5em 0;
border-radius: 4px;
}


.area-sch-lst ul {
margin:0;
padding:0px;
list-style:none;
}

.area-sch-lst li a {
float:left;
text-align:center;
text-decoration:none;
margin-left:1em;
font-size:1em;
color:#222;
}

.area-sch-lst li a:hover {
text-decoration:none;;
}


.area-sch-lst a {float:none;}
/* End IE5-Mac hack */
.area-sch-lst a:hover { color:#F79646; }


.pick_list {
clear:both;
}

.pick_list a{
text-decoration:none;
color:#FFF;
}

.pick_list table {
float:left;
width: 32%;
margin-bottom: 10px;
border-collapse: separate;
border-spacing: 0;
border-radius: 10px;
background-color: #fff;
overflow: hidden;
border:1px solid #000;
margin:0.25em;
}

.pick_list th, .pick_list td {
padding-top: 0;
padding-bottom: 0;
font-weight: bold;
letter-spacing: 0;
color: #a6c83a;
line-height: 1;
}



.pick_list tr:first-of-type th, .pick_list tr:first-of-type td {
padding-top: 0;
padding-bottom: 0;
background-color: #20AEE5;
line-height: 34px;
color: #fff;
}

.pick_list th {
text-align: center;
padding: 12px 13px 12px 10px;
font-size: 11px;
}
.pick_list td {
width: 1em;
padding: 12px 13px;
color:#666;
}

.p_l_comment {
height:72px;
overflow:hidden;
line-height:1.7;
font-size:12px;
}


.pick_list2 {
clear:both;
}

.pick_list2 a{
text-decoration:none;
color:#FFF;
}

.pick_list2 table {
float:left;
width: 24%;
margin-bottom: 10px;
border-collapse: separate;
border-spacing: 0;
border-radius: 10px;
background-color: #fff;
overflow: hidden;
border:1px solid #000;
margin:0.25em;
}

.pick_list2 th, .pick_list2 td {
padding-top: 0;
padding-bottom: 0;
font-weight: bold;
letter-spacing: 0;
color: #a6c83a;
line-height: 1;
}

.pick_list2 tr:first-of-type th, .pick_list2 tr:first-of-type td {
padding-top: 0;
padding-bottom: 0;
background-color: #20AEE5;
line-height: 34px;
color: #fff;
}

.pick_list2 th {
text-align: center;
padding: 12px 13px 12px 10px;
font-size: 11px;
}
.pick_list2 td {
width: 1em;
padding: 12px 13px;
color:#666;
}

.p_l_comment2 {
overflow:hidden;
line-height:1.7;
font-size:12px;
}

.p_l_comment4 {
overflow:hidden;
line-height:1.7;
font-size:1em;
}

/*  pick UP */

.pick_list3 {
}
.pick_list3 a{
text-decoration:none;
color:#FFF;
}
.pick_list3 table {
width: 100%;
margin-bottom: 10px;
border-collapse: separate;
border-spacing: 0;
background-color: #fff;
overflow: hidden;
border: 1px solid #CACACA;
background: #fff;
border-top:4px solid #CACACA;
}
.pick_list3 th, .pick_list3 td {
padding-top: 0;
padding-bottom: 0;
font-weight: bold;
letter-spacing: 0;
color: #a6c83a;
line-height: 1;
}
.pick_list3 th {
text-align: center;
padding: 12px 13px 12px 10px;
font-size: 11px;
}
.pick_list3 td {
width: 1em;	
padding: 0.5em 0.5em;
color:#222;
}
.pick_list3 td img{
width: 100%;
}
.p_l_comment3 {
height:92px;
overflow:hidden;
line-height:1.7;
font-size:12px;
color:#000;
}


/*  pick UP */

.pick_list4 {
}
.pick_list4 a{
text-decoration:none;
color:#FFF;

}
.pick_list4 table {
width: 100%;
background-color: #fff;
overflow: hidden;

}
.pick_list4 th, .pick_list4 td {
padding-top: 0;
padding-bottom: 0;
font-weight: bold;
letter-spacing: 0;
color: #a6c83a;
line-height: 1;
}
.pick_list4 th {
text-align: center;
font-size: 11px;
}
.pick_list4 td {
padding: 0.5em 0.5em;
color:#222;
}
.pick_list4 td img{
width: 100%;
}
.p_l_comment4 {
overflow:hidden;
line-height:1.7;
font-size:12px;
color:#000;
}

.pick_icon {
 padding:2px 8px;
 color:#FFF;
 background-color:#F00;
 font-size:0.5em;
 border-radius:4px;
 font-weight:bolder;
 border:2px solid #FFF;
}

.pre_icon {
 padding:2px 8px;
 color:#222;
 background-color:#FFF;
 font-size:0.5em;
 border:1px solid #DADADA;
 border-radius:4px;
 font-weight:bolder;
}



.area-sch-box {
display:table;
margin-top:20px;
}


.top-ttl-area1, .top-ttl-area2, .top-ttl-area3, .top-ttl-area4, .top-ttl-area5, .top-ttl-area6, .top-ttl-area7, .top-ttl-area8, .top-ttl-area9 {
float:left;
padding:6px 4px;
width:96px;
text-align:center;
margin-right:4px;
font-size:1.25em;
text-decoration:none;
color:#FFF; 
font-size:13px;
}

.marg2 {
 margin-top:0.5em;
 padding-left:2em;
 padding-right:2em;
}

.top-ttl-area1 a:hover, .top-ttl-area2 a:hover, .top-ttl-area3 a:hover, .top-ttl-area4 a:hover, .top-ttl-area5 a:hover, .top-ttl-area6 a:hover, .top-ttl-area7 a:hover, .top-ttl-area8 a:hover, .top-ttl-area9 a:hover{
color:#FFF;
text-decoration:none;
}

.top-ttl-area1 a,
.top-ttl-area2 a,
.top-ttl-area3 a,
.top-ttl-area4 a,
.top-ttl-area5 a,
.top-ttl-area6 a,
.top-ttl-area7 a,
.top-ttl-area8 a,
.top-ttl-area9 a{
color:#FFF;
text-decoration:none;
}

.top-ttl-area1{ background-color:#1168AB; }
.top-ttl-area2{ background-color:#2D9CD1; }
.top-ttl-area3{ background-color:#F2D922; }
.top-ttl-area4{ background-color:#7DB42B; }
.top-ttl-area5{ background-color:#ECAE33; }
.top-ttl-area6{ background-color:#E67F17; }
.top-ttl-area7{ background-color:#D71017; }
.top-ttl-area8{ background-color:#D7498C; }
.top-ttl-area9{ background-color:#A33B6E; }


.asl-top {
border-top:1px solid #AAA;
}


.line_hr {
height: 1px;
border: none;
border-top: 1px #666 solid;
padding-bottom:8px;
}

.contents_comp_title {
font-size:2em;
font-weight:bolder;
text-align:center;
}

.contents_comp_txt {
font-size:1.2em;
line-height:2.2em;
}


/* --- syousai ---- */



.jobs_box{
width:100%;
display:table;
padding:	0px;
margin:0 0 1em;
border:1px solid #666;
border-radius:8px;
}

.jobs_inner_box {
 width:96%;
 text-align:center;
 margin:1em auto;
 font-size:1em;
}

.jobs_inner_box dl{
 width:100%;
 display:table;
 border-top:1px solid #CCC;
 padding:4px 0;
 margin:0;
 font-size:1em;
}

.jobs_inner_box dt{
 margin: 0 0.5em 0 0 ;
 width: 20%;
 background-color:#F7F4F1;
 font-size:1.1em;
 font-weight:bolder;
 color:#38576A;
 padding:0.5em 1em 0.5em 1em;
 display: table-cell;
 text-align:left;
 font-size:1em;
}

.jobs_inner_box dd{
 padding:0.5em;
 font-size:1.1em;
 width:100%;
 text-align:left;
box-sizing: border-box;
display: table-cell;
 font-size:1em;
}

.cname_jobs {
width:100%;
background-color:#999;
border-radius:8px 8px 0 0;
padding:0.5em 1em;
color:#FFF;
font-weight:bold;
font-size:1.1em;
box-sizing: border-box;
}


.cname_jobss {
width:100%;
background-color:#FF0000;
border-radius:8px 8px 0 0;
padding:0.5em 1em;
color:#FFF;
font-weight:bold;
font-size:1.1em;
box-sizing: border-box;
}

.area_job_pan {
 text-align:right;
 font-size:0.9em;
 padding:1em;
 line-height:1.25em;
}

.comment_box_jobs {
width:100%;
padding:0 14px;
font-size:1em;
margin:1.5em 0;
}

.img_box_jobs {
text-align:center;
width:98%;
margin:0.5em auto;
padding:1rem 0;
}

.img_box_jobs img {
max-width: 100%;
height: auto;
width /***/:auto;
}





.search_l_icon {
 margin:0.5em 0em -0.5em 1em;
}

@media screen and (max-width :767px) {

.tbred {
 border-top:4px solid #F00;
 box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
 margin-bottom:1em;
}

.logo img{
 max-height:2em;
 margin:1rem 0 0 1rem;
}
	#head_wrapper{
	width:100%;
	}
	#main_b_box{
	width: 100%;
	min-width: auto;
	}
	#main_b_box img{
	width: 100%;
	}
	#main_space {
	width:100%;
	margin:0 auto;
	display: flex;
	flex-direction:column;
	padding: 0 20px;
	box-sizing: border-box;
	}
	#side_wrapp {
	float:none;
	width:100%;
	order: 2;
	}
	
	#main_wrapp {
	float:none;
	width:100%;
	order: 1;
	}
	#footer{
	float:none;
	width:100%;
	order: 3;
	box-sizing: border-box;
	}
	#side_wrapp img{
	width:100%;
	}
	
	table.tprofile {
	width:94%;
	border-collapse:collapse;
	}
	
	table.tprofile th {
	width:150px;
	padding:10px;
	text-align:center;
	white-space:nowrap;
	background-color:#ccccee;
	border-bottom:dotted #666666 1px;
	}
	
	table.tprofile td {
	padding:10px;
	background-color:#eeeeff;
	border-bottom:dotted #666666 1px;
	}

	.pick_list3 table {
	float:none;
	width: 100%;
	overflow: auto;
	margin:0 0 20px;
	}

	.pick_list4 table {
	float:none;
	width: 100%;
	overflow: auto;
	margin:0 0 0px;
	}

	.area-sch-box  {
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	}

    .row1 .col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .row2 .col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .row3 .col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .row4 .col {
        width: 48%;
        margin-bottom: 4%
    }

    .row4 .col:nth-child(2n) {
        margin-right: 0
    }

	table.tbl-r03 {
	 width:94%;
	}
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r03 {
    width: 80%;
  }
  .tbl-r03 th,
  .tbl-r03 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }

	table.tbl-r04 {
	 width:94%;
	}
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r04 {
    width: 80%;
  }
  .tbl-r04 th,
  .tbl-r04 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }

	.h_logo img {
	height:60px;
	width: auto;
	}

	#main_wrapp{
	 width:100%;
	}
	
	.jobs_box {
	 width:100%;
	}
	
	.cname_jobs {
	 width:100%;
	}
	
	.img_box_jobs img{
	 max-width:100%;
	}
	
	.comment_box_jobs {
	 width:94%;
	 overflow-wrap:break-word;
	}
	
	.ifrm {
	 width:94%;
	 height:280px;
	}
	
	.jobs_inner_box dt{
	 font-size:11px;
	 width:27%;
	}
	
	.jobs_inner_box dd{
	 font-size:0.95em;
	}
	.nj4_img {
	 width:228px;
	 object-fit: cover;
	 object-position: top;
	 font-family: 'object-fit: cover; object-position: top;'
	}

ul.side_jobs li{
 font-size:0.75em;
 float:left;
 font-weight:bolder;
 padding:4px 8px 2px;
 width:31%;
 list-style-position:outside;
 margin:0.5em 0 0 2%;
 white-space: nowrap;
 border:1px solid #CACACA;
 border-left:2px solid #0080FF;
 border-radius:0px;
 background-color:#FCFCFC;
}

}

@media screen and (max-width: 640px) {
	table.table01 thead {
	display:none;
	}
	
	table.table01 tbody th {
	display:block;
	}
	
	table.table01 tbody td {
	display:block;
	}
	
	table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	}
	
	table.table01 tbody td p {
	padding-left:6em;
	}
}


