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

/***** dotlist *****/
ul.dotlist {
}
ul.dotlist li {
padding-left:1.25em;
margin-bottom:.25em;
position:relative;
}
ul.dotlist li:before {
content:"・";
position:absolute;
left:0;
}

/***** ラインマーカー装飾 *****/
.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;
}
.section_title small {
font-size:20px;
}

/* 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:25px;
line-height:1.5;
margin:0 auto 20px auto;
}
.mainvis .mv_txt .pagetitle h1 {
  margin: 0 auto .75em auto;
}
.mainvis .mv_txt .pagetitle small {
font-size:16px;
display: inline-block;
color: #F46F22;
margin-bottom: 1em;
}
.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;
}

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

.onayami .onayami_box {
background:#fff;
width:100%;
max-width:1000px;
padding:50px ;
margin:0 auto 100px auto;
position: relative;
border-radius: 20px ;
border:1px solid #F46F22;
}
.onayami .onayami_box:after {
position: absolute;
content: " ";
height: 0;
width: 0;

top: 100%;
left: 50%;
border:100px solid transparent;
border-top:50px solid #F46F22;
transform: translateX(-50%);
}
.onayami .onayami_box .section_title{
font-size: 35px;
margin-bottom:20px;
}

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

.onayami .inner {
}

.onayami .onayami_title {
font-size: 35px;
text-align: center;
color: #F46F22;
margin: 0 auto 75px auto;
}

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

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

.onayami .point_block .point_block_flex {
display:flex;
text-align:left;
}
.onayami .point_block .point_block_flex .point_img {
width:200px;
margin-right:30px;
}
.onayami .point_block .point_block_flex .point_txt {
width:calc(100% - 230px);
}
.onayami .point_block .point_block_flex .point_txt p {
margin-bottom:.5em;
}
.onayami .point_block .point_block_flex .point_txt ul.dotlist {
margin-bottom:.5em;
}
.dotlist li {
padding-left:1.5em;
position:relative;
}
ul.dotlist li:before {
content:"・";
position:absolute;
left:0;
}
.onayami .point_block .point_block_flex .point_txt *:last-child{
margin-bottom:0;
}
.onayami .point_block .point_block_flex .point_txt .point_tit {
font-size:20px;
margin-bottom:1em;
color:#000;
}

.onayami .case {
background:#ffe0c9;
border-radius:10px;
width: 100%;
max-width: 1000px;
padding:50px;
margin:0 auto;
}
.onayami .case *:last-child {
margin-bottom:0;
}

.case .case_title {
font-size:20px;
margin-bottom:1em;
}
.onayami .case p {
margin-bottom:1em;
}


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


/********** ボタン帯 **********/
.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;
}


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


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



/***** 利用までの流れ  *****/
.wfh_flow {
text-align:left;
margin: 0 auto ;
padding:80px 0;
font-size: 18px;
}

.wfh_flow .wfh_flowchart {
text-align:center;
}
.wfh_flow .wfh_flowchart ul {
display:flex;
flex-wrap:wrap;
max-width: 100%;
margin: 50px auto 0 auto;
}
.wfh_flow .wfh_flowchart ul li {
list-style: none;
position:relative;
text-align:center;
padding:30px 20px 20px 20px;
border:2px solid #ffe2b7;
border-radius:20px;
box-sizing: border-box;
margin:6px;
width:calc((100% / 5) - 12px);
}
.wfh_flow .wfh_flowchart ul li .wfh_flowchart_num {
color:#fff;
background:#ed6d00;
font-weight:bold;
border-radius:9999px;
display:flex;
justify-content: center;
align-items: center;
width:40px;
height:40px;
position: absolute;
top: 0;
left: 50%;
transform:translate(-50%,-50%);
}
.wfh_flow .wfh_flowchart ul li .wfh_flowchart_tit {
font-size: 18px;
font-weight:bold;
margin: .5em auto;
color:#fe963d;
}
.wfh_flow .wfh_flowchart ul li .wfh_flowchart_img {
margin: .5em auto;
max-width:100px;
}
.wfh_flow .wfh_flowchart ul li .wfh_flowchart_txt {
font-size: 14px;
margin:0 auto;
}
/***** 在宅と通所を組み合わせるという選択  *****/
.wfh_combine {
text-align:left;
margin: 0 auto ;
padding:80px 0;
font-size: 18px;
background: url(images/orange_slash_bg.png) repeat center center;
}
.wfh_combine .wfh_combine_wrap {
align-items: center;
display:flex;
margin:0 auto 30px auto;
}
.wfh_combine .wfh_combine_img {
width:180px;
margin:0 50px 0 0;
}
.wfh_combine .wfh_combine_txt {
width:calc(100% - 230px);
font-size:18px;
}
.wfh_combine .wfh_combine_txt .wfh_combine_title {
font-weight:700;
text-align: left;
font-size: 20px;
margin-bottom:20px;
}
/***** 実績・利用者の声（※一例／匿名）  *****/
.wfh_voice {
text-align:left;
margin: 0 auto ;
padding:80px 0;
font-size: 18px;
}
.wfh_voice .staff {
display:flex;
align-items: center;
}
.wfh_voice .staff .staff_img {
width: 150px;
margin-right: 30px;
}
.wfh_voice .staff .staff_balloon {
border: 1px solid #ccc;
background: #fff;
border-radius: 20px;
position:relative;
max-width:calc(100% - 180px);
padding: 1.5em 2em;
}
.wfh_voice .staff .staff_balloon:after {
position: absolute;
content: " ";
height: 0;
width: 0;

right: 100%;
top: 50%;
border:15px solid transparent;
border-right:15px solid #ccc;
margin-top: -15px;
}
.wfh_voice .staff .staff_balloon *:last-child {
margin-bottom:0;
}
.wfh_voice .staff .staff_balloon .staff_balloon_tit {
font-size:18px;
font-weight: 700;
margin-bottom: .5em;
color: #ed6d00;
}
/***** よくある質問（Q&A）  *****/
.wfh_faq {
text-align:left;
margin: 0 auto ;
padding:80px 0;
font-size: 18px;
background: url(images/orange_slash_bg.png) repeat center center;
}

.wfh_faq .wfh_faq_list {
margin: 0 auto 60px auto;
width:100%;
max-width:900px;
font-size:14px;
}
.wfh_faq .wfh_faq_list dl {
margin:15px auto ;
text-align:left;
padding:20px 20px;
background:#fff;
border:2px solid #ffe2b7;
border-radius:10px;
box-sizing: border-box;
font-size:18px;
}
.wfh_faq .wfh_faq_list dl dt {
position:relative;
padding:0 0 0 2em;
margin:0 0 .5em 0;
color:#ed6d00;
font-size:18px;
font-weight:bold;
}
.wfh_faq .wfh_faq_list dl dd {
position:relative;
padding:0 0 0 2em;
margin:0 0 ;
font-size:16px;
}
.wfh_faq .wfh_faq_list dl dt:before {
content:"Q";
position:absolute;
left:0;
color:#ed6d00;
font-size:18px;
}
.wfh_faq .wfh_faq_list dl dd:before {
content:"A";
position:absolute;
left:0;
color:#4B4E94;
font-size:18px;
font-weight:bold;
}
/***** まずは相談から始めてみませんか？ *****/
.wfh_consultation {
text-align:left;
margin: 0 auto ;
padding:80px 0;
font-size: 18px;
}

.wfh_consultation .wfh_consultation_wrap {
margin:0 auto 30px auto;
display:flex;
align-items: center;
}
.wfh_consultation .wfh_consultation_wrap .wfh_consultation_img {
width:calc(50% - 50px);
margin:0 50px 0 0;
}
.wfh_consultation .wfh_consultation_wrap .wfh_consultation_txt {
width:50%;
font-size:18px;
}
.wfh_consultation .wfh_consultation_wrap .wfh_consultation_txt .wfh_consultation_title {
font-weight:700;
color: #ed6d00;
margin-bottom: .75em;
font-size:30px;
}



/********** フッター **********/
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;
}


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

/********** ボタン帯 **********/
.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;
}


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


/********** フッター **********/
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 20px;
}

/* 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: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: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: 0 0 20px 0;
}

.onayami .onayami_box {
width:calc(100% - 40px);
padding:30px 20px ;
margin:20px 20px 40px 20px;
border-radius: 10px;
}
.onayami .onayami_box:after {
border:50px solid transparent;
border-top:20px solid #F46F22;
}
.onayami .onayami_box .section_title{
font-size: 20px;
margin-bottom:20px;
}

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

.onayami .inner {
padding:20px;
}
.onayami .onayami_title {
font-size: 22px;
margin: 0 auto 40px auto;
}

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

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

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



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



/***** 利用までの流れ  *****/
.wfh_flow {
font-size: 16px;
padding:40px 0;
}

.wfh_flow .wfh_flowchart ul {
max-width: 480px;
margin: 20px auto 0 auto;
}
.wfh_flow .wfh_flowchart ul li {
margin:15px 0;
width:100%;
}

/***** 在宅と通所を組み合わせるという選択  *****/
.wfh_combine {
font-size: 16px;
padding:40px 0;
}
.wfh_combine .wfh_combine_wrap {
display:block;
}
.wfh_combine .wfh_combine_img {
margin:0 auto 10px auto;
}
.wfh_combine .wfh_combine_txt {
width:100%;
font-size:14px;
}
.wfh_combine .wfh_combine_txt .wfh_combine_title {
font-size: 16px;
margin-bottom: 10px;
}
/***** 実績・利用者の声（※一例／匿名）  *****/
.wfh_voice {
font-size: 16px;
padding:40px 0;
}

.wfh_voice .staff .staff_img {
width: 120px;
margin-right: 10px;
}
.wfh_voice .staff .staff_balloon {
max-width:calc(100% - 130px);
padding: 1em 1.5em;
}
.wfh_voice .staff .staff_balloon:after {
border:10px solid transparent;
border-right:10px solid #ccc;
margin-top: -10px;
}
/***** よくある質問（Q&A）  *****/
.wfh_faq {
font-size: 16px;
padding:40px 0;
}
/***** まずは相談から始めてみませんか？ *****/
.wfh_consultation {
font-size: 16px;
padding:40px 0;
}
.wfh_consultation .wfh_consultation_wrap {
display:block;
}
.wfh_consultation .wfh_consultation_wrap .wfh_consultation_img {
width:100%;
margin:0 auto 30px auto;
}
.wfh_consultation .wfh_consultation_wrap .wfh_consultation_txt {
width:100%;
font-size:16px;
}
.wfh_consultation .wfh_consultation_wrap .wfh_consultation_txt .wfh_consultation_title {
font-size:18px;
}





/********** フッター **********/
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;
}


}