@charset "UTF-8";
/*** reset ***/
body { font-family: 'Voltaire', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font-size: 16px; color: #333; background-color: #fff; text-align: center; box-sizing: border-box; -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { padding: 0; margin: 0; }

* { box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { vertical-align: bottom; }

fieldset, img, a img { border: 0; }

a { color: #333; text-decoration: none; }

a, input[type="submit"] { transition: 0.5s ease-out; -webkit-transition: 0.5s ease-out; }

a:hover, input[type="submit"]:hover { opacity: 0.70; }

a.u-line { text-decoration: underline; }

address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; }

ol, ul { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
strong { font-weight: bold; }
img.img-auto{width: auto !important; height: auto;}
.u-left { float: left; }
.u-right { float: right; }
.u-sp { display: none; }
.u-br { display: block; }
.txt-nor { font-weight: normal; }
.u-fs-g{ font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}

.pt8 { padding-top: 8px !important; }
.u-mb0 { margin-bottom: 0 !important; }
.u-mb10 { margin-bottom: 10px !important; }
.u-mb15 { margin-bottom: 15px !important; }
.u-mb20 { margin-bottom: 20px !important; }
.u-mb25 { margin-bottom: 25px !important; }
.u-mb30 { margin-bottom: 30px !important; }
.u-mb40 { margin-bottom: 40px !important; }
.u-mb100 { margin-bottom: 100px !important; }
#btn-pt { padding: 0 10px 10px 0; }

hr { border: none; }

.u-b-line { background-color: #333; height: 5px; width: 100%; display: block; margin: 0;}
.u-b-line02 { background-color: #ccc; height: 1px; width: 100%; display: block; margin: 0 auto 40px auto;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.u-align-c { text-align: center !important; }
.u-align-l { text-align: left !important; }
.u-align-r { text-align: right !important; }
/*** header ***/
.c-header { width: 1000px; margin: 40px auto; }
.c-header_lead { float: right; font-weight: normal; width: 570px; text-align: right; padding-top: 12px; font-size: 15px; }

.c-header_logo { float: left; width: 337px; }

/*** layout ***/
.c-cont_wrap { width: 1000px; margin: 0 auto; padding: 60px 0 80px 0; text-align: left; }

.c-cont_in { margin-bottom: 80px; }

.bg-g { width: 100%; background-color: #f0f0f0; }

.c-tl, .c-tl-l, .c-tl-m { text-align: center; margin-bottom: 40px; }
.c-tl hr, .c-tl-l hr, .c-tl-m hr { width: 85px; height: 2px; border: none; background-color: #333; }
.c-tl_line{border-bottom: 2px solid #333; padding-bottom: 10px;}

.c-tl p, .c-tl-m p { font-size: 38px; }
.c-tl h2, .c-tl-m h2 { font-size: 16px; font-weight: normal; padding-bottom: 5px; }

.c-tl-l h2 { font-size: 28px; padding-bottom: 8px; }

.c-tl-m { margin-bottom: 30px; border-bottom: 2px solid #333; }
.c-tl-m h2 { padding-bottom: 15px; }
.c-tl-s { font-size: 20px; font-weight: bold; border-left: 7px solid #333; padding-left: 20px; line-height: 1.3; margin-bottom: 40px; }

.u-h01 { font-size: 20px; margin-bottom: 5px; line-height: 1.6; }
.u-lead01, .u-lead02 {font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
.u-lead01 { line-height: 1.7; }
.u-lead02 { line-height: 2.0; }
/*** search ***/
.c-search_h { text-align: left; padding-left: 23px; background: url(/jobfind-pc/original/images/common/ico_triangle.png) no-repeat 0 60%; font-weight: normal; margin-bottom: 15px; }
.c-search_h strong { font-size: 18px; }

.c-search_btn { width: 1000px; margin: 0 auto 25px auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.c-search_btn li { width: 316px; position: relative; }
.c-search_btn li a { display: block; color: #333; font-weight: bold; text-align: center !important; height: 68px; padding-top: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #333; }
.c-search_btn li a::after { border-right: 2px solid #333; border-top: 2px solid #333; border-radius: 1px; content: ""; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 43%; right: 20px; width: 6px; height: 6px; }

.c-search_btn02 { width: 316px; position: relative; }
.c-search_btn02 a { display: block; color: #333; font-weight: bold; background-color: #e6e6e6; height: 68px; padding-top: 22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; }
.c-search_btn02 a::after { border-right: 2px solid #333; border-top: 2px solid #333; border-radius: 1px; content: ""; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 43%; right: 20px; width: 6px; height: 6px; }

/*** btn ***/
.u-btn01 a, .u-btn01 span.Inner { position: relative; width: 100%; display: block; color: #333; font-size: 16px; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #333; text-align: center; }
.u-btn01 a::after, .u-btn01 span.Inner::after { border-right: 2px solid #333; border-top: 2px solid #333; border-radius: 1px; content: ""; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 40%; right: 18px; width: 6px; height: 6px; }

.u-btn01 a:hover, .u-btn01 span.Inner:hover, .c-search_btn li a:hover { background-color: #333; color: #fff; opacity: 1; }
.u-btn01 a:hover::after, .u-btn01 span.Inner:hover::after, .c-search_btn li a:hover::after { border-right: 2px solid #fff; border-top: 2px solid #fff; }

.u-link01 { position: relative; display: block; padding-left: 15px; }
.u-link01::after { border-right: 2px solid #333; border-top: 2px solid #333; border-radius: 1px; content: ""; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 30%; left: 0; width: 6px; height: 6px; }

/*** footer ***/
.c-footer { width: 1000px; margin: 0 auto; padding: 30px 0; font-size: 14px; }
.c-footer_in{ width: 100%; margin: 0 auto 30px auto; }
.c-footer ul.u-right { width: 40%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
.c-footer .c-copyr { margin-bottom: 30px; }
.c-footer .c-copyr, .c-footer .c-copyr02 { font-size: 12px; color: #a6a6a6; }

.p-labels { padding-bottom: 45px; }

.c-fnv { width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 8px 0; position: fixed; bottom: 0; left: 0; }
.c-fnv .u-btn01 { width: 475px; margin: 0 auto; }
.c-fnv .u-btn01 a { background-color: #fff; margin: 0; }
.c-fnv .u-btn01 a:hover { background-color: #333; }
.c-fnv .btn-pt_b { position: absolute; bottom: 7px; right: 10px; width: 44px; height: 46px; z-index: 1000; }
.c-fnv .btn-pt_b a { display: block; }

/*** gnav ***/
.gnv_nav { width: 1000px; margin: 0 auto 25px auto; display: table; position: relative; z-index: 100; background: url(/jobfind-pc/original/images/common/gnv_line.png) no-repeat left 10px; }
.gnv_nav li { display: table-cell; font-size: 22px; line-height: 1.0; background: url(/jobfind-pc/original/images/common/gnv_line.png) no-repeat right 10px; }
.gnv_nav li:nth-child(1) { width: 140px; }
.gnv_nav li:nth-child(2) { width: 174px; }
.gnv_nav li:nth-child(3) { width: 220px; }
.gnv_nav li:nth-child(4) { width: 270px; }
.gnv_nav li a { text-align: center; display: block; padding-bottom: 15px; }
.gnv_nav li a.current { background: url(/jobfind-pc/original/images/common/nv_arr.png) no-repeat center bottom; }
.gnv_nav .gnv_txt { font-size: 13px; color: #676767; }

/**drop down**/
ul.gnv_nav_child { visibility: hidden; opacity: 0; z-index: 100 !important; position: absolute; }
li.gnv_nav_labels:hover,
li.gnv_nav_company:hover { -webkit-transition: all .5s; transition: all .5s; }
li.gnv_nav_labels:hover > ul.gnv_nav_child,
li.gnv_nav_company:hover > ul.gnv_nav_child { top: 60px; visibility: visible; opacity: 1; }

.gnv_nav li ul.gnv_nav_child li { display: block; }
.gnv_nav li ul.gnv_nav_child li a { background-color: #f0f0f0; font-size: 13px; padding-top: 15px; }
.gnv_nav li.gnv_nav_labels ul.gnv_nav_child li a { width: 220px;}
.gnv_nav li.gnv_nav_company ul.gnv_nav_child li a { width: 270px;}
.gnv_nav li ul.gnv_nav_child li a:hover { opacity: 1; }

.c-breadcrumb { font-size: 12px; color: #838383; text-align: left; width: 1000px; margin: 10px auto 0 auto; }

/*** title ***/
.c-mv { width: 1000px; margin: 0 auto; position: relative; text-align: right; z-index: 1; }
.c-mv h1 { position: absolute; font-size: 57px; text-align: left; font-weight: normal; top: 140px; left: 0; z-index: 1;}
.c-mv .c-mv_p { position: relative; text-align: right; z-index: 0;}
.c-mv_bg_gr { position: relative; width: 100%; height: 240px; margin-top: -170px; background-color: #f0f0f0; z-index: 0; }

@media screen and (max-width: 768px) { body { font-size: 14px; }
  img { width: 100%; height: auto; }
	img.img-auto{width: 100% !important;}
  .u-pc { display: none; }
  .u-sp { display: block !important; }
  .u-left, .u-right { float: none; }
  a, input[type="submit"] { transition: none; -moz-transition: none; -webkit-transition: none; }
  a:hover, input[type="submit"]:hover { opacity: 1; }
  .u-left, .u-right { float: none; }
  hr { border: none; }
  /*** sp header ***/
  .c-header { width: 90.67%; /* 680 */ margin: 10px auto; }
  .c-header_lead { float: none; width: 100%; text-align: left; padding: 0 0 8px 0; font-size: 9px; letter-spacing: -0.05em; }
  .c-header_logo { float: left; width: 60%; /* 388 / 680 */ }
  /*** sp layout ***/
  .c-cont_wrap { width: 90.67%; /* 680 */ padding: 30px 0 40px 0; }
  .c-cont_in { margin-bottom: 40px; }
  .c-tl, .c-tl-l { margin-bottom: 20px; }
  .c-tl p, .c-tl-m p { font-size: 30px; }
  .c-tl h2, .c-tl-m h2 { font-size: 13px; }
  .c-tl p { width: 100%; text-align: center; }
  .c-tl h2 { width: 100%; font-size: 13px; text-align: center; }
  .c-tl-l h2 { font-size: 20px; }
  .c-tl-m { margin-bottom: 20px; border-bottom: 2px solid #333; }
  .c-tl-m h2 { padding-bottom: 15px; }
  .c-tl-s { font-size: 18px; border-left: 5px solid #333; padding-left: 15px; }
  .u-h01 { font-size: 18px; }
  .u-lead01 { line-height: 1.7; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
  /*** sp search ***/
  .c-search_h strong { font-size: 16px; }
  .c-search_btn { width: 100%; margin: 0 auto 25px auto; display: block; }
  .c-search_btn li { width: 80%; margin-left: auto; margin-right: auto; margin-bottom: 8px; }
  .c-search_btn li a { height: auto; padding: 13px 0; text-align: center; }
  .c-search_btn li a::after { top: 43%; right: 5%; }
  .c-search_btn02 { width: 80%; margin-left: auto; margin-right: auto; }
  .c-search_btn02 a { height: auto; padding: 13px 0; text-align: center; }
  .c-search_btn02 a::after { top: 43%; right: 5%; }
  /*** sp btn ***/
  .u-btn01 a, .u-btn01 span.Inner { font-size: 14px; padding: 7px 0; text-align: center; }
  .u-btn01 a::after, .u-btn01 span.Inner::after { top: 40%; right: 5%; }
  .u-btn01 a:hover, .u-btn01 span.Inner:hover, .c-search_btn li a:hover { background-color: #fff; color: #333; opacity: 1; }
  .u-btn01 a:hover::after, .u-btn01 span.Inner:hover::after, .c-search_btn li a:hover::after { border-right: 2px solid #333; border-top: 2px solid #333; }
  .u-link01 { position: relative; display: block; padding-left: 15px; }
  .u-link01::after { border-right: 2px solid #333; border-top: 2px solid #333; border-radius: 1px; content: ""; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 30%; left: 0; width: 6px; height: 6px; }
  .u-sp-br { display: block; }
  /*** sp footer ***/
  .c-footer { width: 90.67%; padding: 15px 0; font-size: 12px; }
  .c-footer ul { margin: 0 auto 15px auto; width: 100%; display: block; text-align: left;}
	.c-footer ul.u-right{width: 100%;}
  .c-footer li a { display: block; padding-top: 5px; padding-bottom: 5px; }
  .c-footer li a::after { top: 33%; }
  .c-footer .c-copyr { margin-bottom: 20px; }
  .c-footer .c-copyr, .c-footer .c-copyr02 { font-size: 10px; text-align: center; }
  .p-labels { padding-bottom: 25px; }
  .c-fnv { padding: 8px 5%; }
  .c-fnv .u-btn01 { width: 80%; margin: 0; }
  .c-fnv .btn-pt_b { position: absolute; bottom: 7px; right: 5%; width: 10%; height: auto; }
  .c-breadcrumb { font-size: 10px; width: 90.67%; }
  /*** gnav ***/
  .drawer-hamburger { top: 1% !important; }
  .gnv_nav { width: 100%; margin: 0 auto; display: block; background: none; padding-top: 20px !important; }
  .gnv_nav li { display: block; font-size: 18px; line-height: 1.0; background: none; }
  .gnv_nav li:nth-child(1) { width: 100%; }
  .gnv_nav li:nth-child(2) { width: 100%; }
  .gnv_nav li:nth-child(3) { width: 100%; }
  .gnv_nav li:nth-child(4) { width: 100%; }
  .gnv_nav li a { text-align: center; display: block; padding-bottom: 30px; }
  .gnv_nav li a.current { background: none; }
  .gnv_nav .gnv_txt { font-size: 12px; color: #676767; }
  /**drop down**/
  ul.gnv_nav_child { visibility: visible; opacity: 1; z-index: 100 !important; position: static; }
  li.gnv_nav_labels:hover { -webkit-transition: all .5s; transition: all .5s; }
  li.gnv_nav_labels a, li.gnv_nav_company a { padding-bottom: 12px !important; }
  li.gnv_nav_labels:hover > ul.gnv_nav_child { top: 0; visibility: visible; opacity: 1; }
  .gnv_nav li ul.gnv_nav_child { margin-bottom: 20px; }
  .gnv_nav li ul.gnv_nav_child li { display: block; }
  .gnv_nav li ul.gnv_nav_child li a { background-color: #f0f0f0; font-size: 13px; padding: 15px 0 !important; }
	.gnv_nav li.gnv_nav_labels ul.gnv_nav_child li a,
	.gnv_nav li.gnv_nav_company ul.gnv_nav_child li a{ width: 100%;}
  .drawer-nav { z-index: 1000 !important; }
  /*** sp title ***/
  .c-mv { width: 100%;}
  .c-mv h1 { font-size: 30px; top: 35%; left: 5%; }
  .c-mv .c-mv_p { width: 75%; }
  .c-mv_bg_gr { display: none; }
  
  #btn-pt { padding: 0; width: 50%; float: right; }
	.u-mb10 { margin-bottom: 8px !important; }
	.u-mb15 { margin-bottom: 10px !important; }
	.u-mb20 { margin-bottom: 15px !important; }
	.u-mb25 { margin-bottom: 20px !important; }
	.u-mb30 { margin-bottom: 25px !important; }
	.u-mb40 { margin-bottom: 30px !important; }
	.u-mb100 { margin-bottom: 50px !important; }
	
}
@media only screen and (min-width: 479px) and (max-width: 768px) and (orientation: portrait) { .c-fnv { padding: 12px 5%; }
  .c-fnv .u-btn01 { width: 80%; margin: 0; }
  .c-fnv .u-btn01 a { padding: 15px 0; }
  .c-fnv .btn-pt_b { position: absolute; bottom: 14px; right: 5%; width: 8%; height: auto; z-index: 1000; }
  .c-fnv .btn-pt_b a { display: block; } }

/*-----------------------------------*/
.c-interview_in .u-left img {
    width: 100%;
}
.c-interview_in:nth-child(n+3) {
  border-top: 1px solid #333;
}
@media screen and (max-width: 768px){
  .c-interview_in:nth-child(n+3) {
    border-top: none;
  }
}

/*company NUMBER>従業員のこと*/
.u-align-c p {
    font-weight: bold;
    font-size: 21px;
    margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-num01 .p-num01-01 .num-people {
      margin: 0;
     text-align: center;
  }
}