@charset "UTF-8";
/*--------------------- .requirements .article_mv ---------------------*/
.article_mv { position: relative; }
.article_mv::after {
  background: url("/img/kaigo/fresh/story/story_bg.png") no-repeat;
  content: "";
  display: block;
  height: 210px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 390px;
  background-size: 100%; 
}

/*--------------------- story ---------------------*/
.story .story_read_box { position: relative; }
.story .story_read_box::before {
  background: url("/img/kaigo/fresh/img/story_ttl_bg.png") top center no-repeat;
  content: "";
  display: block;
  height: 220px;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 471px;
}
.story_txt .tag {
  display: block;
  position: absolute;
  color: #fff;
  background-color: #36c17a;
  padding: 10px 13px!important;
  top: 0px;
  left: 0px;
}
.txt_box { position: relative; }
.career_text { color: #acacac; font-weight: bold; }
.story_ttl { font-size: 34px; color: #333333; }
.story_ttl span {
  font-size: 12px;
  color: #36c17a;
  margin-left: 10px;
  text-transform: uppercase;
}
.area_text { color: #333333; font-weight: bold; }

/*--------------------- .story_box ---------------------*/
.story_box { margin-top: 180px; position: relative; }
.story_box .layout_01, .story_box .layout_02 {
  margin-bottom: 120px;
  min-height: 490px;
  position: relative;
}
.story_box .layout_01.last { margin-bottom: 50px; }
.story_img { position: relative; }
.story_img::before {
  content: "";
  display: block;
  height: 28rem;
  position: absolute;
  top: -65px;
  left: 40px;
  width: 28rem;
}
.story_img.story01::before { background: url("/img/kaigo/fresh/img/story_01.png") no-repeat;  background-size: contain; }
.story_img.story02::before { background: url("/img/kaigo/fresh/img/story_02.png") no-repeat;  background-size: contain; }
.story_img.story03::before { background: url("/img/kaigo/fresh/img/story_03.png") no-repeat;  background-size: contain; }


/*--------------------- .layout_01 ---------------------*/
.layout_01 .story_txt {
  background-color: #f2ffe9;
  padding-left: 55%;
  width: 100%;
}
.layout_01 .story_txt .txt_box { padding: 50px 55px; position: relative; }
.layout_01 .story_txt .txt_box > div { padding: 25px 30px; }
.layout_01 .story_txt .txt_box::before, .layout_01 .story_txt .txt_box::after {
  content: "";
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
.layout_01 .story_txt .txt_box::before {
  background: url("/img/kaigo/fresh/img/story_box_r.png") top right no-repeat;
  background-size: contain;
  position: absolute;
  right: 55px;
}
.layout_01 .story_txt .txt_box::after {
  background: url("/img/kaigo/fresh/img/story_box_l.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 50px;
  left: 55px;
}
.layout_01 .story_txt .story_ttl { margin-bottom: 15px; }
.layout_01 .story_txt .read_txt { margin-bottom: 20px;}
.layout_01 .txtbox._left { padding: 54px 0 80px 0; width: 58%; }
.layout_01 .story_img {
  background: url(/img/kaigo/fresh/img/story_mem_01.jpg) center center no-repeat;
  background-size: cover;
  height: 100%;
  max-width: 55%;
  position: absolute;
  top: -8%;
  left: 0;
  bottom: -8%;
  width: 100%;
}
.layout_01 .story_img._mem01 { background: url(/img/kaigo/fresh/img/story_mem_01.jpg) top center no-repeat; background-size: cover; }
.layout_01 .story_img._mem03 { background: url(/img/kaigo/fresh/img/story_mem_03.jpg) top center no-repeat; background-size: cover; }
.layout_01 .story_txt .story_ttl img { width: 80%; }

/*--------------------- .layout_02 ---------------------*/
.layout_02 .story_txt {
  background-color: #f2ffe9;
  padding-right: 55%;
  width: 100%;
}
.layout_02 .story_txt .txt_box { padding: 50px 55px; position: relative; }
.layout_02 .story_txt .txt_box > div { padding: 25px 30px; }
.layout_02 .story_txt .txt_box::before, .layout_02 .story_txt .txt_box::after {
  content: "";
  display: inline-block;
  height: 2rem;
  width: 2rem;
}
.layout_02 .story_txt .txt_box::before {
  background: url("/img/story_box_r.png") no-repeat;
  background-size: contain;
  position: absolute;
  right: 55px;
}
.layout_02 .story_txt .txt_box::after {
  background: url("/img/story_box_l.png") no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 50px;
  left: 55px;
}
.layout_02 .story_txt .story_ttl { margin-bottom: 10px;}
.layout_02 .story_txt .read_txt { margin-bottom: 20px;}
.layout_02 .txtbox._left { padding: 54px 0 80px 0; width: 58%; }
.layout_02 .story_img._mem01 {
  background: url(/img/kaigo/fresh/img/story_mem_01.jpg) top center no-repeat;
  background-size: cover;
  height: 100%;
  max-width: 55%;
  position: absolute;
  top: -8%;
  right: 0;
  bottom: -8%;
  width: 100%;
}
.layout_02 .story_img._mem02 {
  background: url(/img/kaigo/fresh/img/story_mem_02.jpg) top center no-repeat;
  background-size: cover;
  height: 100%;
  max-width: 55%;
  position: absolute;
  top: -8%;
  right: 0;
  bottom: -8%;
  width: 100%;
}
.layout_02 .story_img._mem03 {
  background: url(/img/kaigo/fresh/img/story_mem_03.jpg) top center no-repeat;
  background-size: cover;
  height: 100%;
  max-width: 55%;
  position: absolute;
  top: -8%;
  right: 0;
  bottom: -8%;
  width: 100%;
}
.layout_02 .story_txt .story_ttl img { width:  70%; }




/*hover_effect*/
.btn_none .img{ line-height: 0; }
.btn_none .img::before {
	content: "";
  background:rgba(40,130,91,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0;
}
.btn_none:hover .img::before {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 1;
}
.btn_none .img.story_img::after {
	background-repeat: no-repeat;
  background-position: center center;
	background-size: contain;
  content: "";
  display: block;
  height: 10rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0;
  width: 50rem;
}
.btn_none:hover .img::after {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 1;
}
.btn_none .img.story01::after { background-image:url(/img/kaigo/fresh/story/story_ttl01_wh.png); }
.btn_none .img.story02::after { background-image:url(/img/kaigo/fresh/story/story_ttl02_wh.png); }
.btn_none .img.story03::after { background-image:url(/img/kaigo/fresh/story/story_ttl03_wh.png); }


/*--------------------- .project ---------------------*/
.project_box { padding: 120px 0 80px; }
.pro_sec { margin-bottom: 90px; }

/*--------------------- .project_mv ---------------------*/
.project_mv {
  margin-top: 85px;
  padding-top: 32%;
  position: relative;
}
.project_mv .project_ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 35%;
}
.project_mv .project_ttl img { width: 100%; }
.project_mv::after {
  content: "";
  height: 23rem;
  position: absolute;
  top: 50%;
  left: 20%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25rem;
}
.project_mv.story01 { background: url("/img/kaigo/fresh/story/story01/story_01_mv.jpg") no-repeat; background-size: cover; }
.project_mv.story02 { background: url("/img/kaigo/fresh/story/story02/story_02_mv.jpg") no-repeat; background-size: cover; }
.project_mv.story03 { background: url("/img/kaigo/fresh/story/story03/story_03_mv.jpg") no-repeat; background-size: cover; }
.project_mv.story01::after { background: url(/img/kaigo/fresh/img/story_01.png) no-repeat; background-size: contain; }
.project_mv.story02::after { background: url(/img/kaigo/fresh/img/story_02.png) no-repeat; background-size: contain; }
.project_mv.story03::after { background: url(/img/kaigo/fresh/img/story_03.png) no-repeat; background-size: contain; }


/*--------------------- .mem_box ---------------------*/
.mem_box { align-items: stretch; }
.mem_box .flex_txt { width: 40%; }
.mem_box .flex_img { width: 60%; }

/*--------------------- .int_box ---------------------*/
.int_box { align-items: stretch; }
.int_box .flex_txt { width: 44%; }
.int_box .flex_img { width: 52%; }

/*--------------------- .mem_tag ---------------------*/
.mem_tag {
  background-color: #36c17a;
  color: #fff;
  display: inline-block;
  padding: 10px 13px;
  margin-bottom: 18px;
}


/*--------------------- .int_ttl ---------------------*/
.int_ttl { margin-bottom: 30px; }
.int_ttl span {
  color: #36c17a;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.05em;
}


@media only screen and (max-width: 1000px) and (min-width: 766px) {
  /*--------------------- .project_mv ---------------------*/
  .project_mv.story01::after { height: 10rem; width: 12rem; }
}
@media only screen and (max-width: 768px) {
  .article_mv::after {
    background-size: contain;
    height: 84px;
    width: 190px;
  }
  .req_sec .txt { font-size: 14px; margin-bottom: 20px }
    
  /*--------------------- .story ---------------------*/
  .story .story_read_box::before {
    background-size: contain;
    top: 40%;
    left: 50%;
    height: 110px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 236px;
  }
  .story_box { margin-top: 0px; }
  .story_box .layout_01, .story_box .layout_02 {
    margin-bottom: 200px;
    min-height: 490px;
    position: relative;
  }
  .story_box .layout_01.btn_none, .story_box .layout_02.btn_none { min-height: 350px; }
  .layout_01 .story_img, .layout_02 .story_img {
    max-width: 100%;
    min-height: 50%;
    padding-top: 55%;
    position: static;
    top: 0;
    bottom: 0;
    width: 100%;
  }
  .story_img::before {
    height: 14rem;
    top: -40px;
    left: 10px;
    width: 14rem;
  }
  .story .story_txt .tag{
    font-size: 14px;
    padding: 3px 6px;
  }
  .story_ttl{
    font-size: 28px;
  }
  .story_ttl span{
    font-size: 12px;
    display: block;
    margin-left: 0px;
  }
  /*--------------------- layout ---------------------*/
  .story_box .layout_01, .story_box .layout_02 { margin-bottom: 80px; }
  .story_box .layout_01.last { margin-bottom: 0; }
  .layout_01 .story_txt { padding-left: 0; }
  .layout_02 .story_txt { padding-right: 0; }
  .layout_01 .story_txt .txt_box, .layout_02 .story_txt .txt_box { padding: 50px 20px 20px 20px; }
  .layout_01 .story_txt .txt_box::before, .layout_02 .story_txt .txt_box::before { right: 20px; }
  .layout_01 .story_txt .txt_box::after, .layout_02 .story_txt .txt_box::after { bottom: 20px; left: 20px; }
  .layout_01 .story_txt .txt_box .mem_name_box, .layout_02 .story_txt .txt_box .mem_name_box { padding: 20px 10px; }
  .layout_01 .story_txt .story_ttl, .layout_02 .story_txt .story_ttl { margin-bottom: 10px; }
  .layout_01 .story_txt .story_ttl img,.layout_03 .story_txt .story_ttl img{ width: 100%; }
  .layout_02 .story_txt .story_ttl img { width: 80%; }
  .layout_01 .story_txt .read_txt, .layout_02 .story_txt .read_txt { font-size: 14px; }
  .layout_02 .story_img._mem02 {
    max-width: 100%;
    position: static;
    top: 0;
    bottom: 0;
    width: 100%;
  }
  
  /*--------------------- .btn_none:hover .img::after ---------------------*/
  .btn_none .img.story_img::before, .btn_none .img.story_img::after { display: none; }
  
  /*--------------------- .project ---------------------*/
  .project_box { padding: 0 0 25px 0; }
  .pro_sec { margin-bottom: 0; }
  
  /*--------------------- .project_mv ---------------------*/
  .project_mv {
    margin-top: 58px;
    padding-top: 58%;
  }
  .project_mv::after {
    height: 8rem;
    top: 30%;
    width: 10rem;
  }
  .project_mv.story01 { background: url("/img/kaigo/fresh/story/story01/story_01_mv.jpg") top right no-repeat; background-size: cover; }
  .project_mv.story02 { background: url("/img/kaigo/fresh/story/story02/story_02_mv.jpg") top right no-repeat; background-size: cover; }
  .project_mv.story03 { background: url("/img/kaigo/fresh/story/story03/story_03_mv.jpg") top right no-repeat; background-size: cover; }
  .project_mv .project_ttl {
    top: 78%;
    left: 65%;
    width: 60%;
  }
  
  /*--------------------- .mem_box ---------------------*/
  .mem_box .flex_txt, .mem_box .flex_img { width: 100%; }
  .mem_box .flex_txt { margin-bottom: 15px; }
  .mem_box .story_ttl span { display: inline-block; margin-left: 10px; }
  
  /*--------------------- .int_box ---------------------*/
  .int_box .flex_txt, .int_box .flex_img { width: 100%; }
  .int_box .flex_txt { margin-bottom: 15px; }
  
  /*--------------------- .int_ttl ---------------------*/
  .int_ttl { margin-bottom: 30px; }
  .int_ttl span { font-size: 18px; }
  
  /*--------------------- .mem_tag ---------------------*/
  .mem_tag {
    font-size: 14px;
    margin-bottom: 5px;
    padding: 3px 6px;
  }
}

@media only screen and (max-width: 768px) and (min-width: 501px) {
  .txt_box .mem_name_box::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    display: block;
    height: 100px;
    margin-bottom: 20px;
    width: 100%;
  }
  .txt_box.ttl_txt01 .mem_name_box::before { background-image: url(/img/kaigo/fresh/story/story_ttl01.png); }
  .txt_box.ttl_txt02 .mem_name_box::before { background-image: url(/img/kaigo/fresh/story/story_ttl02.png); }
  .txt_box.ttl_txt03 .mem_name_box::before { background-image: url(/img/kaigo/fresh/story/story_ttl03.png); }
}

@media only screen and (max-width: 500px) {
  .txt_box .mem_name_box::before {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    content: "";
    display: block;
    height: 60px;
    margin-bottom: 20px;
    width: 100%;
  }
  .txt_box.ttl_txt01 .mem_name_box::before { background-image: url(/img/kaigo/fresh/story/story_ttl01.png); }
  .txt_box.ttl_txt02 .mem_name_box::before { background-image: url(/img/kaigo/fresh/story/story_ttl02.png); }
  .txt_box.ttl_txt03 .mem_name_box::before { background-image: url(/img/kaigo/fresh/story/story_ttl03.png); }
}