@charset "UTF-8";
body {
  background-color: #f2f2f2;
  margin: 0;
  padding: 0;
  color: #615E5C;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}

.maru {
  font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.br_sp {
  display: none;
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

.container2 {
  max-width: 980px;
  margin: 0 auto;
  width: 90%;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flex_space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.m_right {
  margin-left: auto;
}

.t_right {
  text-align: right;
}

.relative {
  position: relative;
}

.center {
  text-align: center;
}

.img_white {
  display: block;
}

.img_white:hover {
  opacity: 0.8;
}

.contact_box:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fda361), to(#f17453));
  background-image: linear-gradient(to bottom, #fda361, #f17453);
}

.form_button:hover {
  opacity: 0.8;
}

/*==================================================
ぶわっ、ぽんっ、どどんっ
===================================*/
/* zoomIn */
.zoomIn {
  -webkit-animation-name: zoomInAnime;
          animation-name: zoomInAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes zoomInAnime {
  from {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomInAnime {
  from {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* zoomOut */
.zoomOut {
  -webkit-animation-name: zoomOutAnime;
          animation-name: zoomOutAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes zoomOutAnime {
  from {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomOutAnime {
  from {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.zoomInTrigger,
.zoomOutTrigger {
  opacity: 0;
}

/*==================================================
ぱたっ
===================================*/
/* flipLeft */
.flipLeft {
  -webkit-animation-name: flipLeftAnime;
          animation-name: flipLeftAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-perspective-origin: left center;
          perspective-origin: left center;
  opacity: 0;
}

@-webkit-keyframes flipLeftAnime {
  from {
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
            transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
            transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipLeftAnime {
  from {
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
            transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    opacity: 0;
  }
  to {
    -webkit-transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
            transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
  }
}

/* flipLeftTop */
.flipLeftTop {
  -webkit-animation-name: flipLeftTopAnime;
          animation-name: flipLeftTopAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes flipLeftTopAnime {
  from {
    -webkit-transform: translate(-20px, 80px) rotate(-15deg);
            transform: translate(-20px, 80px) rotate(-15deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}

@keyframes flipLeftTopAnime {
  from {
    -webkit-transform: translate(-20px, 80px) rotate(-15deg);
            transform: translate(-20px, 80px) rotate(-15deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}

/* fadeUp */
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.flipUpTrigger,
.flipDownTrigger,
.flipLeftTrigger,
.flipLeftTopTrigger {
  opacity: 0;
}

/* rotateRightY */
.rotateRightY {
  -webkit-animation-name: rotateRightY;
          animation-name: rotateRightY;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes rotateRightY {
  from {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}

@keyframes rotateRightY {
  from {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  to {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
  }
}

/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time05 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.delay-time1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

/*ハンバーガーメニュー 消す*/
.btn-trigger {
  display: none;
}

.btn_oya {
  display: none;
}

.header-nav {
  display: none;
}

.nav_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav_block .logo {
  width: 120px;
}

.nav_block nav {
  width: 100%;
}

nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

nav ul li {
  line-height: 50px;
}

nav ul li a {
  color: #A27270;
}

.logo_sp {
  display: none;
}

.trial_button {
  padding: 0 16px;
  background-color: #A27270;
  border-radius: 5px;
  line-height: 50px;
}

.trial_button span {
  color: #fefefe;
}

.trial_mark {
  width: 10px;
  margin-right: 8px;
}

.trial_mark img {
  margin-bottom: 17px;
}

header {
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: white;
  border-top: solid 3px #F1DAD0;
  top: 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.mv__area {
  width: 100%;
  height: 330px;
  background-color: #F1DAD0;
  margin-bottom: 80px;
  margin-top: 330px;
}

.mv__area .container2 {
  position: relative;
  margin: 0 auto;
}

.mv__img {
  width: 740px;
  position: absolute;
  margin-left: 0;
  top: -150px;
}

.mv__catch {
  position: absolute;
  width: 460px;
  right: 0%;
  top: -100px;
}

.mv__link {
  width: 200px;
  position: absolute;
  top: 150px;
  right: 0;
}

.about {
  margin: 180px auto 0;
  background-image: url(../img/about_back.jpg);
  background-repeat: no-repeat;
  background-size: 100% 300px;
  background-position: bottom;
  width: 100%;
}

.about h2 {
  position: relative;
  color: #A27270;
  text-align: center;
}

.about h2 img {
  width: 130px;
  display: block;
  margin: 0 auto;
}

.about h2:before {
  content: "";
  display: block;
  background-image: url(../img/About@2x.png);
  width: 130px;
  height: 47px;
  background-size: contain;
  margin: 0 auto;
}

.about h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 80px;
  width: 1px;
  height: 25px;
  background-color: #A27270;
}

.about__container {
  margin-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about__text {
  width: 45%;
}

.about__text__h {
  font-size: 32px;
  color: #A27270;
  margin-bottom: 60px;
}

.about__img {
  width: 45%;
  margin-bottom: 60px;
}

.about2 {
  margin-top: 160px;
  background-image: url(../img/mamashape_back.png);
  height: 544px;
  background-size: cover;
}

h3 {
  color: #A27270;
  font-size: 32px;
  font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-bottom: 30px;
}

.about__box {
  width: 45%;
}

.about__box div {
  display: none;
}

.about3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 160px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.about3__img {
  width: 45%;
}

.staff {
  margin-top: 160px;
  background-image: url(../img/staff_back.jpg);
  background-repeat: no-repeat;
  background-size: 100% 300px;
  background-position: bottom;
}

.staff h2 {
  position: relative;
  color: #A27270;
  text-align: center;
}

.staff h2 img {
  width: 130px;
  display: block;
  margin: 0 auto;
}

.staff h2:before {
  content: "";
  display: block;
  background-image: url(../img/Staff_.png);
  width: 105px;
  height: 47px;
  background-size: contain;
  margin: 0 auto;
}

.staff h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 80px;
  width: 1px;
  height: 25px;
  background-color: #A27270;
}

.staff .container2 p {
  color: #A27270;
}

.staff .container2 p:last-of-type {
  font-size: 24px;
  color: #615E5C;
  margin-top: 30px;
}

.staff__name {
  width: 351px;
  margin-top: 90px;
}

.staff__box {
  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;
  text-align: center;
}

.staff__img {
  margin-bottom: 60px;
  width: 45%;
}

.staff2__box {
  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;
  margin-top: 60px;
}

.staff2__box .trial_button {
  width: 200px;
  margin: 90px auto 0;
  text-align: center;
}

.staff2__box .trial_button span:last-of-type {
  padding-left: 10px;
}

.staff2__text {
  width: 45%;
}

.staff2__img {
  width: 45%;
}

.lesson {
  background-image: url(../img/lesson_back.jpg);
}

.lesson h2:before {
  background-image: url(../img/Lesson@2x.png);
}

.lesson__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 90px;
}

.lesson__item {
  width: 300px;
  padding-bottom: 30px;
  text-align: center;
}

.lesson__item img {
  width: 80%;
}

.lesson__item p:first-of-type {
  font-size: 24px;
  font-weight: 900;
  color: #A27270;
  text-align: center;
  margin: 10px 0;
}

.lessoncard {
  margin-top: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  border: solid 1px #BEA597;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lessoncard__text {
  width: 50%;
  padding: 30px;
}

.lessoncard__text h3 {
  margin-bottom: 10px;
}

.lessoncard__text .trial_button {
  width: 168px;
  line-height: 30px;
}

.lessoncard__text .trial_button span:last-of-type {
  margin-left: 5px;
}

.lessoncard__img {
  overflow: hidden;
  width: 50%;
}

.lessoncard__img img {
  width: 120%;
}

.lessoncard__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lessoncard__heading div:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F3EBE3;
  border-radius: 5px;
}

.lessoncard__time {
  padding-right: 20px;
  padding-left: 20px;
}

.lesson__icon {
  width: 16px;
  margin-right: 10px;
}

.lessoncard__p {
  margin-top: 10px;
}

.lessoncard__target {
  background-color: #F3EBE3;
  border-radius: 5px;
  padding: 5px;
  margin-top: 10px;
}

.lessoncard__target span:first-of-type {
  font-weight: 900;
}

.lessoncard2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.lessoncard2 .lessoncard__heading div:last-of-type {
  background-color: #E1EAE8;
}

.lessoncard2 .lessoncard__target {
  background-color: #E1EAE8;
}

.lesson_contact {
  text-align: center;
}

.lesson_contact div {
  width: 200px;
  margin: 30px auto 0 auto;
}

.lesson_contact div span {
  text-align: center;
}

.online_contact {
  color: #A27270;
  font-size: 24px;
}

.movieflex {
  margin-top: 90px;
}

.movie video {
  border-radius: 10px;
}

.about.price {
  background-image: none;
}

.about.price h2::before {
  background-image: url(../img/Price@2x.png);
  width: 109px;
}

.about.price div {
  margin-top: 90px;
}

.about.price p {
  text-align: right;
  margin-top: 30px;
}

.about.trial h2::before {
  background-image: url(../img/TrialLesson@2x.png);
  width: 263px;
}

.trial__text {
  margin-top: 90px;
  text-align: center;
}

.trial__price {
  font-weight: 900;
  color: #A27270;
  font-size: 24px;
  margin-top: 30px;
}

.trial__text1 {
  font-size: 24px;
}

.trial__text2 {
  margin-top: 15px;
}

.trial {
  padding-bottom: 30px;
}

.trial h3 {
  text-align: center;
  margin-top: 60px;
}

.trial .trial_button {
  width: 178px;
  margin: 60px auto 0;
}

.trial__icon {
  width: 82px;
  margin: 10px auto 0 auto;
}

.trial__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.trial__item {
  width: 300px;
  height: 300px;
  background-color: #F3EBE3;
  border-radius: 50%;
  border: solid 1px #BEA597;
}

.trial__item h4 {
  width: 56px;
  margin: 0px auto 15px;
}

.trial__item p {
  text-align: center;
  margin-bottom: 15px;
}

.trial__item .mb28 {
  margin-bottom: 43px;
}

.trial__item__wrapper {
  padding-top: 37px;
}

.trial__item__wrapper a {
  color: #615E5C;
  border-bottom: 1px solid #615E5C;
}

.trial_button span {
  margin: 0 auto;
}

.schedule {
  background-image: none;
}

.schedule h2::before {
  background-image: url(../img/Schedule@2x.png);
  width: 193px;
}

.schedule p {
  margin-top: 90px;
  text-align: center;
}

/*　Googleカレンダー埋め込み  */
.g-calendar {
  text-align: center;
  margin-top: 30px;
}

.g-calendar iframe {
  width: 100%;
  max-width: 800px;
  height: 600px;
}

.access {
  background-image: url(../img/staff_back.jpg);
}

.access h2::before {
  background-image: url(../img/Access@2x.png);
}

.access p {
  text-align: center;
  margin-top: 90px;
  font-size: 24px;
}

.access__img {
  width: 45%;
  margin: 30px auto 0;
  padding-bottom: 60px;
}

.access__img img {
  border-radius: 10px;
}

.access_map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 160px;
}

.access_map p {
  padding-top: 30px;
}

.access_map img {
  width: 251px;
}

.googleMap {
  width: 60%;
}

.googleMap iframe {
  width: 100%;
}

footer {
  background-color: #F1DAD0;
  padding: 30px 0 0;
  margin-top: 90px;
}

footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__address {
  color: #A27270;
}

.footer__address h2 {
  font-size: 24px;
}

.footer__logo {
  width: 120px;
  margin-right: 30px;
}

.footer__nav {
  margin-top: 30px;
}

.footer__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__nav ul li {
  padding: 0 15px;
  border-left: 1px solid #A27270;
}

.footer__nav ul li a {
  color: #A27270;
}

.footer__nav ul li:nth-of-type(1) {
  border: none;
}

.footer__button {
  background-color: #A27270;
  border-radius: 5px;
  padding: 0 16px;
  width: 250px;
  height: 55px;
  text-align: center;
}

.footer__button a {
  color: #fefefe;
  line-height: 55px;
}

.copyright {
  background-color: #A27270;
  color: #fefefe;
  text-align: center;
  margin-top: 60px;
}

input[type="submit"], input[type="button"] {
  width: 150px;
  height: 40px;
  background-color: #A27270;
  color: #fefefe;
  border-radius: 5px;
}

input[type="reset"] {
  width: 150px;
  height: 40px;
  background-color: #dbdbdb;
  color: #000;
  border-radius: 5px;
}

.contact__headline {
  height: 330px;
  background-color: #E1EAE8;
  margin-bottom: 60px;
  margin-top: 84px;
}

.headline {
  width: 170px;
  margin: 0 auto;
  text-align: center;
  padding-top: 129px;
}

.headline span {
  color: #A27270;
}

.form p {
  margin-bottom: 30px;
  margin-top: 30px;
}

.must {
  margin-left: 8px;
  color: #A27270;
  font-size: 12px;
}

.mv__catch_about {
  width: 300px;
  top: 0;
}

.concept h2:before {
  background-image: url(../img/Concept.png);
  width: 176px;
}

.aboutPage .about {
  background-image: none;
}

.aboutPage .about .trial__text1 {
  color: #A27270;
  margin-bottom: 30px;
}

.aboutPage .staff {
  background-image: none;
}

.aboutPage .staff__name {
  margin-right: auto;
  margin-left: auto;
}

.aboutPage .center {
  color: #A27270;
}

.staff_about h2::before {
  background-image: url(../img/Staff_.png);
  width: 106px;
}

.staff_about__text {
  margin-top: 60px;
}

.staff_about__text1 {
  margin-bottom: 30px;
  display: block;
}

.carrer h2:before {
  background-image: url(../img/career.png);
  width: 139px;
}

.carrer p {
  text-align: left;
}

.carrer .container2 .staff__text {
  width: 55%;
}

.carrer .container2 .staff__text .staff__text1 {
  font-size: 16px;
  margin-top: 90px;
}

.carrer .staff__img {
  width: 40%;
}

.nav_block li:hover {
  opacity: 0.8;
}

.footer__nav li:hover {
  opacity: 0.8;
}

.rotateRightY img {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.rotateRightY img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.trial_button:hover {
  opacity: 0.8;
}

.footer__button {
  cursor: pointer;
}

.footer__button:hover {
  opacity: 0.8;
}

input[type="submit"], input[type="reset"] {
  cursor: pointer;
}

input[type="submit"]:hover, input[type="reset"]:hover {
  opacity: 0.8;
}

.lesson__item img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.lesson__item a {
  color: #A27270;
}

.lesson__item a:hover, .a_black a:hover {
  opacity: 0.8;
}

.a_black a {
  color: #615E5C;
}

@media screen and (max-width: 1025px) {
  .nav_block {
    display: none;
  }
  .logo_sp {
    display: block;
    width: 100px;
    padding: 5px 0 5px 5%;
  }
  .header-nav {
    background-color: rgba(225, 234, 232, 0.95);
    width: 80%;
    height: 100%;
  }
  .globalMenuSp {
    padding: 100px 0 20px;
  }
  .globalMenuSp li {
    margin-bottom: 20px;
  }
  .globalMenuSp li a {
    color: #A27270;
    font-weight: 900;
  }
  .btn_oya {
    display: block;
    z-index: 999;
  }
  .btn_oya {
    line-height: 40px;
  }
  .btn-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    display: block;
    position: fixed;
    top: 20px;
    right: 12px;
    /*		z-index: 999;*/
    width: 40px;
    height: 20px;
    border: none;
    background-color: rgba(250, 250, 250, 0);
  }
  .btn-trigger.active {
    z-index: 999;
  }
  .btn-trigger span {
    position: absolute;
    display: block;
    width: 28px;
    height: 2px;
    background-color: #A27270;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .btn-trigger span:first-of-type {
    top: 0;
  }
  .btn-trigger span:nth-of-type(2) {
    top: 9px;
  }
  .btn-trigger span:last-of-type {
    bottom: 0;
  }
  .btn-trigger.active span:first-of-type {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 8px;
  }
  .btn-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .btn-trigger.active span:last-of-type {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    bottom: 10px;
  }
  .header-nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
  }
  /*ハンバーガーメニュー中身*/
  .humberger_m {
    font-size: 32px;
    text-align: left;
  }
  .hum_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .globalMenuSp .trial_button {
    margin: 0 auto;
  }
  .globalMenuSp .trial_button .trial_mark img {
    margin-bottom: 16px;
  }
  .mv__area {
    margin-top: 200px;
  }
  .trial_button {
    margin: 0 auto;
    width: 150px;
  }
  .trial_button .flex {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .trial_mark img {
    margin-bottom: 16px;
  }
  .mv__img {
    width: 80%;
    left: 0%;
    top: -110px;
  }
  .mv__catch {
    right: 0;
  }
  .mv__link {
    right: 0;
  }
  .lesson__item {
    width: 250px;
  }
  .trial__icon {
    width: 52px;
  }
  .trial__item {
    width: 250px;
    height: 250px;
  }
  .trial__icon {
    width: 52px;
  }
  .contact__headline {
    margin-top: 54px;
  }
}

@media screen and (max-width: 768px) {
  .br_pc {
    display: none;
  }
  .mv__catch {
    width: 280px;
    top: -100px;
  }
  .mv__link {
    width: 150px;
    top: 10vw;
  }
  .mv__area {
    height: 30vw;
  }
  .about__container {
    display: block;
  }
  .about__text {
    width: 100%;
  }
  .about__text__h {
    text-align: center;
    font-size: 24px;
  }
  .about__img {
    width: 80%;
    margin: 0 auto;
    padding: 60px 0;
  }
  .about2 {
    background-image: none;
    height: auto;
  }
  .about__box {
    width: 100%;
  }
  .about__box h3 {
    text-align: center;
  }
  .about__box div {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 60px 0;
  }
  .about3 {
    display: block;
  }
  .about3__img {
    width: 80%;
    margin: 0 auto;
    padding: 60px 0;
  }
  .staff__box {
    display: block;
  }
  .staff__name {
    margin: 90px auto 0;
  }
  .staff__img, .staff2__text, .staff2__img, .lesson__item {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
  }
  .staff2__box {
    display: block;
  }
  .lesson__list {
    display: block;
  }
  .lesson__item {
    text-align: center;
  }
  .lesson__item img {
    width: 250px;
  }
  .lessoncard {
    padding: 10px;
    display: block;
  }
  .lessoncard__text {
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
  .lessoncard__time {
    margin-left: 20px;
  }
  .lessoncard__heading {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .trial_button {
    margin: 0;
  }
  .trial__price {
    font-size: 16px;
  }
  .lessoncard__img {
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
  .lessoncard__img img {
    width: 100%;
    border-radius: 10px;
  }
  .lessoncard__target {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .lesson_contact {
    margin-top: 60px;
  }
  .staff2__box .trial_button {
    margin-top: 30px;
  }
  .movie {
    text-align: center;
    margin-top: 90px;
  }
  .trial__list {
    display: block;
  }
  .trial__item {
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .access__img {
    width: 80%;
  }
  .access_map {
    display: block;
  }
  .googleMap {
    width: 100%;
  }
  .access_map .about__box {
    margin-bottom: 30px;
  }
  footer .container {
    display: block;
  }
  .footer__address {
    margin: 30px 0;
    text-align: center;
  }
  .footer__nav {
    display: none;
  }
  .footer__logo {
    margin: 0 auto;
  }
  .footer__button {
    margin: 0 auto;
  }
  h3 {
    font-size: 24px;
  }
  .about h2::before {
    width: 104px;
    height: 37px;
  }
  .staff h2::before {
    width: 84px;
    height: 37px;
  }
  .staff__name {
    width: 280px;
    height: 37px;
  }
  .about.price h2::before {
    width: 83px;
    height: 37px;
  }
  .about.trial h2::before {
    width: 206px;
    height: 37px;
  }
  .schedule h2::before {
    width: 154px;
    height: 37px;
  }
  .staff2__box {
    margin-top: 0;
  }
  .about, .staff {
    background-size: 100% 160px;
  }
  .about2, .about3, .staff, .about, .lessoncard {
    margin-top: 90px;
  }
  .about__container, .staff__name, .lesson__list, .about.price div, .trial__text, .schedule p, .access p {
    margin-top: 60px;
  }
  .about__text__h {
    margin-bottom: 30px;
  }
  .lesson {
    background: none;
  }
  .lessoncard__heading {
    display: block;
  }
  .lessoncard__time {
    margin-left: 0;
    margin-top: 10px;
    width: 135px;
    padding: 0;
    justify-content: center;
  }
  .trial .trial_button {
    margin: 30px auto 0;
  }
  .mv__catch_about {
    top: 0;
  }
  .staff_about h2::before {
    width: 85px;
  }
  .carrer h2::before {
    width: 112px;
  }
  .concept h2::before {
    width: 140px;
  }
  .carrer .container2 .staff__text {
    width: 100%;
  }
  .carrer .staff__img {
    width: 80%;
  }
}

@media screen and (max-width: 425px) {
  .mv__catch {
    width: 100%;
    top: -240px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .mv__img {
    width: 100%;
    top: -50px;
  }
  .mv__area {
    margin-top: 350px;
    margin-bottom: 160px;
    height: 160px;
  }
  .mv__link {
    top: -80px;
  }
  .mv__catch_about {
    width: 80%;
  }
  .mv__img_about {
    top: -100px;
  }
  .movie {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
  .movie video {
    width: 100%;
  }
}

@media screen and (max-width: 320px) {
  .mv__link {
    top: -120px;
  }
}
/*# sourceMappingURL=style.css.map */