@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese);
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot);
  src: url(../fonts/icomoon.eot) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg) format("svg");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot);
  src: url(../fonts/icomoon.eot) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg) format("svg");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot);
  src: url(../fonts/icomoon.eot) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg) format("svg");
  font-weight: 400;
  font-style: normal
}
@keyframes hurueru {
  0% {
    transform: translate(0, 0) rotateZ(0)
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg)
  }
  50% {
    transform: translate(0, 2px) rotateZ(0)
  }
  75% {
    transform: translate(2px, 0) rotateZ(-1deg)
  }
  100% {
    transform: translate(0, 0) rotateZ(0)
  }
}
@keyframes r3 {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
*, :after, :before {
  box-sizing: border-box
}
@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot);
  src: url(../fonts/icomoon.eot) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg) format("svg");
  font-weight: 400;
  font-style: normal
}
@keyframes hurueru {
  0% {
    transform: translate(0, 0) rotateZ(0)
  }
  25% {
    transform: translate(2px, 2px) rotateZ(1deg)
  }
  50% {
    transform: translate(0, 2px) rotateZ(0)
  }
  75% {
    transform: translate(2px, 0) rotateZ(-1deg)
  }
  100% {
    transform: translate(0, 0) rotateZ(0)
  }
}
@keyframes r3 {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
*, :after, :before {
  box-sizing: border-box
}
.mv {
  width: 100vw;
  min-height: 780px;
  height: calc(80vh - 100px);
  position: relative
}
@media screen and (max-width:1024px) {
  .mv {
    min-height: 0;
    height: 480px
  }
}
@media screen and (max-width:767px) {
  .mv {
    height: 215px;
    min-height: 0
  }
}
.mv__slider__list {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  min-height: 780px;
  height: calc(80vh - 100px);
  overflow: hidden;
  text-align: center;
  position: relative
}
@media screen and (max-width:1024px) {
  .mv__slider__list {
    min-height: 0;
    height: 480px
  }
}
@media screen and (max-width:767px) {
  .mv__slider__list {
    height: 215px
  }
}
.mv__slider__list:nth-child(1) {
  background-image: url(../images/index/mv04.jpg)
}
.mv__slider__list:nth-child(3) {
  background-image: url(../images/index/mv03.jpg)
}
.mv__slider__list:nth-child(2) {
  background-image: url(../images/index/mv01.jpg)
}
.mv__slider__list:nth-child(4) {
  background-image: url(../images/index/mv05.jpg)
}
.mv__logoArea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1024px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
@media screen and (max-width:1024px) {
  .mv__logoArea {
    width: 80%;
    height: 480px
  }
}
@media screen and (max-width:767px) {
  .mv__logoArea {
    height: 215px
  }
}
@media screen and (max-width:1024px) {
  .mv__logoArea__title {
    width: 11%
  }
}
@media screen and (max-width:767px) {
  .mv__logoArea__title {
    width: 17%
  }
}
@media screen and (max-width:767px) {
  .mv__logoArea__title img {
    width: 100%
  }
}
.news {
  background: #fff;
  margin: -80px auto 0;
  padding: 40px 40px 40px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  position: relative;
  z-index: 10
}

@media screen and (max-width:767px) {
  .news {
    margin: -20px auto 0;
    padding: 20px 20px 20px
  }
	 .news.inner {
    width: 85%;
  }
}
@media screen and (max-width:767px) {
  .news .mainTtl {
    text-align: left
  }
  .news .mainTtl span {
    display: inline-block;
    margin-left: 20px
  }
}
.news ul {
  width: 100%;
  height: 140px;
  overflow: auto;
}
@media screen and (max-width:767px) {
  .news ul {
    height: 130px;
  }
}
.news ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0;
  color: #000
}
.news ul li:hover {
  opacity: .8
}
.news ul li a p{
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width:767px) {
  .news ul li a p{
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.news ul li a time {
  margin-right: 20px
}
.news ul li + li {
  border-top: 1px solid #000
}
.news .btn {
  max-width: 480px;
  width: 100%;
  margin: 20px auto 0;
  background: #a77c22;
  color: #fff;
  border: none
}
@media screen and (max-width:767px) {
	.news .btn {
		margin: 0 auto 0;
	}
}
.news .btn:before {
  border-color: #fff;
  color: #fff
}
.lesson {
  margin-top: 220px;
  position: relative;
  min-height: 600px
}
@media screen and (max-width:767px) {
  .lesson {
    margin-top: 60px;
    font-size: 20px;
    font-size: 2rem;
    min-height: 420px
  }
}
.lesson__inner {
  position: relative
}
.lesson__inner__txtArea {
  max-width: 620px;
  width: 100%
}
.lesson__inner__txtArea .mainTtl {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.6
}
@media screen and (max-width:767px) {
  .lesson__inner__txtArea .mainTtl {
    font-size: 20px;
    font-size: 2rem
  }
}
.lesson__inner__txtArea .mainTtl + p {
  margin-top: 40px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width:767px) {
  .lesson__inner__txtArea .mainTtl + p {
    margin-top: 20px
  }
}
@media screen and (max-width:320px) {
  .lesson__inner__txtArea .mainTtl + p {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.lesson__inner__txtArea .btn {
  max-width: 480px;
  width: 100%;
  margin-top: 40px;
  background: #fff
}
@media screen and (max-width:767px) {
  .lesson__inner__txtArea .btn {
    margin-top: 20px
  }
}
.lesson__inner:after {
  content: "";
  background: url(../images/index/img_lesson.png) center center no-repeat;
  width: 534px;
  height: 690px;
  position: absolute;
  right: -200px;
  bottom: -100px
}
@media screen and (max-width:767px) {
  .lesson__inner:after {
    display: none
  }
}
.lesson:after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 0 108vw 397px 0;
  left: 0;
  right: auto;
  top: auto;
  bottom: 0;
  border-color: transparent transparent #a77c22 transparent;
  z-index: -1
}
@media screen and (max-width:767px) {
  .lesson:after {
    display: none
  }
}
.instructor {
  background: url(../images/index/bg_in.jpg) center center no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative;
  padding: 80px 0
}
@media screen and (max-width:767px) {
  .instructor {
    padding: 40px 0
  }
}
.instructor:before {
  content: "";
  background: #a77c22;
  width: 100%;
  height: 315px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}
.instructor .mainTtl span {
  color: #fff
}
.instructor__inner ul {
  display: flex;
  justify-content: space-between;
  margin-top: 80px
}
@media screen and (max-width:767px) {
  .instructor__inner ul {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 40px
  }
}
.instructor__inner ul li {
  width: 23%
}
@media screen and (max-width:767px) {
  .instructor__inner ul li {
    width: 48%
  }
}
.instructor__inner ul li a .fig img {
  width: 100%
}
.instructor__inner ul li a p {
  margin-top: 20px;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  color: #fff
}
.instructor__inner ul li a p span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width:767px) {
  .instructor__inner ul li:nth-child(n+3) {
    margin-top: 20px
  }
}
.instructor__inner .btn {
  max-width: 480px;
  margin: 40px auto 0;
  background: #a77c22;
  color: #fff;
  border: none
}
.instructor__inner .btn:before {
  color: #fff
}
.instructor__inner .btn:hover {
  background: #fff;
  color: #000
}
.instructor__inner .btn:hover:before {
  color: #000
}
.bottom {
  margin-top: 80px
}
@media screen and (max-width:767px) {
  .bottom {
    margin-top: 40px
  }
}
.bottom ul {
  display: flex;
  justify-content: space-between
}
@media screen and (max-width:767px) {
  .bottom ul {
    flex-wrap: wrap
  }
}
.bottom ul li {
  width: 25%
}
@media screen and (max-width:767px) {
  .bottom ul li {
    width: 50%
  }
}
.bottom ul li img {
  width: 100%
}
@media screen and (max-width:767px) {
  .access {
    width: 90%
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl92YXJpYWJsZXMuc2NzcyIsIl9taXhpbi5zY3NzIiwiaW5kZXguc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXQSxvSEFBQSxvSEFBQSxvSEFBQSxvSEFjQSxXQUNFLFlBQWEsUUFDYixJQUFNLDBCQUNOLElBQU0sMEJBQTRCLDJCQUEyQixDQUMzRCwwQkFBNEIsa0JBQWtCLENBQzlDLDJCQUE2QixjQUFjLENBQzNDLDBCQUE0QixjQUM5QixZQUFhLElBQ2IsV0FBWSxPQVJkLFdBQ0UsWUFBYSxRQUNiLElBQU0sMEJBQ04sSUFBTSwwQkFBNEIsMkJBQTJCLENBQzNELDBCQUE0QixrQkFBa0IsQ0FDOUMsMkJBQTZCLGNBQWMsQ0FDM0MsMEJBQTRCLGNBQzlCLFlBQWEsSUFDYixXQUFZLE9BUmQsV0FDRSxZQUFhLFFBQ2IsSUFBTSwwQkFDTixJQUFNLDBCQUE0QiwyQkFBMkIsQ0FDM0QsMEJBQTRCLGtCQUFrQixDQUM5QywyQkFBNkIsY0FBYyxDQUMzQywwQkFBNEIsY0FDOUIsWUFBYSxJQUNiLFdBQVksT0NYZCxtQkFDSSxHQUFJLFVBQVcsZUFBb0IsV0FDbkMsSUFBSyxVQUFXLG1CQUFvQixjQUNwQyxJQUFLLFVBQVcsaUJBQW9CLFdBQ3BDLElBQUssVUFBVyxpQkFBb0IsZUFDcEMsS0FBTSxVQUFXLGVBQW9CLFlBRXpDLGNBQ0UsR0FBTyxVQUFXLFVBQ2xCLEtBQU8sVUFBVyxnQkFpS3BCLEVBQWEsT0FBVixRQUNELFdBQVksV0R4S2QsV0FDRSxZQUFhLFFBQ2IsSUFBTSwwQkFDTixJQUFNLDBCQUE0QiwyQkFBMkIsQ0FDM0QsMEJBQTRCLGtCQUFrQixDQUM5QywyQkFBNkIsY0FBYyxDQUMzQywwQkFBNEIsY0FDOUIsWUFBYSxJQUNiLFdBQVksT0NYZCxtQkFDSSxHQUFJLFVBQVcsZUFBb0IsV0FDbkMsSUFBSyxVQUFXLG1CQUFvQixjQUNwQyxJQUFLLFVBQVcsaUJBQW9CLFdBQ3BDLElBQUssVUFBVyxpQkFBb0IsZUFDcEMsS0FBTSxVQUFX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 */
/*# sourceMappingURL=sourcemaps/index.css.map */