@charset "utf-8";
/* CSS Document */
#hero {
 width: 100%;
 height: 80vh;
 padding-left: 20px;
 padding-right: 20px;
}
.catch {
 text-align: center;
 padding-top: 25%;
}
.site_name {
 width: 100%;
 padding: 20px;
 background-color: #2ba014;
 text-align: center;
 color: #fff;
 position: relative;
 margin-bottom: -100px;
}

@media(min-width:800px) {
 .catch {
 text-align: center;
 padding-top: 7%;
}

}
.site_name h3 {
 font-size: 2.8rem;
}
.site_name::before {
 position: absolute;
 content: url("../images/logo2.png");
 top: -30px;
 left: 50%;
 transform: translate(-50%);
}
#contents {
 background-color: #fff;
}
/*笑顔あふれる支援環境
──────────────*/
#environment_wap {
 padding-top: 80px;
 background-image: url("../images/top-bk01.jpg");
 background-repeat: no-repeat,no-repeat;
 background-position: left top;
 background-size: contain;
}
#environment_wap .ttl-marker {
 position: relative;
}
#environment_wap .ttl-marker::after {
 content: url("../images/enjoy.png");
 position: absolute;
 top: -32px;
 right: 20px;
}
#environment_wap .box-yel {
 padding: 15px;
 position: relative;
}
.box-yel::after {
 content: "";
 width: 120px;
 height: 108px;
 background-image: url("../images/photo.png");
 background-repeat: no-repeat;
 background-size: contain;
 position: absolute;
 display: block;
 top: -30px;
 right: 0px;
}
#environment_wap .box-yel h3 {
 background-color: #2ba014;
 display: inline-block;
 padding: 3px 10px;
 color: #fdf13d;
 border-radius: 50px;
 position: relative;
 margin-bottom: 20px;
}
#environment_wap .box-yel h3::before {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 border: 5px solid transparent;
 border-top: 5px solid #2ba014;
}
@media(min-width:768px) {
 #environment_wap {
  padding-top: 10%;
 }
 #environment_wap .ttl-marker::after {
  content: url("../images/enjoy.png");
  position: absolute;
  top: -32px;
  right: 22%;
 }
 #environment_wap p {
  font-size: 2rem;
  line-height: 2;
 }
 #environment_wap .box-yel {
  padding: 50px;
  margin-top: 100px;
 }
 .box-yel::after {
  content: "";
  width: 200px;
  height: 200px;
  top: -20%;
  right: 50px;
 }
}
/*障がい者就労継続支援A・B型
──────────────*/
.img-wrap {
 width: 100%;
 position: relative;
 padding-top: 240px;
 overflow: hidden;
}
.img-wrap img {
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
@media(min-width:768px) {
 #working-support_wap {
  margin-top: 80px;
 }
 .img-wrap {
  padding-top: 500px;
 }
}
/*相談支援
──────────────*/
#consultation-support_wap .text-area h3, #consultation-support_wap .text-area p {
 padding-left: 20px;
 padding-right: 20px;
}
/*児童発達支援・放課後等デイサービス
──────────────*/
#child-support_wap {
 background-image: url("../images/top-bk03.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: left top 140px;
}
#child-support_wap h2 img:first-child {
 width: 171px;
 height: auto;
 margin-top: -20px;
}
#child-support_wap h2 img:last-child {
 width: 161px;
 height: auto;
}
@media(min-width:768px) {
 #child-support_wap {
  background-position: center top 410px;
 }
 #child-support_wap h2.flex_between {
  justify-content: center;
 }
 #child-support_wap h2 img:first-child {
  width: 310px;
  margin-top: -20px;
  margin-right: 50px;
 }
 #child-support_wap h2 img:last-child {
  width: 300px;
 }
 #child-support_wap fiugre {
  width: 100%;
  position: relative;
  padding-top: 500px;
  overflow: hidden;
  display: block;
 }
 #child-support_wap fiugre img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
 }
}
/*採用情報
──────────────*/
#recruit_wap {
 background-image: url("../images/top-bkrik.png");
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 padding-top: 60px;
 padding-bottom: 60px;
}
#recruit_wap .recruit_box {
 margin-left: 20px;
 margin-right: 20px;
 background: rgba(255, 255, 255, 0.7);
 padding: 20px;
 border-radius: 10px;
}
#recruit_wap .recruit_box figure img {
 width: 47%;
 height: 100%;
 border-radius: 20px;
 margin-bottom: 20px;
}
#recruit_wap .recruit_box p {
 font-size: 1.4rem;
 line-height: 1.6;
}
.btn_ric a {
 display: block;
 width: 100%;
 padding: 10px;
 color: #fff;
 font-size: 1.8rem;
 text-align: center;
 font-weight: 700;
 background-color: #2ba014;
 border-radius: 10px;
 position: relative;
}
.btn_ric a::after {
 position: absolute;
 content: "";
 top: -40px;
 right: -10px;
 width: 50px;
 height: 55px;
 background-image: url("../images/go.png");
 background-size: contain;
 display: block;
 z-index: 10;
}
@media(min-width:768px) {
 #recruit_wap .recruit_box {
  margin-left: 50px;
  margin-right: 50px;
  padding: 60px;
 }
 #recruit_wap .pc-flex {
  display: flex;
 }
 #recruit_wap .pc-flex h2, #recruit_wap .pc-flex .text-area {
  width: 49%;
 }
 #recruit_wap .recruit_box p {
  font-size: 1.6rem;
  line-height: 1.8;
 }
 #recruit_wap .recruit_box figure img {
 width: 23%;
}
 .btn_ric a {
  display: block;
  padding: 20px;
  font-size: 2rem;
 }
 .btn_ric a::after {
  position: absolute;
  content: "";
  top: -40px;
  right: -10px;
  width: 87px;
  height: 95px;
 }
}
/*お知らせ
──────────────*/
#news_wap {
 background-image: url("../images/top-bk04.png");
 background-repeat: no-repeat;
 background-size: contain;
 background-position: top left;
 padding-top: 80px;
}
.news_item figure {
 width: 22.35%;
 order: 1;
}
.news_item figure img {
 width: 100%;
}
.news_item .article_area {
 width: 74%;
 order: 2;
}
.news_item {
 margin-top: 30px;
}
.news_item .time {
 font-size: 1.2rem;
 color: #999;
}
.news_item .article_area p {
 font-size: 1.4rem;
 line-height: 1.4;
}
@media(min-width: 768px) {
 .news_item .time {
  display: block;
  font-size: 1.4rem;
  color: #999;
  margin-bottom: 10px;
 }
 .news_item h3 {
  font-size: 2rem;
 }
 .news_item .article_area p {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-top: 30px;
 }
}
/*事業所案内
──────────────*/
#office-info_wap {
 padding-top: 60px;
 padding-bottom: 60px;
 background-color: #eee;
}
.office-info {
 overflow-x: scroll;
 display: flex;
 justify-content: center;
}
.office-info li {
 max-width: 300px;
 width: 100%;
 height: auto;
 background-color: #fff;
 padding: 15px;
 margin-left: 7px;
 margin-right: 7px;
}
.office-info li img {
 width: 100%;
 border-radius: 10px;
}
.office-info h3 {
 margin-top: 10px;
 color: #2ba014;
 font-weight: 700;
}
.office-info p {
 font-size: 1.4rem;
 line-height: 1.4;
}
/* ------------------------------
   loopSlider
------------------------------ 
.loopSliderWrap {
	top: 0;
	left: 0;
	height: 350px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	width: 100%;
	height: 350px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopSlider ul {
	height: auto;
	float: left;
	overflow: hidden;
 display: flex;
	height: 350px;
}

.loopSlider ul li {
	width: 300px;
	height: auto;
	display: inline;
	overflow: hidden;
background-color: #fff;
padding: 15px;
border-radius: 10px;
margin-right: 15px;
}
.loopSlider ul li img {
width: 100%;
}


/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ 
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}*/