/* Scss Document */
#sec1 {
  margin-bottom: 10%; }
  #sec1 .sec1_bnr p {
    padding: 0 20px; }
  #sec1 .slick-prev {
    left: 39px; }
  #sec1 .slick-next {
    right: 39px; }
  #sec1 .slick-arrow {
    top: 50%;
    transform: translateY(-100%); }
  #sec1 h2 {
    padding: 0 20px;
    position: relative;
    z-index: 1; }
  #sec1 .sec1_txt {
    background: url("../img/course/sec1_bg.jpg") no-repeat bottom center/100% auto, url("../img/shared/bg3.jpg") repeat-y top center/100% auto;
    color: #fff;
    position: relative;
    z-index: 0;
    padding: 12% 20px 15%;
    margin-top: -30px; }
  #sec1 #sec1Slider {
    margin-top: -30px; }

#sec2 {
  margin-bottom: 16%; }
  #sec2 .tab-link {
    display: flex;
    border-bottom: 7px solid #0a8dd8; }
  #sec2 .wrap {
    padding-top: 30px; }
  #sec2 h3 {
    font-weight: bold;
    line-height: 1.8;
    color: #001c58;
    font-size: 22px;
    border-bottom: 2px solid #001c58;
    margin-bottom: 22px;
    padding-bottom: 15px; }

#sec3 .sec3Box {
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  padding-top: 10px; }
  #sec3 .sec3Box:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    border: 1px solid #fff;
    width: calc(100% - 22px);
    height: calc(100% - 22px); }
#sec3 p {
  padding: 10px 25px 30px; }


.text_box {
      width: 95%;
      margin: 0px auto 20px auto;
      padding: 20px 0;
      border: solid 2px #dd471f;
   }

.text_box p.ttl {
      font-size: 24px;
      margin-bottom: 8px;
      letter-spacing: 2px;
      text-align: center;
      line-height: 40px;
      color: #000;
      font-weight: bold;
   }

.text_box p.txt {
      text-align: center;
      font-size: 16px;
      line-height: 30px;
      color: #000;
   }