/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
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 .btnarea_flex {
display:flex;
}
.floating_footer .mainbtnwrap .btnarea_block {
width:calc(50% - 5px);
background:#fff;
margin:5px 2.5px;
border-radius:10px;
text-align:center;
}
.floating_footer .mainbtnwrap .btnarea_block.cocorport {
border:1px solid #f26b00;
}
.floating_footer .mainbtnwrap .btnarea_block.college {
border:1px solid #e4448e;
}

.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_title {
color:#fff;
font-weight:bold;
font-size:14px;
border-radius:10px 10px 0 0;
padding:5px;
}
.floating_footer .mainbtnwrap .btnarea_block.cocorport .btnarea_block_title {
background:#f26b00;
}
.floating_footer .mainbtnwrap .btnarea_block.college .btnarea_block_title {
background:#e4448e;
}
.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_txt {
padding:2.5px;
}
.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_txt .btns {
width:100%;
display:flex;
align-items: center;
flex-wrap: wrap;
}
.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_txt .btns .btn_pamphlet {
padding: 5px;
border-radius: 10px;
font-size: 14px;
margin:2.5px;
width: calc(50% - 5px);
}
.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_txt .btns .btn_tour {
padding: 5px;
border-radius: 10px;
font-size: 14px;
margin:2.5px;
width: calc(50% - 5px);
}

/********** メインVIS **********/
.mainvis {
background:#fff url(images/mv_bg.png) repeat-x center bottom;
text-align:center;
position:relative;
margin-top:65px;
padding: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:24px;
line-height:1.4;
margin:0 auto 20px auto;
}
.mainvis .mv_txt .pagetitle .tit_lead {
font-size:16px;
line-height:1.4;
display:inline-block;
margin-bottom:1em;
text-decoration:underline;
text-decoration-thickness: 5px;
text-underline-offset: -3px;
text-decoration-color: #fff2cc;
}
.mainvis .mv_txt .pagetitle .tit_sentence {
display:inline-block;
}
.mainvis .mv_txt .pagetitle .tit_sentence small {
font-size:12px;
}
.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((100% / 3) - 5px);
margin:2.5px;
background:#fff;
border: 1px solid #F46F22;
}
.gnavi .globalnavi ul.menu li a {
display: block;
min-height:60px;
text-decoration: none;
padding: 10px;
font-size: 14px;
color:#333;
display:flex;
align-items: center;
justify-content: center;
}
.gnavi .globalnavi ul.menu li a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f078";
margin-right: .5em;
color:#F46F22;
}

/********** こんなお悩みはありませんか？ **********/
.onayami {
padding: 80px 0;
position:relative;
font-size:18px;
}

.onayami .onayami_hukidashi_block {
display:flex;
align-items: center;
justify-content: space-between;
width:880px;
max-width:100%;
margin:0 auto 40px auto;
}

.onayami .onayami_hukidashi_block .onayami_hukidashi {
background:#fee7d4;
border-radius:20px;
position:relative;
width:250px;
max-width:100%;
padding:40px 20px;
margin:20px auto;
}
.onayami .onayami_hukidashi_block .onayami_hukidashi.right:after {
position:absolute;
content: " ";
height: 0;
width: 0;

left: 100%;
top: 50%;
border-top:20px solid #fee7d4;
border-right:20px solid transparent;
transform: translateY(-50%);
}
.onayami .onayami_hukidashi_block .onayami_hukidashi.left_bottom:after {
position:absolute;
content: " ";
height: 0;
width: 0;

right: 100%;
top: 50%;
border-bottom:20px solid #fee7d4;
border-left:20px solid transparent;
transform: translateY(-50%);
}
.onayami .onayami_hukidashi_block .onayami_hukidashi.left_top:after {
position:absolute;
content: " ";
height: 0;
width: 0;

right: 100%;
top: 50%;
border-top:20px solid #fee7d4;
border-left:20px solid transparent;
transform: translateY(-50%);
}


/********** ココルポートについて **********/
.about {
padding: 80px 0;
background: #fffdf4;
text-align:center;
}
.about .wrap {
width: 900px;
max-width:100%;
}
.about .about_lead {
}
.about .about_lead .about_lead_logo {
margin:0 auto 2em auto;
}
.about .about_lead .about_lead_txt {
margin:0 auto 0 auto;
font-size:18px;
text-align:left;
display:inline-block;
}

.about .about_flex {
display:flex;
flex-wrap:wrap;
margin:0 auto 30px auto;
}
.about .about_flex img {
width: 100%;
margin:auto;
}

/* 就職(復職)者数 */
.about .about_flex dl.shushokusha {
width:calc(50% - 20px);
margin:10px;
border:1px solid #e3e2e2;
border-radius:10px;
text-align:center;
background:#fff;
}
.about .about_flex dl.shushokusha dt {
border-bottom:1px solid #e3e2e2;
font-size:18px;
font-weight:bold;
padding:10px;
border-radius:10px 10px 0 0;
background:#deebf7;
}
.about .about_flex dl.shushokusha dd {
padding:20px;
display:flex;
justify-content: center;
align-items: center;
font-size:14px;
}
.about .about_flex dl.shushokusha dd .about_shushokusha_img {
width:100px;
margin:0 15px 0 0;
}
.about .about_flex dl.shushokusha dd .about_shushokusha_txt p {
margin-bottom:.2em;
}
.about .about_flex dl.shushokusha dd .about_shushokusha_txt *:last-child{
margin-bottom:0;
}
.about .about_flex dl.shushokusha dd .about_shushokusha_txt big {
font-size:20px;
font-weight:bold;
vertical-align:baseline;
}
.about .about_flex dl.shushokusha dd .about_shushokusha_txt small {
font-size:11px;
display: inline-block;
}

/* 定着率 */
.about .about_flex dl.teityakuritsu {
width:calc(50% - 20px);
margin:10px;
border:1px solid #e3e2e2;
border-radius:10px;
text-align:center;
background:#fff;
}
.about .about_flex dl.teityakuritsu dt {
border-bottom:1px solid #e3e2e2;
font-size:18px;
font-weight:bold;
padding:10px;
border-radius:10px 10px 0 0;
background:#e2f0d9;
}
.about .about_flex dl.teityakuritsu dd {
padding:20px;
display:flex;
justify-content: center;
align-items: center;
font-size:14px;
}
.about .about_flex dl.teityakuritsu dd .about_teityakuritsu_img {
width:100px;
margin:0 15px 0 0;
}
.about .about_flex dl.teityakuritsu dd .about_teityakuritsu_txt p {
margin-bottom:.2em;
}
.about .about_flex dl.teityakuritsu dd .about_teityakuritsu_txt *:last-child{
margin-bottom:0;
}
.about .about_flex dl.teityakuritsu dd .about_teityakuritsu_txt big {
font-size:20px;
font-weight:bold;
vertical-align:baseline;
}
.about .about_flex dl.teityakuritsu dd .about_teityakuritsu_txt small {
font-size:11px;
display: inline-block;
}

/* 事業所数 */
.about .about_flex dl.offices {
width:calc(50% - 20px);
margin:10px;
border:1px solid #e3e2e2;
border-radius:10px;
text-align:center;
background:#fff;
}
.about .about_flex dl.offices dt {
border-bottom:1px solid #e3e2e2;
font-size:18px;
font-weight:bold;
padding:10px;
border-radius:10px 10px 0 0;
background:#e4448e;
color:#fff;
}
.about .about_flex dl.offices dd {
padding:20px;
display:flex;
justify-content: center;
align-items: center;
font-size:16px;
height:calc(100% - 48px);
}
.about .about_flex dl.offices dd .about_offices_img {
width:190px;
margin:0 15px 0 0;
}
.about .about_flex dl.offices dd .about_offices_txt {
text-align:left;
}
.about .about_flex dl.offices dd .about_offices_txt p {
margin-bottom:.2em;
}
.about .about_flex dl.offices dd .about_offices_txt *:last-child{
margin-bottom:0;
}
.about .about_flex dl.offices dd .about_offices_txt big {
font-size:30px;
font-weight:bold;
vertical-align:baseline;
margin-right:.2em;
}
.about .about_flex dl.offices dd .about_offices_txt small {
font-size:11px;
display: inline-block;
}

/* 有資格者 */
.about .about_flex dl.certification {
width:calc(50% - 20px);
margin:10px;
border:1px solid #e3e2e2;
border-radius:10px;
text-align:center;
background:#fff;
}
.about .about_flex dl.certification dt {
border-bottom:1px solid #e3e2e2;
font-size:18px;
font-weight:bold;
padding:10px;
border-radius:10px 10px 0 0;
background:#f26b00;
color:#fff;
}
.about .about_flex dl.certification dd {
padding:20px;
display:flex;
justify-content: center;
align-items: center;
font-size:14px;
}
.about .about_flex dl.certification dd *:last-child {
margin-bottom:0;
}

.about .about_flex dl.certification dd .cocorport_hr {
width:100%;
max-width:600px;
margin: auto;
font-size: 12px;
}
.about .about_flex dl.certification dd .cocorport_hr table {
width:100%;
border-collapse: collapse;
margin-bottom:10px;
font-size: 12px;
}

.about .about_flex dl.certification dd .cocorport_hr table th ,
.about .about_flex dl.certification dd .cocorport_hr table td {
text-align: center;
vertical-align: middle;
border: 1px #ccc solid;
border-collapse: collapse;
padding: 5px;
}
.about .about_flex dl.certification dd .cocorport_hr table th {
background: #f5f5f5;
}
.about .about_flex dl.certification dd .cocorport_hr table td {
background: #fff;
}
.about .about_flex dl.certification dd .cocorport_hr table td strong {
color:#ed6d00;
font-weight:bold;
font-size: 14px;
}


/* 就職先 */
.about .about_flex dl.employment {
width:calc(100% - 20px);
margin:10px;
border:1px solid #e3e2e2;
border-radius:10px;
text-align:center;
background:#fff;
}
.about .about_flex dl.employment dt {
border-bottom:1px solid #e3e2e2;
font-size:18px;
font-weight:bold;
padding:10px;
border-radius:10px 10px 0 0;
background:#fee7d4;
}
.about .about_flex dl.employment dd {
padding:20px;
font-size:14px;
text-align:left;
}
.about .about_flex dl.employment dd *:last-child {
margin-bottom:0;
}
.about .about_flex dl.employment dd ul {
padding:0;
margin:0 0 ;
list-style: none;
list-style-type: disc;
display:flex;
flex-wrap:wrap;
}
.about .about_flex dl.employment dd ul li {
width:calc(100% / 3);
position:relative;
padding:0 0 0 1.5em;
position:relative;
margin:0 auto .5em auto;
}
.about .about_flex dl.employment dd ul li:before {
content:"●";
position:absolute;
left:0;
font-size: 10px;
line-height: calc(14px * 1.5);
}


/********** ココルポートのサービス概要と事業所（場所）について **********/
.service {
padding: 80px 0;
background: #fff;
text-align:center;
}

.service .service_lead {
font-size:18px;
margin-bottom:2em;
}

.service .service_cont {
}
/***** タブ *****/
.service .service_cont ul.service_tab {
display:flex;
margin: 0 7.5px;
}
.service .service_cont ul.service_tab li {
cursor:pointer;
border-radius:10px 10px 0 0;
transition: opacity 0.5s ease;
margin:0 2.5px;
padding:20px 0;
}
.service .service_cont ul.service_tab li .service_tab_comment {
padding:0 20px;
border-right:3px dotted #ed6d00;
}
.service .service_cont ul.service_tab li .service_tab_comment:last-child {
border:0!important;
}
.service .service_cont ul.service_tab li.cocorport {
width:calc(66% - 10px);
color:#ed6d00;
background:#fff;
border:1px solid #ed6d00;
border-bottom:0;
display:flex;
justify-content: center;
align-items:center;
}
.service .service_cont ul.service_tab li.cocorport:hover {
opacity:.5;
transition: opacity 0.5s ease;
}
.service .service_cont ul.service_tab li.cocorport.service_tab_active {
color:#fff;
background:#ed6d00;
}
.service .service_cont ul.service_tab li.cocorport.service_tab_active:hover {
opacity:1;
}
.service .service_cont ul.service_tab li.cocorport .service_tab_comment {
width:50%;
}
.service .service_cont ul.service_tab li.cocorport.service_tab_active .service_tab_comment {
border-right:3px dotted #fff;
}
.service .service_cont ul.service_tab li.college {
width:calc(33% - 10px);
color:#fc57a7;
background:#fff;
border:1px solid #fc57a7;
border-bottom:0;
}
.service .service_cont ul.service_tab li.college:hover {
opacity:.5;
transition: opacity 0.5s ease;
}
.service .service_cont ul.service_tab li.college.service_tab_active {
color:#fff;
background:#fc57a7;
}
.service .service_cont ul.service_tab li.college.service_tab_active:hover {
opacity:1;
}
/***** ステージ *****/
.service .service_cont .service_stage {
display:none;
}
.service .service_cont .service_stage.service_tab_show {
display:block;
padding:50px;
}
.service .service_cont .service_stage.cocorport {
border:1px solid #ed6d00;
border-top:5px solid #ed6d00;
}
.service .service_cont .service_stage.college {
border:1px solid #fc57a7;
border-top:5px solid #fc57a7;
}

.service .service_cont .service_stage .service_stage_sentence {
margin-bottom:50px;
}
.service .service_cont .service_stage .service_stage_sentence:last-child {
margin-bottom:0;
}
.service .service_cont .service_stage .service_title {
font-size:24px;
font-weight:bold;
margin-bottom:1.5em;
}
.service .service_cont .service_stage.cocorport .service_title {
color:#ed6d00;
}
.service .service_cont .service_stage.college .service_title {
color:#fc57a7;
}
.service .service_cont .service_stage .service_title small {
font-size:16px;
line-height:1.3;
display: inline-block;
}
.service .service_cont .service_stage .service_subtitle {
font-size:20px;
font-weight:bold;
margin-bottom:1em;
}
.service .service_cont .service_stage.cocorport .service_subtitle {
color:#ed6d00;
}
.service .service_cont .service_stage.college .service_subtitle {
color:#fc57a7;
}
.service .service_cont .service_stage small {
font-size:14px;
}

.service .service_outline_flex {
display:flex;
flex-wrap:wrap;
}
.service .service_outline_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%);
}

/*対象となる障がい*/
.service .service_outline_flex .target {
width:calc((100% / 2) - 20px);
margin:10px;
background:#fff2cc;
border: 2px dotted #ed7d31;
position:relative;
padding:30px 20px 20px 20px;
}
.service .service_outline_flex .target ul {
display:flex;
flex-wrap:wrap;
}
.service .service_outline_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;
}

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

/*** 事業所一覧 ***/
.officelist {
padding: 80px 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% - 80px) / 8);*/
width: calc((100% - 90px) / 10);
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;
}
.bgviolet{
background: #4b4e94;
}

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











/*** 4つの特徴 ***/
.fourfeatures {
padding:35px 0 0 0;
}
.fourfeatures .inner {
width:100%;
max-width:980px;
margin:auto;
text-align:center;
}
.fourfeatures ol {
display:flex;
flex-wrap:wrap;
}
.fourfeatures ol li {
width:calc(50% - 40px);
list-style:none;
text-align:center;
margin:20px 20px 50px 20px;
padding: 0 15px 15px 0;
position:relative;
}
.fourfeatures ol li .fourfeatures_number {
position:absolute;
top:-95px;
left:50%;
transform: translateX(-50%);
}
.fourfeatures ol li .fourfeatures_title {
font-size:20px;
font-weight:bold;
margin:20px auto;
}
.fourfeatures ol li .fourfeatures_text {
font-size:16px;
text-align:left;
}
/* 1 */
.fourfeatures ol li.no1 {
border-style: solid;
border-width: 50px;
border-image: url(images/fourfeatures_bg1.png) 50 fill round;
}
/* 2 */
.fourfeatures ol li.no2 {
border-style: solid;
border-width: 50px;
border-image: url(images/fourfeatures_bg2.png) 50 fill round;
}
/* 3 */
.fourfeatures ol li.no3 {
border-style: solid;
border-width: 50px;
border-image: url(images/fourfeatures_bg3.png) 50 fill round;
}
/* 4 */
.fourfeatures ol li.no4 {
border-style: solid;
border-width: 50px;
border-image: url(images/fourfeatures_bg4.png) 50 fill round;
}

/*** キャンパス一覧タブ ***/
.campus_tab_list {
}
.campus_tab_list .inner {
width: 100%;
margin:0 auto 0 auto;
padding:0;
background:none;
}
/*タブ*/
.campus_tab_list ul.campus_tab {
display:flex;
margin: 0 0 ;
}
.campus_tab_list ul.campus_tab li {
font-size: 14px;
font-weight: bold;
display: inline-block;
width: calc(100% / 7);
padding: 10px ;
margin: 0 3px;
cursor:pointer;
border-radius: 5px 5px 0 0;
box-sizing: border-box;
text-align: center;
}
.campus_tab_list ul.campus_tab li::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f0da";
margin-right: .3em;
}
.campus_tab_list ul.campus_tab li.bgorange {
background: #fff;
border: 1px solid #F46F22;
border-bottom:0;
color: #F46F22;
}
.campus_tab_list ul.campus_tab li.bgpink {
background: #fff;
border: 1px solid #e84091;
border-bottom:0;
color: #e84091;
}
.campus_tab_list ul.campus_tab li.bgblue {
background: #fff;
border: 1px solid #46BCC0;
border-bottom:0;
color: #46BCC0;
}
.campus_tab_list ul.campus_tab li.bggreen {
background: #fff;
border: 1px solid #52B54F;
border-bottom:0;
color: #52B54F;
}
.campus_tab_list ul.campus_tab li.bgperple {
background: #fff;
border: 1px solid #4C70D6;
border-bottom:0;
color: #4C70D6;
}
.campus_tab_list ul.campus_tab li.bgbrown {
background: #fff;
border: 1px solid #8f5132;
border-bottom:0;
color: #8f5132;
}
.campus_tab_list ul.campus_tab li.bgviolet {
background: #fff;
border: 1px solid #4b4e94;
border-bottom:0;
color: #4b4e94;
}
.campus_tab_list ul.campus_tab li.active.bgorange {
background: #F46F22;
border: 1px solid #F46F22;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgpink {
background: #e84091;
border: 1px solid #e84091;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgblue {
background: #46BCC0;
border: 1px solid #46BCC0;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bggreen {
background: #52B54F;
border: 1px solid #52B54F;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgperple {
background: #4C70D6;
border: 1px solid #4C70D6;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgbrown {
background: #8f5132;
border: 1px solid #8f5132;
border-bottom:0;
color: #fff;
}
.campus_tab_list ul.campus_tab li.active.bgviolet {
background: #4b4e94;
border: 1px solid #4b4e94;
border-bottom:0;
color: #fff;
}
/*エリア*/
.campus_tab_list .campus_area {
display:none;
text-align:left;
padding:30px;
background:#fff;
border-radius: 0 0 5px 5px;
}
.campus_tab_list .campus_area.show {
display:block;
}
.campus_tab_list .campus_area.bgorange {
border-top: 3px solid #F46F22;
}
.campus_tab_list .campus_area.bgpink {
border-top: 3px solid #e84091;
}
.campus_tab_list .campus_area.bgblue {
border-top: 3px solid #46BCC0;
}
.campus_tab_list .campus_area.bggreen {
border-top: 3px solid #52B54F;
}
.campus_tab_list .campus_area.bgperple {
border-top: 3px solid #4C70D6;
}
.campus_tab_list .campus_area.bgbrown {
border-top: 3px solid #8f5132;
}
.campus_tab_list .campus_area.bgviolet {
border-top: 3px solid #4b4e94;
}
.campus_tab_list .campus_area ul {
display:flex;
flex-wrap:wrap;
}
.campus_tab_list .campus_area ul li {
width: calc(100% / 3);
display: inline-block;
padding-left: 40px;
font-size: 16px;
font-weight: bold;
margin-bottom: 4px;
padding: 4px 0;
position: relative;
box-sizing: border-box;
}
.campus_tab_list .campus_area ul li:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f138";
margin-right: 10px;
}

/********** ボタン帯 **********/
.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:1000px;
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 .btnarea_flex {
display:flex;
}
.btnarea .btnarea_block {
width:calc(50% - 10px);
background:#fff;
margin:5px;
border-radius:20px;
}
.btnarea .btnarea_block.cocorport {
border:1px solid #f26b00;
}
.btnarea .btnarea_block.college {
border:1px solid #e4448e;
}

.btnarea .btnarea_block .btnarea_block_title {
color:#fff;
font-weight:bold;
font-size:18px;
border-radius:20px 20px 0 0;
padding:10px;
}
.btnarea .btnarea_block.cocorport .btnarea_block_title {
background:#f26b00;
}
.btnarea .btnarea_block.college .btnarea_block_title {
background:#e4448e;
}
.btnarea .btnarea_block .btnarea_block_txt {
padding:20px 15px 15px 15px;
}
.btnarea .btnarea_block .btnarea_block_txt .tel {
}
.btnarea .btnarea_block .btnarea_block_txt .tel a {
font-size:36px;
font-weight:bold;
text-decoration:none;
color:#333;
}
.btnarea .btnarea_block .btnarea_block_txt .tel small {
font-size:14px;
display:block;
}
.btnarea .btnarea_block.cocorport .btnarea_block_txt .tel small {
color:#f26b00;
}
.btnarea .btnarea_block.college .btnarea_block_txt .tel small {
color:#e4448e;
}
.btnarea .btnarea_block .btnarea_block_txt .btns {
width:100%;
display:flex;
align-items: center;
flex-wrap: wrap;
}
.btnarea .btnarea_block .btnarea_block_txt .btns .btn_pamphlet {
padding: 10px 10px;
border-radius: 10px;
font-size: 16px;
margin:5px;
width: calc(50% - 10px);
}
.btnarea .btnarea_block .btnarea_block_txt .btns .btn_tour {
padding: 10px 10px;
border-radius: 10px;
font-size: 16px;
margin:5px;
width: calc(50% - 10px);
}


/********** 費用と応援制度について **********/
.price {
padding: 80px 0;
background: #fff;
text-align:left;
font-size: 18px;
}
.price .wrap {
width:900px;
max-width:100%;
}

/*** 費用 ***/
.price .price_cont {
margin-bottom:80px;
}
.price .price_cont small {
font-size:14px;
}
.price .outline-charge table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 2px #ed6d00 solid; /* #ed6d00 green:#a4cc7a */
margin-bottom: 30px;
}
.price .outline-charge table th,
.price .outline-charge table td {
background: #ed6d00; /* #F2FFE5 #FFDDBF green:#79A64A */
text-align: center;
vertical-align: middle;
padding: 10px 5px;
border-right: 1px #ed6d00 solid; /* #ed6d00 green:#a4cc7a */
border-bottom: 1px #ed6d00 solid; /* #ed6d00 green:#a4cc7a */
width: 20%
}
.price .outline-charge table th {
color: #ffffff;
border-right: 1px solid #ffffff;
}
.price .outline-charge table td {
background: #FFFFFF;
}
.price .outline-charge table .col60 {
width: 60%;
}
.price .outline-charge table .norline {
border-right: none;
}
.price .outline-charge table .nobline {
border-bottom: none;
}

/*** 応援制度 ***/
.price .lunch {
margin: 0 auto ;
text-align:center;
}
.price .lunch .lunch_tit {
position: relative;
font-weight: bold;
font-size: 32px;
padding: 0 35px 0 35px;
margin: 0 auto 1em auto;
display: inline-block;
}
.price .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;
}
.price .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;
}

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

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

.price .lunch ul li img {
display: block;
width: 100%;
margin: 0 auto;
}
.price .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;
}

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


/********** ご利用開始から就職後の定着支援までの流れ **********/
.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%;
}



/********** 事業所一覧 **********/
/* 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;
}

/********** ボタン帯 **********/
.btnarea .btnarea_block .btnarea_block_txt .tel a {
font-size:24px;
}
.btnarea .btnarea_block .btnarea_block_txt .btns .btn_pamphlet {
font-size: 14px;
margin:3px;
}
.btnarea .btnarea_block .btnarea_block_txt .btns .btn_tour {
font-size: 14px;
margin:3px;
}


/********** ココルポートのサービス概要と事業所（場所）について **********/
/*** 事業所一覧 ***/
ul.tab li {
font-size:12px;
font-weight:bold;
width:calc(100%/3 - 4px);
padding:5px 0;
margin:2px;
}

/*** 4つの特徴 ***/
.fourfeatures {
padding:20px 0 0 0;
}
.fourfeatures .inner {
width:100%;
max-width:100%;
padding:0 20px;
}
.fourfeatures ol li {
width:100%;
max-width:400px;
margin:20px auto 50px auto;
}
.fourfeatures ol li .fourfeatures_number {
top:-60px;

width:60px;
height:60px;
}
.fourfeatures ol li .fourfeatures_title {
font-size:18px;
margin:15px auto;
}
.fourfeatures ol li .fourfeatures_text {
font-size:14px;
text-align:left;
}
/* 1 */
.fourfeatures ol li.no1 {
border-style: solid;
border-width: 30px;
border-image: url(images/fourfeatures_bg1.png) 60 fill round;
}
/* 2 */
.fourfeatures ol li.no2 {
border-style: solid;
border-width: 30px;
border-image: url(images/fourfeatures_bg2.png) 60 fill round;
}
/* 3 */
.fourfeatures ol li.no3 {
border-style: solid;
border-width: 30px;
border-image: url(images/fourfeatures_bg3.png) 60 fill round;
}
/* 4 */
.fourfeatures ol li.no4 {
border-style: solid;
border-width: 30px;
border-image: url(images/fourfeatures_bg4.png) 60 fill round;
}
/*** キャンパス一覧タブ ***/
/*エリア*/
.campus_tab_list .campus_area ul li {
width: calc(100% / 2);
}


/********** ご利用開始から就職後の定着支援までの流れ **********/
/*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 .btnarea_block {
border-radius:8px;
}
.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_title {
border-radius:5px 5px 0 0;
font-size:11px;
}
.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_txt .btns .btn_pamphlet {
font-size: 11px;
}
.floating_footer .mainbtnwrap .btnarea_block .btnarea_block_txt .btns .btn_tour {
font-size: 11px;
}


/********** メイン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:24px;
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:60px 0 30px 0;
}
.mainvis .mv_txt .pagetitle .tit_lead {
font-size:15px;
padding:0 10px 0 20px;
}
.mainvis .mv_txt .pagetitle .tit_sentence {
background:#fff;
padding:3px 10px 3px 20px;
margin:3px 0;
}
.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;
font-size:16px;
}

.onayami .onayami_hukidashi_block {
display:block;
width: 100%;
margin: 0 auto 40px auto;
}
.onayami .onayami_hukidashi_block .onayami_hukidashi_block_right {
display:flex;
max-width:450px;
margin: auto;
}
.onayami .onayami_hukidashi_block .onayami_hukidashi_block_center {
margin:30px auto;
width:150px;
}

.onayami .onayami_hukidashi_block .onayami_hukidashi {
width:auto;
padding:20px 20px;
margin:0 auto;
font-size:14px;
display: inline-block;
}
.onayami .onayami_hukidashi_block .onayami_hukidashi_block_right .onayami_hukidashi {
width:48%;
padding:20px 10px;
display:flex;
align-items:center;
justify-content: center;
}

.onayami .onayami_hukidashi_block .onayami_hukidashi.right:after {
transform: translateY(0);

top: 100%;
left: 50%;
border:10px solid transparent;
border-top:10px solid #fee7d4;
margin-left: -10px;
}
.onayami .onayami_hukidashi_block .onayami_hukidashi.left_bottom:after {
right:auto;
top: auto;
transform: translateY(0);

bottom: 100%;
left: 50%;
border:10px solid transparent;
border-bottom:10px solid #fee7d4;
margin-left: -10px;
}
.onayami .onayami_hukidashi_block .onayami_hukidashi.left_top:after {
right:auto;
top: auto;
transform: translateY(0);

bottom: 100%;
left: 50%;
border:10px solid transparent;
border-bottom:10px solid #fee7d4;
margin-left: -10px;
}

/********** ココルポートについて **********/
.about {
padding: 40px 0;
}

.about .about_lead .about_lead_txt {
font-size:16px;
}

.about .about_flex {
margin:0 auto 30px auto;
}

/* 就職(復職)者数 */
.about .about_flex dl.shushokusha {
width:calc(100% - 10px);
margin:5px;
}

/* 定着率 */
.about .about_flex dl.teityakuritsu {
width:calc(100% - 10px);
margin:5px;
}

/* 事業所数 */
.about .about_flex dl.offices {
width: calc(100% - 10px);
margin: 5px;
}

/* 有資格者 */
.about .about_flex dl.certification {
width: calc(100% - 10px);
margin: 5px;
}

/* 就職先 */
.about .about_flex dl.employment dd ul li {
width:100%;
}
.about .about_flex dl.employment dd ul li:before {
font-size: 6px;
line-height: calc(12px * 1.75);
}


/********** ココルポートのサービス概要と事業所（場所）について **********/
.service {
padding: 40px 0;
}

.service .service_lead {
font-size:16px;
}

.service .service_cont {
}
/***** タブ *****/
.service .service_cont ul.service_tab li {
padding:10px 0;
font-size:14px;
}
.service .service_cont ul.service_tab li .service_tab_comment {
padding:0 10px;
border-right:2px dotted #ed6d00;
}
.service .service_cont ul.service_tab li .service_tab_comment br {
display:none;
}
/***** ステージ *****/
.service .service_cont .service_stage.service_tab_show {
padding:20px;
}
.service .service_cont .service_stage .service_stage_sentence {
margin-bottom:40px;
}

.service .service_cont .service_stage .service_title {
font-size:20px;
margin-bottom:1em;
}
.service .service_cont .service_stage .service_title small {
font-size:14px;
}
.service .service_cont .service_stage .service_subtitle {
font-size:18px;
}

.service .service_outline_title {
font-size:14px;
}

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

font-size:12px;
}

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

/*** 事業所一覧 ***/
.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;
}

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

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




/*** キャンパス一覧タブ ***/
/*タブ*/
.campus_tab_list ul.campus_tab {
flex-wrap:wrap;
margin-bottom: 9px;
}
.campus_tab_list ul.campus_tab li {
font-size: 11px;
letter-spacing:-0.1em;
padding: 4px ;
margin: 1px;
width: calc((100% / 4) - 2px);
border-radius: 5px 5px ;
}
.campus_tab_list ul.campus_tab li::before {
display:none;
}

.campus_tab_list ul.campus_tab li.bgorange {
border: 1px solid #F46F22;
}
.campus_tab_list ul.campus_tab li.bgpink {
border: 1px solid #e84091;
}
.campus_tab_list ul.campus_tab li.bgblue {
border: 1px solid #46BCC0;
}
.campus_tab_list ul.campus_tab li.bggreen {
border: 1px solid #52B54F;
}
.campus_tab_list ul.campus_tab li.bgperple {
border: 1px solid #4C70D6;
}
.campus_tab_list ul.campus_tab li.bgbrown {
border: 1px solid #8f5132;
}
.campus_tab_list ul.campus_tab li.bgviolet {
border: 1px solid #4b4e94;
}
.campus_tab_list ul.campus_tab li.active.bgorange {
border: 1px solid #F46F22;
}
.campus_tab_list ul.campus_tab li.active.bgpink {
border: 1px solid #e84091;
}
.campus_tab_list ul.campus_tab li.active.bgblue {
border: 1px solid #46BCC0;
}
.campus_tab_list ul.campus_tab li.active.bggreen {
border: 1px solid #52B54F;
}
.campus_tab_list ul.campus_tab li.active.bgperple {
border: 1px solid #4C70D6;
}
.campus_tab_list ul.campus_tab li.active.bgbrown {
border: 1px solid #8f5132;
}
.campus_tab_list ul.campus_tab li.active.bgviolet {
border: 1px solid #4b4e94;
}
/*エリア*/
.campus_tab_list .campus_area {
padding:20px;
}

.campus_tab_list .campus_area ul li {
width: 100%;
font-size: 14px;
}

/********** ボタン帯 **********/
.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 .btnarea_flex {
flex-wrap:wrap;
}
.btnarea .btnarea_block {
width:calc(100% - 10px);
}

.btnarea .btnarea_block .btnarea_block_title {
font-size:16px;
padding:5px;
}
.btnarea .btnarea_block .btnarea_block_txt .tel small {
font-size:12px;
}


/********** 費用と応援制度について **********/
.price {
padding: 40px 0;
font-size: 16px;
}

/*** 費用 ***/
.price .price_cont {
margin-bottom:30px;
}

/*** 応援制度 ***/
.price .lunch {
margin: 0 auto ;
font-size:14px;
}
.price .lunch .lunch_tit {
font-size: 20px;
padding:0 35px;
margin: 0 auto 1em auto;
}
.price .lunch .lunch_tit .andmore {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
top: -50px;
}

/**/
.price .lunch .seidotaishou dl {
flex-wrap:wrap;
}
.price .lunch .seidotaishou dl dt {
width:100%;
}
.price .lunch .seidotaishou dl dd {
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;
}


}