@charset 'UTF-8';

/*----------------------------------------------------------------------------

メインビジュアル

-----------------------------------------------------------------------------*/
.scroll {
  position: absolute;
  left: 2%;
  top: 40%;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.scroll {
  position: absolute;
  left: 0%;
  top: 40%;
	}
}

@media screen and (max-width:768px){
.scroll {
  position: absolute;
  left: 0%;
  top: 40%;
	}
}


.scroll span{
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  font-size:.8rem;
  color:#333;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.scroll span{
  color:#333;
	}
}
@media screen and (max-width:768px){
.scroll span{
	color:#333;
	}
}

/* 線のアニメーション部分 */
.scroll::before {
  animation: scroll 2s infinite;
  background-color: #000;
  bottom: 60px;
  content: "";
  height: 200px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}
/* 線のアニメーション */
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


/*----------------------------------------------------------------------------

コンテンツ領域

-----------------------------------------------------------------------------*/
.bgColor{
	background: linear-gradient(180deg, #ECF9E6 0%, #ECF9E6 20%, #F4F4F4 20%, #F4F4F4 100%);
	padding:0 0 10em;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.bgColor{
	background: linear-gradient(180deg, #ECF9E6 0%, #ECF9E6 18%, #F4F4F4 18%, #F4F4F4 100%);
	padding:0 0 10em;
	}
}
@media screen and (max-width:768px){
.bgColor{
	background: linear-gradient(180deg, #ECF9E6 0%, #ECF9E6 13%, #F4F4F4 13%, #F4F4F4 100%);
	padding:0 0 5em;
	}
}



/*----------------------------------------------------------------------------

研修紹介

-----------------------------------------------------------------------------*/
.training_title{
	padding:250px 0 80px;
}
@media screen and (max-width:768px){
.training_title{
	padding:80px 0 80px;
	}
}

.training_title span{
	display:block;
	margin: 0 0 40px;
	font-weight:700;
	letter-spacing:2px;
}
.training_txt{
	line-height:2;
	font-weight:500;
	padding:0px 0 80px;
}



.photoright{
	text-align:right;
	max-width:1380px;
	margin: 0 0 0 auto;
	position:relative;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.photoright{
	max-width:100%;
	}
.photoright img{
	max-width:97.5%;
	}
}
@media screen and (max-width:768px){
.photoright{
	max-width:95%;
	}

}
/*----タイムライン-----*/
.step_schedule{
	max-width:970px;
	margin: 100px 0 0 auto;
}
@media screen and (max-width:768px){
.step_schedule{
	max-width:100%;
	margin: 100px 0 0 auto;
	}
}

.second_step{
	margin: 0px 0 0 auto;
}

.step_line{
	position:relative;
}

/*---アイコン指定----*/
.position_Icon{
	position:absolute;
	left:-95px;
	top:-40px;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.position_Icon{
	position:absolute;
	left:45%;
	top:-75px;
	}

}
@media screen and (max-width:768px){
.position_Icon{
	position:absolute;
	left:5%;
	top:-65px;
	}
}

.position_Icon img{
	max-width:80px;
}

.step_crc{
	position:relative;
	margin:0 0 0 -7px;
}
/*--------------------*/
.stepName_one::before{
	position:absolute;
	top:-20px;
	left:-7px;
	content:"STEP1";
	font-size:.7rem;
}
.stepName_two::before{
	position:absolute;
	top:-20px;
	left:-7px;
	content:"STEP2";
	font-size:.7rem;
}
.stepName_three::before{
	position:absolute;
	top:-20px;
	left:-7px;
	content:"STEP3";
	font-size:.7rem;
}
.stepName_four::before{
	position:absolute;
	top:-20px;
	left:-7px;
	content:"STEP4";
	font-size:.7rem;
}
.step_title{
	font-weight:700;
	font-size:1.4rem;
	padding-left:30px;
	display:inline-block;
}
.step_title span{
	font-size:.85rem;
	margin-left:10px;
}

@media screen and (max-width:768px){
.step_title{
	padding-left:10px;
	}
}

.step_main_contents{
	padding:45px 0px 60px 43px;
	border-left:2px solid #68D135;
}
@media screen and (max-width:768px){
.step_main_contents{
	padding:28px 0px 30px 28px;
	}
}

.another{
	padding:45px 0px 0px 43px!important;
	border-left:0px solid #68D135;
}

.step_text{
	padding:0 0 40px
}
.check_text{
	padding:0 0 10px
}

.stepgreen_div{
	padding:45px;
	background:#ECF9E6;
}
@media screen and (max-width:768px){
.stepgreen_div{
	padding:18px;

	}
}
.stepgreen_div dl{
	display:flex;
	flex-wrap:wrap;
	margin:10px 0 ;
}

.flex_space dl dt{
	width:calc(95% / 2);
	margin:8px 0 ;
}
@media screen and (max-width:768px){
.flex_space dl dt{
	width:calc(95% / 1);
	margin:8px 0 ;
	}
}


.stepgreen_div dl dt::before{
	content:"・";
	color:#68D135;
}
.stepgreen_div dl dt::after{
	content:":";
}
.stepgreen_div dl dd{
	padding:0 0 0 10px;
}
.step_war{
	font-size:.9rem;
	padding:10px 0 0px
}

hr {
	margin: 0;
	padding: 0;
	border: 0;
	margin:80px 0 40px;
	height: 1px;
	background-color: #ccc;
	color: #ccc;
}
@media screen and (max-width:768px){
hr {
	margin:60px 0 40px;
	}
}

.second_space{
	margin:60px 0 0 ;
}
.stepgreen_div dl .dodnone::after{
	content:"";
}

.stepUp_margin{
	margin:15px 0 ;
}

/*------ステップアップ------------*/
.stepup_div{
	margin:80px 0 0;
	display:flex;
	justify-content:space-between;
}
.stepup_div div{
	background:#EEEEEF;
	border-radius:20px;
	padding:30px 30px;
	width:calc(95% / 3);
	text-align:center;
}
@media screen and (max-width:768px){
.stepup_div{
	flex-wrap:wrap;
	margin:40px 0 0;
}
.stepup_div div{
	width:calc(100% / 1);
	padding:30px 15px;
	margin:10px 0 ;
	}
}

.stepup_div .stepup_text{
	margin:20px 0 0 ;
}
.stepup_div_one{
	margin:20px 0 80px;
}

.stepup_div_one dl{
	padding:60px 40px;
}
@media screen and (max-width:768px){
.stepup_div_one{
	margin:10px 0 30px;
	}
.stepup_div_one dl{
	padding:0px 0px 30px;
	margin: 0 auto;
	}
}
@media screen and (max-width:768px){
.stepup_img{
	padding: 0 0 20px;
	}

}


.stepup_div_one .stepup_text{
	margin:20px 0 0 ;
}
.stepup_div_one div{
	background:#EEEEEF;
	border-radius:20px;
	padding:30px 30px;
	width:calc(100% / 1);
	text-align:center;
	display:flex;
	justify-content:space-between;
}
@media screen and (max-width:768px){
.stepup_div_one div{
	padding:30px 15px;
	display:flex;
	flex-wrap:wrap;
	}
}


.stepup_circle{
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  text-align:center;
  line-height: 50px;
  border:2px solid #68D135;

}
.training_subtitle{
	text-align:center;
	margin:120px 0 60px ;
}
@media screen and (max-width:768px){
.training_subtitle{
	margin:80px 0 60px ;
	}
}

.training_subtitle dt{
	font-size:1.5rem;
	font-weight:700;
	margin: 0 0 20px;
}
@media screen and (max-width:768px){
.training_subtitle dt{
	font-size:1.4rem;

	}
}
.training_img{
	margin: 0 0 20px;
}

.position_center{
	text-align:center;
}
@media screen and (max-width:768px){
.position_center{
	text-align:left;
	}

}

/*----------------------------------------------------------------------------

トレーニングシステム

-----------------------------------------------------------------------------*/
.bgColor_service{
	background: linear-gradient(180deg, #ECF9E6 0%, #ECF9E6 22%, #fff 22%, #fff 100%);
	padding:0 0 0em;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.bgColor_service{
	background: linear-gradient(180deg, #ECF9E6 0%, #ECF9E6 20%, #fff 20%, #fff 100%);
	padding:0 0 0em;
	}
}

.trainingOnly{
	padding:0 0 22em;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.trainingOnly{
	padding:0 0 23em;
	}
}

@media screen and (max-width:768px){
.trainingOnly{
	padding:0 0 10em;
	}
}


.positionRight{
	text-align:right;
}
.Right_text_training{
	max-width:550px;
	text-align:left;
	margin: 0 0 0 auto;
}
.training_tr_img{
	position:absolute;
	left:150px;
	bottom:90px;
}
@media all and (min-width: 769px) and (max-width: 1280px) {
.training_tr_img{
	position:absolute;
	left:5%;
	bottom:60px;
	}
.training_tr_img img{
	max-width:90%;
	}
}

@media screen and (max-width:768px){
.training_tr_img{
	position:static;
	left:0px;
	bottom:0px;
	text-align:center;
	margin:-40px 0 -60px;
}

}

.technology{
	display:flex;
}
@media screen and (max-width:768px){
.technology{
	display:flex;
	flex-wrap:wrap;
	}
}
.technology_text{
	padding:0 50px 0 0;
	width:300px;
}
@media screen and (max-width:768px){
.technology_text{
	padding:0 0px 20px 0px;
	width:100%;
	font-weight:700;
	}
}
.technology_list{
	display:flex;
	flex-wrap:wrap;

}
.technology_list li{
	margin: 0px 20px 10px;
	width:calc(70% / 3);
}
@media screen and (max-width:768px){
.technology_list li{
	margin: 0px 0px 10px;
	width:calc(90% / 2);
	}
}

.technology_list li::before{
	content:"・";
	color:#68D135;
}

.ImgPhoto{
	max-width:90%;
	padding:80px 0 220px;
	margin: 0 0 0 auto;
}
@media screen and (max-width:768px){
.ImgPhoto{
	padding:40px 0 100px;
	}
}

.sfont{
	font-size:.9rem;
}



.career_list_another{
	margin:30px 0 180px;
}
.career_list_another dt{
	color:#68D135;
	font-weight:500;
	font-size:1.3rem;
}
.career_list_another dt:before{
	content:"●";
	padding-right:10px;
}
.career_list_another dd {
	margin:10px 0 45px;
}

.carrerpath-img{
	padding:70px 0 0 ;
	background: linear-gradient(180deg, #EDF9E6 0%, #EDF9E6 80%, #fff 80%, #fff 100%);
	margin:0 0 20px;
}
.carrerpath-img p{
	text-align:center;
	margin: 0 0 0px;
}
.carrerpath-img p img{
	max-width:600px;
}
@media screen and (max-width:768px){
.carrerpath-img{
	padding:70px 0 0 ;
	margin:0 0 20px;
}
.carrerpath-img p img{
	max-width:70%;
	}

}

.carrer-change-title{
	border-left:12px solid #68D135;
	font-size:1.4rem;
	font-weight:700;
	padding-left:15px;
	letter-spacing:2px;
	margin:60px 0 0 ;
}
.carrer-change-div{
	margin: 70px 0px 100px;
	display:flex;
	justify-content:space-between;
}
@media screen and (max-width:768px){
.carrer-change-div{
	margin: 50px auto 0px;
	flex-wrap:wrap;
	}
.carrer-change-div div{
	padding:0 0px 80px;
	width:calc(85% / 1);
	margin: 0 auto;
	}
}
.carrer-change-fukidashi{
	background:#68D135;
	color:#fff;
	text-align:center;
	padding:1rem 0;
	border-radius:100px;
	font-weight:700;
	margin:0 0 60px;
	position:relative;
}
@media screen and (max-width:768px){
.carrer-change-fukidashi{
	margin:0 0 20px;
	}
}

.carrer-change-fukidashi:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #68D135;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.carrer-change-div dl{
	text-align:center;
	letter-spacing:2px;
}
.carrer-change-div dl dt{
	margin: 0 0 30px;
}

.carrer-change-div dl dd{
	font-size:1.2rem;
	font-weight:700;
}


.carrer-change-div .arr{
	display:block;
	font-size:2rem;
	font-weight:700;
}
.carrer-change-div .carrer-change-large{
	color:#68D135;
	font-weight:700;
	font-size:1.6rem;
}