@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 100%; vertical-align: baseline; background:transparent; }
span { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background:transparent; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block; }
ul{list-style:none; }
blockquote, q{quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none; }
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
img{vertical-align:top; font-size:0; line-height:0; }
ins{background-color:#ff9; color:#000; text-decoration:none; }
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del{text-decoration:line-through; }
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help; }
table{border-collapse:collapse; border-spacing:0; }
em{font-style:normal; }
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
input, select{vertical-align:middle;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

/*------------------
common
--------------------*/

.cf:before,.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{*zoom:1;}

.mt0{margin-top:0px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}

.mb0{margin-bottom:0px!important;}
.mb10{margin-botom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}

.txt_c{text-align:center!important;}
.clearfix:after {display: block; clear: both; content: "";}

.center{text-align:center;}
.em16{font-size:1.6em!important;}
html{scroll-behavior: smooth;}
body{width:100%;font-size:1rem; color:#515151; max-height: 100%; box-sizing:border-box; margin:0;font-family:'Noto+Serif+JP:wght@200&display=swap',serif; opacity:1; transition:0.5s; -webkit-transition:0.5s;}
img {max-width:100%; height:auto;}
button{color:#515151; background-color:#fff;letter-spacing: 0.1em; border: solid #aaa 3px;  font-size: 1.2em; display: block; padding: 10px 70px;cursor:pointer; font-family:'Noto+Serif+JP:wght@200&display=swap',serif; border-radius:50px;}
button:hover{transition: 0.2s; -webkit-transition: 0.2s; color:#aaa;} 




a{color:#515151;text-decoration:none;}
a:visited{color:#515151;}
a:active{color:#515151;}

@media (hover: hover) and (pointer: fine) {
a:hover{color:#aaa; transition: 0.2s; text-decoration:none;}

}



/*------------------
囲みスペシャル
--------------------*/
.container_sp{display:flex; flex-wrap: wrap; justify-content: flex-start; margin:0px auto; padding:8px; border:2px solid #B3B3B3; border-radius:10px; width:960px;}

@media screen and (max-width: 980px) {
.container_sp{width:90%;}
}
/*------------------
part,full グラデ
--------------------*/
.part{background:linear-gradient(95deg, #fe0096 5%, #ed009e 70%, #ce0f93 100%); letter-spacing:.1em; min-width: 60px;opacity:1;}
.full{background:linear-gradient(95deg, #206DCA 5%, #1149B0 70%, #002294 100%); letter-spacing:.1em; min-width: 60px; opacity:1;}

/*------------------
レイアウト
--------------------*/

.goth{font-family: 'M PLUS 1p', sans-serif;}

br.pc{display:none;}
br.sp{display:block;}
@media only screen and (min-width:660px) {
br.pc{display:block;}
br.sp{display:none;}
}

.line{height:5px; border-top:3px #151D68 solid; border-bottom:1px #151D68 solid; width:100%; margin-bottom:60px;}

.bold{font-weight:bold;}

.btn a{display:inline-block; margin:50px; padding:8px 25px; border:1px solid #fff;}
.btn a:before{content:"+ ";}
.t_b a::after{content:'';display: inline-block;width:15px; height: 15px; background-image: url(../img/t_b.png);background-size:contain; background-repeat:no-repeat; vertical-align: middle; margin-left:10px;}

.button_maru{max-width:220px; display:block; background-color:#fff; border:#ddd 1px solid; border-radius:50px; height:40px; padding-left:25px;  padding-right:25px; margin:25px auto;}
.button_maru>p{font-size:.8em; top: 50%; transform: translateY(-50%); margin:auto; position:relative; text-align: center;}
.button_maru>p:hover{color:#aaa;}
.contents {width:100%; position:absolute; top:86px; padding:0px; z-index:1;}
section {position:relative; padding:0;}

h2{display:block;  top:0; left:0; position:relative; color:#fff; letter-spacing:0.05em;}
h2 >p{top: 50%;transform: translateY(-50%); margin:auto; position:relative;  font-weight:bold;}
.type1{width:100%; background-color:#151D68; height:50px; margin-bottom:40px;  font-size:1.5em;}
.type1>p{ text-indent:2%;}
.type2{width:100%; height:55px; color:#151D68; margin-bottom:0px;  font-size:2em; text-align:center}
.type2>p{}
h3{font-size:1.8em; text-align:center; vertical-align: baseline; margin:0px auto; line-height:1.4em;letter-spacing:.05em;}
.amikake{font-size:2em; background-color:#EDEEF8; padding:40px; width:980px;  margin:0px auto; box-sizing: border-box;font-weight:500;}

h4{display:block; font-size:1.4em; text-align:center; vertical-align: baseline; margin:0px auto;}
h5{display:block; font-size:1.6em; text-align:center; vertical-align: baseline; margin:0px auto; font-weight:bold;}
h6{display:block; font-size:1.4em; text-align:center; vertical-align: baseline; margin:0px auto;}


@media screen and (max-width: 980px) {
.contents {width:100%; position:absolute; top:90px; padding:0px; z-index:1;}
section {}

h3{width:100%;font-size:1.6em; }
h4{width:100%;font-size:1.4em; }
.amikake{font-size:1.6em; background-color:#EDEEF8; padding:40px 10px; width:100%;font-weight:500;}
}

@media screen and (max-width: 640px) {
h3{width:100%;font-size:1.6em; }
.txt_c{font-size:0.9em;}
.type1>p{ text-indent:5%;}
}

@media screen and (max-width: 480px) {
h2{font-size:1.4em; width:200px; height:85px}
.contents{top:80px;}
h2{margin-bottom:30px;}
h3{width:100%;font-size:1.4em;letter-spacing: 0.2em; line-height:1.6em;}
h4{width:100%;font-size:1.1em; }
.txt2{font-size: .9em; letter-spacing: 0.1em; line-height:1.2em;}
button{font-size:1em;}

}

/*------------------
ヘッダー
--------------------*/
header {width:100%;}
header #headerbox{position:relative; height:86px; box-sizing:border-box; z-index: 999;background:#0A0E34; width:100%;}
header h1{margin:0 auto; box-sizing:border-box; display:block;}
header h1 img{width:200px!important; position:absolute; top:50%; transform: translateY(-50%); left:20px;}

header #headerbox .nav1{position:absolute; top:0px; right:0px; height:86px;  display:flex;}
header #headerbox p{position:relative; top:50%; transform: translateY(-50%); text-align:center; font-weight: bold;}
header #headerbox li{display:block; height:86px; width:196px}
header #headerbox li a{color:#fff; height:86px; display:block;font-size:1.4em;box-sizing: border-box; letter-spacing: 0.05em;font-weight: bold;background-color:#151D68;}
header #headerbox li a:hover{background-color:#8BACD1;}

header #menu{display:none;}

header #navibox{position:relative; height:40px; box-sizing:border-box; z-index: 999;}
header #navibox ul{margin:0px auto; display:flex; justify-content:center; align-items:center; height:40px; width:auto;}
header #navibox li {display:block; flex-basis: auto;}
header #navibox p{position:relative; top:50%; transform: translateY(-50%); text-align:center; margin-right:15px; margin-left:15px; font-weight:bold;}
header #navibox li a{color:#bf0467; display:block; height:40px; font-size:1em;}
header #navibox li a:hover{color:#f07092}
header #navibox .depochome{ position:absolute; right:0 ;top:50%; transform: translateY(-50%); font-size:.7em; font-weight:nomal;}
header #navibox  .depochome a{color:#0A0E34;}

@media screen and (max-width: 980px) {
header #headerbox{height:90px;}
header #headerbox li{height:50px;}
header #headerbox .nav1{height:90px; width:60%;}
header #headerbox .nav1 li {width:50%; height:50px;}
header #headerbox li a{height:90px; text-align:center; padding:5px; line-height: 45px; font-size:1.2em;}
header #menu{display:none; width:100%; height:40px; text-align:center;position:relative; top:50px;}
header #openbtn{display:block; width:100%; height:40px;}
header #openbtn img{ height:24px; display:inline-block; margin:8px auto; }
header #closebtn{display:none; width:100%; height:40px;}
header #closebtn img{ height:24px; display:inline-block; margin:8px auto; }
header #navibox {display:none; position:absolote; top:0px; right:0px; left:0px; height:auto; z-index:999; overflow-y: auto;background:rgba(10,14,52,0.9); text-align:center;}
header #navibox ul{font-size:1em; width:100%; display:block; height:auto;}
header #navibox li {display:inline-block; width:100%;}
header #navibox li a:hover{background:rgba(130,155,183,0.5);}
header #navibox li a{ padding:8px 12px; font-size:.8em; height:auto;}

}

@media screen and (max-width: 640px) {
header #headerbox li a{font-size:1.2em;}
header h1{left:10px;}
header h1 img{width:180px!important; left:5px;}
}

@media screen and (max-width: 470px) {
header #headerbox{height:80px;}
header #headerbox .nav1{width:70%; height:80px;}
header #headerbox .nav1 li {width:50%;  height:80px;}
header #headerbox li a{font-size:.9em;}
header #headerbox li a{height:80px;}
header h1{left:0px; top:0px; width:30%; height:80px; display:block; position:absolute; }
header h1 img{width:90%!important; left:50%; left50%; transform: translate(-50%, -50%); position:relative;}
header h1 img{  }
}
/*------------------
MV
--------------------*/
.mvback{width:100%; height:750px; background-image: url("../img/MV_backol.png"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.mvimg1 {width:15%; max-width:200px; display:block;top:20px; right:20px; position:absolute ;z-index:2;}
.mvimg2 {width:900px; max-width:800px; display:block;top: 50%; transform: translateY(-50%); margin:auto; position:relative;z-index:1;}

.mvback_senior{height:400px; background-image: url("../img/mvsenior_back.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center;}
.mv_logo {width:35%; display:block;top: 47%; transform: translateY(-50%); margin:auto; position:relative;} 
.mvback_sp{display:none;}

@media screen and (max-width: 980px) {
.mvimg2 {width:80%; max-width:700px;}

}

@media screen and (max-width: 980px) {
.mvimg1 {width:200px;top:10px;}
.mvback{height:600px; }
.mv_logo {width:50%;}

}

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

.mvback{display:none;}
.mvback_sp{width:100%; background:#F9FDFE; display:block;}
.mvback_senior{height:300px;}
.mv_logo {width:60%;}
.mvback img{width:100%;}

}

/*------------------
index 検索
--------------------*/
#search .box1{width:100%; margin:60px auto 80px auto;}
#search .txt{margin:0px auto; }
#search .searchbox{width:980px; margin:20px auto;}
#search ul{display:flex; }
#search h2 >p{top: 50%;transform: translateY(-50%); margin:auto; position:relative;}
#search .fp{width:190px; display:inline-block;font-size:1.5em; letter-spacing: 0.4em; text-align: center; margin-top:40px;}
#search .underline{background-image: url(../img/index/under.png);background-repeat:no-repeat; background-position-y: 2rem; background-size: contain; height:48px; margin-bottom:20px; font-weight: 500;}
#search li{margin:0px 10px 0px 0px; width:240px;height:50px}
#search li a {letter-spacing:0.05em; border:solid #515151 1px; font-size:1.2em; display:block;width:100%;height:50px; position:relative; border-radius:5px;}
#search .kamoku{top: 50%; left:50%; transform: translate(-50%, -50%); margin: auto; position: absolute;  font-weight: 500;}
#search ul{margin:0px auto 30px auto; width:100%; display:flex ; flex-wrap: wrap;}



@media screen and (max-width: 980px) {
#search .searchbox{width:96%; margin:20px auto;}
#search ul{justify-content:space-around;}
#search li {margin: 0px .5% 10px 0px; width:32%;}
#search li a {text-align:center;  font-size:1.1em;}
#search .txt{margin-bottom:0px; }
#search .fp{;}
#search .box1{margin:40px auto;}
}

@media screen and (max-width: 480px) {
#search .fp{margin:30px  auto 20px 0px; display:block;}
#search .underline{margin:0px 2auto 20px 0px;}
#search ul{justify-content:flex-start;}
#search li{margin:5px 5px 5px 0px; width:48%;}
#search .box1{margin-top:20px;}

}


/*----------------------
診療科目別求人
-----------------------*/
#quick .box1{width:100%; margin:60px auto 80px auto;}
#quick .news{width:980px; margin:20px auto;}
#quick .txt{margin:0px auto 40px auto; }
#quick .out{}
#quick ul{width:100%; display:flex; justify-content:space-around; margin:auto;flex-wrap: wrap;}
#quick li{margin:0px .5% 0px 0px; width:19%}
#quick .naika{margin-bottom:10px;}
#quick .seishin{margin-bottom:0px!important;}
#quick .homon{margin-bottom:0px!important;}
#quick li .{margin:0px 10px 10px 0px;}
#quick .box1 li a{letter-spacing: 0.05em; border: solid #515151 1px; font-size: 1em; display: block; height:55px;width:100%; position:relative; border-radius:5px;}
#quick .kamoku{top: 50%; right:10px; transform: translateY(-50%); margin: auto; position: absolute; font-weight: 500;}
#quick .gla{top: 50%; left:10%; transform: translateY(-50%); margin: auto; position: absolute; width:auto; height:80%;}


/*----------------------
新着求人
-----------------------*/
#news .box1{width:100%; margin:0px auto 0px auto; background-color:#F7F8F9; padding:60px 0px;}
#news .news{width:980px; margin:0px auto;}
#news .out{margin-inline: calc(50% - 49vw); }
#news .sub{margin: 0px auto 10px auto;  text-align:center}
#news ul{width:100%; display:flex; justify-content:space-around; flex-wrap: wrap;}
#news li{width:32.5%; background-color:#fff;; margin:0px 0px 20px 0px; border:1px solid #aaa; box-sizing:border-box; position:relative; display:flex;}


#news .kubun{color:#fff; padding:6px;position:absolute; left:0px; top:0px; width:15%; min-width:50px; text-align:center; display:inline-block; margin-right:5px; font-size:.9em;}


#news li a{display:block; width:100%; font-size:1em; }
#news li a:hover{transition: 0.2s; -webkit-transition: 0.2s; color:#aaa;}
#news .title{box-sizing:border-box; margin:10px 10px 40px 10px; font-size:.9em;}
#news .kamoku{ font-weight: 600; margin:10px 2% 20px 20%; width:78%; line-height:1.2em;}
#news .part_content{;}


@media screen and (max-width: 980px) {
#quick .box1{margin-bottom:40px;}
#quick .out{margin-inline:auto; }
#quick .news{width:96%; }
#quick ul{}
#quick .box1 li{margin:0px 1% 10px 0px; height:60px;width:48%;}
#quick .box1 li a{display: block; height:60px;width:100%;}
#quick .box1 .kamoku {margin:0px;}
#quick .gla{left:10px; height:70%; width:auto;}

#news .box1{padding:40px 0px;}
#news .out{width:100%; margin:0px auto;}
#news .news{width:96%;}

#news li{}
#news li a{}
#news .titile{margin:10px 10px 20px 10px;}
#news li{width:100%;}
#news .title{}
}

@media screen and (max-width: 480px) {
#news .titile {font-size:.9em;}
#quick .txt{margin-bottom:30px;}
#quick .kamoku{right:10px;}
#news .kamoku{font-size:.9em;  margin:10px 1% 15px 23%; width:76%;}
#news li{}
}

/*----------------------
新着求人 詳細
-----------------------*/
#pickup .box1{width:100%; margin:40px auto 100px auto;}
#pickup #news .box1{width:100%; margin:60px auto 0px auto;}
#pickup .box3{width:980px; margin:20px auto}
#pickup #job-search .label{margin:0px auto; width:100%; font-size:1.4em; ; max-width:1200px;}
#pickup #job-search .kubun{color:#fff; padding:5px;position:relative; left:0px; top:0px; width:10%; min-width:120px; text-align:center; display:inline-block; margin-right:5px;}
#pickup #job-search .colorfull{color:#829BB7;}
#pickup #job-search .colorpart{color:#fc142d;}


#pickup table{width:100%; margin:30px auto; font-family:}
/*テーブル内の距離 td*/
#pickup .po-normal{padding-bottom:10px; padding-top:10px;padding-left:20px;  border:solid #515151 1px; }
/*ラベル*/
#pickup .po-label{width:20%; background-color: #F7F8F9;}
#pickup .po-label >span {text-align:left;}
#pickup .po-title{font-size:1.3em; padding-bottom:10px;}
#pickup #job-search #f .po-title .po-value:before{content:"● "; color: #035cc0;}
#pickup #job-search #p .po-title .po-value:before{content:"● "; color: #fc142d;}

#pickup .po-canentryform td .po-normal{margin:20px 20px 40px 20px;}
#pickup .po-single{}
#pickup .po-canentryform td .po-normal{margin:20px 20px 40px 20px;}
#pickup .po-button-inner{width:auto; margin:20px auto;  border:solid #E3E8F0 1px; box-sizing: border-box;}

#pickup #job-search .out{}
#pickup #job-search .out ul { width: 100%;}
#pickup #job-search .out li {width: 100%;}
#pickup #job-search .out li a{color:#515151; background-color:#fff;border: solid #aaa 3px;  font-size: 1.2em; display: block; height: 50px; width:380px; margin:20px auto; border-radius: 50px; }
#pickup #job-search .out li a > p{position:relative; top:50%; transform: translateY(-50%); text-align:center;  font-weight: 600; font-size:.9em;}
#pickup #job-search .out li a:hover{transition: 0.2s; -webkit-transition: 0.2s; color:#aaa;}


@media screen and (max-width: 980px) {
#pickup .box1{width:100%;}
#pickup #job-search .label{font-size:1.2em;}
#pickup table{width:90%; margin:30px auto 20px auto; box-sizing: border-box;}
#pickup .po-label{width:25%;}
#pickup  .box3{width:96%;}


}


@media screen and (max-width: 640px) {
#pickup .box1{width:100%; margin:40px auto 0px auto;}
#pickup #news .box1{width:100%; margin:60px auto 0px auto;}
#pickup table{margin-top:10px;}
#pickup tbody{border-bottom:solid #aaa 1px;}
#pickup #job-search .kubun{width:15%; min-width:90px;}
#pickup #job-search .kamoku{width:15%; min-width:90px; font-size:.9em;}
#pickup .po-single{ border-bottom:none;}
#pickup tr{display:block; width:100%; padding:0px; box-sizing:border-box;}
#pickup td{display:block; width:100%;padding:0px; font-size:.9em; }
#pickup th{display:block; width:100%;padding:0px; font-size:.9em;}
#pickup .po-label{width:100%;padding:5px 2%;}
#pickup .po-value{width:100%;padding:5px 2%;}
#pickup .po-normal{width:100%;padding:5px 2%; box-sizing:border-box;border-bottom:none;}
#pickup .po-title{font-size:1em;}
#pickup #job-search .out li a{font-size:1em; width:80%;}
}

/*------------------
index 相談する
--------------------*/
#consultant .box1{width:100%; margin:0px auto 100px auto;}
#consultant .consulbox{width:980px; margin:20px auto;}
#consultant p{margin-bottom:40px;}
#consultant .button{ display: block; width: 320px; height: 60px; position: relative; border: solid #515151 1px; letter-spacing: 0.05em ;font-size: 1.2em;padding:0px;  border-radius:5px;}
#consultant .button:hover{ color:#aaa;}
#consultant .button .form{ top: 50%; transform: translateY(-50%); margin: auto ;position:relative; text-align:center;}

@media screen and (max-width: 980px) {
#consultant .consulbox{width:96%; }
}
@media screen and (max-width: 480px) {
#consultant .button{ font-size:1em; width:100%;}
}

/*------------------
index SNSfeed
--------------------*/
#sns .box1{background-color:#151D68; width:100%; margin:0px; padding:30px 0px;}
#sns .container{width:980px; margin:0px auto;}
#sns p{color:#fff; text-align:center;}
#sns ul{width:250px; display: flex; justify-content:center!important; margin:20px auto;}
#sns li{display:block;width: 90px;}
#sns li img{width:60%; margin:auto; display:block;}


@media screen and (max-width: 980px) {
#sns{margin:0px auto;}
#sns .container{width:90%;}
#sns .sns{flex-wrap: wrap;width: 100%;  margin:0px auto!important;}
#sns .sns li{width:100%; text-align:center; justify-content:space-between!important;  margin:0px auto!important;}
.facebook_wrap{width:50%!important min-width:500px!important;  500px!important;}
.fb-page,.fb-page span, .facebook_wrap iframe{width:100%!important; }
.twitter-timeline {height: 500px!important; }

}

@media screen and (max-width: 680px) {
#sns .box1{padding:20px 0px;}
#sns .sns{width:100%!important; margin-top:20px;}
#sns .sns li{width:100%; text-align:center;}
.facebook_wrap{}
.twitter-timeline  { }

}

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


/*------------------
index DEPOC医師転職支援サービスとは？
--------------------*/
#toha .box1{display:block;width:100%; background-color:#fff; padding-top:60px;padding-bottom:60px; margin-bottom:0px;}
#toha .container5050{display:flex; flex-wrap: wrap; justify-content: flex-start; margin:30px auto 0px auto; width:980px;}
#toha .content{width:50%; margin-top:20px;}
#toha .content p{margin:0px 0px auto auto; width:97%;}
#toha .content img{display:block;}

@media screen and (max-width: 980px) {
#toha .container5050{width:96%; margin:0px auto}
}
@media screen and (max-width: 640px) {
#toha .container5050{width:90%; margin:20px auto}
#toha .content{width:100%;}
#toha .content p{margin:0px auto; width:100%;}
#toha .content img{display:none;}

#toha .container_sp .content_img .content_txt{width:100%;}
}

@media screen and (max-width: 480px) {
#toha .box1{padding-top:30px;}

}

/*------------------
index DEPOC医師転職が選ばれる4つの理由
--------------------*/
#reason .box1{width:100%;}
#reason .content{width:980px; position:relative; background-color:#fff; margin:20px auto 60px auto; box-sizing: border-box;display:block;}
#reason .kakomi{width:980px; border:5px solid #D4C9AA; box-sizing: border-box; margin:0 auto; padding:120px 120px 60px 120px;}
#reason .box2{display:flex; box-sizing: border-box;}
#reason .content1{width:50%;}

#reason .content2{width:50%;}
#reason h4{top: 50%;transform: translateY(-50%); margin:auto; position:relative; font-size:2rem;}
#reason .marker {background-image:url("../img/index/ami.png"); background-repeat: repeat-x; background-size: 100% 50%;background-position-y: 1.5rem;font-weight:500;}
#reason .reasonno{background-image:url("../img/index/aka.png"); top:0px; left:0px; position:absolute; width:120px; height:120px;  background-size: contain;}
#reason .reason{top:5px; left:5px; color:#fff; font-size:1.1em; font-weight:bold;  position:relative; }
#reason .no{top:2px; left:10px; color:#fff; font-size:1.6em; font-weight:bold;  position:relative; }
#reason .midashi1{color:#A99456; margin:40px auto; font-weight:bold;text-align:center;}

#reason .midashi2{align-items: center; display: flex; justify-content: center;}
#reason .midashi2::before, .midashi2::after { background-color: #000; content: ""; height: 1px; width: 30px;}
#reason .midashi2::before{margin-right: 5px;}
#reason .midashi2::aftter{margin-left: 5px;}
#reason ul{width:100%; margin:20px auto;}
#reason li{display:block ;font-size:1em; letter-spacing:.1em; line-height:2.2em; font-weight:bold; text-indent: -1em; padding-left: 1rem; margin-bottom:20px;}
#reason li::before{content:"\02714"; color:#3D9BE9;}
#reason .box3{width:100%; margin:40px auto; position:relative; }
#reason .fusen{width:180px; position:absolute; top:0; transform: translateY(-0%); left:22%; z-index:1; }

#reason .box4{display:flex; box-sizing: border-box;width:730px; z-index:0}
#reason .content3{width:20%; padding-right:12px;}
#reason .content3 img{ top:50%;transform: translateY(-50%);position:relative;}
#reason .content4{width:80%; box-sizing: border-box; }


#reason .fukidashi{position: relative; display: inline-block;  margin: 1.5em 0 1.5em 15px;  padding: 30px 20px 20px 20px;  min-width: 120px; width:auto;  background: #F0EEEC; border:2px solid #6B5647}
#reason .fukidashi::before{content: "";  position: absolute;  top: 50%;  left: -30px;  margin-top: -15px;  border: 15px solid transparent;  border-right: 15px solid #6B5647;}

@media screen and (max-width: 980px) {
#reason .box1{padding-bottom:20px;}
#reason .kakomi{width:100%; margin:0 auto; padding:50px 30px 30px 30px;}
#reason .content{width:96%; margin:20px auto 40px auto;}
#reason .reasonno{width:110px; height:110px;}
#reason .reason{font-size:1em;}
#reason .no{top:2.4px; left:10px;font-size:1.2em; }
#reason .box4{width:100%;}
#reason h4{ font-size:1.8rem;}
#reason li{line-height:1.6em; margin-bottom:20px;}
}

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

#reason .box2{flex-wrap: wrap; flex}
#reason .content1{width:100%;order: 2;}
#reason .content2{width:100%;order: 1; margin-bottom:20px;}
#reason .box4{flex-wrap: wrap; flex}
#reason .content3{width:35%;order: 2; margin:0px auto;}
#reason .content4{width:100%;order: 1; margin-bottom:0px;}
#reason .fukidashi::before{top:100%; left:50%; transform: translateX(-50%);border: 15px solid transparent; border-top:15px solid #6B5647;margin-top: 0px}
#reason .fukidashi{margin-left:0;} 
#reason .midashi1{line-height:1.6em;}
#reason .midashi2{line-height:1.6em;}
#reason .fusen{transform: translateX(-5%); left:0%; }
}

/*------------------
index DEPOC転職支援サービスの流れ
--------------------*/
#flow .box1{width:100%; margin:auto; }
#flow .flow{display:block; background-color:#fff; margin:30px auto 60px auto; position:relative;  box-sizing: border-box; width:980px;}

#flow .kakomi{width:980px; border-left:60px solid #DAD4D0; box-sizing: border-box; margin:0 auto;}
#flow .stepno{ top:0px; left:0px; position:absolute; width:60px; height:60px;  background-color:#DAD4D0; text-align:center; font-size:1.2em; color:#6B5647; }
#flow .step{top:5px; left:0; font-size:.8em; font-weight:bold;  position:relative; text-align:center; width:60px;}
#flow .no{top:2px; left:0px; font-size:1em; font-weight:bold;  position:relative; width:60px;}
#flow .box2{display:flex; box-sizing: border-box;}
#flow .content1{width:60%; padding:0px 50px; 0px; 30px;}
#flow .content2{width:40%;}
#flow .steps .title::before{content:'';; width:58px; height:54px;  background-size: contain; vertical-align:bottom; display:inline-block; background-repeat:no-repeat;}
#flow h4{font-size:2rem; text-align:left;}
#flow .content3{margin:20px auto 0px auto; line-height:2em;}
#flow ul{width:100%; margin:20px 0px;}
#flow li{display:block ;font-size:.9em; letter-spacing:.1em;line-height:1.6em; margin-bottom:20px;text-indent: -1em; padding-left: 1rem;}
#flow li::before{content:"●";}       
#flow .arrow {height:100px; width:980px; margin:0 auto; position:relative; display:block;}
#flow .arrow img{bottom:10px; left:0; width:60px; position:absolute;}
#flow .faq{margin-top:20px;}

#flow .step1 .title::before{ background-image: url("../img/index/pen.jpg")}
#flow .step2 .title::before{ background-image: url("../img/index/human.jpg")}
#flow .step3 .title::before{ background-image: url("../img/index/memo.jpg")}
#flow .step4 .title::before{ background-image: url("../img/index/mail.jpg")}
#flow .step5 .title::before{ background-image: url("../img/index/comment.jpg")}
#flow .step6 .title::before{ background-image: url("../img/index/bag.jpg")}

/*ブランク調整*/
#flow .blank1{margin-bottom:0px!important}
#flow .blank2{margin-top:0px!important;margin-bottom:0px!important;}
#flow .blank3{margin-top:0px!important;}

@media screen and (max-width: 980px) {
#flow .box1{width:96%; margin:auto; }
#flow .flow{width:100%;}
#flow .kakomi{width:100%;} 
#flow li{display:block ;}
#flow .arrow {width:100%;}
}

@media screen and (max-width: 640px) {
#flow .kakomi{border:none;} 
#flow .box2{width:100%; flex-wrap: wrap;}
#flow .content1{width:100%; padding:0px 10px;}
#flow .content2{width:100%;}
#flow .stepno{ width:55px; height:55px;font-size:1em;}
#flow .step{top:5px; left:0; font-size:.8em; font-weight:bold;  position:relative; text-align:center; width:55px;}
#flow .no{top:2px; left:0px; font-size:1em; font-weight:bold;  position:relative; width:55px;}
#flow .steps::before{width:55px;}
#flow .step1 .title::before{ background-image:none; width:0px; height:0px}
#flow .step2 .title::before{ background-image:none; width:0px; height:0px}
#flow .step3 .title::before{ background-image:none; width:0px; height:0px}
#flow .step4 .title::before{ background-image:none; width:0px; height:0px}
#flow .step5 .title::before{ background-image:none; width:0px; height:0px}
#flow .step6 .title::before{ background-image:none; width:0px; height:0px}
#flow .content2{width:80%; margin:20px auto 0px auto;}
#flow .arrow{display:none;}
#flow h4{font-size:1.4rem; height:55px;}

#flow .blank2{margin-top:30px!important;}
#flow .blank3{margin-top:30px!important;}
#flow .title{margin-left:50px; top:50%; transform: translateY(-50%); position:relative; }
}

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

#flow .title{}
}

/*------------------
index よくある質問
--------------------*/
#faq .box1{background-color:#fff; margin:30px auto 60px auto; box-sizing: border-box; width:980px;}
#faq dl{display: block; width:900px; margin:30px auto;}
#faq dt{display: block; width:100%; color:#908278; font-size:1.4em; border-bottom: dotted 2px #908278; font-weight:bold; line-height:2.2em; margin:20px 0px;}
#faq dd{display: block; width:100%; line-height:2.2em;}

@media screen and (max-width: 980px) {
#faq .box1{width:96%; margin:auto;}
#faq dl{width:96%;}
#faq dt{line-height:1.6em;  font-size:1.2em; }
#faq dd{line-height:1.6em;s}
}



/*------------------
index DEPOCのエージェントの特徴は？対応エリアは？
--------------------*/

#feature .box1{display:block;width:100%; background-color:#fff; margin:20px auto 60px auto; position:relative;  box-sizing: border-box; width:980px;}
#feature .kakomi{width:980px; border:5px solid #D4C9AA; box-sizing: border-box; margin:0 auto; padding:45px 120px 60px 120px;}
#feature .box2{display:flex; box-sizing: border-box;}
#feature .content1{width:50%;}

#feature .content2{width:50%;}
#feature h4{top: 50%;transform: translateY(-50%); margin:auto; position:relative; font-size:2rem;}
#feature .marker {background-image:url("../img/index/ami.png"); background-repeat: repeat-x; background-size: 100% 50%;background-position-y: 1.5rem;font-weight:500;}
#feature .reasonno{background-image:url("../img/index/aka.png"); top:0px; left:0px; position:absolute; width:120px; height:120px;  background-size: contain;}
#feature .midashi1{color:#A99456; margin:40px auto; font-weight:bold;text-align:center;}

#feature .midashi2{align-items: center; display: flex; justify-content: center;}
#feature .midashi2::before, .midashi2::after { background-color: #000; content: ""; height: 1px; width: 30px;}
#feature .midashi2::before{margin-right: 5px;}
#feature .midashi2::aftter{margin-left: 5px;}
#feature ul{width:100%; margin:20px auto;}
#feature li{display:block ;font-size:1em; letter-spacing:.1em; line-height:2.2em; font-weight:bold; text-indent: -1em; padding-left: 1rem; margin-bottom:20px;}
#feature li::before{content:"\02714"; color:#3D9BE9;}
#feature .box3{width:100%; margin:40px auto; position:relative; }
#feature .fusen{width:180px; position:absolute; top:0; transform: translateY(-0%); left:22%; z-index:1; }

#feature .box4{display:flex; box-sizing: border-box;width:100%x; z-index:0}
#feature .content3{width:20%; padding-right:12px;}
#feature .content3 img{ top:50%;transform: translateY(-50%);position:relative;}
#feature .content4{width:80%; box-sizing: border-box; }


#feature .fukidashi{position: relative; display: inline-block;  margin: 1.5em 0 1.5em 15px;  padding: 30px 20px 20px 20px;  min-width: 120px; width: auto;  background: #F0EEEC; border:2px solid #6B5647}
#feature .fukidashi::before{content: "";  position: absolute;  top: 50%;  left: -30px;  margin-top: -15px;  border: 15px solid transparent;  border-right: 15px solid #6B5647;}

@media screen and (max-width: 980px) {
#feature .box1{width:96%;}
#feature .kakomi{width:100%; padding: 50px 30px 30px 30px;}
#feature .box4 {  width: 100%;}
#feature li{line-height:1.6em; margin-bottom:20px;}
}



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

#feature .box2{flex-wrap: wrap;}
#feature .content1{width:100%;order: 2;}
#feature .content2{width:100%;order: 1; margin-bottom:20px;}
#feature .box4{flex-wrap: wrap; flex}
#feature .content3{width:35%;order: 2; margin:0px auto;}
#feature .content4{width:100%;order: 1; margin-bottom:0px;}
#feature .fukidashi{margin-left:0px;}
#feature .fukidashi::before{top:100%; left:50%; transform: translateX(-50%);border: 15px solid transparent; border-top:15px solid #6B5647;margin-top: 0px}
#feature .fukidashi{margin-left:0;} 
#feature .midashi1{line-height:1.6em;}
#feature .midashi2{line-height:1.6em;}
#feature .fusen{transform: translateX(-50%); left:50%; }
}



/*------------------
index 事例
--------------------*/
#case .box1{display:block;width:100%; background-color:#fff; margin:60px auto 30px auto;}
#case .kakomi{width:980px; margin:0 auto;}
#case .box2{display:flex; box-sizing: border-box;}
#case .content1{width:90px;}
#case .content1 img{height:100%;}
#case .content2{width:90%; border-bottom:5px #F599B9 dashed;  box-sizing: border-box; padding-bottom: 5px;}
#case h4{font-size:1.4rem; text-align:left}
#case .mama{color:#E52C76;}
#case p {text-align:right;  margin-top:5px;}


#case .box3{display:flex; box-sizing: border-box; margin:25px 15px; justify-content:space-between;}
#case .content3-1{width:48%;}
#case .content3-2{width:48%;}
#case .content4{width:2%;}
#case .content4 img{height:10%; top:50%; transform: translate(-50%, -50%); left:50%;position:relative;}

#case .before {border:1px #aaa solid; border-radius:20px; padding:20px;}

#case .before p{ color:#3D9BE9; border-bottom:1px #aaa dashed; text-align:left; font-weight:bold;  font-size:1.8em;}
#case .after {border:1px #F60419 solid; border-radius:20px; padding:20px; }
#case .after p{ color:#F60419; border-bottom:1px #aaa dashed; text-align:left; font-weight:bold;  font-size:1.8em; }

#case .box3 dl{display:flex; flex-wrap: wrap; margin:20px auto 0px auto;}
#case .box3 dd{width:75%; line-height:1.8em; font-size:.9em;}
#case .box3 dt{width:25%;  line-height:1.8em; font-size:.9em;}
#case .box3 .asta{text-indent: -1em; padding-left: 1rem; display:inline-block;}
#case .box3 .asta::before{content: "： ";}
#case .box4 dl{display: block; width:900px; margin:30px auto;}
#case .box4 dt{display: block; width:100%; font-size:1.2em; border-bottom: dotted 2px #908278; font-weight:bold; line-height:1.8em; margin:10px 0px;}
#case .box4 dd{display: block; width:100%; line-height:1.8em; margin-bottom:15px;}
#case .box5{display:block;width:950px; background-color:#fff; margin:20px auto ;border:1px #aaa solid; border-radius:20px; padding:15px 30px; box-sizing: border-box;}
#case .content5{width:10%;}
#case .content5 img{height:100%;}
#case .content6{width:90%; border-bottom:5px #CED7E8 dashed;  box-sizing: border-box;  font-weight:bold}
#case .ag{position:relative; top:50%; display:block;}
#case .agent{line-height: 1.8em; margin-bottom: 15px; text-align:left; margin-top:20px;}

#case .box6{display:block;width:100%; background-color:#fff; margin:40px auto 30px auto;}
#case .box6 ul{width:100%; margin:40px auto 20px auto;}
#case .box6 li{display:block ;font-size:1.1em; line-height:2.4em; font-weight:bold; margin-bottom:20px;text-indent: -1em; padding-left: 1rem;}
#case .box6 li a{text-decoration:underline; }
#case .box6 li::before{content:"\03e"}
#case .content7{width:980px; margin:0 auto; }
#case .cases{ border-bottom: dotted 1px #666; font-weight:bold}

#case .box7{width:300px; background-color:#fff; margin:20px auto 60px auto; padding:15px; font-size:.9em; text-align:center; color:#515151;}
#case .box7 img{ border:1px solid #000;}

@media screen and (max-width: 980px) {
#case .box1{width:96%;}
#case .kakomi{width:100%;}
#case h4{font-size:1.2rem;}
#case .box4 dl{width:96%;}
#case .box5{display:block;width:100%;padding:15px 20px; }
#case .content7{width:96%;}

}


@media screen and (max-width: 640px) {
#case .content1{width:50px;}
#case h4{font-size:1rem;line-height: 1.6em}
#case .box3 {flex-wrap: wrap;}
#case .content3-1{width:100%;}
#case .content3-2{width:100%;}
#case .content4{width:100%; height:40px;}
#case .content4 img{height:40%; top:50%; transform: translateX(-50%) translateY(-50%) rotate(90deg); left:50%;}
#case .content1 img{height:auto;}
#case p {font-size:.9em;}
#case .ag{top:20%}
#case .cases{font-size:1.2em;}
#case .box6 li{font-size:1em; line-height:1.8em; }
#case .box7{width:90%; max-width:300px;}
}

/*------------------
entryページ
--------------------*/

#entry #consultant .box1{width:100%; margin:0px auto 40px auto;}
#entry #consultant .box1 p{}
#entry #consultant .access{width:980px; margin: 40px auto 0px auto; display:block;}
#entry #consultant .box2{display:block;width:100%; background-color:#F3F4F6; padding-top:60px;padding-bottom:60px; margin-bottom:0px;}
#entry #consultant .txt{display:block;margin:20px auto 30px auto;width:90%; max-width:1200px;}
#entry #consultant .po-webparts-container{}
#consultant table {width:100%; margin:30px auto 0px auto;}
#consultant table::after {content: "※は必ずご記入ください。";margin: 0px; color: red;font-size:.9em;}

/*ラベル*/
#entry #consultant .po-label{width:20%; background-color:#F7F8F9; padding:5px;}
#entry #consultant .po-normal{padding:10px; border:solid #515151 1px; border-collapse: collapse; box-sizing:border-box;}
#entry #consultant .po-normal span {margin: 5px auto;}
#entry #consultant .po-remark{margin:5px auto auto 0px; font-size:0.9em; }
#entry #consultant .po-row-item-container .po-input {display:flex; align-content: center; align-items: baseline;} 
#entry #consultant .po-row-item-container .po-input input{ border:solid #515151 1px; width:100%; height:30px; display:flex; align-items: baseline;  justify-content:left;}
#entry #consultant .po-row-item-container .po-year{ margin-right:5px; width:25%;min-width:40px;}
#entry #consultant .po-row-item-container .po-month{ margin-left:20px;margin-right:5px; width:25%;min-width:40px;} 
#entry #consultant .po-row-item-container .po-day{ margin-left:20px;margin-right:5px; width:25%;min-width:40px;} 
#entry #consultant .po-input textarea { border:solid #515151 1px; border-collapse: collapse; margin-left:0px; margin-right:10px;  width:100%; height:50px; resize:none;width:100%;}
#entry #consultant .po-buttons{margin:20px; }
#entry #consultant .po-button-outer {width:100%;}
#entry #consultant .po-button-inner{text-align:center;}
#entry #consultant .po-buttons button{margin:20px auto; letter-spacing: 0.2em;}

#entry #consultant .po-validation{display:none;}
#entry #consultant .po-checkbox-root{display:inline-block;  width:100%!important;}
#entry #consultant .po-checkbox{width:100%!important;}
#entry #consultant .po-checkbox >div {width:100%;}
#entry #consultant .po-checkbox-parent{width:25px!important; accent-color:#004EA2; color:#fff;border:solid #aaa 1px;}

#entry #consultant .po-checkbox-parent input[type="checkbox"]  { border:solid #008700 1px; margin-left:0px;}
#entry #consultant .po-checkbox >div{ font-size:0.9em;}
#entry #consultant .po-checkbox >div >span::after{content:"個人情報に基づく表示は下記をご確認ください。";}
#entry #consultant .box2{display:block;width:100%; background-color:#F3F4F6; padding-top:30px;padding-bottom:60px; margin-bottom:0px;}
#entry #consultant .txt{display:block;margin:20px auto 30px auto;width:980px;font-size:0.8em;}
/*必須項目*/
#entry #consultant .po-required-elem::after{content:"※"; color:#ff0000;}

@media screen and (max-width: 980px) {
#entry #consultant .access{width:96%;}
#entry #consultant .txt{display:block;margin:20px auto 30px auto;width:90%;font-size:0.8em;}
#entry #consultant .po-normal span {font-size:.9em;}
#entry #consultant .po-joblist{margin:0px auto; padding: 0px;}
#entry #consultant .po-webparts-container{}
}
@media screen and (max-width: 640px) {
#entry #consultant .po-label{width:100%;}
#entry #consultant table {border-top:solid #aaa 1px}
#entry #consultant .po-normal{ border-top:none;}

#entry #consultant .po-canentryform tr{display:block;}
#entry #consultant .po-canentryform th{display:block; text-align:left;}
#entry #consultant .po-canentryform td{display:block;}
#entry #consultant .po-canentryform .po-normal td{ppadding-bottom: 10px; padding-top: 10px; padding-left: 20px; width:100%; box-sizing:border-box;}
#entry #consultant .po-single {}
#entry #consultant .box1 p{font-size: 1em; width:90%; margin:auto;}
#entry #consultant .po-input input{width:100%; height:30px; }
#entry #consultant .po-row-item-container .po-input {display:flex; align-content: center;  align-items:center;} 
#entry #consultant .po-row-item-container .po-year{ margin-right:5px;}
#entry #consultant .po-row-item-container .po-month{ margin-left:20px;margin-right:5px;} 
#entry #consultant .po-row-item-container .po-day{ margin-left:20px;margin-right:5px;} 
#entry #consultant .po-input textarea {margin:0px auto;  width:100%;}

}

@media screen and (max-width: 480px) {
#entry #consultant .po-canentryform .po-label {width:100%;}
#entry #consultant .po-canentryform .po-normal{width:100%;}
#entry #consultant .po-single{width:100%;}


}
/*#########----------------------------

=====常勤=====

検索フォーム＆結果統一

-----------------------------#########*/

#searchindex #job-search .box1{display:block;width:100%; margin:0px auto 60px auto;}
#searchindex #job-search .search{width:980px; margin:40px auto 0px auto;}
#searchindex #job-search .label{margin:0px auto  20px auto; width:100%; font-size:1.4em;}
#searchindex #job-search .kubun{color:#fff; padding:5px;position:relative; left:0px; top:0px; width:12%; min-width:90px; text-align:center; display:inline-block; margin-right:5px}

#searchindex .po-title {font-size: 1.3em; padding-bottom: 10px;}
#searchindex table {width:100%; margin:0px 0px 20px 0px;; box-sizing: border-box;}
#searchindex .po-contents-wrapper{width:90%; margin:auto;}

#job-search .formtxt{font-size:1.2em; margin-bottom:10px!important; text-align:center!important;}
#searchindex .po-contents-wrapper{width:90%; margin: 20px auto;}

@media screen and (max-width: 1400px) {
#searchindex #job-search .kubun{width:12%;}
}

@media screen and (max-width: 980px) {
#searchindex #job-search .search{width:96%;;}
}

@media screen and (max-width: 470px) {
#searchindex #job-search .box1{margin-bottom:40px;}
}

/*フォーム周囲の設定　囲み*/
#searchindex #job-search .po-joblist{}

/*テーブル内の区切り線 TR*/
#searchindex #job-search .po-single{}
/*テーブル内の距離 td*/
#searchindex #job-search .po-normal{ padding-bottom:10px; padding-top:10px; border:solid #515151 1px; font-size:.9em;box-sizing: content-box;}
/*フォームの設定　チェックボックスの改行無効可*/
#searchindex #job-search .po-checkbox-root >br{display:none;} 
/*項目*/
#searchindex #job-search .po-label{width:180px; background-color:#F7F8F9;}
#searchindex #job-search .po-label >span {display:inline-block; margin:auto;}

/*フォーム　テーブルTD（フォーム本体）*/
#searchindex #job-search .po-canentryform td .po-normal{margin:20px 20px 40px 20px;}
/*フォーム要素の設定　INPUT
/*チェックボックス非表示　INPUT
#searchindex #job-search .po-checkbox-parent{display:none;}*/
/*フォーム要素の外側設定*/
#searchindex #job-search .po-row-item-container .po-input {display:flex; flex-wrap:wrap; align-content: center; align-items: baseline;margin-left:10px;} 
/*フォーム要素の設定　チェックボックス外側設定*/
#searchindex #job-search .po-checkbox-root{display:inline-block;  width:100%;}
#searchindex #job-search .po-checkbox{width:100%;}
#searchindex #job-search .po-checkbox >div {width:auto; margin-right:20px;}
#searchindex #job-search .po-checkbox >span {width:auto; display:block;}
#searchindex #job-search .po-checkbox-parent{width:18px!important; margin-left:0px; margin-right:5px; height:28px; align-items: baseline;}
/*フォーム要素の設定　セレクトボックス設定*/
/*ボタン*/
#searchindex #job-search .po-buttons{padding-top:0px;}
#searchindex button{margin:30px auto; font-weight: 600;}
#job-search button{margin:30px auto 40px auto; font-weight: 600;}






/*#########検索結果#########*/

#searchindex #job-search .po-header-left{margin-bottom:0px;}
/*求人タイトル*/
#searchindex #job-search .po-value{ text-indent: -1.5em; padding-left: 2rem; font-size:.9em;}
#searchindex #job-search .po-title{font-size:1.6em; margin:10px auto;}
#searchindex #job-search #f .po-title .po-value:before{content:"● "; color: #035cc0; }

#searchindex #job-search #p .po-title .po-value:before{content:"● "; color: #ce0f93;}
/*非表示にしたボタンメニュー↓*/
#searchindex #job-search .po-header-right{display:none; justify-content: flex-end; margin:0px 0px 5px auto;}
#searchindex #job-search .po-header-right button{padding-top:5px;padding-bottom:5px; font-size:0.5em; width:100px;}
#searchindex #job-search .po-header-right >.po-button-search-outer{width:100px; margin-right:10px;}
#searchindex #job-search .po-header-right >.po-button-search-inner{width:100px;}
#searchindex #job-search .po-header-right >.po-button-search{width:100px;}
/*非表示にした↑*/

/*ボタン*/
#ssearchindex #job-search .po-job-footer{margin-top5px; margin-bottom:60px;}

#searchindex #job-search .po-button-seemore{width:100%; border: none; background-color: #151D68; color: #fff; padding: 15px; font-size: 1.4em;  border-radius:0px;}
#searchindex #job-search .po-button-seemore:hover{color:#aaa;}

/*#searchindex #job-search .po-button-seemore::after{content:''; display: inline-block; width:32px; height:24px; background-image: url(../img/arrow_b.png); background-size: contain; vertical-align:middle;background-repeat: no-repeat;}*/
#searchindex #job-search .po-job-item{margin:30px auto 40px auto; border-bottom: dotted 1px #515151;}
/*#########求人詳細POPUP#########*/

#searchindex .po-webparts-modal-container{background-color:#fff!important; opacity:1!important;  height:auto!important;}
#searchindex .po-webparts-modal-overlay{background-color:#000;opacity:0.5!important; }
#searchindex .po-webparts-modal-container .po-header{text-align:center; font-size:1.8em; margin:30px auto;}

#searchindex .po-webparts-modal-container td th{ border:solid #aaa 1px ;}
#searchindex .po-webparts-modal-container .po-label{width:20%;}
#searchindex .po-webparts-modal-container .po-label >span { text-align:left;}
#searchindex .po-webparts-modal-container .po-buttons{padding-top:0px; padding-bottom:20px; background-color:#fff}

/*#########エントリーPOPUP#########*/
#searchindex .po-webparts-modal-container .po-normal{padding:10px;margin:auto; border:solid #515151 1px;  border-collapse: collapse;}
#searchindex .po-webparts-modal-container .po-label{ background-color:#F7F8F9;}
#searchindex .po-webparts-modal-container .po-label >span { text-align:left;}
#searchindex .po-webparts-modal-container .po-canentryform td .po-normal{margin:20px 20px 40px 20px;}
#searchindex .po-webparts-modal-container .po-buttons{margin-top:0px auto;}
#searchindex .po-webparts-modal-container .po-input input{ border:solid #aaa 1px; width:100%; height:30px; display:flex; align-items: baseline;  justify-content:left; border-radius:3px;}
#searchindex .po-webparts-modal-container button{margin-bottom:15px; }
#searchindex .po-webparts-modal-container .po-checkbox-parent{width:30px!important; height:30px;}
#searchindex .po-webparts-modal-container .po-checkbox span{font-size: 0.9em; margin:5px auto;}
#searchindex .po-webparts-modal-container .po-row-item-container .po-input {width:100%; margin:auto; display:flex; align-content: center;justify-content:left; align-items:flex-end;s} 
#searchindex .po-webparts-modal-container .po-input .po-year{width:45px; margin:auto 5px auto 0px;}
#searchindex .po-webparts-modal-container .po-input .po-month{width:45px; margin:auto 5px auto 20px;}
#searchindex .po-webparts-modal-container .po-input .po-day {width:45px; margin:auto 5px auto 20px;}
#searchindex .po-webparts-modal-container .po-checkbox > div{width:100%;}
#searchindex .po-webparts-modal-container .po-input textarea { border:solid #aaa 1px; margin:auto;  width:100%; height:50px; resize:none;  border-radius:3px;}
#searchindex .po-webparts-modal-container .po-checkbox >div >span::after{content:"個人情報に基づく表示は下記をご確認ください。";　font-size:0.8em;}
#searchindex .po-webparts-modal-container .po-required-elem::after{content:"※"; color:#ff0000;}

#searchindex #f_popup .po-title .po-value:before{content:"● "; color: #035cc0;}
#searchindex #p_popup .po-title .po-value:before{content:"● "; color: #fc142d;}

#searchindex .po-webparts-modal-container .po-privacy-policy{width:100%; margin:0px auto 30px auto; font-size:0.8em; }
#searchindex .po-webparts-modal-container .po-remark{font-size:0.9em; margin:5px auto;}
#searchindex  .po-privacy-wrap::before{content:"※は必ずご記入ください。"; width:100%; margin:0px; display:block;color:red;}


@media screen and (max-width: 980px) {
#searchindex #job-search .po-label{width:30%;}

#job-search .box1 table{width:100%; margin:10px auto 20px auto;}
#job-search .h3form{width:90%;padding:10px 0px; }
#searchindex #job-search .po-title{font-size:1.4em; font-weight:400;}
#searchindex .po-webparts-modal-container .po-title{font-size:1.2em;}
#searchindex .po-webparts-modal-container .po-label{width:30%;font-size:1em;}
#searchindex .po-webparts-modal-container table{width:90%; margin:20px auto;}
#searchindex .po-webparts-modal-container .po-privacy-policy{width:90%;}
#searchindex  .po-privacy-wrap::before{width:90%;}
#searchindex .po-contents-wrapper{width:95%; margin:20px auto;}
#searchindex .po-webparts-modal-container button {width:50%; font-size:1em;} 

}


@media screen and (max-width: 640px) {
#searchindex #job-search tbody{ border-bottom:solid #aaa 1px;}
#searchindex #job-search .po-joblist tr{display:block;  box-sizing:border-box;}
#searchindex #job-search .po-joblist th{display:block; text-align:left;  box-sizing:border-box; padding:5px;}
#searchindex #job-search .po-joblist td{display:block;  box-sizing:border-box;}
#searchindex #job-search .po-title{}
#searchindex #job-search .po-label{width:100%; display:block;}
#searchindex #job-search .po-normal{width:100%; display:block; border-bottom:none;} 
#searchindex #job-search .po-single{ border-bottom:none;}
#searchindex #job-search .po-label >span {margin:0px;}
#searchindex #job-search .po-normal >span {margin:0px;}
#searchindex #job-search .po-label{ background-color:#F7F8F9;}
#searchindex #job-search .label{font-size:1.2em;}


#searchindex .po-webparts-modal-container{width:100%!important;  left:0px!important;}
#searchindex .po-webparts-modal-container .po-header{text-align:center; ;}
#searchindex .po-webparts-modal-container table{width:90%; margin:20px auto 5px auto; }
#searchindex .po-webparts-modal-container tbody{ border-bottom:solid #aaa 1px;}
#searchindex .po-webparts-modal-container tr{display:block; box-sizing:border-box;}
#searchindex .po-webparts-modal-container th{display:block; text-align:left; box-sizing:border-box; padding:0px 2%!important;}
#searchindex .po-webparts-modal-container td{display:block;  box-sizing:border-box; font-size:0.9em; padding:10px 2%!important; }
#searchindex .po-webparts-modal-container .po-label{width:100%; background-color:#F7F8F9;}
#searchindex .po-webparts-modal-container .po-normal{width:100%; border-bottom:none;}
#searchindex .po-webparts-modal-container .po-single{}
#searchindex .po-webparts-modal-container .po-buttons button{width:80%;}

}


@media screen and (max-width: 480px) {
#searchindex #job-search .po-title{font-size:1.2em;}
#searchindex #job-search .po-label{font-size:1em;}
#searchindex #job-search .po-normal{}
#searchindex #job-search .po-row-item-container .po-input {font-size:0.9em;} 
#searchindex #job-search .po-job-item{margin:20px auto 20px auto;}
#job-search .box1{margin:0px auto;}
#job-search .kubun{width:20%; min-width:70px;}
}


#entry #consultant .righttxt{margin-top:20px;text-align:right;}
#entry #consultant .righttxt a{font-size:1.2em;}


/*----------------------
新着求人 お問い合わせフォーム
-----------------------*/

#contact .box1{width:100%; margin:0px auto 40px auto; min-height:50vh;}
#contact .form{width:980px; margin:40px auto 0px auto;}
#contact .confirm{display:flex; flex-wrap: wrap; margin:20px auto;}
#contact .confirm li{display:block; width:100%; margin:5px auto; box-sizing:boeder-box;  color:#52629c;}
#contact .cap{width:100%; margin-bottom:5px; font-size:1em;  color:#333;}
#contact .txt{margin-bottom:10px;}
#contact .btn{display:inline-block; color:#515151; background-color:#fff;letter-spacing: 0.1em; border: solid #aaa 3px;  font-size: .9em; padding: 5px 30px;cursor:pointer; font-family:'Noto+Serif+JP:wght@200&display=swap',serif; border-radius:50px; margin:5px;}
#contact .btn:hover{transition: 0.2s; -webkit-transition: 0.2s; color:#aaa;} 
#contact .formtxt{height:20px; border: solid #aaa 1px; border-radius:2px; border-radius:3px;  }
#contact .formarea{height:80px; width:500px; resize: none; border: solid #aaa 1px; border-radius:3px;  }
#contact .formsubtxt{vertical-align : bottom; margin-left:3px;}

@media screen and (max-width: 980px) {
#contact .box1{width:90%; margin:0px auto 40px auto; min-height:10vh;}
#contact .form{width:100%; margin:40px auto 0px auto;}
#contact .btn{ font-size: .9em; padding: 5px 30px;}
#contact .formtxt{height:20px; border: solid #aaa 1px; border-radius:2px; border-radius:3px;  width:100%;}
#contact .formarea{height:80px; width:500px; resize: none; border: solid #aaa 1px; border-radius:3px; width:100%; }

}



/*iframe*/

iframe {width: 100%;}


.close{display:none!important;}
.open{display:block!important;}


/*スペシャル1*/
#special1 .box1{display:block;width:100%; background-color:#fff; padding-top:60px;margin-bottom:0px;}
#special1 .container_sp .content_img{width:30%;}
#special1 .container_sp .content_txt{width:70%;}
#special1 .container_sp .content_txt div{font-size:1.2em; margin:auto; width:94%; top: 50%; transform: translateY(-50%); margin:auto; position:relative;  font-weight: 600;}
#special1 .container_sp .button{display:block; background-color:#fff; border:#aaa 1px solid; border-radius:2px; margin:15px auto; width:300px;}
#special1 .container_sp .button:hover{color:#aaa;}
#special1 .container_sp .button p{font-size:.7em; margin:10px auto; text-align: center; display:block;} 
@media screen and (max-width: 640px) {
#special1 .container_sp .content_img{width:100%;}
#special1 .container_sp .content_txt{width:100%;}
#special1 .container_sp .content_txt p{font-size:1em; margin:20px auto; position: static; transform: translateY(0%);}
#special1 .container_sp .content_txt div{font-size:1em;}
#special1 .container_sp .button p{font-size:.7em; margin:10px;} 
#special1 .container_sp .button{width:90%;}
}

/*アンカーリンク位置調整*/
a.anchor{display: block; padding-top: 1px; margin-top: -1px;}


/*topへ戻るボタン*/
.pagetopbtn {position:fixed; bottom:50px; right:20px; display:block;}
.pagetopbtn img{width:25px; padding:15px;}
.pagetopbtn a{background-color:#151D68; color:#fff; display:block;}
.pagetopbtn a:hover{background-color:#829BB7;}

#pagetop{height:55px;width:100%; background-color:#151D68; font-size:15px; font-size:1.2rem; text-align:center; z-index:9999; margin:0px;}
#pagetop a{ color:#fff; display:block;height:55px;width:100%;}
#pagetop a p{top: 50%;transform: translateY(-50%); margin:auto; position:relative;}
#pagetop a:hover{ color:#aaa;}

footer{background:#0A0E34; color:#fff; z-index:99999;display:block; padding:10px 0px; margin-top:0px; margin-bottom:0px;}
footer .notice1{color:#fff; margin:30px auto;font-size:0.8em; width:80%; max-width:1280px }
footer .company{width:80%; margin:20px auto; font-size:.9em; max-width:1280px}
footer .company p{font-size:1.2em; margin-bottom:10px;}
footer dl{display:flex; flex-wrap: wrap}
footer dt { width: 30%;margin: 5px 0px; line-height: 1.4em;}
footer dd{ width: 70%;1.8em;  margin: 5px 0px; line-height: 1.4em;}
footer a:hover{color:#aaa;}
footer a:visited{color:#fff;}