@charset "UTF-8";
.l-mb-0{
	margin-bottom: 0px !important;
}
.l-mb-0c{
	margin-bottom: 0px !important;
	text-align: center;
}
.l-mb-s{
	margin-bottom: 30px !important;
}
.l-mb-sl{
	margin-bottom: 30px !important;
	text-align: left;
}
.l-mb-sc{
	margin-bottom: 30px !important;
	text-align: center;
}
.l-mb-m{
	margin-bottom: 50px !important;
}
.l-mb-ml{
	margin-bottom: 50px !important;
	text-align: left;
}
.l-mb-mc{
	margin-bottom: 50px !important;
	text-align: center;
}
.l-mb-l{
	margin-bottom: 70px !important;
}
.l-mb-ll{
	margin-bottom: 70px !important;
	text-align: left;
}
.l-mb-lc{
	margin-bottom: 70px !important;
	text-align: center;
}

@media screen and (max-width: 767px) {
    .l-mb-s{
        margin-bottom: 10px !important;
    }
    .l-mb-sl{
        margin-bottom: 10px !important;
    }
    .l-mb-sc{
        margin-bottom: 10px !important;
    }	
	.l-mb-m{
        margin-bottom: 20px !important;
    }
	.l-mb-ml{
        margin-bottom: 20px !important;
    }
	.l-mb-mc{
        margin-bottom: 20px !important;
    }	
	.l-mb-l{
        margin-bottom: 40px !important;
    }
	.l-mb-ll{
        margin-bottom: 40px !important;
    }	
	.l-mb-lc{
        margin-bottom: 40px !important;
    }	
}
.text-orange {
  color: #e94709;
}
.text-purple {
  color: #920783;
}
.bg-orange {
  background-color: #e94709;
}
.bg-purple {
  background-color: #920783;
}

.experience_area {
  color: #000000;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  border: 2px solid #f39800;
  padding: 10px;
  background-color: #fffbc7;	
  box-sizing: border-box;
  border-radius: 10px;
  display: block;
  margin-bottom: 15px !important;	
}
.experience_area-ttl {
  color: #920783;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
}
.experience_area-text {
  color: #e94709;
  font-size: 1.1rem;
  line-height: 2; 	
  margin: 30px 0 !important;
}
@media screen and (max-width: 767px) {
  .experience_area-text {
    text-align: left;
	line-height: 1.5;   
}
}

.course_area {
  color: #000000;
  font-size: 1rem;
  line-height: 2; 	
  font-weight: bold;
  text-align: left;
  margin:0 50px 70px !important;	
}
@media screen and (max-width: 767px) {
  .course_area {
	line-height: 1.5;   
    margin:0 10px 40px !important;	
}
}
.class-ttl {
  color: #920783;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}

.class-btn_area {
  list-style: none;
  padding: 0; 
}
.class-btn_area a {
  color: #fff;
}
@media screen and (min-width: 768px) {
    .class-btn_area {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .class-btn_area li {
        width: calc((100% - 80px) / 4);
        margin-top: 20px; 
		font-size: 1rem;
		font-weight: bold;
		color: #fff;
		padding: 10px;  
		text-align: center; } 
}
@media screen and (max-width: 767px) {
    .class-btn_area {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .class-btn_area li {
        width: calc((100% - 20px) / 2);
        margin-top: 10px; 
		font-size: 0.9rem;
		font-weight: bold;
		color: #fff;
		padding: 8px;  
		text-align: center; } 
}

.btn_area {
  text-align: center;
  margin:0 0 70px 100px !important;	
}
@media screen and (max-width: 767px) {
  .btn_area {
	text-align: center;  
    margin:0 10px 40px !important;	
}
}