@charset "UTF-8";
/* ==================================================
	basic settings
================================================== */
/* ==================================================
	mainvisual
================================================== */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .mainvisual {
    background: url(../img/top/mainvisual.png) center no-repeat;
    background-size: auto 650px;
    min-height: 650px;
  }
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .mainvisual .site_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 650px;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .mainvisual .site_wrap {
    padding: 0;
  }
}
/* ========== end △ */
.mainvisual .img {
  width: 80vw;
  margin-left: auto;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .mainvisual .img {
    display: none;
  }
}
/* ========== end △ */
.mainvisual .img02 {
  width: 25vw;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .mainvisual .img02 {
    display: none;
  }
}
/* ========== end △ */
.mainvisual h1 {
  font-size: 4rem;
  font-weight: normal;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .mainvisual h1 {
    font-size: 6.9316vw;
    line-height: 1.7;
    padding: 5.332vw 5.332vw 5.332vw 10.664vw;
  }
}
/* ========== end △ */

/* ==================================================
	news
================================================== */
.news {
  border-bottom: 1px solid #E7DBC8;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 10px 15px 10px;
    margin-bottom: 50px;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .news {
    border-top: 1px solid #E7DBC8;
    margin: 7.998vw 3.999vw 7.998vw 3.999vw;
    padding: 5.332vw 3.999vw 5.332vw 3.999vw;
  }
}
/* ========== end △ */
.news h2 {
  font-weight: normal;
  margin-bottom: 0;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .news h2 {
    font-size: 1.8rem;
    margin-right: 30px;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .news h2 {
    font-size: 4.7988vw;
    margin-bottom: 2.666vw;
  }
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .news .info {
    font-size: 1.6rem;
  }
}
/* ========== end △ */
.news .info time {
  margin-right: 20px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .news .info time {
    display: block;
  }
}
/* ========== end △ */
.news .info a {
  text-decoration: underline;
}

/* ==================================================
	intro_wrap
================================================== */
.intro_wrap {
  background: #fff;
  margin-top: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .intro_wrap {
    margin-top: 13.33vw;
    padding-top: 13.33vw;
    padding-bottom: 13.33vw;
  }
}
/* ========== end △ */

/* ==================================================
	about
================================================== */
.about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .about img {
    width: 42%;
    margin-right: 50px;
    border-radius: 50px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .about img {
    border-radius: 7.998vw;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .about h2 {
    text-align: center;
    margin-top: 6.665vw;
  }
}
/* ========== end △ */
.about .btn_style {
  margin: 30px 0 0 auto;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .about .btn_style {
    margin-top: 5.332vw;
  }
}
/* ========== end △ */

/* ==================================================
	beginner
================================================== */
.beginner {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .beginner {
    margin-top: 13.33vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .beginner img {
    width: 42%;
    margin-left: 50px;
    border-radius: 50px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .beginner img {
    border-radius: 7.998vw;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .beginner h2 {
    text-align: center;
    margin-top: 6.665vw;
  }
}
/* ========== end △ */
.beginner .btn_style {
  margin: 30px 0 0 auto;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .beginner .btn_style {
    margin-top: 5.332vw;
  }
}
/* ========== end △ */

/* ==================================================
	information
================================================== */
.information {
  margin-top: 100px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .information {
    margin-top: 13.33vw;
  }
}
/* ========== end △ */
.information h2 {
  text-align: center;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .information h2 + p {
    text-align: center;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .information h2 + p br {
    display: none;
  }
}
/* ========== end △ */
.information .wrap {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .information .wrap {
    margin-top: 7.998vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* ========== end △ */
.information .wrap > div {
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px rgba(231, 219, 200, 0.1019607843);
          box-shadow: 0px 0px 20px rgba(231, 219, 200, 0.1019607843);
  border-radius: 50px;
  overflow: hidden;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .information .wrap > div {
    width: 31%;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .information .wrap > div {
    border-radius: 7.998vw;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .information .wrap > div + div {
    margin-top: 7.998vw;
  }
}
/* ========== end △ */
.information .wrap .txt {
  padding: 40px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .information .wrap .txt {
    padding: 7.998vw;
  }
}
/* ========== end △ */
.information .wrap .txt h3 {
  text-align: center;
}
.information .wrap .txt .btn_style {
  margin: 30px auto 0;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .information .wrap .txt .btn_style {
    margin-top: 5.332vw;
  }
}
/* ========== end △ */

/* ==================================================
	access
================================================== */
.access {
  background: #fff;
  margin-top: 100px;
  padding-top: 100px;
  padding-bottom: 100px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .access {
    margin-top: 13.33vw;
    padding-top: 13.33vw;
    padding-bottom: 13.33vw;
  }
}
/* ========== end △ */
.access h3 {
  margin-bottom: 0;
}
.access .wrap {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .access .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 7.998vw;
  }
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 768px) {
  .access .wrap img {
    width: 42%;
    margin-right: 30px;
    border-radius: 50px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .access .wrap img {
    border-radius: 7.998vw;
  }
}
/* ========== end △ */
.access .wrap iframe {
  width: 100%;
  border-radius: 50px;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 767px) {
  .access .wrap iframe {
    border-radius: 7.998vw;
    height: 66.65vw;
    margin-top: 5.332vw;
  }
}
/* ========== end △ */