/* 仕事
----------------------------------*/

.main_area {
  padding-top: 5%;
  padding-bottom: 5%;
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}
@media (max-width: 991px) {
  .main_area {
    padding-bottom: 0%;
    padding-right: 5%;
    padding-left: 5%;
  }
}
#o-top-training_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
  background-color: rgba(18, 150, 143, 0.1);
  top: 0vh;
  bottom: 0;
  height: 80%;
  border-bottom-right-radius: 100px;
}
/* work_layout_area */
.work_layout_area {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(8, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-bottom: 10%;
	margin-top: 5%;
}
.work_layout_area .layout1_1 { grid-area: 1 / 1 / 9 / 8; }
.work_layout_area .layout1_2 { grid-area: 3 / 7 / 7 / 11;
z-index: 1;
    background-color: rgba(0, 158, 150, 0.8);
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}
.work_layout_area .layout2_1 { grid-area: 1 / 2 / 7 / 9; }
.work_layout_area .layout2_2 { grid-area: 5 / 8 / 8 / 11;
z-index: 1;}
.work_layout_area .layout2_3 { grid-area: 5 / 1 / 9 / 6;
	z-index: 1;
  background-color: rgba(0, 158, 150, 0.8);
	padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}

.work_layout_area .layout3_1 { grid-area: 1 / 4 / 7 / 11; }
.work_layout_area .layout3_2 { grid-area: 4 / 1 / 8 / 5;
z-index: 1;}
.work_layout_area .layout3_3 { grid-area: 6 / 4 / 10 / 10;
	z-index: 1;
  background-color: rgba(0, 158, 150, 0.8);
	padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}

.layout4_1 { 
  background-color: rgba(0, 158, 150, 0.8);
	padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	margin-bottom: 10%;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}


.work_layout_area img {
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}
.work_layout_area2 {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
	margin-bottom: 10%;
	margin-top: 5%;
}

.work_layout_area2 .layout1_1  { grid-area: 1 / 1 / 5 / 5; }
.work_layout_area2 .layout1_2 { grid-area: 2 / 4 / 4 / 7;
z-index: 1;
  background-color: rgba(0, 158, 150, 0.8);
	padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}


.work_layout_area2 .layout2_1  { grid-area: 1 / 3 / 5 / 7; }
.work_layout_area2 .layout2_2 { grid-area: 3 / 1 / 6 / 4;
z-index: 1;
  background-color: rgba(0, 158, 150, 0.8);
	padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}
.work_layout_area2 .layout3_1  { grid-area: 1 / 1 / 5 / 5; }
.work_layout_area2 .layout3_2 { grid-area: 3 / 4 / 5 / 7;
z-index: 1;
  background-color: rgba(0, 158, 150, 0.8);
	padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
	filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}
.work_layout_area2 img {
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}
.work_layout_area3 .row {
    
    margin-bottom: 5%;
}
.work_layout_area3 img {
    filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}
.work_ttl {
  font-size: 24px;
  font-weight: bold;
  color: rgba(255, 255, 255, 1.00);
}
@media screen and (max-width: 575px) {
  .work_ttl {
    font-size: 18px;
  }
}
.work_ttlb {
  font-size: 24px;
  font-weight: bold;
	padding-right: 2%;
    padding-left: 2%;
}
@media screen and (max-width: 991px) {
  .work_ttlb {
    margin-top: 5%;
  }
}
@media screen and (max-width: 575px) {
  .work_ttlb {
    font-size: 18px;
  }
}
.work_tx {
  font-size: 16px;
  line-height: 1.9;
  margin-top: 2%;
  color: rgba(255, 255, 255, 1.00);
}
@media screen and (max-width: 575px) {
  .work_tx {
    font-size: 14px;
  }
}
.work_txb {
  font-size: 16px;
  line-height: 1.9;
  padding: 2%; 
}
@media screen and (max-width: 575px) {
  .work_txb {
    font-size: 14px;
  }
}
/* タイムライン */
@media all and (min-width: 768px) {
  .flow_sec {
    display: grid;
    grid-template-columns: 3vw auto;
    grid-column-gap: 3vw
  }
}
.flow_sec__title {
  font-weight: 700
}
@media all and (min-width: 768px) {
  .flow_sec__title {
    font-size: 2.2166666667vw;
    writing-mode: vertical-lr
  }
}
@media not all and (min-width: 768px) {
  .flow_sec__title {
    margin-bottom: 10.6666666667vw;
    padding-top: 10.6666666667vw;
    border-top: 2px solid #fff;
    font-size: 7.4666666667vw
  }
}

.flow_schedule {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw
}
@media not all and (min-width: 768px) {
  .flow_schedule {
    gap: 5.3333333333vw
  }
}
.flow_schedule > li {
  position: relative;
  background: rgba(18,150,143,0.2);
  padding: 2.0833333333vw 2.0833333333vw 2.0833333333vw 1.7708333333vw;
  /*font-weight: bold*/
}
@media all and (min-width: 992px) {
  .flow_schedule > li {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}
@media not all and (min-width: 768px) {
  .flow_schedule > li {
    padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 2.6666666667vw
  }
}
.flow_schedule > li::before {
  position: absolute;
  z-index: 2;
  left: 13vw;
  top: -1.0416666667vw;
  content: "";
  display: block;
  width: 1px;
  height: calc(100% + 1.0416666667vw);
  background: #fff;	
}
@media screen and (min-width: 768px)and (max-width: 1025px) {
  .flow_schedule > li::before {
    left: 10.25390625vw
  }
}
@media not all and (min-width: 768px) {
  .flow_schedule > li::before {
    top: -5.3333333333vw;
    left: 20vw;
    height: calc(100% + 5.3333333333vw)
  }
}
@media screen and (max-width: 1399px) {
.flow_schedule > li::before {  
  left: 17vw;  
}
}
@media screen and (max-width: 991px) {
.flow_schedule > li::before {  
  left: 20vw;  
}
}
@media screen and (max-width: 767px) {
.flow_schedule > li::before {  
  left: 19.5vw; 
}
}
@media screen and (max-width: 575px) {
.flow_schedule > li::before {  
  left: 22.6vw; 
	width: 2px;
}
}
.flow_schedule > li:last-child::before {
  height: 7vw
}
@media screen and (max-width: 1545px) {
.flow_schedule > li:last-child::before {
  height: 6vw
}
}
@media screen and (max-width: 1199px) {
.flow_schedule > li:last-child::before {
  height: 5vw
}
}
@media screen and (max-width: 767px) {
.flow_schedule > li:last-child::before {
  height: 15vw
}
}
/*@media not all and (min-width: 768px) {
  .flow_schedule > li:last-child::before {
    height: 10%
  }
}
@media screen and (max-width: 575px) {
.flow_schedule > li:last-child::before {
    height: 13%
  }
}*/
/*.flow_schedule > li:first-child::before {
  top: 6.025vw;
  height: calc(50% + 2.8625vw)
}*/
.flow_schedule > li:first-child::before {
  top: 6.0vw;
	  height: 12vw;
}
@media screen and (max-width: 1545px) {
.flow_schedule > li:first-child::before {
  top: 5.5vw;
	  height: 13vw;
}
}
@media screen and (max-width: 1199px) {
.flow_schedule > li:first-child::before {
  top: 5vw;
	height: 15vw;
}
}
@media screen and (max-width: 991px) {
.flow_schedule > li:first-child::before {
  top: 4.5vw;
	height: 65vw;
}
}
@media screen and (max-width: 767px) {
.flow_schedule > li:first-child::before {
  top: 7.5vw;
	height: 80vw;
}
}
@media screen and (max-width: 575px) {
.flow_schedule > li:first-child::before {
  top: 7.5vw;
	height: 90vw;
}
}
/*@media not all and (min-width: 768px) {
  .flow_schedule > li:first-child::before {
    top: 10.6666666667vw;
    height: calc(50% + 26.6666666667vw)
  }
}
@media screen and (max-width: 575px) {
.flow_schedule > li:first-child::before {
    top: 10.6666666667vw;
    height: calc(50% + 56.6666666667vw)
  }
}*/
.flow_schedule__time {
  flex-shrink: 0;
  font-family: var(--font-montserrat);
  text-align: center
}
@media all and (min-width: 768px) {
  .flow_schedule__time {
    width: 8vw;
    /*font-size: 1.0vw;*/
	  font-size: 16px;
		font-feature-settings: "palt";
	  font-weight: bold;
  }
}
@media screen and (min-width: 768px)and (max-width: 1025px) {
  .flow_schedule__time {
    width: 6.25vw;
    /*font-size: 1.5625vw*/
  }
}
@media not all and (min-width: 768px) {
  .flow_schedule__time {
    font-size: 3.2vw;
    width: 12.2666666667vw
  }
}
@media screen and (max-width: 1399px) {
.flow_schedule__time {
    width: 12vw;    
  }
}
@media screen and (max-width: 991px) {
.flow_schedule__time {
    width: 15vw;    
  }
}
/*@media screen and (max-width: 767px) {
.flow_schedule__time {
    font-size: 2.0vw;  
	font-feature-settings: "palt";
	  font-weight: bold;
  }
}*/
@media screen and (max-width: 767px) {
.flow_schedule__time {
    font-size: 3.5vw;  
	font-feature-settings: "palt";
	  font-weight: bold;
  }
}
/*.flow_schedule__time::before{
  font-family: "Font Awesome 5 Free";
  content: '\f017';
  font-weight: 400;
  margin-right: 5px;  
}*/
.flow_schedule__box {
  display: flex;
  flex-direction: row;
  gap: 2.6041666667vw;
  line-height: 2
}
@media all and (min-width: 768px) {
  .flow_schedule__box {
    width: calc(100% - 8.8541666667vw);
    font-size: .8333333333vw
  }
}
@media screen and (min-width: 768px)and (max-width: 1025px) {
  .flow_schedule__box {
    font-size: 1.26953125vw
  }
}
@media not all and (min-width: 768px) {
  .flow_schedule__box {
    justify-content: space-between;
    font-size: 3.2vw
  }
}
@media screen and (max-width: 767px) {
.flow_schedule__box {  
  gap: 3.2vw;
}
}
@media screen and (max-width: 575px) {
.flow_schedule__box {  
  gap: 5.7vw;
}
}
.flow_schedule__title {
  position: relative;
  line-height: 1.5;
  /*margin-bottom: 1.0416666667vw;*/
	font-weight: bold;
	margin-bottom: 1.0vw;
    font-size: 1.5vw
}
/*@media all and (min-width: 768px) {
  .flow_schedule__title {
    font-size: 1.6666666667vw
  }
}*/
/*@media not all and (min-width: 768px) {
  .flow_schedule__title {
    margin-bottom: 3.2vw;
    font-size: 4.2vw
  }
}*/
@media screen and (max-width: 991px) {
.flow_schedule__title {    
    font-size: 2.5vw
  }
}
@media screen and (max-width: 767px) {
.flow_schedule__title {
    font-size: 3.2vw;
    padding-top: 1vw;
  }
}
@media screen and (max-width: 575px) {
.flow_schedule__title {    
    font-size: 4.5vw
  }
}
.flow_schedule__title::before {
  position: absolute;
  left: -2.8125vw;
  top: .8333333333vw;
  content: "";
  display: block;
  width: .8854166667vw;
  height: .8854166667vw;
  background: #fff;
  border-radius: 100em
}
@media not all and (min-width: 768px) {
  .flow_schedule__title::before {
    left: -6.9333333333vw;
    top: 1.6vw;
    width: 3.4666666667vw;
    height: 3.4666666667vw
  }
}
@media screen and (max-width: 991px) {
.flow_schedule__title::before {
  position: absolute;
  left: -4.0125vw;
  top: .8333333333vw;  
  width: 1.5vw;
  height: 1.5vw;
}
}
@media screen and (max-width: 767px) {
.flow_schedule__title::before {
  position: absolute;
  left: -4.5vw;
  top: 2.0vw;  
  width: 2.5vw;
  height: 2.5vw;
}
}
@media screen and (max-width: 575px) {
.flow_schedule__title::before {
  position: absolute;
  left: -6.4vw;
  top: 2.0vw;  
  width: 3.5vw;
  height: 3.5vw;
}
}
@media all and (min-width: 768px) {
  .flow_schedule__wtext {
    padding-left: 3vw
  }
}
@media not all and (min-width: 768px) {
  .flow_schedule__wtext {
    /*width: 58.6666666667vw*/
  }
}
@media screen and (max-width: 991px) {
.flow_schedule__wtext {
    padding-left: 4vw
  }
}
@media screen and (max-width: 767px) {
.flow_schedule__wtext {
    padding-left: 2vw
  }
}
@media screen and (max-width: 575px) {
.flow_schedule__wtext {
    padding-left: 4vw
  }
}
.flow_schedule__img {
  flex-shrink: 0;
  flex-basis: 18.75vw
}
@media not all and (min-width: 992px) {
  .flow_schedule__img {
    margin-top: 3.3333333333vw;
    margin-left: 21.0vw;
    width: 50vw
  }
}
@media screen and (max-width: 767px) {
  .flow_schedule__img {    
    margin-left: 19.6vw;
    width: 70%
  }
}
@media screen and (max-width: 575px) {
  .flow_schedule__img {    
    margin-left: 25.0vw;
  }
}
.flow_schedule__img img {    
    margin-bottom: 20px;
}
.flow_schedule__text {
    padding-right: 0.5vw;  
	font-size: 16px;
}
@media screen and (max-width: 575px) {
.flow_schedule__text {
    font-size: 14px;
    line-height: 1.5;
}
}

.flow_schedule__titelsub {
    font-size: 18px;
    color: rgba(18,150,143,1.0);
    margin-top: 1.5vw;
}
@media screen and (max-width: 575px) {
.flow_schedule__titelsub {
    font-size: 16px;
}
}

/*介護一覧*/

.works_link_area {
	margin-bottom: 3%;
	margin-top: 3%;	
}
.works_link01,.works_link02,.works_link03 {
    position: relative;
    overflow: hidden;
    height: 70vh;
    /*border-radius: 5% 5% 5% 5%;*/
    margin-bottom: 20px;
}
@media screen and (max-width: 1399px) {
.works_link01,.works_link02,.works_link03 {    
    height: 50vh;
}
}
.works_link01:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(../img/nursing/day_main.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-position: center center;
}

.works_link02:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background-image: url("../img/nursing/rental_main.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.works_link03:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(../img/nursing/group_main.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-position: center center;
}
.works_link01:hover:after,.works_link02:hover:after,.works_link03:hover:after {
opacity: .8;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.works_link01:before,.works_link02:before,.works_link03:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0,0,0,.9);
}

.works_link_name {
  text-align: center;
  position: relative;
  z-index: 10;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  top: 50%;
  transform: translate3d(0px, -50%, 0px);
  transition: opacity 400ms cubic-bezier(0.18, 0.06, 0.23, 1)
}
.works_link_name_jp {
  display: block;
  font-size: 2.0vw;
  line-height: 1.1;
  font-weight: 100;
	  text-shadow: 
    black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
}
@media screen and (max-width: 767px) {
.works_link_name_jp {    
    font-size: 5vw;
}
}
@media screen and (max-width: 575px) {
.works_link_name_jp {    
    font-size: 8vw;
}
}

.works_link_name_en {
    display: block;
    font-size: 15px;
    line-height: 1;
    margin: 29px 0 0;
    text-transform: uppercase;
	text-shadow: 
    black 2px 0px,  black -2px 0px,
    black 0px -2px, black 0px 2px,
    black 2px 2px , black -2px 2px,
    black 2px -2px, black -2px -2px,
    black 1px 2px,  black -1px 2px,
    black 1px -2px, black -1px -2px,
    black 2px 1px,  black -2px 1px,
    black 2px -1px, black -2px -1px;
}