/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
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;
}
.f_red {
color:#;
}

/***** ラインマーカー装飾 *****/
.linemarker {
background: linear-gradient(transparent 50%,#ffe108 0%);
display: inline;
}


/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
.container {
}
/********** 共通 **********/
.wrap{
width: 1000px;
margin: 0 auto;
/*position:relative;*/
}
/* タイトル */
.section_title {
font-size: 35px;
text-align: center;
color: #431f0b;
margin:0 auto 50px auto;
}

/* whitewrap */
.whitewrap{
background: #fff;
padding: 50px 30px;
}

/* モーダル */
.modalstage {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background: #000;
box-sizing: border-box;
z-index: 9998;

background:rgba(0,0,0,.8);
display:block;

visibility: hidden;
opacity: 0;
transition: 500ms;
}
.is-fadein {
visibility: visible;
opacity: 1;
}
.modalinnr {
background:#fff;
width:calc(100% - 100px);
height: max-content;
max-width:960px;
max-height: calc(100% - 200px);
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
padding:60px;
overflow: auto;
box-sizing: border-box;
}
.modal_close {
text-align:center;
display:block;
line-height:50px;
width:50px;
height:50px;
padding:10px;
margin:0px auto;
background:rgba(0, 0, 0, 0.45);
position:fixed;
right:0;
top:0;
}
.modal_close a {
color:#fff;
text-decoration:none;
font-size:24px;
line-height: 1.4;
width: 100%;
height: 100%;
display: block;
background:none;
}
.modal_close:hover {
background:rgba(0, 0, 0, 0.75);
opacity:1;
}

/* swiper */
.swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ed6d00'%2F%3E%3C%2Fsvg%3E");
transform: translateY(-50%);
}
.swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ed6d00'%2F%3E%3C%2Fsvg%3E");
transform: translateY(-50%);
}

/* ボタン */
.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:#5b9bd5;
padding: 10px 20px;
display: block;
box-sizing: border-box;
width: 100%;
margin: 0 5px;
color: #fff;
text-decoration: none;
text-align: center;
font-weight: bold;
border-radius: 10px;
font-size: 14px;
white-space: nowrap;
}
.btn_tour {
background:#58b737;
padding: 10px 20px;
display: block;
box-sizing: border-box;
width: 100%;
margin: 0 5px;
color: #fff;
text-decoration: none;
text-align: center;
font-weight: bold;
border-radius: 10px;
font-size: 14px;
white-space: nowrap;
}

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

/********** フローティング要素 **********/
/***** フローティングヘッダー *****/
.floating_header {
display:block;
width: 100%;
position: fixed;
top:0;
background:#fff;
transition: all 0.4s ease;
z-index: 2;
}
.floating_header .inner {
width:1000px;
max-width:100%;
margin:auto;
display:flex;
justify-content: space-between;
align-items: center;
}
.floating_header .logo {
position:relative;
left:0;
padding: 13px ;
box-shadow: none;
display:flex;
align-items: center;
justify-content: space-between;
}
.floating_header .logo .img  {
width: 200px;
height: auto;
margin-right: 20px;
}
.floating_header .btns {
display:flex;
}


/***** フローティングフッター *****/
.floating_footer {
display:block;
width: 100%;
position: fixed;
bottom:-100%;
transition: all 0.4s ease;
}
.floating_footer.floating {
bottom:0;
z-index:9990;
transition: all 0.4s ease;
}

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

.floating_footer .mainbtnwrap {
background:none;
background:rgba(0,0,0,.5);
}

.floating_footer .mainbtnwrap .telno {
width: 38%;
margin-right: 2%;
text-align:center;
/*position:relative;*/
}
.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%;
}

.floating_footer .mainbtnwrap{
padding: 10px 0 ;
}
.floating_footer .mainbtnwrap .wrap {
display:flex;
flex-wrap:wrap;
align-items: center;
}

.floating_footer .mainbtnwrap .btns {
width: 60%;
display:flex;
align-items: center;
}
.floating_footer .mainbtnwrap .btns .btn_pamphlet {
padding: 20px 20px;
border-radius: 10px;
font-size: 18px;
margin:0 5px;
}
.floating_footer .mainbtnwrap .btns .btn_tour {
padding: 20px 20px;
border-radius: 10px;
font-size: 18px;
margin:0 5px;
}

/********** メインVIS **********/
.mainvis {
background:#fff url(images/mv_bg.png) repeat-x center bottom;
text-align:center;
position:relative;
margin-top:65px;
padding:10px 0 30px 0;
}
.mainvis .inner {
width:1000px;
max-width:100%;
margin:auto;
padding: 0 ;
position:relative;
display:flex;
}
.mainvis .mv_img {
background:#fff url(images/mv.jpg) no-repeat center center;
background-size:cover;
display:block;
width: calc(60% - 30px);
margin: 0 30px 0 0;
border-radius: 100px 0;
}
.mainvis .mv_txt {
width: 40%;
padding:10px 30px;
}
.mainvis .mv_txt .pagetitle {
font-size:40px;
line-height:1.3;
margin:0 auto 20px auto;
}
.mainvis .mv_txt .pagetitle small {
font-size:16px;
display: inline-block;
}
.mainvis .mv_txt .pagetitle .tit_sentence {
display:inline-block;
}

.mainvis .mv_txt .pagetitle .tit_btn {
display: block;
margin: 5px auto;
font-size: 16px;
width: fit-content;
}
.mainvis .mv_txt .pagetitle .tit_btn a {
display: block;
text-decoration:none;
color: #fff;
background: #d54288;
font-size: 16px;
width: fit-content;
padding: 10px 30px;
border-radius:10px;
border:1px solid #d54288;
transition: all 0.5s ease;
}
.mainvis .mv_txt .pagetitle .tit_btn a:hover {
color: #d54288;
background: #fff;
opacity:1;
transition: all 0.5s ease;
}

.mainvis .mv_txt .mv_data {
display:flex;
justify-content: center;
margin:0 auto 10px auto;
}
.mainvis .shushokusha {
background:#fff;
border:2px solid #ffbd8c;
border-radius:10px;
padding:10px;
margin:5px;
width:50%;
display:flex;
align-items: center;
justify-content: center;
line-height: 1.3;
}
.mainvis .shushokusha strong {
font-size:24px;
color:#F46F22;
font-weight:bold;
}
.mainvis .shushokusha small {
font-size:10px;
vertical-align: text-top;
margin-left:.3em;
}
.mainvis .teityakuritsu {
background:#fff;
border:2px solid #ffbd8c;
border-radius:10px;
padding:10px;
margin:5px;
width:50%;
display:flex;
align-items: center;
justify-content: center;
line-height: 1.3;
position:relative;
}
.mainvis .teityakuritsu:after {
content:"";
background:url(images/mv_teichakuritsu_img.png) no-repeat center center;
background-size:40px 80px;
width: 40px;
height: 80px;
position: absolute;
right: -25px;
bottom: 0;
}
.mainvis .teityakuritsu span {
}
.mainvis .teityakuritsu strong {
font-size:24px;
color:#F46F22;
font-weight:bold;
}
.mainvis .teityakuritsu small {
font-size:10px;
vertical-align: text-top;
margin-left:.3em;
}
.mainvis .notes {
font-size:10px;
text-align:right;
}
@media screen and (max-width: 768px){
.mainvis .mv_img {
width: calc(50% - 30px);
}
.mainvis .mv_txt {
width: 50%;
}
}

/********** グロナビ **********/
.gnavi {
background:#f2f2f2;
}
.gnavi .navToggle {
display:none;
}
.gnavi .globalnavi {
width:1000px;
max-width:100%;
margin: auto;
padding: 30px 20px;
}
.gnavi .globalnavi ul.menu {
display:flex;
flex-wrap:wrap;
}
.gnavi .globalnavi ul.menu li {
width:calc(25% - 5px);
margin:2.5px;
background:#fff;
border: 1px solid #F46F22;
}
.gnavi .globalnavi ul.menu li a {
display: block;
text-decoration: none;
padding: 10px;
font-size: 14px;
color:#333;
}
.gnavi .globalnavi ul.menu li a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f078";
margin-right: .5em;
color:#F46F22;
}


/********** 就労移行支援とは **********/
.about {
padding: 80px 0;
background: #fff;
text-align:left;
}
.about .about_lead {
font-size:18px;
margin:0 auto 2em auto;
}

.about .about_flex {
display:flex;
flex-wrap:wrap;
}
.about .about_title {
background:#ed7d31;
color:#fff;
display:inline-block;
padding:5px 10px;
margin:auto;
width: max-content;
position:absolute;
top:-20px;
left:50%;
transform: translateX(-50%);
}

/*対象となる障がい*/
.about .about_flex .target {
width:calc((100% / 2) - 20px);
margin:10px;
background:#fff2cc;
border: 2px dotted #ed7d31;
position:relative;
padding:30px 20px 20px 20px;
}
.about .about_flex .target ul {
display:flex;
flex-wrap:wrap;
}
.about .about_flex .target ul li {
background:#fff;
color:#ed7d31;
border:1px solid #ed7d31;
padding:10px ;
width: calc((100% / 3) - 10px);
margin: 5px;
text-align:center;
border-radius:3px;
}

/*サービス利用に必要なもの*/
.about .about_flex .necessities {
width:calc((100% / 2) - 20px);
margin:10px;
background:#fff2cc;
border: 2px dotted #ed7d31;
position:relative;
padding:30px 20px 20px 20px;
}
.about .about_flex .necessities .necessities_flex {
display:flex;
align-items: center;
    justify-content: center;
}
.about .about_flex .necessities .necessities_flex .necessities_img {
width:120px;
margin-right:20px;
}
.about .about_flex .necessities .necessities_flex .necessities_txt {
width:calc(100% - 120px - 20px);
width:auto;
}

/********** こんなお悩みはありませんか？ **********/
.onayami {
padding: 80px 0;
background:url(images/orange_slash_bg.png) repeat center center;
position:relative;
}
.onayami:after {
position: absolute;
content: " ";
height: 0px;
width: 0px;
top: 100%;
left: 50%;
margin-left:-32px;

background:url(images/orange_slash_bg.png) repeat center center;
clip-path: polygon(0 0,50% 100%,100% 0);
width:60px;
height:30px;
}

.onayami ul.onayami_list {
display:flex;
flex-wrap:wrap;
}
.onayami ul.onayami_list li {
width:48%;
margin:1%;
border:2px solid #F46F22;
border-radius:10px;
background:#fff;
}
.onayami ul.onayami_list li .onayami_list_title {
background:#F46F22;
border-radius:8px 8px 0 0;
color:#fff;
padding:2%;
display: flex;
align-items: center;
justify-content: center;
position:relative;
}
.onayami ul.onayami_list li .onayami_list_title:after {
position: absolute;
content: " ";
height: 0px;
width: 0px;
top: 100%;
left: 50%;
border-width: 5px;
border-style: solid;
border-color: rgb(237, 109, 0) transparent transparent;
border-image: none;
margin-left: -5px;
}
.onayami ul.onayami_list li .onayami_list_title img {
width:20px;
height:20px;
margin-right:.5em;
}
.onayami ul.onayami_list li .onayami_list_inner {
display: flex;
align-items:center;
padding:5% 7.5%;
}
.onayami ul.onayami_list li .onayami_list_inner .onayami_list_img {
width:30%;
margin-right:5%;
}
.onayami ul.onayami_list li .onayami_list_inner .onayami_list_txt {
width:65%;
font-size:14px;
text-align:left;
}
.onayami ul.onayami_list li .onayami_list_inner .onayami_list_txt .taisakurei {
font-size:16px;
font-weight:bold;
margin:0 0 1em 0;
}
.onayami ul.onayami_list li .onayami_list_inner .onayami_list_txt *:last-child {
margin-bottom:0;
}

/*ふきだし*/
.dialogue_man {
width: 640px;
max-width: 100%;
padding: 0 150px 0 0;
margin: 30px 0 30px auto;
}
.dialogue_man .hukidashi {
border-style: solid;
border-width: 5px;
border-image: url(images/balloon_right.png) 0 fill round;
padding: 7%;
text-align: center;
position: relative;
font-size:14px;
}
.dialogue_man .hukidashi::after {
content: "";
position: absolute;
right: -120px;
bottom: 5px;
background: url(images/dialogue_man.png) no-repeat bottom center;
background-size: auto;
background-size: 120px auto;
display: block;
width: 120px;
height: 125px;
}
.dialogue_man .hukidashi *:last-child {
margin-bottom:0;
}

/********** Cocorportの特徴 **********/
.feature {
padding: 80px 0;
background: #fff;
}

.feature ul {
display:flex;
flex-wrap:wrap;
justify-content: center;
width:800px;
max-width:100%;
margin: 0 auto 50px auto;
}
.feature ul li {
width:calc((100% / 3) - 20px); 
margin:10px;
border:2px solid #F46F22;
border-radius:10px;
padding:20px 15px;
font-size:18px;
box-shadow:3px 3px 1px 0px rgba(0, 0, 0, .15);
}
.feature ul li a {
color:#333;
text-decoration:none;
display: block;
}
.feature ul li img {
display:block;
width: 180px;
margin: 10px auto 0 auto;
}

/*モーダル内*/
.feature_modalstage {
}
.feature_modalstage .feature_modalinnr {
max-width: 480px;
padding: 40px 60px;
}
.feature_modalstage .feature_modalinnr:after {
position: absolute;
content: " ";
height: 0;
width: 0;
left: 0;
top: 0;
border-top: 50px solid #F46F22;
border-right: 50px solid transparent;
}

.feature_modalstage .feature_modalinnr .feature_modalinnr_head {
display:flex;
align-items:center;
margin-bottom:30px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_head .feature_modalinnr_head_title {
width:calc(100% - 150px);
font-size:20px;
font-weight:bold;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_head .feature_modalinnr_head_img {
width:150px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body {
text-align:left;
font-size:14px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body dl.category_list {
border:2px solid #F46F22;
border-radius:5px;
background:#ffc;
padding: 3%;
text-align:center;
display:flex;
flex-wrap:wrap;
margin-top: 6%;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body dl.category_list dt {
border:2px solid #F46F22;
border-radius:5px;
background:#F46F22;
font-size:14px;
color:#fff;
width:60%;
padding:1%;
margin:-7% auto 3% auto;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body dl.category_list dd {
border:2px solid #F46F22;
border-radius:5px;
background:#fff;
font-size:12px;
color:#F46F22;
width:48%;
padding:1%;
margin:1%;
}

.feature_modalstage .feature_modalinnr .feature_modalinnr_body ul.programs {
margin:0;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body ul.programs li {
width:100%;
border:0;
padding: 0 0 0 1.5em;
position: relative;
box-shadow: none;
font-size: 14px;
margin: 0;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body ul.programs li::before {
content: "●";
position: absolute;
left: 0;
font-size: 10px;
line-height: calc(14px * 1.5);
color:#F46F22;
}

/*交通費ランチ*/
.feature .lunch {
margin: 50px auto;
}
.feature .lunch .lunch_tit {
position: relative;
font-weight: bold;
font-size: 32px;
padding: 0 35px 0 35px;
margin: 60px auto 1.5em auto;
display: inline-block;
}
.feature .lunch .lunch_tit:before {
content: "";
position: absolute;
top: 50%;
left: 23px;
border-left: 2px solid #F46F22;
transform: rotate(-30deg) translateY(-50%);
width: 2px;
height: 48px;
}
.feature .lunch .lunch_tit:after {
content: "";
position: absolute;
top: 50%;
right: 23px;
border-left: 2px solid #F46F22;
transform: rotate(30deg) translateY(-50%);
width: 2px;
height: 48px;
}
.feature .lunch .lunch_tit .andmore {
position:absolute;
background:#F46F22;
color:#fff;
display:inline-block;
padding: 10px 30px;
border-radius: 20px;
font-size: 18px;
line-height: 20px;
top: -55px;
left: 50%;
transform: translateX(-50%);
}
.feature .lunch .lunch_tit .andmore:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 50%;
border: 5px solid transparent;
border-top-width: 5px;
border-top-style: solid;
border-top-color: transparent;
border-top: 5px solid #ed6d00;
margin-left: -5px;
}

.feature .lunch ul {
display:flex;
flex-wrap: nowrap;
justify-content: center;
width: 723px;
max-width: 100%;
margin: 0 auto 1.5em auto;
}

.feature .lunch ul li {
width: 100%;
margin: 20px;
border: 0;
border-radius: 10px;
padding: 0;
font-size: 18px;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.feature .lunch ul li img {
display: block;
width: 100%;
margin: 0 auto;
}
.feature .lunch ul li a:hover {
opacity:1;
}

/* ランチモーダル */
.lunch_modalinnr {
  width: fit-content;
    max-width: calc(100% - 100px);
}
.lunch_modalinnr:after {
  position: absolute;
  content: " ";
  height: 0;
  width: 0;
  left: 0;
  top: 0;
  border-top: 50px solid #F46F22;
  border-right: 50px solid transparent;
}

/**/
.feature .lunch .seidotaishou {
margin:auto;
width:100%;
max-width:723px;
font-size: 16px;
}
.feature .lunch .seidotaishou dl {
margin-bottom: 1.8em;
display:flex;
text-align:left;
color: #431F0B;
}
.feature .lunch .seidotaishou dl dt {
width:200px;
font-weight: bold;
font-size: 18px;
}
.feature .lunch .seidotaishou dl dd {
width:calc(100% - 200px);
}
.feature .lunch .seidotaishou dl dd strong {
font-weight: bold;
font-size: 18px;
}

/********** ボタン帯 **********/
.btnarea {
background:url(images/btnarea_bg.png) repeat center center;
position: relative;
}
.btnarea:after {
position: absolute;
content: " ";
height: 0;
width: 0;

left: 0;
top: 0;
border-top:50px solid #F46F22;
border-right:50px solid transparent;
}
.btnarea .wrap {
width:800px;
max-width:100%;
padding: 50px 0 ;
background:url(images/btnarea_img.png) no-repeat right top 10px;
background-size:150px auto;
}

.btnarea .title {
font-size:30px;
margin:0 150px 10px 150px;
}
.btnarea .title strong {
font-size:38px;
color:#F46F22;
}
.btnarea .btns {
width:100%;
display:flex;
align-items: center;
}
.btnarea .btns .btn_pamphlet {
padding: 20px 20px;
border-radius: 10px;
font-size: 18px;
margin:0 5px;
}
.btnarea .btns .btn_tour {
padding: 20px 20px;
border-radius: 10px;
font-size: 18px;
margin:0 5px;
}


/********** ココルポートの実績 **********/
.results {
padding: 80px 0;
}
.results .wrap{
}

.results .results_flex {
display:flex;
flex-wrap:wrap;
}
.results .results_flex dl {
width:calc(100% / 2 - 20px);
margin:10px;
}
.results .results_flex dl.width100 {
width:100%;
}
.results .results_flex dl dt {
background:#ed7d31;
color:#fff;
display:block;
padding:5px 10px;
margin:0 auto 10px auto;
font-size:16px;
border-radius:5px;
}
.results .results_flex dl dd {
font-size:16px;
  line-height: 1.75;
}
.results .results_flex dl.width100 dd {
text-align:left;
margin-top:1em;
}

.results .results_flex dl dd ul {
padding:0;
margin:0 0 ;
list-style: none;
list-style-type: disc;
display:flex;
flex-wrap:wrap;
}
.results .results_flex dl dd ul li {
width:calc(100% / 3);
position:relative;
padding:0 0 0 1.5em;
position:relative;
margin:0 auto .5em auto;
}
.results .results_flex dl dd ul li:before {
content:"●";
position:absolute;
left:0;
font-size: 10px;
line-height: calc(16px * 1.75);
}
/*在宅訓練*/
.results .results_flex dl dd.remote_training {
}
.results .results_flex dl dd.remote_training small {
color:#666;
}

/********** ご利用者様の就職事例紹介 **********/
.recruit {
padding: 80px 0;
background:url(images/gray_slash_bg.png) repeat center center;
}

.recruit .lead {
text-align:left;
font-size:18px;
margin:0 auto 2em auto;
}

/*タブ*/
.recruit ul.tab2 {
display:flex;
justify-content: space-between;
}
.recruit ul.tab2 li {
width:calc((100% - 20px) / 3);
border-radius:10px;
padding:20px;
cursor:pointer;
margin-bottom:50px;
position:relative;
border-bottom:3px solid #F46F22;
color:#fff;
background:#ffce70;
}
.recruit ul.tab2 li.active2 {
color:#fff;
background:#F46F22;
}
.recruit ul.tab2 li.active2:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 50%;
border:10px solid transparent;
border-top:10px solid #F46F22;
margin-left: -10px;
}
/* swiper */
.recruit .swiper-container {
padding-top:20px;
}
.recruit .swiper-wrapper {
}
.recruit .swiper-slide {
border:2px solid #ffcda8;
padding:35px 20px 20px 20px;
position:relative;
background: #fff;
height: auto;
}

.user_interview_detail {
margin:20px auto;
text-align: left;
}

.user_interview_detail h2.interview-main-title {
background: #ed6d00;
color: #fff;
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0 auto 10px;
display: inline-block;
padding: 7px 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(-50% );
width: calc(100% - 20px);
border-radius:5px;
}
.user_interview_detail h2.interview-main-title:after {
position: absolute;
content: " ";
height: 0;
width: 0;

top: 100%;
left: 50%;
border:5px solid transparent;
border-top:5px solid #ed6d00;
margin-left: -5px;
}

.user_interview_detail .user_detail_data {
margin-bottom:20px;
padding:0;
}
.user_interview_detail .user_detail_data .inner-box {
display:flex;
align-items: center;
background:#fff;
}

.user_interview_detail .user_detail_data .left-box {
width:100px;
}
.user_interview_detail .user_detail_data .left-box .user_thumb {
margin: 0;
}

.user_interview_detail .user_detail_data .right-box {
width: calc(100% - 100px);
padding:0px;
}
.user_interview_detail .user_detail_data .right-box .interview_title {
clear: none;
color: #F46F22;
font-size:18px;
font-weight:bold;
line-height:1.3;
padding: 0;
margin-bottom:1em;
}
.user_interview_detail .user_detail_data .right-box .user_data {
font-size: 14px;
}


.interview_cont {
text-align:left;
}
.interview_cont strong {
color: #FFB845;
font-weight:bold;
}
.interview_cont .ttl_style01 {
margin-bottom:1.0em;
margin-top:3.0em;
color: #000000;
}

.interview_cont h4 {
clear: none;
color: #000000;
font-weight:bold;
font-size:16px;
margin: 0 0 .5em 0;
position: relative;
padding-left: 2.5em;
padding-top: 0.5em;
line-height: 1.4;
}
.interview_cont h4:before {
font-family: "Font Awesome 5 Free";
content: "\f075";
font-weight:bold;
position: absolute;
font-size: 1.7em;
left: 0;
top: 0;
color: #fced40;
}

.interview_cont p {
font-size: 13px;
line-height: 1.6;
margin-top: 20px;
margin-bottom: 20px;
}


/********** 事業所一覧 **********/
.officelist {
padding: 80px 0;
background:#fff;
/*background-image: url(images/bgdot.png);*/
}

/*タブ*/
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% - 80px) / 8);
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 #ed6d00;
color:#333;
}

ul.tab li::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f0da";
margin-right: .3em;
}
ul.tab li.kanagawa {
background:#fff;
border:1px solid #46BCC0;
color:#46BCC0;
}
ul.tab li.chiba {
background:#fff;
border:1px solid #52B54F;
color:#52B54F;
}
ul.tab li.tokyo {
background:#fff;
border:1px solid #F66F6F;
color:#F66F6F;
}
ul.tab li.saitama {
background:#fff;
border:1px solid #4C70D6;
color:#4C70D6;
}
ul.tab li.gunma {
background:#fff;
border:1px solid #8f5132;
color:#8f5132;
}
ul.tab li.osaka {
background:#fff;
border:1px solid #e84091;
color:#e84091;
}
ul.tab li.hyogo {
background:#fff;
border:1px solid #704bcd;
color:#704bcd;
}
ul.tab li.aichi {
background:#fff;
border:1px solid #ffd200;
color:#ffd200;
}
ul.tab li.fukuoka {
background:#fff;
border:1px solid #F46F22;
color:#F46F22;
}
ul.tab li.active.kanagawa {
background:#46BCC0;
border:1px solid #46BCC0;
color:#fff;
}
ul.tab li.active.chiba {
background:#52B54F;
border:1px solid #52B54F;
color:#fff;
}
ul.tab li.active.tokyo {
background:#F66F6F;
border:1px solid #F66F6F;
color:#fff;
}
ul.tab li.active.saitama {
background:#4C70D6;
border:1px solid #4C70D6;
color:#fff;
}
ul.tab li.active.gunma {
background:#8f5132;
border:1px solid #8f5132;
color:#fff;
}
ul.tab li.active.osaka {
background:#e84091;
border:1px solid #e84091;
color:#fff;
}
ul.tab li.active.hyogo {
background:#704bcd;
border:1px solid #704bcd;
color:#fff;
}
ul.tab li.active.aichi {
background:#ffd200;
border:1px solid #ffd200;
color:#fff;
}
ul.tab li.active.fukuoka {
background:#F46F22;
border:1px solid #F46F22;
color:#fff;
}

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

/*エリア*/
.area {
display:none;
width:100%;
margin-bottom:2em;
}
.area.show {
display:inline-block;
}

.area h3 {
font-size: 18px;
color: #fff;
padding: 4px 10px;
border-radius: 6px;
margin-bottom: 20px;
background: #ed6d00;
text-align: left;
}
.bgpink{
background: #F66F6F;
}
.bgperple{
background: #4C70D6;
}
.bgperple2{
background: #704bcd;
}
.bgblue{
background: #46BCC0;
}
.bgorange{
background: #F46F22;
}
.bggreen{
background: #52B54F;
}
.bgshockingpink {
background:#e84091;
}
.bgyellow {
background:#ffd200;
}
.bggray{
background: #8F8077;
}
.bgbrown{
background: #8f5132;
}

.area .officeaddress {
text-align:left;
}
.area .officeaddress dt {
font-size: 18px;
font-weight: bold;
color: #F46F22;
margin: 0 0 4px 0;
padding: 4px 0;
position: relative;
width:calc(100% / 3);
display:block;
float:left;
padding-left:55px;
box-sizing:border-box;
}
.area .officeaddress dt:before{
position: absolute;
top: 4px;
left:20px;
}
.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 .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;

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

/* Officeデータ *
.officedata {
}
.officedata .office_img {
position: relative;
left: auto;
text-align: center;
display: block;
width: 320px;
height: 200px;
overflow: hidden;
margin: 0 20px 0 0;
float: left;
}
.officedata .office_img img {
height: 200px;
max-width: none;
width: auto;
position: absolute;
left: 50%;
right: 0;
margin: auto;
top: 0;
display: block;
text-align: center;
transform: translateX(-50%);
}
.officedata .office_txt {
display: block;
width: calc(100% - 340px);
float: left;
position: relative;
}
.officedata .office_txt h4 {
margin-bottom: 15px;
color: #ed6d00;
font-size: 20px;
font-weight: bold;
}
.officedata .office_txt dl {

font-size: 16px;
}
.officedata .office_txt dl dt {
font-weight: bold;
}
.officedata .office_txt dl dd {
margin-bottom: 7px;
}

/* officelist_block */
.officelist_block {
}
.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;
}


/***** 事業所一覧タブ用 *****/
/*タブ*/
.area#shurou_office {
margin-bottom:2em;
}
.area#rework_office h3 {
background:#4B4E94;
}

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


ul.office_type_tab {
display:flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto 2em auto!important;
width: fit-content;
background: #eee;
padding: .5em 1em;
position:relative;
}
ul.office_type_tab:after {
position: absolute;
content: " ";
height: 0;
width: 0;
top: 100%;
left: 50%;
border:10px solid transparent;
border-top:10px solid #eee;
margin-left: -10px;
}
ul.office_type_tab li {
margin: .25em .5em;
width:auto;
font-size: 16px;
background:#fff;
border:1px solid #8f8f9d;
padding:.75em 2em;
border-radius: 5px;
cursor: pointer;
text-align:center;
display: block;
}
ul.office_type_tab li.shurou.active{
color:#fff;
background:#ed6d00;
border:1px solid #ed6d00;
}
ul.office_type_tab li.rework.active{
color:#fff;
background:#4B4E94;
border:1px solid #4B4E94;
}

ul.office_type_tab li i {
margin-right:.75em;
}

.office_type {
display:none;
}
.office_type.show {
display:block;
}



/********** ご利用開始から就職後の定着支援までの流れ **********/
.flow {
padding: 80px 0;
background-image: url(images/bgdot.png);
}

/*flowbox*/
.flow .flowbox{
margin: 0 0;
text-align:left;
display:flex;
flex-wrap:wrap;
}

.flow .flowbox dl{
width: calc(100% / 3 - 2%);
padding: 15px 18px;
background: #fff;
border: 2px solid #dbb690;
position: relative;
margin:1%;
}

.flow .flowbox dl dt{
font-size: 22px;
line-height:30px;
color: #431F0B;
padding: 10px 0 20px 60px;
font-weight: bold;
position: relative;
border-bottom: dotted 1px #dbb690;
}

.flow .flowbox dl dt.step1:before{
content: url(images/step01.png);
position: absolute;
top: 0;
left: 0;
}

.flow .flowbox dl dt.step2:before{
content: url(images/step02.png);
position: absolute;
top: 0;
left: 0;
}

.flow .flowbox dl dt.step3:before{
content: url(images/step03.png);
position: absolute;
top: 0;
left: 0;
}

.flow .flowbox dl dt.step4:before{
content: url(images/step04.png);
position: absolute;
top: 0;
left: 0;
}

.flow .flowbox dl dt.step5:before{
content: url(images/step05.png);
position: absolute;
top: 0;
left: 0;
}

.flow .flowbox dl dt.step6:before{
content: url(images/step06.png);
position: absolute;
top: 0;
left: 0;
}

.flow .flowbox dl dd{
font-size: 13px;
color: #431F0B;
margin-top: 16px;
display:flex;
}
.flow .flowbox dl dd .flowbox_txt {
width:55%;
margin-right:5%;
}
.flow .flowbox dl dd .flowbox_img {
width:40%;
}


/********** よくある質問 **********/
.faq {
background: url(images/bgstripe.png);
padding: 80px 0;
text-align:left;
}

.faq dl dt{
font-size: 24px;
color: #431F0B;
font-weight: bold;
}
.faq dl dd{
font-size: 16px;
color: #431F0B;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: solid 1px #C9BEB8;
}
.faq dl dd:nth-of-type(7){
border-bottom: none;
margin-bottom: 0;
}
.faq dl dt .question{
font-size: 40px;
font-weight: bold;
color: #52B54F;
margin-right: 8px;
}


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

footer .footlogo{
float: left;
}
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;
}



/************************************************ 1000px以下 ************************************************/
@media screen and (max-width: 1000px){
/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */
/********** 共通 **********/
.wrap{
padding: 0 20px;
width: 100%;
}


/***** フローティングフッター *****/
.floating_footer .mainbtnwrap .telno a {
font-size:4vw;
}
.floating_footer .mainbtnwrap .telno div:before {
font-size:12px;
}

/********** 事業所一覧 **********/
/* officelist_block */
.officelist_block .officelist_block_lead {
margin: 0 auto 20px auto;
font-size: 14px;
}
.officelist_block .officelist_block_lead big {
font-size: 20px;
}

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

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


/********** 就労移行支援とは **********/
.about {
padding: 40px 0;
}
.about .about_lead {
font-size:16px;
}

.about .about_title {
font-size:14px;
}

/*対象となる障がい*/
.about .about_flex .target {
width:100%;
margin:10px auto 30px auto;
padding:20px 10px 10px 10px;
}
.about .about_flex .target ul {
display:flex;
flex-wrap:wrap;
}
.about .about_flex .target ul li {
padding:5px ;
width: calc((100% / 5) - 6px);
margin:3px;

font-size:12px;
}

/*サービス利用に必要なもの*/
.about .about_flex .necessities {
width:100%;
margin:10px auto 0 auto;
padding:20px 10px 10px 10px;
}
.about .about_flex .necessities .necessities_flex {
display:flex;
align-items: center;
}
.about .about_flex .necessities .necessities_flex .necessities_img {
width:100px;
margin-right:10px;
}
.about .about_flex .necessities .necessities_flex .necessities_txt {
font-size:14px;
}


/********** Cocorportの特徴 **********/
.feature {
padding: 40px 0;
}
.feature ul {
width:480px;
}
.feature ul li {
width:calc((100% / 2) - 10px); 
font-size: 14px;
padding: 15px 10px;
margin: 5px;
}

/*モーダル内*/
.feature_modalstage {
}
.feature_modalstage .feature_modalinnr {
padding: 30px;
}

.feature_modalstage .feature_modalinnr .feature_modalinnr_head {
margin-bottom:20px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_head .feature_modalinnr_head_title {
width:calc(100% - 120px);
font-size:16px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_head .feature_modalinnr_head_img {
width:120px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body {
font-size:13px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body dl.category_list dt {
font-size:12px;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body dl.category_list dd {
font-size:11px;
}

.feature_modalstage .feature_modalinnr .feature_modalinnr_body ul.programs {
margin:0;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body ul.programs li {
width:100%;
border:0;
padding: 0 0 0 1.5em;
position: relative;
box-shadow: none;
font-size: 14px;
margin: 0;
}
.feature_modalstage .feature_modalinnr .feature_modalinnr_body ul.programs li::before {
content: "●";
position: absolute;
left: 0;
font-size: 10px;
line-height: calc(14px * 1.5);
color:#F46F22;
}



/*交通費ランチ*/
.feature .lunch {
margin: 40px auto;
font-size:14px;
}
.feature .lunch .lunch_tit {
font-size: 20px;
padding:0 35px;
margin: 40px auto 1em auto;
}
.feature .lunch .lunch_tit .andmore {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
top: -50px;
}

/**/
.feature .lunch .seidotaishou dl {
flex-wrap:wrap;
}
.feature .lunch .seidotaishou dl dt {
width:100%;
}
.feature .lunch .seidotaishou dl dd {
width:100%;
}


/********** ボタン帯 **********/
.btnarea {
}
.btnarea:after {
border-top:30px solid #F46F22;
border-right:30px solid transparent;
}
.btnarea .wrap {
padding: 30px 0 ;
background:none;
font-size:14px;
}

.btnarea .title {
font-size: 20px;
margin: 0 20px 10px 20px;
}
.btnarea .title strong {
font-size:24px;
}

.btnarea .btns {
width: 100%;
padding: 0 5px 10px 5px;
}
.btnarea .btns .btn_pamphlet {
padding: 10px 20px;
font-size: 14px;
margin:0 5px;
}
.btnarea .btns .btn_tour {
padding: 10px 20px;
font-size: 14px;
margin:0 5px;
}


/********** ココルポートの実績 **********/
.results {
padding: 40px 0;
}


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


/********** ご利用開始から就職後の定着支援までの流れ **********/
/*flowbox*/
.flow .flowbox dl{
width: 48%;
margin: 2% 1%;
}


/********** よくある質問 **********/
.faq dl dt{
font-size: 18px;
}
.faq dl dd{
font-size: 14px;
}
.faq dl dt .question{
font-size: 26px;
}


/********** フッター **********/
footer {
text-align:center;
}
footer .footlogo{
width: 240px;
display: block;
margin: 0 auto 20px auto;
float: none;
}
footer .footerinfo {
width: auto;
display: inline-block;
}

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


}










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

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

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/********** 共通 **********/
.wrap {
padding: 0 10px;
}

/* whitewrap */
.whitewrap{
padding: 20px 20px;
}

/* モーダル */
.modalinnr {
width:calc(100% - 40px);
/*max-height: calc(100% - 40px);*/
max-height: calc(100% - 165px);
padding:50px 30px;
margin-top:76px;
}
.modal_close {
line-height:35px;
width:35px;
height:35px;
padding:5px;
/*right:0;
top:0;
position:absolute;*/
position: fixed;
top: 76px;
right: 20px;
}
.modal_close a {
line-height:1.2;
}

/*googlemap*/
.googlemap iframe {
height: 350px;
}

/********** フローティング要素 **********/
/***** フローティングヘッダー *****/
.floating_header .inner {
flex-wrap:wrap;
}
.floating_header .logo {
justify-content: flex-start;
padding: 10px;
}
.floating_header .logo .img  {
width: 150px;
margin-right: 15px;
}

.floating_header .btns {
width:100%;
padding:0 5px 10px 5px;
}
.floating_header .btns {
text-align:center;
}
.floating_header .btns a {
display:block;
margin:0 5px;
padding: 8px;
font-size: 12px;
}


/***** フローティングフッター *****/
.floating_footer {
bottom:-100%;
}

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

.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;
}


/********** メインVIS **********/
.mainvis {
margin-top:50px;
padding:0 0 20px 0;
}
.mainvis .inner {
width:1000px;
max-width:100%;
margin:auto;
padding: 0 ;
position:relative;
display:flex;
flex-wrap:wrap;
}
.mainvis .mv_img {
display:none;
}
.mainvis .mv_txt {
width: 100%;
padding: 0;
}
.mainvis .mv_txt .pagetitle {
font-size:30px;
margin:0 auto 10px auto;
background:#fff url(images/mv.jpg) no-repeat center center;
background-size:cover;
border-radius:50px 0;
text-align:left;
padding:45px 0 30px 0;
}
.mainvis .mv_txt .pagetitle .tit_sentence {
background:#fff;
padding:3px 10px 3px 20px;
margin:3px 0;
}
.mainvis .mv_txt .pagetitle small {
font-size:15px;
padding:0 10px 0 20px;
}

.mainvis .mv_txt .pagetitle .tit_btn {
margin-top:20px;
}

.mainvis .mv_txt .mv_data {
padding:0 30px;
margin: 0 auto 5px auto;
font-size: 14px;
}
.mainvis .shushokusha strong {
font-size:20px;
}
.mainvis .teityakuritsu::after {
bottom:-15px;
}
.mainvis .teityakuritsu strong {
font-size:20px;
}
.mainvis .teityakuritsu small {
}
.mainvis .notes {
padding:0 35px;
font-size:10px;
text-align:left;
}


/********** グロナビ **********/
.gnavi {
z-index:9998;
position:fixed;
}
.gnavi #navToggle {
font-size:24px;
line-height:50px;
display:block;
text-align:center;
width:50px;
height:50px;
cursor:pointer;
margin: 0 0 0 20px;
padding: 0;
z-index:10;
color:#ed6d00;

position:fixed;
top:0;
right:0;
}
.gnavi #navToggle:after {
font-family: "Font Awesome 5 Free";
content: "\f0c9";
font-weight: 900;
}
.gnavi.openNav #navToggle:after {
font-family: "Font Awesome 5 Free";
content: "\f00d";
font-weight: 900;
}

.gnavi .globalnavi {
display:none;
}
.gnavi.openNav .globalnavi {
display:block;
overflow-y: auto;
position:fixed;
top:0;
right:0;
background:#fff;
background:rgba(0,0,0,.25);
width:100vw;
height: 100%;
padding:0;
}
.gnavi .globalnavi nav {
background:#fff;
height: 100vh;
width: max-content;
padding: 70px 30px 30px 30px;
margin: 0 0 0 auto;
}
.gnavi .globalnavi ul.menu {
text-align:center;
margin:0 auto 30px auto;
display: block;
}
.gnavi .globalnavi ul.menu > li {
margin:15px auto;
width: 100%;
border: 0;
}
.gnavi .globalnavi ul.menu > li a {
text-decoration:none;
color:#000;
}
.gnavi .globalnavi ul.menu li a::before {
display:none;
}



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

.onayami ul.onayami_list {
flex-wrap: unset;
}
.onayami ul.onayami_list li {
width:100%;
margin:0;
}
.onayami ul.onayami_list li .onayami_list_title {
font-size:14px;
}
.onayami ul.onayami_list li .onayami_list_inner .onayami_list_txt .taisakurei {
font-size:14px;
}
/*ふきだし*/
.dialogue_man {
width: fit-content;
padding: 0 80px 0 0;
margin: 20px 0 20px auto;
}
.dialogue_man .hukidashi {
padding: 7% 9% 7% 7%;
text-align: left;
width: fit-content;
font-size:12px;
}
.dialogue_man .hukidashi::after {
right: -80px;
bottom: 5px;
background: url(images/dialogue_man.png) no-repeat bottom center;
background-size: 80px auto;
width: 80px;
height: 85px;
}

/********** ココルポートの実績 **********/
.results .results_flex {
}
.results .results_flex dl {
width:100%;
margin:0 0 ;
}
.results .results_flex dl dt {
padding:5px 10px;
margin:0 auto 10px auto;
font-size:14px;
cursor:pointer;
position:relative;
}
.results .results_flex dl dt:after {
content:"＋";
position:absolute;
right:10px;
top:50%;
transform: translateY(-50%);
}
.results .results_flex dl dt.active:after {
content:"－";
position:absolute;
right:10px;
top:50%;
transform: translateY(-50%);
}
.results .results_flex dl dd {
display:none;

text-align:center;
font-size:12px;
margin:0 0 10px 0;
}

.results .results_flex dl dd.active {
display:block;
}

.results .results_flex dl dd ul {
}
.results .results_flex dl dd ul li {
width:100%;
}
.results .results_flex dl dd ul li:before {
font-size: 6px;
line-height: calc(12px * 1.75);
}



/********** ご利用者様の就職事例紹介 **********/
.recruit {
padding: 40px 0;
}

.recruit .lead {
font-size:16px;
}

.left-box {
float: none;
width: 100%;
}
.right-box {
float: none;
width: 100%;
}

/*タブ*/
.recruit ul.tab2 li {
padding:10px 0;
margin-bottom:30px;
font-size: 12px;
}

.user_interview_detail {
}

.user_interview_detail h2.interview-main-title {
font-size: 18px;
}


.user_interview_detail .user_detail_data {
margin-bottom:20px;
padding:7px;
}
.user_interview_detail .user_detail_data .inner-box {
}

.user_interview_detail .user_detail_data .left-box {
width:130px;
}
.user_interview_detail .user_detail_data .left-box .user_thumb {
margin: 0;
}

.user_interview_detail .user_detail_data .right-box {
width: calc(100% - 130px);
padding:15px 15px 15px 0;
}
.user_interview_detail .user_detail_data .right-box .interview_title {
font-size:14px;
  margin-bottom: .5em;
}
.user_interview_detail .user_detail_data .right-box .user_data {
font-size: 10px;
}


.user_interview_detail .interview_cont h4 {
font-size:18px;
}


/********** 事業所一覧 **********/
.officelist {
padding: 40px 0 ;
background:none;
}

/*タブ*/
ul.tab {
}
ul.tab li {
}
/*エリア*/
.area h3 {
font-size: 16px;
}

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

font-size: 14px;
}

/* Officeデータ *
.officedata .office_img {
width: 100%;
left: auto;
overflow: auto;
height: auto;
margin:0 auto 20px auto;
float: none;
}
.officedata .office_img img {
height: auto;
max-width: 100%;
width: 100%;
position: relative;
left: auto;
right: auto;
top: auto;
transform: translateX(0);
}
.officedata .office_txt {
width: 100%;
float: none;
}


/***** 事業所一覧タブ用 *****/
ul.office_type_tab {
padding: .75em 1em;
}
ul.office_type_tab li {
width:100%;
}



/********** ご利用開始から就職後の定着支援までの流れ **********/
.flow {
padding: 40px 0 ;
}
/*flowbox*/
.flow .flowbox dl{
width: 100%;
margin: 2% auto;
max-width: 400px;
}
.flow .flowbox dl dd{
margin-top: 10px;
align-items: center;
}
.flow .flowbox dl dd .flowbox_txt {
}
.flow .flowbox dl dd .flowbox_img {
}


/********** よくある質問 **********/
.faq {
padding: 40px 0 ;
}


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


}