@charset "utf-8";
/*
Theme Name: tsunagarumisawa
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1
*/
/* motion.css読み込み */
@import url("css/motion.css");
/* font.css読み込み */
@import url("fonts/font.css");

/* ----------------------------------- 共通 ----------------------------------- */
:root {
	--red:#cc0000;/* 赤 */
	--black:#393939;/* 黒 */
	--yellow:#FFD93D;/* 黄色 */
	--bpink:#FF6B6B;/* ビビットピンク */
	--mint:#4ECDC4;/* ミント */
	--green:#6BCB77;/* グリーン */
	--gray01:#f4f4f4;
	--gray02:#999999;
	--gray03:#666666;
}
body , p{
	color:#393939;
	font-size:16px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
p a , li a , a{
	color:#393939;
	text-decoration:none;
	transition:all 0.4s;
}
p a:hover , li a:hover ,  a:hover{
	color:#393939;
	text-decoration:none;
	transition:all 0.4s;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.red{
	color:#cc0000;
}
/* flex_box */
.flex_box{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
/* justify-content */
.jc_c{
	justify-content:center;
}
.jc_sb{
	justify-content:space-between;
}
/* align-items */
.ai_c{
	align-items:center !important;
}
.as_c{
	align-self:center !important;
}
/* font-size */
.fs12{
	font-size:1.2rem;
}
.fs15{
	font-size:1.5rem;
}
/* margin */
.m0{
	margin:0;
}
.m05{
	margin:0.5rem;
}
.mt05{
	margin-top:0.5rem;
}
.mt2{
	margin-top:2rem;
}
.mt3{
	margin-top:3rem;
}
.mt5{
	margin-top:5rem;
}
.mb05{
	margin-bottom:0.5rem !important;
}
.mb1{
	margin-bottom:1rem !important;
}
.mb2{
	margin-bottom:2rem !important;
}
.mb3{
	margin-bottom:3rem !important;
}
.mb5{
	margin-bottom:5rem !important;
}
.mb7{
	margin-bottom:7rem;
}
/* display:none */
.entry-meta-item-updated , .entry-meta-item-author , .sp1199 ,.sp991 , .sp767 , .sp599{
	display:none;
}
/* ----------------------------------- Header ----------------------------------- */
.site-header{
	background:transparent;
	box-shadow:none;
}
body:not(.home) .site-header{
	background-color:rgb(245, 243, 240);
}
body:not(.home) .site-header .site-header-logo{
	margin-left:2rem;
}
.home .site-header-logo{
	position:absolute;
	top:0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width:auto;
	margin:0;
	padding-left:0.3rem;
}
.home .site-header-logo a{
	color:#ffffff;
}
.site-header-logo a{
	font-size:1.1rem;
	letter-spacing:0.3rem;
}
/* hamburger */
#vk-mobile-nav-menu-btn{
	display:none;
}
body.device-pc .vk-mobile-nav{
	display:block;
}
.hamburger{
	width:4rem;
	height:4rem;
	text-align:center;
	cursor:pointer;
	position:fixed;
	top:1.5rem;
	right:1.5rem;
	z-index:10000;
	color:var(--black);
}
.hamburger span{
	display:block;
	position:absolute;
	width:4rem;
	height:4px;
	background:var(--bpink);
	right:0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top:0.5rem;
}
.hamburger span:nth-child(2) {
	top:1.5rem;
}
.hamburger:before,
.hamburger:after{
	display:block;
	width:4rem;
	text-align:center;
	font-size:0.7rem;
	font-weight:bold;
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	transition:all 0.6s;
	position:absolute;
	top:2.2rem;
}
.hamburger:before{
	content:"MENU";
	opacity:1;
}
.hamburger:after{
	content:"CLOSE";
	opacity:0;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1){
	width:4rem;
	top:0.5rem;
	-webkit-transform:rotate(-30deg);
	-moz-transform:rotate(-30deg);
	transform:rotate(-30deg);
}
.hamburger.active span:nth-child(2){
	width:4rem;
	top:0.5rem;
	-webkit-transform:rotate(30deg);
	-moz-transform:rotate(30deg);
	transform:rotate(30deg);
}
.hamburger.active:before{
	opacity:0;
}
.hamburger.active:after{
	opacity:1;
}
.admin-bar .hamburger{
	top:50px;
}
/* --- menu --- */
.vk-mobile-nav{
	padding-top:7rem;
	background-color:var(--gray01);
}
.vk-mobile-nav-menu-outer{
	padding:1rem 3rem;
}
.vk-mobile-nav nav > .vk-menu-acc{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	border:none;
}
.vk-menu-acc > li{
	width:23%;
	margin:0 1% 1.5rem 1%; 
}
.vk-mobile-nav nav .vk-menu-acc > li > a{
	border:none;
	padding:0.5rem 1rem;
}
.vk-menu-acc > li > a{
	font-weight:bold;
	position:relative;
	display:block;
	color:var(--black);
}
.vk-menu-acc > li > a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background-color:var(--bpink);
	transform:scaleX(0);
	transform-origin: right;
	transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
}
.vk-menu-acc > li > a:hover:after{
	transform:scaleX(1);
	transform-origin: left;
}
/* --- 入れ子menu --- */
.acc-btn{
	display:none;
}
.vk-menu-acc ul.sub-menu{
	opacity:1;
	max-height:inherit;
	margin-top:0.5rem;
}
.vk-menu-acc ul.sub-menu a{
	font-size:0.9rem;
	font-weight:bold;
	border:none;
	position:relative;
	padding-left:2.7rem;
}
.vk-menu-acc ul.sub-menu a:before{
	content:"";
	position:absolute;
	width:10px;
	height:8px;
	border-bottom:solid 2px var(--bpink);
	border-left:solid 2px var(--bpink);
	left:1.5rem;
	top:15px;
	transition:all 0.4s;
}
.vk-menu-acc ul.sub-menu a:hover{
	color:var(--gray02);
}
/* ----------------------------------- Footer ----------------------------------- */
.site-footer{
	background-color:var(--black);
	padding:5rem 1rem;
}
.footer-nav-list > li{
	width:50%;
	margin-bottom:1.5rem;
}
.footer-nav-list > li > a{
	font-size:1.1rem;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:0.1rem;
}
.footer-nav-list > .footer_small > a{
	font-size:0.8rem;
}
.footer-nav-list li .sub-menu{
	margin:1rem 0 0.5rem 0;
	flex-wrap:wrap;
}
.footer-nav-list li .sub-menu li{
	padding:0 0.5rem;
	margin-bottom:0.8rem;
	position:relative;
}
.footer-nav-list li .sub-menu li:not(:last-child):after{
	content:"/";
	color:var(--gray02);
	position:absolute;
	top:-1px;
	right:-2px;
}
.footer-nav-list li .sub-menu a{
	color:var(--gray02);
	font-weight:bold;
	letter-spacing:0.1rem;
}
.footer-nav-list li a:hover , .footer-nav-list li .sub-menu a:hover{
	color:var(--yellow);
}
/* copyright */
.footer_copy_box{
	margin-top:2rem;
	justify-content:space-between;
	align-items:center;
}
.footer-copyright h4{
	color:#ffffff;
	margin-bottom:1rem;
	font-size:1.2rem;
	letter-spacing:0.1rem;
}
.footer-copyright p{
	margin:0;
	color:var(--gray02);
	font-size:0.7rem;
	letter-spacing:0.1rem;
}
/* page to top */
.page-top p{
	margin:0;
	text-align:center;
}
.move-page-top{
	display:inline-block;
	border:solid 2px #ffffff;
	border-radius:50%;
	padding:9px 9px 7px 9px;
	position:relative;
	background-color:transparent;
}
.move-page-top i{
	margin:0;
	font-size:30px;
	color:#ffffff;
	transition:all 0.6s;
}
.move-page-top:hover{
	background-color:var(--bpink);
}
.move-page-top:hover i{
	color:#ffffff;
}
/* ---------- TOPページ ---------- */
/* top_slide */
.slide_wrap .swiper-pagination , .slide_wrap .swiper-button-prev , .slide_wrap .swiper-button-next{
	display:none;
}
.slide_wrap{
	width:100vw;
    height:95vh;
	position:relative;
	overflow:hidden;
}
.slide_wrap:after{
	content:"";
	display:block;
	width:100vw;
	height:95vh;
	background-color:rgba(14,14,14,0.3);
	/*background-image: radial-gradient(circle, rgba(255,255,255,1) 1px, transparent 1px), radial-gradient(circle, rgba(255,255,255,1) 1px, transparent 1px);
	background-position: 0 0, 6px 12px;
	background-size: 12px 24px;*/
	mix-blend-mode: hard-light; 
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}
.slide_wrap .swiper-slide img{
	object-fit:cover;
	width:100vw;
	height:95vh;
}
.site_title{
	font-size:7vw;
	color: #ffffff;
	white-space:nowrap;
	letter-spacing:1.5rem;
	padding-left:1.5rem;
	position: absolute;
    z-index:3;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
/* slide下メニュー */
.tab_menu{
	bottom:-2px;
	margin:0;
	padding:0;
	position:absolute;
	z-index:5;
	width:100%;
	justify-content:center;
	align-items:flex-end;
}
.tab_menu li{
	list-style:none;
	min-width:200px;
	max-width:calc(25% - 10px);
	margin:0 5px;
	text-align:center;
}
.tab_menu li a{
	display:block;
	color:#ffffff;
	font-size:1.2rem;
	font-weight:bold;
	letter-spacing:0.3rem;
	padding:0.5rem 1.5rem 0.9rem 1.8rem;
	border:solid 2px #ffffff;
	border-radius:0.5rem 0.5rem 0 0;
}
.tab_menu li a:hover{
	background-color:var(--yellow);
	padding-bottom:1.4rem;
}
.tab_menu li .tab_menu_b:hover{
	background-color:var(--bpink);
}
.tab_menu li .tab_menu_c:hover{
	background-color:var(--mint);
}
.tab_menu li .tab_menu_d:hover{
	background-color:var(--green);
}
/* th01 */
.th01{
	text-align:center;
	font-size:1.8rem;
	margin-bottom:3rem;
	letter-spacing:0.2rem;
}
.th01 span{
	display:block;
	color:var(--bpink);
	letter-spacing:1rem;
	padding-left:1rem;
	font-size:1rem;
	text-transform:uppercase;
}
/* th02 */
.th02 , .Busleft h3{
	font-size:1.15rem;
	padding:0.5em 0.7em;
	background:#ffffff;
}
.th02.fs15{
	font-size:1.5rem;
	color:var(--black);
}
.th02a , .Busleft h3{
    border:2px solid var(--bpink);
    box-shadow:5px 5px var(--bpink);
    color:var(--gray03);
}
.th02b{
    border:2px solid var(--mint);
    box-shadow:5px 5px var(--mint);
    color:var(--gray03);
}
.th02c{
    border:2px solid var(--yellow);
    box-shadow:5px 5px var(--yellow);
    color:var(--gray03);
}
.th02d{
    border:2px solid var(--green);
    box-shadow:5px 5px var(--green);
    color:var(--gray03);
}
/* th03 */
.th03{
	position:relative;
	padding:1.5rem 2.5rem 1.3rem 2.5rem;
	font-size:1.7rem;
	text-align:center;
	margin-bottom:3.5rem;
	background-color:rgba(245, 243, 240, 0.4);
}
.th03:first-letter{
	color:var(--bpink);
    font-size:3rem;
}
.th03:before,
.th03:after{
    display:inline-block;
    position:absolute;
    width:20px;
    height:100%;
	border: 3px solid var(--bpink);
    box-sizing: border-box;
    content:'';
}
.th03:before{
    top:0;
    left:0;
    border-right:none;
}
.th03:after{
    bottom:0;
    right:0;
    border-left:none;
}
/* th04 */
.th04 , .Busleft h2{
    font-size:1.5rem;
	letter-spacing:0.2rem;
}
.th04:first-letter , .Busleft h2:first-letter{
    font-size:2.3rem;
}
.th04a:first-letter , .Busleft h2:first-letter{
	color:var(--bpink);
}
.th04b:first-letter{
	color:var(--mint);
}
.th04c:first-letter{
	color:var(--yellow);
}
.th04d:first-letter{
	color:var(--green);
}
/* arrow */
.arrow{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transition:all 0.4s;
}
.arrow:before{
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:solid 2px var(--gray02);
	border-right:solid 2px var(--gray02);
	transform:rotate(45deg);
}
/* btn */
.btn01{
	display:inline-block;
	position:relative;
	color:#ffffff;
	font-weight:bold;
	border-radius:0.3rem;
	padding:0.7rem 4rem 0.6rem;
	transition:color 0.5s ease;
}
.btn_text{
	position:relative;
}
.btn01:hover:before{
	transform: scaleY(1);
}
.btn01:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:#ffffff;
	border-radius:0.3rem;
	transform:scaleY(0);
	transition:all 0.5s ease;
	transition-property:transform;
}
.btn01:hover{
	background-color:#ffffff;
}
.btn01 .arrow{
	right:1.5rem;
}
.btn01:hover .arrow{
	right:1rem;
}
.btn01 .arrow:before{
	border-top:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
}
.btn01a{
	background-color:var(--bpink);
	border:solid 2px var(--bpink);
}
.btn01a:hover{
	color:var(--bpink);
}
.btn01a:hover .arrow:before{
	border-top:solid 2px var(--bpink);
	border-right:solid 2px var(--bpink);
}
.btn01b{
	background-color:var(--mint);
	border:solid 2px var(--mint);
}
.btn01b:hover{
	color:var(--mint);
}
.btn01b:hover .arrow:before{
	border-top:solid 2px var(--mint);
	border-right:solid 2px var(--mint);
}
.btn01c{
	background-color:var(--yellow);
	border:solid 2px var(--yellow);
}
.btn01c:hover{
	color:var(--gray03);
}
.btn01c:hover .arrow:before{
	border-top:solid 2px var(--gray03);
	border-right:solid 2px var(--gray03);
}
.btn01d{
	background-color:var(--green);
	border:solid 2px var(--green);
}
.btn01d:hover{
	color:var(--green);
}
.btn01d:hover .arrow:before{
	border-top:solid 2px var(--green);
	border-right:solid 2px var(--green);
}
/* ----- 緊急・お知らせ・イベント・関連 ----- */
/* 共通 */
.news , .warning_box{
	padding:0;
	margin:0 0 3rem 0;
}
.news_box{
	margin-bottom:1rem;
}
.newsb_date{
	color:var(--gray02);
    font-size:0.9rem;
    letter-spacing:0.1rem;
	margin:0;
	width:200px;
	padding-top:10px;
}
.newsb_date:before{
	content:"更新日";
	font-size: 90%;
    padding-right:0.5rem;
}
.newsb_title{
	width:calc(100% - 200px);
	margin:0;
}
.newsb_title a{
	padding:0.5rem 4rem 0.5rem 1rem;
    color:var(--gray03);
    font-weight:bold;
    letter-spacing: 0.05rem;
	display:block;
	position:relative;
}
.newsb_title a .arrow{
	right:1.5rem;
}
.newsb_title a:hover{
	color:var(--bpink);
}
.newsb_title a:hover .arrow{
	right:1rem;
}
.news_nopost{
	color:var(--gray03);
	font-weight:bold;
}
/* 緊急のお知らせ */
.warning_box{
	border:solid 4px var(--yellow);
	border-radius:0.3rem;
	background-color:var(--yellow);
	padding:0.7rem 1.5rem 0.3rem 1.5rem;
}
.warning_box .news_box{
	margin-bottom:0.5rem;
}
.warning_box li .newsb_date{
	position:relative;
}
.warning_box li .newsb_date i{
	font-size:1.5rem;
	color:var(--bpink);
	position:absolute;
	top:9px;
	right:0.3rem;
}
.warning_box li a{
	border-radius:0.3rem;
}
.warning_box li a:hover{
	background-color:#ffffff;
}
/* イベント情報 */
.news li{
	border-bottom:dashed 1px #d8d8d8;
	padding:0.5rem;
	margin:0;
}
/* ---------- 各ページ ---------- */
/* 背景 */
.bg01{
	background-color:var(--gray01);
	padding:4rem 1rem 5rem 1rem;
}
/* pattern_box */
.pattern_box figure , .pattern_img{
	width:40%;
}
.pattern_text{
	width:calc(100% - 40%);
}
.pattern_text p{
	padding:0 1rem;
}
/* pattern_box_r */
.pattern_box_r .pattern_text{
	padding-left:3rem;
}
/* pattern_box_l */
.pattern_box_l .pattern_text{
	padding-right:3rem;
}
/* 読み上げ機能 */
.wp_speech_contents-box{
	margin:2em 1em;
}
.wp_speech_contents-box button{
	margin-right:0.5em;
	font-size:14px;
	padding: 0.3em 0.6em;
}
.wp_speech_contents-box button#wpSpeechContentsStartButton{
	background-color: #292929;
    border: solid 1px #292929;
    color: #ffffff;
	transition: 0.3s;
}
.wp_speech_contents-box button#wpSpeechContentsStartButton:hover{
	background-color: #C1C1C1;
	border: solid 1px #C1C1C1;
}
.wp_speech_contents-box button#wpSpeechContentsCancelButton{
	background-color: #898989;
    border: solid 1px #898989;
    color: #ffffff;
	transition: 0.3s;
}
.wp_speech_contents-box button#wpSpeechContentsCancelButton:hover{
	background-color:#C1C1C1;
    border: solid 1px #C1C1C1;
}
/* youtube */
.youtube{
	width:100%;
	padding: 0;
	box-sizing: border-box;
}
.youtube .youtube_inner{
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}
.youtube .youtube_inner iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* breadcrumb */
.breadcrumb{
	background-color:rgb(245, 243, 240);
	border-bottom:dashed 1px var(--gray02);
	padding-bottom:0.5rem;
}
.breadcrumb .container{
	max-width:100%;
	padding:0 2rem;
}
/* page-header */
.page-header{
	background-color:rgb(245, 243, 240);
	position:relative;
}
.page-header-inner{
	text-align:left;
	position:absolute;
	left:5%;
	bottom:0;
	margin:0;
	width:90%;
}
.page-header-title{
	letter-spacing:0.3rem;
	display:inline-block;
}
.page-header-line{
	position:absolute;
	right:0;
	bottom:17px;
	border-bottom:solid 4px var(--bpink);
	border-radius:1rem;
}
body:not(.home) .site-body:before{
	content:"";
	width:100%;
	height:300px;
	background-color:rgb(245, 243, 240);
	position:absolute;
	top:0;
	left:0;
}

/* ----- 障がい者支援事業者紹介 ----- */
/* archive */
.busperson_child{
	width:46%;
	margin:0 2% 3rem 2%;
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
	border-radius:0.3rem;
	overflow:hidden;
}
.busperson_child a{
	display:block;
	position:relative;
	height:350px;
}
.busperson_child a img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.busperson_child figcaption{
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	padding:1.5rem;
	background-color:rgba(255,255,255,0.9);
	transform: translateY(10.5rem);
	transition:all 0.4s;
}
.busperson_title{
	font-size:1.5rem;
	letter-spacing:0.1rem;
	transition:all 0.4s;
}
.busperson_title .small{
	font-size:1rem;
	display:block;
}
.busperson_child figcaption p{
	font-size:0.95rem;
	margin-bottom:0.5rem;
	min-height:130px;
}
.busperson_child a:hover figcaption{
	transform: translateY(0);
}
.busperson_child a:hover .busperson_title{
	color:var(--bpink);
}
/* post */
.category-busperson .entry-meta , .category-busperson .vk_posts{
	display:none;
}
.Busleft{
	width:65%;
	padding-right:3rem;
}
.Busright{
	width:35%;
}
.Busleft h3{
	letter-spacing:0.2rem;
}
.Busleft p{
	line-height:2;
	margin-bottom:2.5rem;
	padding:0 1rem;
}
.Busleft ul{
	margin:1.5rem 1rem 2rem 1rem;
}
.Mapwrap {
	padding: 7px 7px 3px;
    margin: 3rem 0 0;
	border:solid 7px var(--bpink);
}
.Mapwrap iframe{
	margin-bottom:0;
}
.companytxt{
	padding: 50px 7px 3px;
    margin: 3rem 0 0;
}
.companytxt dt{
	display:inline-block;
	border:solid 2px var(--bpink);
	border-radius:0.2rem;
	color:var(--bpink);
	padding:0.3rem 1rem 0.3rem 1.2rem;
	min-width:120px;
	text-align:center;
	letter-spacing:0.2rem;
	margin-bottom:1rem;
}
.companytxt dd{
	margin-bottom:1.5rem;
	padding:0 1rem;
}
/* Btn_center */
.Btn_center p{
	display:inline-block;
}
.Btn_center a{
	position:relative;
}
.arrow_a{
	position:absolute;
	left:-1rem;
	bottom:-10px;
	width:8rem;
	height:20px;
	transition:all 0.4s;
}
.arrow_a:before , .arrow_a:after{
	content:"";
	display:block;
}
.arrow_a:before{
	width:8rem;
	height:1px;
	background-color:#222;
	position:absolute;
	left:0;
	bottom:0;
}
.arrow_a:after{
	width:1px;
	height:1rem;
	background-color:#222;
	transform:rotate(-45deg);
	position:absolute;
	right:5px;
	bottom:-2px;
}
.Btn_center a:hover .arrow_a{
	left:-0.5rem;
}
/* プライバシーポリシー */
.policy_text p , .page-id-1197 p{
	padding:0 1rem;
}
.page-id-1197 ol{
	margin-left:1rem;
}
/* お問い合わせ */
.contact dd{
	margin-bottom:1.5rem;
}
.contact .add{
	margin-bottom:0.5rem;
}
.contact_btn_box input.btn00{
	transition:all 0.4s;
	font-weight:bold;
	margin:0 0.5rem;
}
.contact_btn_box input.btn00a{
	background-color:var(--mint);
	border:solid 2px var(--mint);
}
.contact_btn_box input.btn00a:hover{
	color:var(--mint);
	background-color:#ffffff;
}
.contact_btn_box input.btn00b{
	background-color:var(--bpink);
	border:solid 2px var(--bpink);
}
.contact_btn_box input.btn00b:hover{
	color:var(--bpink);
	background-color:#ffffff;
}
/* 就労支援って何？ 固定ページ */
.site-body > img{
	position:absolute;
	top:-8rem;
	z-index:1;
	width:100%;
	height:428px;
	object-fit:cover;
	mix-blend-mode:darken;
	opacity:0.3;
}
.site-body-container{
	z-index:2;
}
.model01 span{
	background-color:var(--bpink);
	padding:0.8rem 2rem;
	border-radius:1rem;
	color:#ffffff;
	font-weight:bold;
	font-size:1.1rem;
}
.model02_child{
	width:46%;
	margin:0 2% 2rem 2%;
	padding:2rem;
	border:solid 2px var(--bpink);
	border-radius:0.3rem;
	box-shadow:10px 10px 20px rgba(14,14,14,0.1);
	position:relative;
}
.model02_child:before{
	content:"";
	position:absolute;
	left:4px;
	top:4px;
	width:calc(100% - 8px);
	height:calc(100% - 8px);
	border:solid 2px var(--bpink);
}
.model03{
	justify-content:center;
	margin-bottom:2rem;
}
.model03_child{
	width:200px;
	margin:0 2% 4.5rem 2%;
	text-align:center;
	padding:2rem;
	position:relative;
}
.model03_child:before{
	content:"";
	display:block;
	width:200px;
	height:200px;
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	background-color:var(--yellow);
	box-shadow:10px 10px 20px rgba(14,14,14,0.1);
	border-radius:50%;
}
.model03_child i{
	font-size:4rem;
	margin:0 0 0.5rem 0;
	color:#fff;
	position:relative;
}
.th05{
	font-size:1.2rem;
	letter-spacing:0.1rem;
	padding-left:0.1rem;
	margin-bottom:0.3rem;
	position:relative;
}
.model03_child p{
	font-size:0.8rem;
	margin:0;
	position:relative;
}
.model04{
	margin:0 1rem 2rem 1rem;
	padding:2rem;
	background-color:var(--gray01);
}
.model04.arrow_d{
	position:relative;
	margin-bottom:5rem;
}
.model04.arrow_d:after{
	content:"";
	background: var(--mint);
	position:absolute;
	left: 50%;
	bottom:-3.5rem;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	height: 30px;
  	width: 60px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.th06{
	color:var(--mint);
	position:relative;
	padding-left:13px;
	margin-bottom:1.5rem;
}
.th06 .num{
	color:#ffffff;
	position:relative;
	z-index:1;
	padding-right:2rem;
}
.th06:before{
	content:"";
	width:40px;
	height:40px;
	background-color:var(--mint);
	border-radius:50%;
	position:absolute;
	left:0;
	top:-5px;
	z-index:0;
}
.model04 p{
	padding:0 1rem;
}
.model04_txt{
	background-color:#fff;
	border-radius:0.2rem;
	padding:0.5rem 1rem;
}
.model05{
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
}
.model05 ul{
	padding:0;
}
.model05 ul li{
	list-style:none;
	padding-left:3rem;
	position:relative;
}
.model05 ul li:before{
	content:"→";
	font-size:1.5rem;
	color:var(--mint);
	position:absolute;
	left:0.5rem;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.model06{
	padding:2rem;
	background-color:var(--yellow);
	border-radius:0.2rem;
}
.model06 p{
	margin:0;
	font-weight:bold;
}
.source h5{
	font-size:0.9rem;
	margin-bottom:0.5rem;
}
.source p a{
	font-size:0.9rem;
	color:var(--gray03);
}
.source p a:hover{
	color:var(--bpink);
}

/* ------------------ Responnsive ------------------ */
/* -----------　PC 1499.98px以下 --------------- */
@media screen and (max-width:1499.98px) {
}
/* -----------　PC1200px以下 ipad Air --------------- */
@media screen and (max-width:1199.98px) {
	.sp1199{
		display:block;
	}
	/* ----- Header ----- */
	.site_title{
		font-size:6rem;
	}
	/* menu */
	.vk-mobile-nav-menu-outer{
		padding:1rem 5rem;
	}
	.vk-menu-acc > li{
		width:48%;
	}
	/* ----- 障がい者支援事業者紹介 ----- */
	/* archive */
	.busperson_child figcaption{
		transform: translateY(10.5rem);
	}
	/* 就労選択支援 */
	.model03_child{
		margin: 0px 1% 4.5rem;
	}
	
}
/* -----------  PC 991.98px ipad ----------- */
@media screen and (max-width:991.98px) {
	body {
		-webkit-text-size-adjust: 100%;
    }
	.pc991 , .header_right_box{
		display:none;
	}
	.sp991{
		display:block;
	}
	/* ----- Header ----- */
	body:not(.home) .site-header .site-header-logo{
		text-align:left;
	}
	.tab_menu li{
		min-width:160px;
	}
	/* 緊急のお知らせ */
	.warning_box .newsb_date{
		width:170px;
	}
	.warning_box .newsb_title{
		width:calc(100% - 170px);
	}
	/* お知らせ */
	.news .newsb_date{
		width:140px;
	}
	.news .newsb_title{
		width:calc(100% - 140px);
	}
	/* ----- 障がい者支援事業者紹介 ----- */
	/* archive */
	.busperson_child{
		width:96%;
		margin:0 2% 3rem 2%;
	}
	.busperson_child a{
		height:auto;
	}
	.busperson_child a img{
		height:300px;
	}
	.busperson_child figcaption{
		transform: translateY(0);
		position:relative;
	}
	.busperson_child figcaption p{
		min-height:auto;
	}
	/* Post */
	.Busleft , .Busright{
		width:100%;
		padding:0;
	}
	/* 就労選択支援 */
	.model03_child {
        margin: 0px 3% 4.5rem;
    }
}

}
/* 781.98px以下 （ admin_bar有の制御 ） */
@media screen and (max-width:781.98px) {
	.admin-bar .hamburger{
		top:62px;
	}
	.scrolled.admin-bar .hamburger{
		top:14px;
	}
}
/* -----------　SP 767.98px以下 スマホ横 --------------- */
@media screen and (max-width:767.98px) {
	.pc767{
		display:none;
	}
	.sp767{
		display:block;
	}
	.sp_center{
		text-align:center;
	}
	/* ----- Header ----- */
	.home .site-header-logo{
		max-width:190px;
		top:0.5rem;
		left:0.5rem;
		transform: inherit;
		-webkit-transform: inherit;
		-ms-transform: inherit;
	}
	body:not(.home) .site-header .site-header-logo{
		max-width:190px;
		text-align:center;
		padding-top:1rem;
		margin-left:0.5rem;
	}
	.site-header-logo a{
		display:block;
		line-height:1.8rem;
	}
	/* slide_title */
	.site_title{
		top: 45%;
		left: 50%;
		transform: translate(-50%, -55%);
		-webkit-transform: translate(-50%, -55%);
		-ms-transform: translate(-50%, -55%);
	}
	/* tab_menu */
	.tab_menu{
		padding:0 0.5rem;
	}
	.tab_menu li{
		min-width:60px;
		max-width: calc(25% - 16px);
		margin: 0 8px;
	}
	.tab_menu li a{
		-ms-writing-mode: tb-rl; /* IE用 */
		writing-mode: vertical-rl;
		padding:1rem 1rem 1.5rem 1rem;
		line-height:2rem;
		margin:0;
	}
	.tab_menu li a i{
		margin:0 0 0.5rem 0;
	}
	/* ----- Footer ----- */
	.footer-nav-list > li{
		width:100%;
	}
	.footer-nav-list li a{
		padding:0.5rem 0;
	}
	.footer-nav-list li .sub-menu{
		margin:0.5rem 0;
	}
	.footer-nav-list li .sub-menu li{
		margin-bottom:0;
	}
	.footer-nav-list > .footer_small{
		margin-bottom:0.5rem;
	}
	.footer-nav-list li .sub-menu li:after{
		display:none;
	}
	/* 共通 */
	.pattern_box figure, .pattern_img{
		width:100%;
		order:0;
		margin-bottom:2rem;
	}
	.pattern_box_r .pattern_text , .pattern_box_l .pattern_text{
		width:100%;
		padding:0;
		order:1;
	}
	/* 就労選択支援 */
	.model01 span{
		font-size:1rem;
		padding:0.8rem 1.5rem;
	}
	.model02_child{
		width:96%;
	}
	.th06{
		font-size:1.25rem;
	}
	.th06:before{
		top:-8px;
		left:-1px;
	}
	.model05{
		padding:0 1rem;
	}
}
/* -----------　SP 599.98px以下 スマホ　--------------- */
@media screen and (max-width:599.98px) {
	.sp599{
		display:block;
	}
	/* ----- Header ----- */
	.site_title{
		font-size:4rem;
	}
	/* menu */
	.vk-mobile-nav{
		padding-top:5rem;
	}
	.vk-mobile-nav-menu-outer{
		padding:1rem 2rem;
	}
	.vk-menu-acc > li{
		width:98%;
	}
	.vk-menu-acc > .footer_small{
		margin:0 1%;
	}
	.vk-menu-acc > .footer_small a{
		font-size:0.9rem;
	}
	/* ----- footer ----- */
	.site-footer{
		padding:5rem 1rem 3rem 1rem;
	}
	/* copyright */
	.footer_copy_box{
		justify-content:center;
	}
	.footer-copyright{
		width:100%;
		order:1;
	}
	.footer-copyright h4{
		color:#ffffff;
		margin-bottom:1rem;
		font-size:1.2rem;
		letter-spacing:0.1rem;
	}
	.footer-copyright p{
		font-size:0.55rem;
	}
	/* page to top */
	.page-top{
		order:0;
		margin-bottom:3rem;
	}
	/* bg01 */
	.bg01{
		padding:4rem 0 5rem 0;
	}
	/* 緊急のお知らせ・お知らせ */
	.warning_box .newsb_date{
		width:auto;
	}
	.warning_box .newsb_title , .news .newsb_date , .news .newsb_title{
		width:100%;
	}
	.newsb_date{
		padding-top:0;
	}
	.warning_box{
		padding:1rem 1rem 0.5rem 1rem;
	}
	.warning_box li .newsb_date i{
		top:1px;
		right:-3rem;
	}
	.newsb_title a{
		padding:0.5rem 3rem 0.5rem 0.5rem;
	}
	/* page-header */
	.page-header-title, h1.page-header-title{
		font-size:1.5rem;
	}
	.page-header-line{
		bottom:13px;
		min-width:3rem;
	}
	/* ----- 障がい者支援事業者紹介 ----- */
	/* archive */
	.busperson_child a img{
		height:200px;
	}
	.breadcrumb .container{
		padding:0 1rem;
	}
}