/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


* {
box-sizing:border-box;
vertical-align:top;
/*-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;*/
}

html {
overflow: auto;
height: 100%;
}

body {
font-family: "Roboto","BIZ UDPGothic","ヒラギノ角ゴ Pro W3",  "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:normal;
padding: 0px;
margin: 0px;
font-size: 16px;
line-height:1.5;
color:#333;
background:#fff;
text-align:left;
height:100%;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

section {
text-align:center;
}

p {
padding: 0px;
margin:0 0 1.5em 0;
}

a {
color: #F46F22;
text-decoration:underline;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
a:hover {
/*text-decoration:none;*/
opacity:0.5;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
}

ul {
padding:0px;
margin:0px;
list-style: none;
list-style-type: disc;
}
ul li {
padding: 0px;
margin:0px;
list-style: none;
}

hr {
border:0;
border-bottom:2px solid #a0a0a0;
margin:0 auto;
padding:0;
height:2px;
}

sup {
font-size:10px;
vertical-align: super;
}

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** clearfix *****/
.clearfix:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/***** dsp_none *****/
.dsp_none {
display:none;
}

/***** PCのみ/SPのみ *****/
.pc_only {
display:unset;
}
.sp_only {
display:none!important;
}

/***** align *****/
.al_left {
text-align:left;
}
.al_center {
text-align:center;
}
.al_right {
text-align:right;
}

/***** nobr *****/
.nobr {
display:inline-block;
}

/***** color *****/
.f_orange {
color:#F46F22;
}
.f_pink {
color:#d54288;
}



/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
.container {
  padding-bottom: 100px;
}
/********** 共通 **********/
.inner {
width:980px;
max-width:100%;
margin:0 auto;
padding:50px 20px;
}

/* タイトル */
.section_title {
font-size: 35px;
text-align: center;
color: #000;
margin:0 auto 50px auto;
}

/* ボタン */
/*.btn {
text-align:center;
}
.btn a {
display: inline-block;
position: relative;
margin: 0 auto;
padding: 10px 15px;
background-color: #ed6d00;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
font-size: 12px;
line-height: 1;
border-radius: 0px;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
*/
.btn_pamphlet {
background:#fff;
border:2px solid #5b9bd5;
color: #5b9bd5;
display: block;
box-sizing: border-box;
width: 100%;
max-width:300px;
margin: 5px;
text-decoration: none;
text-align: center;
font-weight: bold;
padding: 20px 50px;
border-radius: 32px;
font-size: 18px;
line-height:24px;
position:relative;
}
.btn_pamphlet:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f138";
position:absolute;
right:20px;
font-size:24px;
}
.btn_pamphlet i {
position:absolute;
left:30px;
top: 50%;
transform: translateY(-50%);
font-size:24px;
}
.btn_pamphlet:hover {
background:#5b9bd5;
color: #fff;
opacity:1;
transition: all 0.5s ease;
}
.btn_tour {
background:#fff;
border:2px solid #58b737;
color: #58b737;
display: block;
box-sizing: border-box;
width: 100%;
max-width:300px;
margin: 5px;
text-decoration: none;
text-align: center;
font-weight: bold;
padding: 20px 50px;
border-radius: 32px;
font-size: 18px;
line-height:24px;
position:relative;
}
.btn_tour:after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f138";
position:absolute;
right:20px;
font-size:24px;
}
.btn_tour i {
position:absolute;
left:30px;
top: 50%;
transform: translateY(-50%);
font-size:24px;
}
.btn_tour:hover {
background:#58b737;
color: #fff;
opacity:1;
transition: all 0.5s ease;
}

/* 会話 */
.dialogue {
margin:auto;
width: 800px;
max-width:100%;
text-align:left;
}
.dialogue .hukidashi *:last-child {
margin-bottom:0;
}
.dialogue .hukidashi strong{
font-weight:bold;
font-size:20px;
color:#ff6e02;
}
.dialogue .hukidashi small {
font-size:14px;
}

.dialogue .dialogue_man {
width:640px;
max-width:100%;
padding:0 0 0 150px;
margin:0 auto 30px 0;
}
.dialogue .dialogue_man .hukidashi{
border-style: solid;
border-width: 5px;
border-image: url(images/balloon_left.png) 0 fill round;
padding:7%;
text-align:center;
position:relative;
}
.dialogue .dialogue_man .hukidashi:before {
content:"";
position:absolute;
left:-150px;
bottom: 0;
background:url(images/dialogue_man.png) no-repeat bottom center;
background-size:150px auto;
display: block;
width:150px;
height: 150px;
}

.dialogue .dialogue_woman {
width:640px;
max-width:100%;
padding:0 150px 0 0;
margin:0 0 30px auto;
}
.dialogue .dialogue_woman .hukidashi{
border-style: solid;
border-width: 5px;
border-image: url(images/balloon_right.png) 0 fill round;
padding:7%;
text-align:center;
position:relative;
}
.dialogue .dialogue_woman .hukidashi:after {
content:"";
position:absolute;
right:-150px;
bottom: 0;
background:url(images/dialogue_woman.png) no-repeat bottom center;
background-size:150px auto;
display: block;
width:150px;
height: 150px;
}

.dialogue .dialogue_woman_big {
max-width:100%;
padding:0 150px 0 0;
margin:0 auto 30px auto;
}
.dialogue .dialogue_woman_big .hukidashi{
border-style: solid;
border-width: 5px;
border-image: url(images/balloon_right_big.png) 0 fill round;
padding:7%;
text-align:left;
position:relative;
}
.dialogue .dialogue_woman_big .hukidashi:after {
content:"";
position:absolute;
right:-150px;
bottom: 0;
background:url(images/dialogue_woman.png) no-repeat bottom center;
background-size:150px auto;
display: block;
width:150px;
height: 150px;
}

.dialogue .caution {
font-size:12px;
margin: 10px 0 0 30px;
}

/********** フローティング要素 **********/
/***** フローティングフッター *****/
.floating_footer {
display:block;
width: 100%;
position: fixed;
bottom:-100%;
background:rgba(0,0,0,.5);
transition: all 0.4s ease;
}
.floating_footer.floating {
bottom:0;
z-index:9999;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.floating_footer .mainbtnwrap {
background:none;
}

.floating_footer .mainbtnwrap .telno {
width: 38%;
margin-right: 2%;
text-align:center;
}
.floating_footer .mainbtnwrap .telno a {
color:#fff;
text-decoration:none;
font-size:40px;
line-height:1;
font-weight:bold;
}
.floating_footer .mainbtnwrap .telno div:before {
content:"お問合せ受付9:00～18:00 日曜定休";
display:block;
font-size:14px;
line-height:1em;
font-weight:normal;
background:#fff;
color:#F46F22;
padding:3px 0px;
margin: 0 auto .5em auto;
border-radius: 1em;
}
.floating_footer .mainbtnwrap .btns {
width:60%;
}
@media screen and (max-width: 1000px){
.floating_footer .mainbtnwrap .telno a {
font-size:4vw;
}
.floating_footer .mainbtnwrap .telno div:before {
font-size:12px;
}

.floating_footer .mainbtnwrap .btn_pamphlet {
padding: 10px 10px;
font-size: 15px;
line-height:20px;
}
.floating_footer .mainbtnwrap .btn_pamphlet:after {
display:none;
}
.floating_footer .mainbtnwrap .btn_pamphlet i {
left:0;
font-size: 15px;

position:relative;
transform: translateY(0%);
}
.floating_footer .mainbtnwrap .btn_tour {
padding: 10px 10px;
font-size: 15px;
line-height:20px;
}
.floating_footer .mainbtnwrap .btn_tour:after {
display:none;
}
.floating_footer .mainbtnwrap .btn_tour i {
left:0;
font-size: 15px;
position:relative;
transform: translateY(0%);
}
}


/********** ヘッダー **********/
.header {
display:block;
position:fixed;
width:100%;
height:66px;
top: 0;
z-index: 1;
background:#fff;
border-bottom:2px solid #d4d4d4;
}
.header .inner {
padding:10px 20px;
display:flex;
align-items: center;
justify-content: space-between;
}

.header .logo {
width:calc(100% - 300px);
max-width: 500px;
}

.header .btns {
max-width: 300px;
display:flex;
align-items: center;
}

.header .btns .btn_pamphlet {
margin: 0 5px;
padding: 10px 30px;
border-radius: 22px;
font-size: 14px;
line-height:20px;
}
.header .btns .btn_pamphlet:after {
display:none;
}
.header .btns .btn_tour {
margin: 0 5px;
padding: 10px 30px;
border-radius: 22px;
font-size: 14px;
line-height:20px;
}
.header .btns .btn_tour:after {
display:none;
}


/********** メインVIS **********/
.mainvis {
background:#fff url(images/mv_bg.png) no-repeat bottom -50px center;
background-size:1920px auto;
text-align:left;
position:relative;
margin-top:66px;
padding: 0;
border-bottom:2px solid #d4d4d4;
}
.mainvis .inner {
width:980px;
max-width:100%;
margin:auto;
padding: 30px;
position:relative;
background:url(images/mv_illust.png) no-repeat bottom right;
background-size:contain;
}

.mainvis .mv_tit {
padding:0;
margin:0 0 30px 0;
}

.mainvis .mv_data {
display:flex;
flex-wrap:wrap;
font-size:18px;
line-height:1.3;
}

.mainvis .mv_data .shushokusha {
color:#F46F22;
background:#fff;
border:2px solid #F46F22;
border-radius:50%;
text-align:center;
width:180px;
height:180px;
display:flex;
align-items: center;
justify-content: center;
}
.mainvis .mv_data .shushokusha strong {
font-size:28px;
color:#F46F22;
font-weight:bold;
}
.mainvis .mv_data .shushokusha small {
font-size: 12px;
vertical-align: text-top;
margin-left:.3em;
}
.mainvis .mv_data .kyoten {
color:#F46F22;
background:#fff;
border:2px solid #F46F22;
border-radius:50%;
text-align:center;
width:180px;
height:180px;
display:flex;
align-items: center;
justify-content: center;
margin-right:10px;
}
.mainvis .mv_data .kyoten strong {
font-size:42px;
color:#F46F22;
font-weight:bold;
}
.mainvis .mv_data .kyoten small {
font-size: 12px;
vertical-align: text-top;
margin-left:.3em;
}
.mainvis .mv_data .notes {
font-size: 12px;
width: 100%;
margin:20px auto 0 auto;
}
@media screen and (max-width: 900px){
.mainvis .mv_tit {
max-width:72%;
}
}
@media screen and (min-width: 1920px){
.mainvis {
background:#fff url(images/mv_bg.png) no-repeat bottom -50px center;
background-size:contain;
}
}

/********** ボタン帯 **********/
.mainbtnwrap{
padding: 10px 0 ;
background: #f2f2f2 ;
}
.mainbtnwrap .inner {
display:flex;
flex-wrap:wrap;
align-items: center;
padding: 0 20px;
}

.mainbtnwrap .message {
width:100%;
}
.mainbtnwrap .message big{
color:#000;
font-size:24px;
line-height: 1.3;
display: inline-block;
font-weight: bold;
letter-spacing: .05em;
margin:20px auto;
}
.mainbtnwrap .message small{
color:#333;
font-size:12px;
line-height: 1.3;
display: inline-block;
font-weight: normal;
position:relative;
padding-left:1.5em;
margin:20px auto;
}
.mainbtnwrap .message small:before {
content:"※";
position:absolute;
left:0;
}
.mainbtnwrap .btns {
width:100%;
display:flex;
align-items: center;
justify-content: center;
}

/*MV直下*/
.mainbtnwrap.under_mv{
padding: 10px 0 ;
background: #f2f2f2 ;
text-align:left;
}
.mainbtnwrap.under_mv .message {
width: 30%;
margin-right:2%;
}
.mainbtnwrap.under_mv .message big{
margin:10px auto 0 auto;
}
.mainbtnwrap.under_mv .message small{
margin:5px auto;
}
.mainbtnwrap.under_mv .btns {
width: 68%;
}
.mainbtnwrap.under_mv .under_mv_pc_only {
display:block;
}
.mainbtnwrap.under_mv .under_mv_sp_only {
display:none;
}

/********** こんなお悩みはありませんか？ **********/
.onayami {
padding: 40px 0;
background:url(images/check_bg_orange.png) repeat center center;
}

.onayami .onayami_box {
background:#fff;
width:100%;
max-width:1000px;
padding:50px 50px 20px 50px;
margin:0 auto 100px auto;
position: relative;
border-radius: 10px 10px 0 0;
box-shadow:0 0px 5px 0 rgba(0, 0, 0, .5);
}
.onayami .onayami_box:after {
content:"";
background:url(images/onayami_box_bg.png) no-repeat bottom center;
width: 100%;
height: 100px;
display: block;
position: absolute;
bottom: -100px;
left: 0;
}
.onayami .onayami_box .section_title{
margin-bottom:20px;
}

.onayami .onayami_box .onayami_img_pc {
display:block;
}
.onayami .onayami_box .onayami_img_sp {
display:none;
}

.onayami .inner {
}

.onayami .point_block{
background:#fff;
border:2px solid #ff6e02;
border-radius:20px;
padding:50px;
width:728px;
max-width:100%;
margin:60px auto;
position:relative;
}

.onayami .point_block .point_number{
position:absolute;
top:-45px;
left:50%;
width:200px;
background:#fff;
border-radius:20px;
transform: translateX(-50%);
}

.onayami .point_block .point_block_flex {
display:flex;
text-align:left;
}
.onayami .point_block .point_block_flex .point_img {
width:200px;
margin-right:30px;
}
.onayami .point_block .point_block_flex .point_txt {
width:calc(100% - 230px);
}
.onayami .point_block .point_block_flex .point_txt *:last-child{
margin-bottom:0;
}
.onayami .point_block .point_block_flex .point_txt .point_tit {
font-size:20px;
margin-bottom:1em;
color:#000;
}

/********** ご利用から復職までの流れ **********/
.rework_flow {
padding: 0;
}
.rework_flow .rework_flow_step ul {
display:flex;
margin:0 auto 30px auto;
}
.rework_flow .rework_flow_step ul li {
background:url(images/check_bg_blue.png) repeat center center;
border:2px solid #4b4e94;
border-radius:20px;
width:calc(100% / 3 - 20px);
margin:10px;
padding:30px;
position:relative;
}
.rework_flow .rework_flow_step ul li .rework_flow_step_number {
position:absolute;
top:-10px;
left:-10px;
width:40px;
height:40px;
font-size:20px;
line-height:40px;
font-weight:bold;
color:#fff;
background:#4b4e94;
border-radius:50%;
}
.rework_flow .rework_flow_step ul li .rework_flow_step_img {
margin:0 auto 1em auto;
}
.rework_flow .rework_flow_step ul li .rework_flow_step_tit {
font-size:18px;
color:#000;
font-weight:bold;
margin:0 auto .5em auto;
}
.rework_flow .rework_flow_step ul li .rework_flow_step_txt {
text-align:left;
}

/*交通費＆ランチ*/
.rework_flow .carfare_lunch {
margin:60px auto;
}
.rework_flow .carfare_lunch ul {
display:flex;
margin:0 auto 30px auto;
}
.rework_flow .carfare_lunch ul li {
width:calc(100% / 3 - 20px);
height:0;
padding-top:calc(100% / 3 - 20px);
margin:10px;
position:relative;
border-radius:50%;
background:#f0faec;
border:2px solid #9add82;
}
.rework_flow .carfare_lunch ul li:nth-child(2) {
background:#fff1e7;
border:2px solid #f7cbb4;
}
.rework_flow .carfare_lunch ul li:nth-child(3) {
background:#e8f8fe;
border:2px solid #a0dff8;
}
.rework_flow .carfare_lunch ul li .carfare_lunch_inner {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size:20px;
line-height:1.3;
font-weight:bold;
width: 100%;
padding: 20px;
}
.rework_flow .carfare_lunch ul li .carfare_lunch_inner small {
font-size:14px;
font-weight:normal;
}
.rework_flow .carfare_lunch ul li .carfare_lunch_inner img {
display:block;
margin:5px auto 0 auto;
}

.rework_flow .carfare_lunch .caution {
font-size:12px;
text-align:left;
display: inline-block;
}

/********** 事業所一覧 **********/
.officelist {
padding: 0;
background:#fff;
}

/*タブ*/
ul.tab {
display:block;
font-size:0;
padding:0 !important;
margin:0 0 20px 0!important;
display:flex;
flex-wrap:wrap;
}
ul.tab li {
font-size:16px;
font-weight:normal;
/*width: calc((100% - 90px) / 10);*/
width: calc((100% - 88px) / 11);
text-align:center;
cursor:pointer;
padding:10px 0;
margin:4px;
border-radius: 5px;
display:inline-block;
box-sizing: border-box;
background:#fff;
border:2px solid #4B4E94;
color:#333;
}

ul.tab li::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f0da";
margin-right: .3em;
}

ul.tab li.active {
background:#4B4E94;
border:2px solid #4B4E94;
color:#fff;
}

/*エリア*/
.area {
display:none;
width:100%;
text-align:left;
}
.area.show {
display:inline-block;
}

.area .googlemap {
margin-bottom: 20px;
}
.area .googlemap iframe {
width: 100%;
height: 480px;
border: 0;
}

.area h3 {
font-size: 18px;
color: #fff;
padding: 4px 10px;
border-radius: 6px;
margin-bottom: 20px;
background: #ed6d00;
text-align: left;
}
.area #rework_office h3 {
background: #4B4E94;
}
.area h3 small{
font-size: 80%;
}
/*
.area .officeaddress {
text-align:left;
margin: 0 auto 20px auto;
}
.area .officeaddress > dt {
font-size: 16px;
font-weight: bold;
color: #333;
margin: 0 0 4px 0;
padding: 4px 0;
position: relative;
width:calc(100% / 4);
display:block;
float:left;
padding-left:1.5em;
box-sizing:border-box;
cursor:pointer;
}
.area .officeaddress > dt:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f0da";
margin-right: .3em;
position: absolute;
top: .4em;
left:.5em;
font-size:14px;
}

.area .officeaddress > dd {
font-size: 18px;
color: #431F0B;
margin-bottom: 20px;
}*/
.area .officeaddress {
margin-left: 0;
margin-bottom: 20px;
}
.area .officeaddress dt {
font-weight: bold;
color: #000;
margin-bottom: 4px;
padding: 4px 0;
position: relative;
box-sizing:border-box;
display:block;
float:left;
width:33.333333%;
padding-left:40px;
font-size: 18px;
}
.area .officeaddress dt:before{
position: absolute;
top: 4px;
left:0;
}
.area .officeaddress dt:before {
display:block;
background:#431f0b;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 50%;
text-align: center;
font-size: 12px;
color: #fff;
}
.area .officeaddress dt a {
color:#000;
}
.area .officeaddress .r1:before{
content:"1";
}
.area .officeaddress .r2:before{
content:"2";
}
.area .officeaddress .r3:before{
content:"3";
}
.area .officeaddress .r4:before{
content:"4";
}
.area .officeaddress .r5:before{
content:"5";
}
.area .officeaddress .r6:before{
content:"6";
}
.area .officeaddress .r7:before{
content:"7";
}
.area .officeaddress .r8:before{
content:"8";
}
.area .officeaddress .r9:before{
content:"9";
}
.area .officeaddress .r10:before{
content:"10";
}
.area .officeaddress .r11:before{
content:"11";
}
.area .officeaddress .r12:before{
content:"12";
}
.area .officeaddress .r13:before{
content:"13";
}
.area .officeaddress .r14:before{
content:"14";
}
.area .officeaddress .r15:before{
content:"15";
}
.area .officeaddress .r16:before{
content:"16";
}
.area .officeaddress .r17:before{
content:"17";
}
.area .officeaddress .r18:before{
content:"18";
}
.area .officeaddress .r19:before{
content:"19";
}
.area .officeaddress .r20:before{
content:"20";
}
.area .officeaddress .r21:before{
content:"21";
}
.area .officeaddress .r22:before{
content:"22";
}
.area .officeaddress .r23:before{
content:"23";
}
.area .officeaddress .r24:before{
content:"24";
}
.area .officeaddress .r25:before{
content:"25";
}
.area .officeaddress .r26:before{
content:"26";
}
.area .officeaddress .r27:before{
content:"27";
}
.area .officeaddress .r28:before{
content:"28";
}
.area .officeaddress .r29:before{
content:"29";
}
.area .officeaddress .r30:before{
content:"30";
}
.area .officeaddress .r31:before{
content:"31";
}
.area .officeaddress .r32:before{
content:"32";
}
.area .officeaddress .r33:before{
content:"33";
}
.area .officeaddress .r34:before{
content:"34";
}
.area .officeaddress .r35:before{
content:"35";
}
.area .officeaddress .r36:before{
content:"36";
}
.area .officeaddress .r37:before{
content:"37";
}
.area .officeaddress .r38:before{
content:"38";
}
.area .officeaddress .r39:before{
content:"39";
}
.area .officeaddress .r40:before{
content:"40";
}
.area .officeaddress .r41:before{
content:"41";
}
.area .officeaddress .r42:before{
content:"42";
}
.area .officeaddress .r43:before{
content:"43";
}
.area .officeaddress .r44:before{
content:"44";
}
.area .officeaddress .r45:before{
content:"45";
}
.area .officeaddress .r46:before{
content:"46";
}
.area .officeaddress .r47:before{
content:"47";
}
.area .officeaddress .r48:before{
content:"48";
}
.area .officeaddress .r49:before{
content:"49";
}
.area .officeaddress .r50:before{
content:"50";
}
.area .officeaddress .r51:before{
content:"51";
}

.area .officeaddress dd {
display:none;

color: #431F0B;
margin-bottom: 20px;
font-size: 18px;
}

/* officelist_block */
.officelist_block {
margin:0 auto 30px auto;
}
.officelist_block .officelist_block_lead {
text-align:center;
margin: 0 auto 40px auto;
font-size: 18px;
}
.officelist_block .officelist_block_lead strong {
font-weight:bold;
}
.officelist_block .officelist_block_lead big {
font-size: 24px;
vertical-align: unset;
}


/********** お問い合わせからご利用までの流れ **********/
.use_flow {
padding: 0;
background:url(images/check_bg_orange.png) repeat center center;
}

.use_flow .use_flow_step ul {
display:flex;
}
.use_flow .use_flow_step ul li {
width:calc(100% / 4 - 20px);
margin:10px;
padding:40px 20px 20px 20px;
border:3px solid #e7e6e6;
background:#fff;
position:relative;
}
.use_flow .use_flow_step ul li .step_number {
position:absolute;
width:auto;
display:inline-block;
color:#fff;
background: #F46F22;
top: 0;
left: 50%;
margin: auto;
transform: translate(-50% , -50%);
padding: .5em 2em;
border-radius: 10px;
}
.use_flow .use_flow_step ul li .step_img {
margin:0 auto 1em auto;
}
.use_flow .use_flow_step ul li .step_tit {
font-size:18px;
color:#F46F22;
margin:0 auto .5em auto;
}
.use_flow .use_flow_step ul li .step_txt {
font-size:14px;
text-align:left;
}
.use_flow .use_flow_step ul li .step_txt *:last-child {
margin-bottom:0;
}

/********** よくある質問 **********/
.faq {
}

.faq .rework-service_faq {
margin: 0 auto 0 auto;
width:100%;
max-width:900px;
font-size:14px;
text-align:left;
}
.faq .rework-service_faq dl {
margin:15px auto ;
text-align:left;
padding:20px 20px;
border:2px solid #ffe2b7;
border-radius:10px;
box-sizing: border-box;
font-size:18px;
}
.faq .rework-service_faq dl dt {
position:relative;
padding:0 0 0 2em;
margin:0 0 .5em 0;
color:#ed6d00;
font-size:18px;
font-weight:bold;
}
.faq .rework-service_faq dl dd {
position:relative;
padding:0 0 0 2em;
margin:0 0 ;
font-size:16px;
}
.faq .rework-service_faq dl dt:before {
content:"Q";
position:absolute;
left:0;
color:#ed6d00;
font-size:18px;
}
.faq .rework-service_faq dl dd:before {
content:"A";
position:absolute;
left:0;
color:#4B4E94;
font-size:18px;
font-weight:bold;
}

/********** フッター **********/
footer {
margin: 0;
padding: 0 ;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
display: block;
}

footer .inner {
display:flex;
}

footer .footlogo{
width:300px;
margin:0 40px 0 0;
text-align:left;
}
footer .footlogo img {
display:block;
margin:10px ;
width:auto;
height:36px;
}

footer .footerinfo {
width: calc(100% - 340px);
display: inline-block;
}

footer ul{
float: right;
background: #F3ECE6;
padding: 20px;
font-size: 14px;
width: 100%;
max-width:600px;
border-radius: 8px;
text-align:left;
}

footer ul li{
float: left;
margin-right: 20px;
color: #431f0b;
}

footer ul li a{
color: #431f0b;	
}


footer ul li dl dt,
footer ul li dl dd{
float: left;

margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
footer ul li dl dt{
margin-right: 10px;
color: #F46F22 !important;
font-weight: bold;
}

/* ページTOPへ 
.totop{
position: fixed;
width:60px;
bottom: 100px;
right: 40px;
z-index:999;
}*/



/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){

/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
a:hover {
opacity:1;
}
/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
/********** 共通 **********/
/* タイトル */
.section_title {
font-size: 24px;
margin:0 auto 30px auto;
}

/********** ヘッダー **********/
.header {
height:45px;
border-bottom:1px solid #d4d4d4;
}
.header .inner {
padding:10px 20px;
height:46px;
}

.header .logo {
width:100%;
max-width: 335px;
text-align: center;
margin:auto;
display: flex;
}

.header .btns {
display:none;
}

/********** ボタン帯 **********/
.mainbtnwrap .message big{
font-size:20px;
margin: 10px auto;
}
.mainbtnwrap .message small{
margin:10px auto;
}
.mainbtnwrap .message small::before {
position:relative;
margin-right:.3em;
}
.mainbtnwrap .btns {
}

/*MV直下*/
.mainbtnwrap.under_mv{
padding: 10px 0 ;
text-align:center;
}
.mainbtnwrap.under_mv .message {
width: 100%;
margin-right:0;
}
.mainbtnwrap.under_mv .message big{
margin:10px auto;
}
.mainbtnwrap.under_mv .message small{
margin:10px auto;
padding:0;
}
.mainbtnwrap.under_mv .btns {
width: 100%;
}
.mainbtnwrap.under_mv .under_mv_pc_only {
display:none;
}
.mainbtnwrap.under_mv .under_mv_sp_only {
display:block;
}


/********** 事業所一覧 **********/
ul.tab li {
font-size:12px;
font-weight:bold;
width:calc(100%/3 - 4px);
padding:5px 0;
margin:2px;
}


/********** お問い合わせからご利用までの流れ **********/
.use_flow .use_flow_step ul {
flex-wrap:wrap;
justify-content: center;
}
.use_flow .use_flow_step ul li {
width:calc(100% / 2 - 20px);
max-width:300px;
margin:10px 10px 20px 10px;
}


/********** フッター **********/
footer {
text-align:center;
}
footer .inner {
flex-wrap:wrap;
}

footer .footlogo{
width:100%;
margin:0 0 20px 0;
text-align:center;
}
footer .footlogo img {
display:block;
margin:10px auto;
width:auto;
height:30px;
}

footer .footerinfo {
width:100%;
display: block;
}


footer ul{
float: none;
width: 100%;
margin: auto;
}





}
/************************************************ 640px以下 ************************************************/
@media screen and (max-width: 640px){

/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */
/***** PCのみ/SPのみ *****/
.pc_only {
display:none!important;
}
.sp_only {
display:unset!important;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
.container {
  padding-bottom: 64px;
}

/********** 共通 **********/
.inner {
padding:30px 20px;
}



/* 会話 */
.dialogue {
font-size:14px;
}
.dialogue .hukidashi strong{
font-size:16px;
}

.dialogue .dialogue_man {
padding:0 0 0 60px;
margin:0 auto 30px 0;
width: fit-content;
}
.dialogue .dialogue_man .hukidashi{
border-style: solid;
border-width: 5px;
border-image: url(images/balloon_left.png) 0 fill round;
padding:7% 7% 7% 9%;
text-align:left;
width: fit-content;
}
.dialogue .dialogue_man .hukidashi:before {
background:url(images/dialogue_man.png) no-repeat bottom left ;
background-size:80px auto;
width:80px;
height: 80px;
left:-80px;
}

.dialogue .dialogue_woman {
padding:0 60px 0 0;
margin:0 0 30px auto;
width: fit-content;
}
.dialogue .dialogue_woman .hukidashi{
border-style: solid;
border-width: 5px;
border-image: url(images/balloon_right.png) 0 fill round;
padding:7% 9% 7% 7%;
text-align:left;
width: fit-content;
}
.dialogue .dialogue_woman .hukidashi:after {
background:url(images/dialogue_woman.png) no-repeat bottom right ;
background-size:80px auto;
display: block;
width:80px;
height: 80px;
right:-80px;
}

.dialogue .dialogue_woman_big {
max-width:100%;
padding:0 0 0 0;
margin:0 0 50px auto;
width: fit-content;
}
.dialogue .dialogue_woman_big .hukidashi{
border-style: solid;
border-width: 5px;
border-image: url(images/balloon_right_big_sp.png) 0 fill round;
padding:7% 7% 7% 7%;
margin-bottom:80px;
text-align:left;
width: fit-content;
max-width:430px;
}
.dialogue .dialogue_woman_big .hukidashi:after {
background:url(images/dialogue_woman.png) no-repeat bottom right ;
background-size:80px auto;
display: block;
width:80px;
height: 80px;
right:-10px;
bottom:-80px;
}

.dialogue .caution {
font-size:10px;
margin: -80px 0 0 10px;
padding-right: 60px;
}


/********** フローティング要素 **********/
/***** フローティングフッター *****/
.floating_footer {
bottom:-100%;
}
.floating_footer .mainbtnwrap .inner {
padding:0 10px;
}
.floating_footer .mainbtnwrap .telno {
width: 38%;
margin-right: 2%;
text-align:center;
}
.floating_footer .mainbtnwrap .telno a {
font-size:4vw;
}
.floating_footer .mainbtnwrap .telno div:before {
content:"9:00～18:00 日曜定休";
font-size:2.8vw;
}
.floating_footer .mainbtnwrap .btns {
width:60%;
}
.floating_footer .mainbtnwrap .btns .btn_pamphlet,
.floating_footer .mainbtnwrap .btns .btn_tour {
padding:10px 10px;
font-size:3.6vw;
margin: 0 2px;
}


.floating_footer .mainbtnwrap .btn_pamphlet i ,
.floating_footer .mainbtnwrap .btn_tour i {
display:none;
}

/********** ヘッダー **********/
.btn_pamphlet {
padding: 10px 10px;
font-size: 15px;
line-height:20px;
}
.btn_pamphlet:after {
display:none;
}
.btn_pamphlet i {
left:0;
font-size: 15px;

position:relative;
transform: translateY(0%);
}
.btn_tour {
padding: 10px 10px;
font-size: 15px;
line-height:20px;
}
.btn_tour:after {
display:none;
}
.btn_tour i {
left:0;
font-size: 15px;
position:relative;
transform: translateY(0%);
}

/********** メインVIS **********/
.mainvis {
background:#fff url(images/mv_bg_sp.png) no-repeat bottom -20px center;
background-size:768px auto;
margin-top:46px;
}
.mainvis .inner {
background: url(images/mv_illust.png) no-repeat bottom right -10px;
padding: 20px 20px 40px 20px;
background-size:36vw auto;
}

.mainvis .mv_tit {
margin:0 0 20px 0;
max-width:90%;
}

.mainvis .mv_data {
font-size:3.7vw;
}

.mainvis .mv_data .shushokusha {
width: 32vw;
height: 0;
padding-top: calc(32vw - 4px);
position: relative;
}
.mainvis .mv_data .shushokusha strong {
font-size:5.4vw;
}
.mainvis .mv_data .shushokusha small {
font-size:2.6vw;
}
.mainvis .mv_data .kyoten {
width: 32vw;
height: 0;
padding-top: calc(32vw - 4px);
position: relative;
}
.mainvis .mv_data .kyoten strong {
font-size:7.5vw;
}
.mainvis .mv_data .kyoten small {
font-size:2.6vw;
}
.mainvis .mv_data .mv_data_inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.mainvis .mv_data .notes {
font-size:2.6vw;
width: 100%;
margin:20px auto 0 auto;
}

/********** こんなお悩みはありませんか？ **********/
.onayami {
padding: 0 0 20px 0;
}

.onayami .onayami_box {
padding:30px 20px 0 20px;
margin:0 auto 64px auto;
border-radius:  0;
box-shadow:0 0px 0 0 rgba(0, 0, 0, 0);
}
.onayami .onayami_box:after {
content:"";
background:url(images/onayami_box_bg.png) no-repeat bottom center;
background-size:640px 64px;
height: 64px;
bottom: -64px;
}
.onayami .onayami_box .section_title{
margin-bottom:20px;
}

.onayami .onayami_box .onayami_img_pc {
display:none;
}
.onayami .onayami_box .onayami_img_sp {
display:block;
max-width: 400px;
margin: auto;
padding:0 20px;
}

.onayami .inner {
}

.onayami .point_block{
padding:30px 20px 20px 20px;
margin:50px auto;
}

.onayami .point_block .point_number{
top:-35px;
width:200px;
padding:0 25px;
}

.onayami .point_block .point_block_flex {
display:flex;
text-align:left;
flex-wrap:wrap;
}
.onayami .point_block .point_block_flex .point_img {
margin:0 auto 20px auto;
}
.onayami .point_block .point_block_flex .point_txt {
width:100%;
}
.onayami .point_block .point_block_flex .point_txt .point_tit {
font-size:18px;
margin-bottom:1em;
text-align:center;
}


/********** ご利用から復職までの流れ **********/
.rework_flow {
}
.rework_flow .rework_flow_step ul {
margin:0 auto 20px auto;
flex-wrap:wrap;
}
.rework_flow .rework_flow_step ul li {
width:100%;
max-width: 300px;
margin:10px auto;
padding:20px;
}
.rework_flow .rework_flow_step ul li .rework_flow_step_img {
max-width:120px;
}
.rework_flow .rework_flow_step ul li .rework_flow_step_tit {
font-size:16px;
}
.rework_flow .rework_flow_step ul li .rework_flow_step_txt {
font-size:14px;
}

/*交通費＆ランチ*/
.rework_flow .carfare_lunch {
margin:30px auto 20px auto;
}
.rework_flow .carfare_lunch ul {
flex-wrap:wrap;
margin:0 auto 20px auto;
}
.rework_flow .carfare_lunch ul li {
width:180px;
padding-top:180px;
margin:5px auto;
}
.rework_flow .carfare_lunch ul li .carfare_lunch_inner {
font-size:16px;
}
.rework_flow .carfare_lunch ul li .carfare_lunch_inner small {
font-size:12px;
}

.rework_flow .carfare_lunch .caution {
font-size:12px;
text-align:left;
display: inline-block;
}


/********** 事業所一覧 **********/
.officelist {
padding: 0 ;
}

/*タブ*/
/*エリア*/
.area .googlemap iframe {
height: 350px;
}
.area h3 {
font-size: 16px;
}

.area .officeaddress {
margin-left: 0;
}
.area .officeaddress > dt {
font-size:14px;
width:50%;
padding-left: 30px;
}
.area .officeaddress > dd {
display:none;
}

/* officelist_block */
.officelist_block {
margin:0 auto 30px auto;
}
.officelist_block .officelist_block_lead {
text-align:center;
margin: 0 auto 20px auto;
font-size: 14px;
}
.officelist_block .officelist_block_lead big {
font-size: 20px;
vertical-align: unset;
}


/********** お問い合わせからご利用までの流れ **********/
.use_flow {
}

.use_flow .use_flow_step ul {
}
.use_flow .use_flow_step ul li {
width:100%;
padding:40px 20px 20px 20px;
border:2px solid #e7e6e6;
}
.use_flow .use_flow_step ul li .step_tit {
font-size:18px;
}


/********** よくある質問 **********/
.faq {
}

.faq .rework-service_faq dl {
}
.faq .rework-service_faq dl dt {
font-size:16px;
}
.faq .rework-service_faq dl dd {
font-size:14px;
}
.faq .rework-service_faq dl dt:before {
font-size:16px;
}
.faq .rework-service_faq dl dd:before {
font-size:16px;
}


























/********** フッター **********/
footer {
padding:  0;
}
footer ul li{
float: none;
margin-bottom: 10px;
}
footer ul li dl dt,
footer ul li dl dd{
float: none;
}

/* ページTOPへ 
.totop{
width: 40px;
right: 10px;
bottom: 80px;
}*/

}