a:visited {
color: rgba(113,113,113,1.0);
}
a:link {
color: rgba(113,113,113,1.0);
}

.breadcrumbs2 {
width: 100%;
background: #f4f4f4;
padding: 8px 0;
margin-bottom: 70px;
}

@media screen and (max-width:768px) {
.breadcrumbs2 {
padding: 60px 0 0;
margin-bottom: 2em;
}
}

@media screen and (max-width:768px) {
.breadcrumbs2 >.inner {
width: 98%!important;
}
}

@media screen and (max-width:1000px) and (min-width:768px) {
.breadcrumbs2 ol {
padding-left: 1%;
line-height: 1;
}
}
.breadcrumbs2 ol li {
display: inline-block;
}
.breadcrumbs2 ol li:not(:first-child) {
padding-left: 18px;
background: url(../img/icon_pankuzu.png) 2px 54% no-repeat;
background-size: 8px;
}
.breadcrumbs2 ol li a {
font-size: 1.4rem;
color: #717171;
}

@media screen and (max-width:768px) {
.breadcrumbs2 ol li a {
font-size: 1rem;
color: #717171;
}
}

/***************************************/
/*                                     */
/* mid-career.htm                      */
/*                                     */
/***************************************/
.category-link{
width: 100%;
max-width: 980px;
margin: 0 auto;
}

.category-content{
margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
.category-content{
margin-bottom: 2em;
}
}

.category-content{
width: 50%;
float: left;
}

.category-content:nth-child(odd) .category-content-inn{
margin-right: 12px;
}

.category-content:nth-child(even) .category-content-inn{
margin-left: 12px;
}

.category-content-inn a{
transition: 1.0s;
}

.category-content-inn a:hover{
opacity: 0.7;
}

@media screen and (max-width: 544px) {
.category-content{
display: block;
float: none;
width: 100%;
}

.category-content:nth-child(odd) .category-content-inn{
margin-right: 0;
}

.category-content:nth-child(even) .category-content-inn{
margin-left: 0;
}

.category-content p{
width: 100%;
margin-bottom: 1em;
}
}

area {
border: none;
outline: none;
}

#recruit-map {
width: 742px;
height: 906px;
background-image: url(../img/map_hanagoromo.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center top;
margin: 100px auto 140px;
position: relative;
}

@media screen and (max-width: 767px) {
.title_area-serch,
.txt-area-search,
#recruit-map{
display: none;
}
}

#zmap {
left: 0;
position: absolute;
top: 0;
}
#text_area {
text-align: left;
}
#text_area span {
font-size: 2.0rem;
color: rgba(201,204,231,1.0);
border-bottom: 1px solid rgba(201,204,231,1.0);
}
#text_area a {
font-size: 2.0rem;
}
#text_area a:hover {
color: #9999cc;
text-decoration: underline;
}
#text_area #text_hokkaido span {
font-size: 2.0rem;
color: rgba(113,113,113,1.0);
border-bottom: none;
}
#text_area #text_hokkaido span:hover {
color: #9999cc;
}
#text_hokkaido {
position: absolute;
left: 400px;
top: 100px;
}
#text_tohoku {
position: absolute;
left: 600px;
top: 250px;
}
#text_kanto {
position: absolute;
left: 600px;
top: 500px;
}
#text_hokuriku {
position: absolute;
left: 250px;
top: 320px;
}
#text_tokai {
position: absolute;
left: 380px;
top: 670px;
}
#text_kansai {
position: absolute;
left: 0px;
top: 320px;
}
#text_chugoku {
position: absolute;
left: 0px;
top: 500px;
}
#text_shikoku {
position: absolute;
left: 180px;
top: 740px;
}
#text_kyushu {
position: absolute;
left: 0;
top: 860px;
}
#text_okinawa {
position: absolute;
left: 610px;
top: 770px;
}
#text_area ul {
margin-top: 10px;
}
#text_area #text_kansai ul {
width: 190px;
}
#text_area ul li {
display: inline;
}
/*東北*/
#text_tohoku ul li {
float: left;
width: 40px;
margin: 0 20px 10px 0;
}
/*関東*/
#text_kanto ul li {
float: left;
width: 40px;
margin: 0 20px 10px 0;
}
#text_kanto ul li:nth-child(2) {
float: left;
width: 70px !important;
margin: 0 20px 10px 0;
}
#text_kanto ul li:nth-child(even) {
float: left;
width: 40px;
margin: 0 0 10px 0;
}
/*関西*/
#text_kansai ul li {
float: left;
width: 40px;
margin: 0 20px 10px 0;
}
#text_kansai ul li:last-child {
float: left;
width: 70px !important;
margin: 0 0 10px 0;
}
/*北陸・東海・中国・四国*/
#text_hokuriku ul li, #text_tokai ul li, #text_chugoku ul li, #text_shikoku ul li {
float: left;
width: 40px;
margin: 0 20px 10px 0;
}
#text_hokuriku ul li:last-child, #text_tokai ul li:last-child, #text_chugoku ul li:last-child, #text_shikoku ul li:last-child {
float: left;
width: 40px;
margin: 0 0 10px 0;
}
/*九州*/
#text_kyushu ul li {
float: left;
width: 40px;
margin: 0 20px 10px 0;
}
#text_kyushu ul li:last-child {
float: left;
width: 70px;
margin: 0 0 10px 0;
}
/* --------------------------------
mid-career
-------------------------------- */

h2.title_mid-career img {
width: 480px;
display: block;
margin: 0 auto 24px;;
}

@media screen and (max-width:543px) {
h2.title_mid-career img {
width: 75%;
display: block;
margin: 0 auto 24px;
}
}

.title_area-serch ,
.txt-area-search{
text-align: center;
}

h1.title_area-serch,
h3.title_serch {
font-weight: normal;
font-size: 28px;
border-bottom: 1px solid rgba(113,113,113,1.0);
width: 11em;
margin: 0 auto 34px;
}

p.txt-area-search{
font-size: 18px;
}

#mid-career-splist, .dt-none-tel, .dt-none-hours {
display: none;
}

@media screen and (max-width:767px) {
h3.title_serch {
width: 100%;
border-bottom:none;
}

h3.title_serch img{
display: block;
width: 65%;
margin: 0 auto 6px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(113,113,113,1.0);
}
}

/*都道府県別のリスト*/

@media screen and (max-width: 767px) {
.lead {
width: 70%;
margin: 0 auto 160px;
}
.lead .mid-career img {
width: 100%;
height: auto;
}
.lead .text_mid-career-sp {
display: block;
width: 70%;
margin: 0 auto;
}
.lead .text_mid-career-dt, #mid-career-map {
display: none;
}
}

@media screen and (max-width: 544px) {
.lead {
width: 90%;
margin: 0 auto 160px;
}
.lead .mid-career img {
width: 90%;
height: auto;
}
}

/*検索項目*/
.search-form_wrapper{
margin-bottom: 64px;
}

.dl_wrapper--search_form{
border-top: 1px solid #294B72;
}

.dl_wrapper--search_form dl{
display: table;
width: 100%;
margin-bottom: 0;
border-bottom: 1px solid #294B72;
padding: 8px 0;
}

.dl_wrapper--search_form dl dt {
display: table-cell;
width: 25%;
padding-left: 1em;
font-weight: normal;
vertical-align: middle;
text-align: center;
border-right: 1px solid #294B72;
}

.dl_wrapper--search_form dl dd {
padding:14px 90px 0 55px;
}

@media screen and (max-width: 767px) {
.dl_wrapper--search_form dl dd {
padding:14px 55px 0 55px;
}
}

@media screen and (max-width:543px) {
.search-form_wrapper{
margin-bottom: 70px;
box-sizing: border-box;
}

.dl_wrapper--search_form{
border-top: none;
}

.dl_wrapper--search_form dl{
width: 100%;
display: block;
margin-bottom: 0;
border-bottom: none;
padding: 0;
}

.dl_wrapper--search_form dl dt {
width: 100%;
display: block;
padding-left: 0;
background: #717694;
padding: 10px 0;
color: #fff;
font-weight: normal;
text-align: center;
border-right: none;
}

.dl_wrapper--search_form dl dd {
padding:0;
}
}

/*エリア選択　プルダウン*/
.cp_ipselect {
overflow: hidden;
width: 100%;
text-align: center;
}
.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.cp_ipselect select::-ms-expand {
display: none;
}
.cp_ipselect.cp_sl02 {
position: relative;
border: 1px solid #bbbbbb;
border-radius: 10px;
background: #ffffff;
margin-bottom: 14px;
}
.cp_ipselect.cp_sl02::before {
position: absolute;
top: 1em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #727171;
pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
position: absolute;
top: 0;
right: 2.5em;
bottom: 0;
width: 1px;
content: '';
border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
padding: 8px 38px 8px 18px;
color: #727171;
}

@media (max-width: 543px) {
.cp_ipselect {
overflow: hidden;
width: 100%;
text-align: center;
margin: 12px 0;
}
}

/*チェックボックス*/
label.checkbox_label {
  cursor: pointer;
  position: relative;
  padding-left: 2em;
  margin-right: 2em;
  overflow: hidden;
  display: inline-block;
  /*line-height: 1.55;*/
  margin-bottom: .5em;
}

label.checkbox_label:before {
  content: '';
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  left: 0px;
  top: 0;
  border: 1px solid #e1e1e1;
  z-index: 3;
}

label.checkbox_label.focus:before {
  border-color: #1c7bd1;
}
/*チェックマーク*/
label.checkbox_label:after {
  content: '';
  position: absolute;
  top: .7em;
  left: .5em;
  display: block;
  margin-top: -0.5em;
  width: .5em;
  height: .8em;
  border-right: 3px solid #1c7bd1;
  border-bottom: 3px solid #1c7bd1;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
label.checkbox_label input[type="checkbox"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  left: -1.8em;
  width: 1.8em;
  height: 2em;
  display: block;
  box-shadow: 1.8em 0px 1px #fff;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  background: #fff;
  border-radius: 0;
  border: none;
}
label.checkbox_label input:checked {
  box-shadow: none;
}
label.checkbox_label input:checked:focus {
  box-shadow: 1.8em 0px 1px #1c7bd1;
  opacity: .05;
}
label.checkbox_label input:focus {
  box-shadow: 1.8em 0px 1px #fff;
}

.pseudo_checkbox a:hover{
text-decoration: underline;
}

@media (max-width: 543px) {
  label.checkbox_label {
  display: block;
  border-bottom: 1px solid #717171;
  margin-right: 0;
  margin-bottom:0;
  padding: 10px 0 10px 2.4em;
  font-size: 1.4rem;
}

label.checkbox_label:before {
  content: '';
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  left: 0px;
  top: 12px;
  border: 1px solid #e1e1e1;
  z-index: 3;
}
/*チェックマーク*/
label.checkbox_label:after {
  content: '';
  position: absolute;
  top: 22px;
  left: .5em;
  display: block;
  margin-top: -0.5em;
  width: .4em;
  height: .6em;
  border-right: 3px solid #1c7bd1;
  border-bottom: 3px solid #1c7bd1;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
}

/*フリーワード検索　inputフォーム*/
.free_word{
margin-bottom: 14px;
}

input[type="search"] {
width: 100%;
box-sizing: border-box;
padding: 10px 38px 10px 18px;
border: 1px solid #bbbbbb;
border-radius: 10px;
-webkit-appearance: none;
font-weight: normal;
font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
input[type="search"] {
font-size: 1.1rem;
}
}

@media (max-width: 543px) {
input[type="search"] {
margin: 18px 0;
padding: 8px;
font-size: 1.1rem;
}
}

/*検索ボタン*/
.search_form__btn_area {
text-align: center;
padding:2em 1em 1em;
box-sizing: border-box;
}

@media (max-width: 543px) {
.search_form__btn_area {
padding:0 1em 1em;
}
}

button {
  cursor: pointer;
}

.btn.btn_main {
    background: #518cca;
	border: none;
}

/*リンク矢印*/
.btn.btn_main span{
  color: #FFF;
  position: relative;
  padding-right: 20px;
}

.btn.btn_main span::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -7px;
}

.btn_change {
    color: #fff;
    padding: 10px;
	font-size: 30px;
	letter-spacing: .5em;
    width: 320px;
	box-sizing: border-box;
}

@media screen and (max-width:543px) {
.btn.btn_change {
width: 100%;
font-size: 1.7rem;
padding: .85em .85em;
}

.btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
}

/*サブリード*/
.sub-leard_cont-top{
margin-bottom:68px;
}

.sub-leard_cont-top figure{
float: left;
width: 28%;
max-width: 316px;
}

.sub-leard_cont-top .text{
float: right;
width: 70%;
max-width:634px;
}

.sub-leard_cont-bottom{
margin:68px 0 215px; 
}

.sub-leard_cont-bottom figure{
float: right;
width: 28%;
max-width: 316px;
}

.sub-leard_cont-bottom .text{
float: left;
width: 70%;
max-width:634px;
}

@media screen and (max-width:767px) {
.sub-leard_cont-top{
margin-bottom:40px;
}

.sub-leard_cont-top figure{
float: none;
width: 100%;
margin: 0 0 24px 0;
text-align: center;
}

.sub-leard_cont-top .text{
float:none;
width:100%;
font-size: 1.4rem;
}

.text h2{
font-size: 1.6rem;
}
.sub-leard_cont-bottom{
margin:20px 0; 
}

.sub-leard_cont-bottom figure{
float: none;
width: 100%;
margin: 0 0 24px 0;
text-align: center;
}

.sub-leard_cont-bottom .text{
float: none;
width:100%;
font-size: 1.4rem;
}
}

/***************************************/
/*                                     */
/* kyujin-l.htm                        */
/*                                     */
/***************************************/
.serach-result h2,
p.none{
text-align: center;
}

.serach-result h2{
font-size:32px;
}


.search_navigate{
background: #F4F4F4;
padding:.8em 1em;
margin:2em 0; 
}

p.none{
font-size: 24px;
margin:60px 0 136px;
}

@media only screen and (max-width:767px) {
.serach-result h2{
font-size:24px;
}

p.none{
font-size: 18px;
margin:40px 0 80px;
}
}

p.count{
text-align: right;
}

/*listbox*/
.listbox{
width: 100%;
border: 6px solid #C9CACA;
margin-bottom: 38px;
padding: 16px;
box-sizing: border-box;
}

.heading{
background: url(../img/line_dot.png) repeat-x left bottom;
}

.heading h3{
float: left;
width: auto;
line-height: 130%;
font-size: 24px;
font-weight: bold;
word-break: break-all;
word-wrap: break-word;
}

.heading h3 a{
color: #294B72;
}

.heading h3 a:hover{
text-decoration: underline;
}

.heading ul{
float: right;
width: 448px;
}

.heading ul li{
width: 215px;
text-align: center;
}

li.l1{
float: left;
}

li.l2{
float: right;
}

.heading ul li a{
display: block;
width: 215px;
padding: 14px;
color: #fff;
font-size: 20px;
box-sizing: border-box;
}

/*リンク矢印*/
.heading ul li a span{
  color: #FFF;
  position: relative;
  padding-right: 20px;
}

.heading ul li a span::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

li.l1 a{
background: #e73967;
}

li.l2 a{
background: #518cca;
}

.heading .txt{
clear:both;
font-weight: bold;
padding-bottom: 6px;
}

.salery strong,
.location strong{
color: #294B72
}

.jobbox_btn_sp{
display: none;
}

@media only screen and (max-width:767px) {
.serach-result{
margin-bottom: 60px;
}

p.count{
text-align: right;
border-bottom: 2px solid #C9CACA;
}

/*listbox*/
.listbox{
width: 100%;
border: 0;
border-bottom: 2px solid #C9CACA;
margin-bottom: 0;
padding: 16px 0;
box-sizing: border-box;
}

.heading{
background: url(../img/line_dot.png) repeat-x left bottom;
margin-bottom: 14px;
}

.heading h3{
float: none;
width: auto;
line-height: 130%;
font-size: 1.6rem;
font-weight: bold;
word-break: break-all;
word-wrap: break-word;
margin-bottom: 2px;
}

.heading h3 a{
color: #294B72;
}

.heading h3 a:hover{
text-decoration: underline;
}

.heading .txt{
font-size: 1.4rem;
}

.heading ul{
display: none;
}

.salery{
font-size: 1.4rem;
}

.jobbox_btn_sp{
display: block;
margin-top: 16px;
}

.jobbox_btn_sp ul{
float: right;
width: 100%;
}

.jobbox_btn_sp ul li{
width: 45%;
text-align: center;
}

li.l1{
float: left;
}

li.l2{
float: right;
}

.jobbox_btn_sp ul li a{
display: block;
padding: 10px 14px;
color: #fff;
font-size: 1.6rem;
box-sizing: border-box;
}

/*リンク矢印*/
.jobbox_btn_sp ul li a span{
  color: #FFF;
  position: relative;
  padding-right: 20px;
}

.jobbox_btn_sp ul li a span::after{
  content: "";
  position: absolute;
  top: 60%;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
}

/*paging*/
ul.paging {
    font-weight: normal;
	text-align:center;
}

ul.paging li {
    display: inline;
    font-weight: normal;
    margin: 0 4px 0 0;
}

ul.paging li.prev,
ul.paging li.next{
	color:#ccc;
}

ul.paging li.num {
    height: 18px;
    text-align: center;
    width: 25px;
}

ul.paging li.forcus {
    background-color: #727071;
    border: 1px solid #727071;
	color: #fff;
    text-align: center;
	padding:6px 12px;
}

ul.paging li.num a {
    background-color: #fff;
    border: 1px solid #727071;
    color: #727071;
	padding:6px 12px;
	display: inline-block;
	margin-bottom: 8px;
}

ul.paging li.num a:hover {
    background-color: #727071;
    border: 1px solid #727071;
	color: #fff;
}
/***************************************/
/*                                     */
/* kyujin-d.htm                        */
/*                                     */
/***************************************/
.update-date{
    text-align: right;
    font-size: 1rem;
}

.recruit_article_title h1{
font-size: 2rem;
text-align: center;
border-bottom: 1px solid #727171;
margin-bottom: 22px;
}

ul.tag-list {
margin-bottom: 16px;
display: flex;
column-gap: 4px;
}

.tag-list li{
text-align: center;
color: #fff;
background: #727171;
width: 152px;
padding: 10px 0;
}

.recruit_article_title--intro{
margin-bottom: 16px;
}

.recruit_article_title--eyecatch{
max-width: 640px;
margin: 0 auto 28px;
}

.recruit_article_body .content__box{
margin-bottom: 116px;
}

@media screen and (max-width:767px) {
.recruit_article_body .content__box{
margin-bottom: 32px;
}
}

.content__heading--lg{
margin-bottom: 38px;
border-bottom: 1px solid #727171;
}

.dl_wrapper_default dl{
width: 100%;
}

.dl_wrapper_default dl {
    display: table;
    border-collapse: separate;
    border-spacing: 1.5rem 0;
    margin-bottom: 1.5rem;
}

.dl_wrapper_default dl dt {
    display: table-cell;
    font-weight: normal;
	text-align: center;
	vertical-align: middle;
    width: 20%;
    background: #f7f7f7;
    padding: 2rem;
}

.dl_wrapper_default dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 2rem;
    background: #fff;
}

/*応募ボタン*/

.btn_area.btn_area--lg.btn_area--row{
    width: 290px;
	margin: 0 auto;
}

.btn.btn_contents {
    font-size: 1.9rem;
    padding: 20px;
	text-align: center;
    color: #fff;
    border: 2px solid #fff;
    width: 290px;
    background: #e73967;
	display: block;
}

/*リンク矢印*/
.btn_area.btn_area--lg.btn_area--row a span{
  color: #FFF;
  position: relative;
  padding-right: 30px;
}

.btn_area.btn_area--lg.btn_area--row a span::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}

@media screen and (max-width:767px) {
.recruit_article_title h1{
font-size: 1.6rem;
text-align: left;
margin-bottom: 8px;
}

.tag-list li{
font-size: 1rem;
text-align: center;
color: #fff;
background: #727171;
width: 100px;
padding: 6px 0;
}

.recruit_article_title--intro{
margin-bottom: 8px;
}

.recruit_article_body{
font-size: 1.4rem;
}

.dl_wrapper_default dl {
    display: block;
/*    border-collapse: separate;
    border-spacing: 1.5rem 0;*/
    margin-bottom: .5rem;
}

.dl_wrapper_default dl dt {
    display: block;
    font-weight: normal;
	text-align: left;
/*	vertical-align: middle;*/
    width: 100%;
    background: #f7f7f7;
    padding: 1rem;
	box-sizing: border-box;
}

.dl_wrapper_default dl dd {
    display: block;
/*    vertical-align: middle;*/
    padding: 1rem;
    background: #fff;
	box-sizing: border-box;
}

/*応募ボタン*/

.btn_area.btn_area--lg.btn_area--row{
    width: 100%;
	margin: 0 auto;
}

.btn.btn_contents {
display: block;
    font-size: 1.9rem;
    padding: 20px;
	text-align: center;
    color: #fff;
    border: 2px solid #fff;
    width: 100%;
	box-sizing: border-box;
}

/*リンク矢印*/
.btn_area.btn_area--lg.btn_area--row a span{
  color: #FFF;
  position: relative;
  padding-right: 30px;
}

.btn_area.btn_area--lg.btn_area--row a span::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-top: -5px;
}
}

/***************************************/
/*                                     */
/* interview_d.htm                        */
/*                                     */
/***************************************/
/*

mid-career.htm内link

*/
.interview-l{
width: 100%;
margin:0 auto 136px;
padding: 24px 4px;
background: #E3E6F2;
box-sizing: border-box;
}

@media screen and (max-width:544px) {
.interview-l{
width: 100%;
margin:0 auto 36px;
padding: 14px 0;
}
}

.interview-l h3{
text-align: center;
width: 276px;
border-bottom: 1px solid rgba(113,113,113,1.0);
margin:0 auto 34px;
padding-bottom: 4px;
}

@media screen and (max-width:544px) {
.interview-l h3{
width: 100%;
margin:0 auto 14px;
}
}

.staff-interview{
width: 100%;
max-width: 680px;
margin: 0 auto;
}

.staff-interview .staff-list {
    position: relative;
    width: 300px;
    min-height:400px;
    float: left;
}

/*@media screen and (max-width:749px) {
.staff-interview .staff-list {
    height:100%;
}
}*/

.staff-interview .staff-list:last-child {
	float: right;
}

.staff-interview .staff-list ul{
width: 98%;
margin: 0 auto;
}

@media screen and (max-width:749px) {
.staff-interview{
width: 300px !important;
margin: 0 auto;
}
}

/*.staff-interview .staff-list {
    position: relative;
    width: 100%;
    height:400px;
    margin: 0 auto 40px;
    float: none;
}
}*/

/*.staff-interview .staff-list a {
    display: block;
    height: 100%;
}*/

.staff-interview .staff-list .staff-ic {
    position: absolute;
    top: 0;
    left: 0;
    background: #003559;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    width: 124px;
    padding: 5px;
    z-index: 1;
}

.staff-interview .staff-list figure {
    text-align: center;
/*    height: 170px;*/
/*    margin: 0 0 10px;*/
    overflow: hidden;
}

.staff-interview .staff-list figure img {
/*    position: relative;*/
/*    top: 0;*/
   	width: 100%;
/*    max-height: initial;
	vertical-align: top;*/
	display: block;
}

@media screen and (max-width:749px){
.staff-interview .staff-list figure img {
width: 300px;
}

.staff-interview .staff-list .staff-txt {
    line-height: 1.6;
}

.staff-interview .staff-list .staff-txt .staff-name {
    font-size: 18px;
}

.staff-interview .staff-list .staff-txt .staff-career {
    margin: 0 0 15px;
    font-size: 13px;
}

.staff-interview .staff-list .staff-txt .staff-detail {
}

.staff-interview .staff-list a .staff-ic-d {
    text-align: right;
    padding-right:1%;
    position: absolute;
    right: 0;
    bottom: 0;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus:before,
.staff-interview .staff-list a .staff-ic-d .staff-plus:after {
    content: "";
    display: block;
    position: absolute;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus:before {
    width: 15px;
    height: 15px;
    background: #231815;
    right: 84px;
    top: 5px;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus:after {
    content: "+";
    width: 4px;
    height: 4px;
    right: 94px;
    top: -1px;
    color: #ffffff;
}

.staff-interview ul li.staff-name{
margin: 0;
font-size: 1.8rem;
padding: 4px 1rem 0;
}

.staff-interview ul li.staff-career{
margin: 0 0 15px 0;
font-size: 1.3rem;
}

.staff-interview p.staff-ic-d{
    text-align: right;
    padding-right: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.staff-list{

}

/*ships*/
.pcHdn{ display : none !important; }
.spHdn{ display : block !important; }

.staff-interview .staff-list a .staff-ic-d {
    text-align: right;
    padding-right:1px;
	right: 0;
    bottom: 0;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    position: relative;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus:before,
.staff-interview .staff-list a .staff-ic-d .staff-plus:after {
    content: "";
    display: block;
    position: absolute;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus:before {
    width: 15px;
    height: 15px;
    background: #003559;
    right: 82px;
    top: 5px;
}

.staff-interview .staff-list a .staff-ic-d .staff-plus:after {
    content: "+";
    width: 4px;
    height: 4px;
    right: 92px;
    top: -1px;
    color: #ffffff;
}

/* 表示/非表示 */
.pcHdn{ display : block !important; }
.spHdn{ display : none !important; }

/*STAFF欄のスライダー（load-staff.htm用）
-----------------------------------------------------------*/
.icon-area.mid-staff-icon {
    margin: 0 auto 0 auto;
    text-align: center;
    }

.icon-area li {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #bfbfbf;
    border-radius: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    margin:0 2px;
    }

/*respon-slider.jsが生成するクラスの制御*/
#load-staff .icon-area li.crt-slider {
    background-color: #eaeaea;
    }

#resp-slider2{
    position: relative;
    overflow: hidden;
/*    padding-bottom: 20px;*/
    }
    
#resp-slider2 .slider-box {
    overflow: hidden;
    }

#resp-slider2 .slider-item {
    display: block;
    float: left;
    overflow: hidden;
    /*padding:0 7.5px;*/
    }

/*@media all and (orientation: portrait) {
	#resp-slider2 .slider-item {
    min-height:360px;
    }
}
@media all and (orientation: landscape) {
	#resp-slider2 .slider-item {
    min-height:480px;
    }
}*/

/*#resp-slider（メインビジュアル）、#resp-slider2（STAFF欄）　共通*/
.slider-box .slider-item img{
    width: 100%;
    margin: 0 auto;
    display: block;
    }

/*.staff-interview {
    overflow: hidden;
    margin: 0 15px;
}

.staff-interview .staff-list {
    position: relative;
    overflow: hidden;
}*/

/*.staff-interview .staff-list figure {
    margin-bottom:5px;
    overflow:hidden;
    }*/

/*@media all and (orientation: portrait) {
.staff-interview .staff-list figure {
    height:204px;
    }
}
@media all and (orientation: landscape) {
.staff-interview .staff-list figure {
    height:350px;
    }
}
*/
.staff-interview .staff-list .staff-ic {
    position: absolute;
    top: 0;
    /*left: 0;*//*コメントアウト_161017*/
    /*left: 7.5px;*//*追記_161017*//*コメントアウト_161121*/
    background: #003559;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    width: 124px;
    padding: 5px;
    z-index: 1;
}

.staff-interview .staff-list .staff-txt {
    line-height: 1.6;
}

.staff-interview .staff-list .staff-txt .staff-name {
    font-size: 18px;
}

.staff-interview .staff-list .staff-txt .staff-career {
    margin: 0 0 15px;
    font-size: 13px;
}

.staff-interview .staff-list .staff-txt .staff-detail {
    /*margin: 0 0 15px;*/
}
}
/*ships end*/

/*                                     */
/* interview_d.htm                     */
/*                                     */

.main-ttl-txt{
font-size: 2.4rem;
border-bottom: 1px solid #727171;
margin-bottom: 22px;
color: #231815;
}

@media screen and (max-width:543px) {
.main-ttl-txt{
font-size: 1.8rem;
}
}

.staff-name{
padding:.8em 1em;
margin:2em 0; 
}

#staff-d .staff-name p{
float: left;
}

#staff-d .staff-name p > span{
font-size: 2rem;
font-weight: bold;
color: #231815;
margin-left: 20px;

}
#staff-d .staff-name p.dep{
float: right;
}

.interview-contents-ttl{
text-align: center;
margin-bottom: 56px;
}

.interview-contents-ttl img{
width: 294px;
}

@media screen and (max-width:543px) {
.interview-contents-ttl img{
width: 70%;
}
}

.interview-contents .intBox .title{
    position:relative;
    font-weight: bold;
    font-size: 20px;
    padding:30px 40px;
    margin-bottom: 40px;
    color: #231815;
}

.interview-contents .intBox .title:before{
    content:'';
    height:40px;
    width:1px;
    display:block;
    background:#231815;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    position:absolute;
    top:0;
    left:11px;
}

.interview-contents .intBox .title:after{
    content:'';
    height:1px;
    width:40px;
    display:block;
    background:#231815;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    position:absolute;
    top: 10px;
    left: 0px;
}

.interview-contents .intBox .title > span{
    position:relative;
    display: inline-block;
}

.interview-contents .intBox .title > span:before{
    content:'';
    height:40px;
    width:1px;
    display:block;
    background:#231815;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    position:absolute;
    bottom: -30px;
    right: -29px;
}

.interview-contents .intBox .title > span:after{
    content:'';
    height:1px;
    width:40px;
    display:block;
    background:#231815;
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
    position:absolute;
    bottom: -20px;
    right: -40px;
}

.interview-contents .intBox figure{
	width: 40%;
    max-width:400px;
    margin-bottom:40px;
    overflow: hidden;
    text-align: center;
}

@media screen and (max-width: 749px){
.interview-contents .intBox figure {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
    clear: both;
}
}
    .interview-contents .intBox div:nth-child(even) > figure{ float:right; margin-left:30px;}
    .interview-contents .intBox div:nth-child(odd) > figure{ float:left; margin-right:30px;}

    .interview-contents .intBox figure img{
        max-width:100%;
        }
        
.interview-contents .intBox .txt,
.interview-contents .intBox .txt02{
    line-height: 2;
    margin-bottom:40px;
}

@media screen and (min-width: 759px){
.interview-contents .intBox .txt02:nth-child(even){
float: right;
width: 55%;
max-width: 550px;
}
.interview-contents .intBox .txt02:nth-child(odd){
float: left;
width: 55%;
max-width: 550px;
}
}

.interview-contents .scdBox .contents-sub-ttl {
    margin: 40px 0 50px;}