@charset "UTF-8";
/* CSS Document */


/*　トップページ / MV
----------------------------------------------- */

#container #mv_area {
	margin-top: 85px;
	position: relative;
}

.swiper-slide {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 12s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slide-img {
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 100vh;
}

#container #mv_area .mv_box {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 999;
}

#container #mv_area .mv_box .midashi {
	opacity: 0;
	color: #ffffff;
	font-family: 'Hiragino Sans W6';
	font-size:29px;
	font-weight: bold;
	letter-spacing: 0.3em;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 60px;
	-webkit-animation: mv_midashi 1.8s 1s ease forwards;
	animation: mv_midashi 1.8s 1s ease forwards;
	text-shadow: 0px 0px 30px rgba(0,0,0,0.5);
	-webkit-text-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}

#container #mv_area .mv_box .btn {
	opacity: 0;
	-webkit-animation: mv_midashi 1.8s 2s ease forwards;
	animation: mv_midashi 1.8s 2s ease forwards;
}

#container #mv_area .mv_box .btn .red_r_btn {
	width: 220px;
	height: 30px;
	margin: 0 auto;
}

#container #mv_area .mv_box .btn .red_r_btn span {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

#container #mv_area .evessa_btn {
	position: absolute;
	bottom: 0;
	right: 30px;
	z-index: 999;
	opacity: 0;
	-webkit-animation: mv_midashi 1.8s 2s ease forwards;
	animation: mv_midashi 1.8s 2s ease forwards;
}



/*　トップページ / イントロ
----------------------------------------------- */

#container #intro_area {
	padding: 105px 0 55px;
}

#container #intro_area p {
	text-align: center;
	line-height: 2;
	margin-top: 75px;
	letter-spacing: 0.01em;
}

/*　トップページ / コンテンツ
----------------------------------------------- */

#container #contents_area {
	padding: 0 0 140px 0;
}

#container #contents_area ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 246px;
}

#container #contents_area ul li {
	width: calc(100% / 3);
	height: 246px;
}

#container #contents_area ul li a {
	display: block;
	height: 246px;
	width: 100%;
	position: relative;
	border: solid 1px #d9d9d9;
}

#container #contents_area ul li a .btn_box {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
    -webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
}

#container #contents_area ul li a .btn_box .txt {
	font-family: 'Hiragino Sans W6';
	font-size:20px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 30px;
}

#container #contents_area ul li a .btn_box .btn {
	width: 230px;
	height: 30px;
	position: relative;
	
}

#container #contents_area ul li .bg_gray {
	background-color: #f3f3f3;
}

/*　トップページ / ワークプレイス一覧
----------------------------------------------- */

#container #work_place_area {
	background-color: #f3f3f3;
	position: relative;
}

#container #work_place_area .under_maru_midashi {
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
}

#container #work_place_area .list_box {
	padding: 130px 0 150px;
}

#container #work_place_area .list_box .inner {
	width: 950px;
	margin: 0 auto;
}

#container #work_place_area .list_box ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-align-content: flex-start;
	align-content: flex-start;
}

#container #work_place_area .list_box ul li {
	text-align: center;
	width: 31.5789%;
	height: 370px;
}

#container #work_place_area .list_box ul li .img {
	text-align: center;
}

#container #work_place_area .list_box ul li .daiji {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin: 30px 0 20px;
}

#container #work_place_area .list_box ul li .txt {
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.03em;
	margin-bottom: 35px;
}

#container #work_place_area .list_box ul li .report_link {
	font-size: 14px;
	border-bottom: 1px solid #242424;
	padding-bottom: 5px;
	display: inline-block;
}

#container #work_place_area .list_box ul li .report_link:last-of-type {
	margin-top: 8px;
}

/*　トップページ / 共同生活援助事業所 一覧
----------------------------------------------- */

#container #kyodo_life_area {
	background-color: #f3f3f3;
	position: relative;
}

#container #kyodo_life_area .list_box {
	padding: 85px 0 120px;
}

#container #kyodo_life_area .list_box .inner {
	width: 950px;
	margin: 0 auto;
}

#container #kyodo_life_area .list_box ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-align-content: flex-start;
	align-content: flex-start;
}

#container #kyodo_life_area .list_box ul:after {
    display: block;
	content:"";
	width: 31.5789%;
}

#container #kyodo_life_area .list_box ul li {
	text-align: center;
	width: 31.5789%;
}

#container #kyodo_life_area .list_box ul li .daiji {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 0 20px;
	background-color: #2ad1bb;
	padding: 9px 0;
}

#container #kyodo_life_area .list_box ul li .txt {
	font-size: 18px;
	font-weight: bold;
}



/*　トップページ / ワークプレイス一覧
----------------------------------------------- */

#container #top_company_area {
	padding-top: 70px;
}

#container #top_company_area .btn_box {
	
}

#container #top_company_area .btn_box .btn {
	width: 240px;
	height: 30px;
	margin: 0 auto;
	position: relative;
}

/*　トップページ / インスグラム
----------------------------------------------- */

#container #instagram_area {
	padding: 130px 0 170px;
}

#container #instagram_area .inner {
	
}

#container #instagram_area .midashi {
	text-align: center;
	font-family: 'Hiragino Sans W6';
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
}

#container #instagram_area .midashi span {
	color: #e50020;
}

#container #instagram_area .btn {
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.05em;
}

#container #instagram_area .btn a {
	border-bottom: 1px solid #242424;
	padding-bottom: 5px;
}



/*　会社概要
----------------------------------------------- */

#container .company_mv {
	background-image: url(../../img/company/mv.jpg);
	height: 400px;
}

#container #company_area {
	
}

#container #company_area .company_prof_box {
	padding: 120px 0 140px;
}

#container #company_area .company_prof_box .inner {
	
}

#container #company_area .company_prof_box .logo {
	text-align: center;
	margin-bottom: 60px;
}

#container #company_area .company_prof_box .prof_box {
	
}

#container #company_area table {
	width: 850px;
	margin: 0 auto;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0.08em;
}

#container #company_area table th {
	width: 135px;
	padding: 18px 20px;
}

#container #company_area table td {
	padding: 18px 50px;
}

#container #company_area table td.txt_br {
	line-height: 1.6;
}

#container #company_area table .bd_t {
	border-top: 1px solid #e7e7e7;
}

#container #company_area table .bd_t_r {
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

#container #company_area table .bd_b {
	border-bottom: 1px solid #e7e7e7;
}

#container #company_area .company_history_box {
	background-color: #f3f3f3;
	position: relative;
	padding: 115px 0 85px;
}

#container #company_area .company_history_box .inner {
	
}

#container #company_area .company_history_box .under_maru_midashi {
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
}


/*　事業紹介
----------------------------------------------- */

#container .business_mv {
	background-image: url(../../img/business/mv.jpg);
	height: 400px;
}

#container #business_area {
	
}

#container #business_area .section01 {
	padding: 120px 0 0;
}

#container #business_area .section01 .inner {
	width: 1030px;
	margin: 0 auto;
}

#container #business_area .section01 .business_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin: 100px 0 0;
}

#container #business_area .section01 .business_list_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin-top: 80px;
}

#container #business_area .section01 .business_box .box_l,
#container #business_area .section01 .business_list_box .box_l {
	
}

#container #business_area .section01 .business_box .box_r,
#container #business_area .section01 .business_list_box .box_r {
	width: 515px;
}

#container #business_area .section01 .business_box .box_r .daiji,
#container #business_area .section01 .business_list_box .box_r .daiji {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

#container #business_area .section01 .business_box .box_r .daiji span,
#container #business_area .section01 .business_list_box .box_r .daiji span {
	color: #e50020;
}

#container #business_area .section01 .business_box .box_r p,
#container #business_area .section01 .business_list_box .box_r p {
	font-size: 15px;
	line-height: 2;
}

#container #business_area .business_txt_box {
	width: 770px;
	margin: 0 auto;
	border: 2px solid #d9d9d9;
	border-radius: 10px;
	padding: 40px 60px 60px;
}

#container #business_area .section01 .business_txt_box .daiji {
	display: block;
}

#container #business_area .business_txt_box .daiji {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}

#container #business_area .business_txt_box .daiji span {
	color: #e50020;
}

#container #business_area .business_txt_box p {
	font-size: 15px;
	line-height: 2;
}

#container #business_area .section02 {
	padding: 140px 0 190px;
}

#container #business_area .section02 .inner {
	width: 880px;
	margin: 0 auto;
}

#container #business_area .section02 .img_box {
	text-align: center;
	margin: 80px 0 70px;
}

#container #business_area .section02 .flow_box {
	text-align: center;
	margin-bottom: 80px;
}

#container #business_area .section03 {
	padding: 100px 0 180px;
}

#container #business_area .section03 .inner {
	width: 660px;
	margin: 0 auto;
}

#container #business_area .section03 .txt_box {
	margin-bottom: 90px;
}

#container #business_area .section03 .txt_box .daiji {
	font-family: 'Hiragino Sans W6';
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
	text-align: center;
}

#container #business_area .section03 .txt_box .daiji span {
	color: #e50020;
}

#container #business_area .section03 .txt_box p {
	text-align: center;
	font-size: 15px;
	line-height: 2;
}

#container #business_area .section03 .list_box {
	
}

#container #business_area .section03 .list_box ul {
	
}

#container #business_area .section03 .list_box ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin-top: 70px;
}

#container #business_area .section03 .list_box ul li:first-of-type {
	margin-top: 0;
}

#container #business_area .section03 .list_box ul li .box_l {
	width: 280px;
}

#container #business_area .section03 .list_box ul li .box_r {
	position:  relative;
	width: 350px;
	height: 180px;
}

#container #business_area .section03 .list_box ul li .box_r .daiji {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

#container #business_area .section03 .list_box ul li .box_r p {
	font-size: 14px;
	line-height: 2;
}

#container #business_area .section03 .list_box ul li .box_r .btn {
	position: absolute;
	left: 0;
	bottom: 0;
}

#container #business_area .section03 .list_box ul li .box_r .btn a {
	display: block;
	background-color: #e50020;
	width: 160px;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}

#container #business_area .section03 .list_box ul li .box_r .btn a:hover {
	background-color: #242424;
}

#container #business_area .section03 .list_box ul li .box_r .btn a span {
	
}


/*　当社について
----------------------------------------------- */

.about_mv_area {
	margin-top: 85px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

.about_mv {
	background-image: url(../../img/about/mv/mv.jpg);
	background-size: cover; 
    background-position: center center;
    height: 100vh;
	-webkit-animation: zoomUp 1.5s ease forwards;
	animation: zoomOut 1.5s ease forwards;
}

.about_mv_area .mv_box {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 999;
	-webkit-animation: mv_midashi 1.8s 1s ease forwards;
	animation: mv_midashi 1.8s 1s ease forwards;
	margin-top: -85px;
}

.about_mv_area .mv_box .midashi_img {
	text-align: center;
	margin-bottom: 25px;
}

.about_mv_area .mv_box .midashi {
	color: #ffffff;
	font-family: 'Hiragino Sans W6';
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
	line-height: 1.6;
	text-shadow: 0px 0px 8px #000000;
}

#container #about_area {
	
}

#container #about_area .section01 {
	padding: 120px 0 190px;
}

#container #about_area .section01 .inner {
	width: 880px;
	margin: 0 auto;
}

#container #about_area .section01 .section_box {
	position: relative;
	height: 675px;
}

#container #about_area .section01 .section_box .img {
	position: absolute;
}

#container #about_area .section01 .section_box .img01 {
	top: 0;
	right: 0;
}

#container #about_area .section01 .section_box .img02 {
	top: 0;
	left: 162px;
}

#container #about_area .section01 .section_box .img03 {
	top: 0;
	left: 0;
}

#container #about_area .section01 .section_box .img04 {
	top: 158px;
	left: 0;
}

#container #about_area .section01 .section_box .img05 {
	top: 367px;
	left: 0;
}

#container #about_area .section01 .section_box .img06 {
	top: 497px;
	left: 361px;
}

#container #about_area .section01 .section_box .img07 {
	top: 497px;
	right: 0;
}

#container #about_area .section01 .section_box p {
	position: absolute;
	top:230px;
	right: 0;
	width: 470px;
	padding-right: 35px;
	font-size: 15px;
	line-height: 2;
}

#container #about_area .section02 {
	background-color: #f3f3f3;
	position: relative;
	padding: 90px 0 120px;
}

#container #about_area .section02 .inner {
	width: 880px;
	margin: 0 auto;
}

#container #about_area .section02 .under_maru_midashi {
	position: absolute;
	top: -14px;
	left: 0;
	right: 0;
}

#container #about_area .section02 .section_box {
	
}

#container #about_area .section02 .section_box .img {
	margin-bottom: 40px;
}

#container #about_area .section02 .section_box .txt_box {
	
}

#container #about_area .section02 .section_box .bd {
	border-bottom: 4px solid #dddddd;
	margin: 75px 0;
}

#container #about_area .section02 .section_box .txt_box .daiji {
	text-align: center;
	font-family: 'Hiragino Sans W6';
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0 0 30px;
}

#container #about_area .section02 .section_box .txt_box p {
	text-align: center;
	font-size: 15px;
	line-height: 2;
	margin-bottom: 60px;
}

#container #about_area .section02 .section_box .img_list_box {
	
}

#container #about_area .section02 .section_box .img_list_box ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#container #about_area .section02 .section_box .img_list_box ul li {
	
}


/*　プライバシーポリシー
----------------------------------------------- */

#container #privacy_area {
	padding: 200px 0 0;
}

#container #privacy_area .section01 {
	padding: 90px 0 100px;
}

#container #privacy_area .section01 .inner {
	width: 600px;
	margin: 0 auto;
}

#container #privacy_area .section01 .txt_box {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

#container #privacy_area .section02 {
	
}

#container #privacy_area .section02 .inner {
	width: 600px;
	margin: 0 auto;
}

.privacy_txt_box  {
	
}

.privacy_txt_box  + 
.privacy_txt_box  {
	margin-top: 60px;
}

.privacy_txt_box .daiji {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}

.privacy_txt_box p {
	font-size: 14px;
	line-height: 1.8;
	column-rule: 
}

.privacy_txt_box ul {
	
}

.privacy_txt_box ul li {
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin-top: 0.5em;
}

.privacy_txt_box ul li.number_list {
	counter-increment: number;
	position: relative;
	padding-left: 1.25em;
}

.privacy_txt_box ul li.number_list::before {
	color: #ed1c23;
	content: counter(number) ".";
	position: absolute;
	top: 0;
	left: 0;
}

.privacy_txt_box ul li ul li.number_child_list {
	counter-increment: number_child;
	position: relative;
	padding-left: 2.5em;
}

.privacy_txt_box ul li ul li.number_child_list::before {
	color: #ed1c23;
	content: "（" counter(number_child) "）";
	position: absolute;
	top: 0;
	left: 0;
}

.privacy_txt_box ul li ul li ul li.number_gchild_list {
	position: relative;
	padding-left: 1em;
}

.privacy_txt_box ul li ul li ul li.number_gchild_list::before {
	content: "";
	position: absolute;
	top: 0.7em;
	left: 0;
	width: 7px;
	height: 7px;
	background-color: #ed1c23;
	border-radius: 50%;
}


/*　特定商取引法に基づく表記
----------------------------------------------- */

#container #law_area {
	padding: 200px 0 0;
}

#container #law_area .section01 {
	padding: 90px 0 100px;
}

.low_box {
	
}

.law_box table {
	width: 850px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 0.08em;
}

.law_box table th {
	width: 240px;
	padding: 18px 20px;
}

.law_box table td {
	padding: 18px 50px;	
}

.law_box table .bd_t {
	border-top: 1px solid #e7e7e7;
}

.law_box table .bd_t_r {
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

.law_box table .bd_b {
	border-bottom: 1px solid #e7e7e7;
}

.law_box table a {
	text-decoration: underline;
	color: #e50020;
}


/*　採用情報ページ
----------------------------------------------- */

#recruit_area {
	margin-top: 200px;
}

#recruit_area .section01 {
	width: 770px;
	margin: 0 auto;
}

#recruit_area .section01 p {
	margin-top: 100px;
	font-size: 15px;
	line-height: 2;
	text-align: center;
}