@charset "UTF-8";
.container {
  padding: 0 10px;
}
.dis-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
.tac {
  text-align: center;
}
#container {
  text-align: justify;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}
#container img {
  width: 100%;
  height: auto;
}
.slick-arrow {
  border: none;
  font-size: 0;
  position: absolute;
  z-index: 2;
  top: 21vw;
  width: 32px;
  height: 32px;
}
.slick-prev {
  left: 16px;
  background: url("../img/concept/pre.png") no-repeat center/32px auto;
}
.slick-next {
  right: 0;
  background: url("../img/concept/nex.png") no-repeat center/32px auto;
}
#sec1 {
  background: url("../img/course/sec1_bg.jpg") no-repeat top center/100% auto;
  padding-top: 18vw;
  margin-bottom: 13vw;
}
#sec1 h2 {
  width: 33%;
  margin: 13vw 0 0 5.3%;
}
#sec1 .sec1-img1 {
  width: 60%;
  margin-right: -2%;
}
#sec1 .sec1-img2 {
  margin: 7vw 0 5vw 0;
  width: 67%;
}
#sec2 {
  background: url("../img/course/sec2_bg2.jpg") no-repeat top center/100% auto, url("../img/course/sec2_bg.jpg") repeat-y top center/100% auto;
  color: #fff;
  padding: 15vw 0;
}
#sec2 .sec2-txt1 {
  margin: 2vw 0 7vw;
}
#sec2 .sec2-txt1 span {
  font-weight: bold;
}
#sec2 .sec2-box {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin: 10vw 6% 5vw;
  box-sizing: border-box;
  padding: 7vw 5%;
  position: relative;
  z-index: 0;
}
#sec2 .sec2-box .sec2-deco {
  position: absolute;
  z-index: -1;
  width: 55%;
  bottom: -10vw;
  right: -7%;
}
#sec2 .sec2-txt2 {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-top: 5vw;
  margin-top: 4vw;
  line-height: 1.7;
  font-size: 13px;
}
#sec2 dl {
  font-size: 5vw;
  line-height: 1.8;
  padding: 0 5vw;
}
#sec2 .sec2-txt3 {
  margin: 0 6%;
}
#sec2 .sec2-img2 {
  width: 46%;
  margin: 5vw 0 8vw 3%;
}
#sec2 .sec2-img3 {
  width: 83%;
  margin: 0 3% 8vw auto;
}
#sec2 .sec2-btn {
  display: block;
  margin: auto;
  width: 76%;
}
#sec3 {
  margin-top: 20vw;
}
#sec3 .sec3-1 {
  background: url("../img/course/sec3_deco1.jpg") no-repeat top center/100% auto;
  padding: 0 3%;
  margin-bottom: 10vw;
}
#sec3 .sec3-1 h3 {
  margin: 7vw 0 4vw;
}
#sec3 .sec3-1 .fnt-mincho {
  text-align: center;
  font-weight: bold;
  color: #000;
  line-height: 2.2;
  font-size: 5.5vw;
}
#sec3 .sec3-1 h4 {
  margin: 5vw 0 5vw;
  text-align: center;
}
#sec3 .sec3-1 h4 span {
  font-size: 6vw !important;
}
#sec3 .sec3-1 .slider-nav {
  margin-bottom: 8vw;
}
#sec3 .sec3-1 .slider-nav .slick-track {
  width: 100% !important;
  transform: translate3d(0, 0, 0) !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
#sec3 .sec3-1 .slider-nav .slick-track .slick-slide {
  margin: 0 8px;
  width: 60px;
  background: #000;
}
#sec3 .sec3-1 .slider-nav .slick-track .slick-slide img {
  opacity: 0.5;
}
#sec3 .sec3-1 .slider-nav .slick-track .slick-slide.slick-current img {
  opacity: 1;
}
#sec3 .sec3-2 {
  background: url("../img/course/sec3_deco2.jpg") no-repeat top center/100% auto;
  padding: 0 3%;
}
#sec3 .sec3-2 h3 {
  margin-bottom: 4vw;
}
#sec3 .sec3-2 .fnt-mincho {
  text-align: center;
  font-weight: bold;
  color: #000;
  line-height: 2.2;
  font-size: 5.5vw;
}
#sec3 .sec3-2 .sec3-img3 {
  margin: 0 -1% 5vw;
}
#sec3 .sec3-2 .sec3-txt3 {
  background: url("../img/course/sec3_bg.jpg") no-repeat center/cover;
  margin: 6vw 0 2vw;
  line-height: 1.5;
  font-size: 5.3vw;
  padding: 5vw 0 4vw;
}
#sec3 .sec3-2 .sec3-txt3 span {
  font-size: 70%;
}
#sec3 .sec3-3 {
  background: url("../img/course/sec3_deco3.jpg") no-repeat top center/100% auto;
  padding: 16vw 3% 0;
  margin-bottom: 10vw;
}
#sec3 .sec3-3 .sec3-img4 {
  width: 65%;
  margin: 3vw 0 0 -2%;
}
#sec3 .sec3-3 h3 {
  width: 35%;
}
#sec3 .sec3-3 .sec3-img5 {
  margin: 11vw 0;
}
#sec3 .sec3-3 dl {
  background: url("../img/course/sec3_bg.jpg");
  box-sizing: border-box;
  padding: 8vw 5%;
  margin-bottom: 8vw;
}
#sec3 .sec3-3 dl dt {
  font-weight: 600;
  font-size: 5.2vw;
  line-height: 1.7;
  color: #000;
  margin-bottom: 2vw;
}
.sec4-inner {
  background: url("../img/course/sec4_bg.jpg");
  padding: 12vw 5%;
}
.sec4-inner .sec4-tel {
  margin: 5vw 0 6vw;
}
.sec4-inner .sec4-btn {
  margin: 0 auto 7vw;
  width: 92%;
  display: block;
}
.sec4-inner .sec4-box {
  background: #fff;
  font-weight: bold;
  margin: 0 auto;
  width: 92%;
  box-sizing: border-box;
  padding: 6vw 5%;
}
.sec4-inner .txt-red {
  color: #900c08;
}
#footer {
  margin-top: 0;
}