@charset "UTF-8";
.courseWrap {
  padding-top: 80px;
}
.courseWrap #departnavi {
  display: none;
}
@media only screen and (min-width:769px) {
  .courseWrap #pageHead {
    background: url(../img/company/PC_companyMv.jpg);
  }
}
@media only screen and (max-width:768px) {
  .courseWrap #pageHead {
    background: url(../img/company/SP_companyMv.jpg);
  }
}
.courseWrap #pageHead {
  background-size: cover;
  background-position: center center;
}
.courseWrap .baseWrap {
  background-color: #f2f1e9;
  padding: 80px 0;
}
.courseWrap .baseWrap .mainTtl {
  margin-top: 10px;
}
.courseWrap .baseWrap .inner .bigTxt {
  font-weight: bold;
  font-size: clamp(1.063rem, 0.813rem + 1.25vw, 1.75rem);
  list-style: 1.5em;
}
.courseWrap .baseWrap .inner p, .courseWrap .baseWrap .inner ul {
  margin-bottom: 25px;
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  line-height: 1.8em;
}
.courseWrap .baseWrap .depertmentmenu {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
  /*li.dept-ns {
  	h4 {@include txt-ns;}
  	.deptimgwrap:before { border-bottom:180px solid #7d7dbc;}
  	.dept-subinfowrap {@include bdr-ns;}
  }*/
}
.courseWrap .baseWrap .depertmentmenu li {
  margin: 4% 0 0 1.7%;
  width: 32%;
}
.courseWrap .baseWrap .depertmentmenu li .deptimgwrap {
  position: relative;
  display: block;
  line-height: 0;
}
.courseWrap .baseWrap .depertmentmenu li .deptimgwrap img {
  width: 100%;
}
.courseWrap .baseWrap .depertmentmenu li .deptimgwrap h3 {
  color: #fff;
  position: absolute;
  left: 5%;
  bottom: 5%;
  line-height: 1.5em;
  font-size: clamp(1.125rem, 0.784rem + 1.7vw, 2.063rem);
}
.courseWrap .baseWrap .depertmentmenu li .deptimgwrap:before {
  position: absolute;
  border-right: 300px solid transparent;
  border-bottom: 180px solid;
  left: 0;
  bottom: 0;
  content: "";
}
.courseWrap .baseWrap .depertmentmenu li .dept-subinfowrap {
  border-left: 5px solid;
  padding-left: 20px;
  margin-top: 20px;
}
.courseWrap .baseWrap .depertmentmenu li .dept-subinfowrap h4 {
  font-size: clamp(0.938rem, 0.733rem + 1.02vw, 1.5rem);
}
.courseWrap .baseWrap .depertmentmenu li .dept-subinfowrap .dept-subtxt {
  font-size: clamp(1rem, 0.25rem + 1vw, 1.125rem);
  margin-bottom: 0;
}
.courseWrap .baseWrap .depertmentmenu li.dept-gc h4 {
  color: #3b82c5;
}
.courseWrap .baseWrap .depertmentmenu li.dept-gc .deptimgwrap:before {
  border-bottom: 180px solid #3b82c5;
}
.courseWrap .baseWrap .depertmentmenu li.dept-gc .dept-subinfowrap {
  border-color: #3b82c5;
}
.courseWrap .baseWrap .depertmentmenu li.dept-3dcg h4 {
  color: #389100;
}
.courseWrap .baseWrap .depertmentmenu li.dept-3dcg .deptimgwrap:before {
  border-bottom: 180px solid #5fab33;
}
.courseWrap .baseWrap .depertmentmenu li.dept-3dcg .dept-subinfowrap {
  border-color: #389100;
}
.courseWrap .baseWrap .depertmentmenu li.dept-a h4 {
  color: #db4a86;
}
.courseWrap .baseWrap .depertmentmenu li.dept-a .deptimgwrap:before {
  border-bottom: 180px solid #ff6699;
}
.courseWrap .baseWrap .depertmentmenu li.dept-a .dept-subinfowrap {
  border-color: #db4a86;
}
.courseWrap .baseWrap .depertmentmenu li.dept-cd h4 {
  color: #e69000;
}
.courseWrap .baseWrap .depertmentmenu li.dept-cd .deptimgwrap:before {
  border-bottom: 180px solid #ffb400;
}
.courseWrap .baseWrap .depertmentmenu li.dept-cd .dept-subinfowrap {
  border-color: #e69000;
}
.courseWrap .baseWrap .depertmentmenu li.dept-mi h4 {
  color: #e69000;
}
.courseWrap .baseWrap .depertmentmenu li.dept-mi .deptimgwrap:before {
  border-bottom: 180px solid #ff7d33;
}
.courseWrap .baseWrap .depertmentmenu li.dept-mi .dept-subinfowrap {
  border-color: #e69000;
}
.courseWrap .baseWrap .depertmentmenu li.dept-v h4 {
  color: #c50040;
}
.courseWrap .baseWrap .depertmentmenu li.dept-v .deptimgwrap:before {
  border-bottom: 180px solid #e50053;
}
.courseWrap .baseWrap .depertmentmenu li.dept-v .dept-subinfowrap {
  border-color: #e50053;
}
@media only screen and (max-width:768px) {
  .courseWrap .baseWrap {
    padding: 15% 0;
  }
  .courseWrap .baseWrap .inner {
    padding: 8% 5% 8%;
  }
  .courseWrap .baseWrap .inner p, .courseWrap .baseWrap .inner ul {
    margin-bottom: 5%;
  }
  .courseWrap .baseWrap .mainTtl {
    margin-top: 10px;
  }
  .courseWrap .baseWrap .depertmentmenu {
    align-items: stretch;
  }
  .courseWrap .baseWrap .depertmentmenu li:nth-child(2n+1) {
    margin-left: 0;
  }
  .courseWrap .baseWrap .depertmentmenu li:nth-child(-n+2) {
    margin-top: 0;
  }
  .courseWrap .baseWrap .depertmentmenu li {
    margin: 5% 0 0 4%;
    width: 48%;
  }
  .courseWrap .baseWrap .depertmentmenu li .deptimgwrap h3 {
    left: 5%;
    bottom: 5%;
  }
  .courseWrap .baseWrap .depertmentmenu li .deptimgwrap:before {
    border-right: 25vw solid transparent;
    border-bottom: 20vw solid;
  }
  .courseWrap .baseWrap .depertmentmenu li .dept-subinfowrap {
    padding-left: 5%;
    margin-top: 5%;
    border-left: 2px solid;
  }
  .courseWrap .baseWrap .depertmentmenu li .dept-subinfowrap .dept-subtxt {
    font-size: 3vw;
    line-height: 1.5em;
    margin-bottom: 0;
  }
  .courseWrap .baseWrap .depertmentmenu li.dept-gc .deptimgwrap:before {
    border-bottom: 20vw solid #3b82c5;
  }
  .courseWrap .baseWrap .depertmentmenu li.dept-3dcg .deptimgwrap:before {
    border-bottom: 20vw solid #5fab33;
  }
  .courseWrap .baseWrap .depertmentmenu li.dept-a .deptimgwrap:before {
    border-bottom: 20vw solid #ff6699;
  }
  .courseWrap .baseWrap .depertmentmenu li.dept-cd .deptimgwrap:before {
    border-bottom: 20vw solid #ffb400;
  }
  .courseWrap .baseWrap .depertmentmenu li.dept-mi .deptimgwrap:before {
    border-bottom: 20vw solid #ff7d33;
  }
  .courseWrap .baseWrap .depertmentmenu li.dept-ns .deptimgwrap:before {
    border-bottom: 20vw solid #7d7dbc;
  }
  .courseWrap .baseWrap .depertmentmenu li.dept-v .deptimgwrap:before {
    border-bottom: 20vw solid #e50053;
  }
}
@media only screen and (min-width:769px) {
  .courseWrap .baseWrap .depertmentmenu li:nth-child(3n+1) {
    margin-left: 0;
  }
  .courseWrap .baseWrap .depertmentmenu li:nth-child(-n+3) {
    margin-top: 0;
  }
}

/*色指定*/
.courseWrap .mainTtlWrap {
  color: #ec6c00;
}
.courseWrap .mainTtlWrap small {
  color: #ec6c00;
  margin-bottom: 10px;
}
.courseWrap .mainTtlWrap .mainTtl {
  color: #fff;
  background: linear-gradient(#f19140, #ec6c00);
  box-shadow: 5px 5px 0 #d15c05;
  text-shadow: 5px 5px 0 #d15c05;
  margin-top: 0;
}
.courseWrap .introNavWrap .introNavLi li a {
  background: #fdf0e5;
  color: #ec6c00;
  border-color: #ec6c00;
}
.courseWrap .inner .horizonbar, .courseWrap .inner .verticalbar {
  background-color: #ec6c00;
  opacity: 0.3;
}/*# sourceMappingURL=course.css.map */