@charset "UTF-8";
/* setting */
@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Lexend+Peta&display=swap);
.font-xs {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2; }

.font-sm {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.7142857143; }

.font-md {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3333333333; }

.font-lg {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 0.6666666667; }

/* tool */
/* ==========================================================================
   ベンダープリフィックス
   ========================================================================== */
/* ==========================================================================
   opacity 透明度
   ========================================================================== */
/* ==========================================================================
   position absolute
   ========================================================================== */
/* ==========================================================================
   shadow
   ========================================================================== */
/* ==========================================================================
   スクリーンサイズ
   ========================================================================== */
/* ==========================================================================
   親要素に対して中央寄せ
   ========================================================================== */
/* Scss Document */
/* base */
html {
  font-size: 62.5%; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  color: #000;
  background: url("../images/mv_bg.png");
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.6;
  letter-spacing: 0.08em;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 991px) {
    body {
      font-size: 1.5em; } }
  @media screen and (max-width: 767px) {
    body {
      font-size: 1.5em; } }
  @media screen and (max-width: 575px) {
    body {
      font-size: 1.2em; } }

html, body {
  height: 100%;
  margin: 0; }

.wrapper {
  position: relative;
  margin: 0 auto;
  min-width: 320px;
  min-height: 100%;
  margin-bottom: 0px; }

.container {
  max-width: 1200px; }

ul {
  padding: 0; }

/* ----------------------------------------------------
電話番号リンクをスマホのみ有効
---------------------------------------------------- */
@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pl00 {
  padding-left: 0px !important; }

.pl05 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

/* layout */
/* =============================
   footer tel
   ============================= */
#footer-tel {
  background: #4D4D4D;
  color: #fff;
  padding: 3rem 0;
  text-align: center; }
  #footer-tel h2 {
    font-weight: bold;
    line-height: 1; }
  #footer-tel p {
    font-size: 1.4rem; }
  #footer-tel a {
    padding-left: 50px;
    color: #fff;
    background: url(../../../image/icon_fc.png) left center no-repeat;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1; }

/* =============================
   footer middle
   ============================= */
#footer-middle {
  background: #F5F5F5;
  padding: 2rem 0; }
  #footer-middle ul {
    list-style: none;
    margin: 0; }

@media screen and (max-width: 575px) {
  .footer-middle_1 {
    text-align: center; } }

.footer-middle_2 {
  text-align: right; }
  @media screen and (max-width: 575px) {
    .footer-middle_2 {
      text-align: center; } }

/* =============================
   footer bottom
   ============================= */
#footer-bottom {
  padding: 1rem 0;
  background: #fff; }
  #footer-bottom a {
    color: #000;
    text-decoration: none; }
    #footer-bottom a:hover {
      text-decoration: underline; }
  @media screen and (max-width: 575px) {
    #footer-bottom ul {
      display: none; } }
  #footer-bottom address {
    text-align: right; }
    @media screen and (max-width: 575px) {
      #footer-bottom address {
        text-align: center; } }

.footer-aux-primary li {
  display: inline-block;
  margin-right: 1rem;
  font-weight: 300; }

.footer-aux-secondary li {
  display: inline-block;
  margin-left: 1rem;
  font-weight: 300; }

.banner_wrapper {
  margin-top: 4rem;
  text-align: center; }
  .banner_wrapper a img {
    transition: .2s; }
    .banner_wrapper a img:hover {
      opacity: .8; }

/* ============================
   mv
   ============================ */
#mv {
  position: relative;
  text-align: center; }
  #mv .logo {
    position: absolute;
    top: 2rem;
    right: 2rem; }
    @media screen and (max-width: 767px) {
      #mv .logo img {
        width: 70px;
        height: auto; } }

.mv_inner {
  padding: 4rem 0; }
  @media screen and (max-width: 767px) {
    .mv_inner {
      padding: 4rem 0; } }

/* ============================
   about
   ============================ */
.sec_about {
  background: #fff;
  border-radius: 8px;
  border: 2px solid #eb6d8e;
  padding: 4rem 4rem 0;
  text-align: center;
  margin-bottom: 8rem; }
  @media screen and (max-width: 767px) {
    .sec_about {
      padding: 2rem 2rem 0; } }

.sec_about_header {
  padding: 0 8rem;
  margin-bottom: 6rem; }
  @media screen and (max-width: 767px) {
    .sec_about_header {
      padding: 0;
      margin-bottom: 3rem; } }
  .sec_about_header h1 {
    color: #eb6d8e;
    font-weight: bold;
    margin-bottom: 3rem;
    font-size: 180%;
    text-decoration: underline; }
    @media screen and (max-width: 767px) {
      .sec_about_header h1 {
        margin-bottom: 1rem; } }
  .sec_about_header h2 {
    font-weight: bold;
    font-size: 150%; }

.sc_about_img1 {
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    .sc_about_img1 img {
      width: 200px;
      height: auto; } }

.box_about {
  margin-bottom: 1.6rem;
  border-radius: 8px;
  border: 2px solid #eb6d8e;
  overflow: hidden; }
  .box_about h3 {
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background: #eb6d8e;
    padding: 2rem;
    margin: 0;
    font-size: 150%; }
    @media screen and (max-width: 767px) {
      .box_about h3 {
        padding: 1.4rem 1rem; } }

.box_about_img img {
  width: 100%;
  height: auto; }

.point {
  border-radius: 100px;
  background: #fff338;
  color: #eb6d8e;
  font-weight: bold;
  display: inline-block;
  padding: .6rem 4rem;
  position: relative; }
  .point:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff338 transparent transparent transparent;
    border-width: 10px 10px 0 10px; }

.box_about_txt {
  padding: 0 3rem 2rem;
  margin-top: -2rem; }
  @media screen and (max-width: 767px) {
    .box_about_txt {
      padding: 0 1rem 1rem;
      margin-top: -1.4rem; } }

.box_about_txt2 {
  text-align: left;
  margin-top: 2rem; }
  @media screen and (max-width: 767px) {
    .box_about_txt2 {
      margin-top: 1rem; } }

.sec_about_bottom {
  margin-top: 4rem; }
  @media screen and (max-width: 767px) {
    .sec_about_bottom {
      margin-top: 2rem; } }

/* ============================
   お申し込み
   ============================ */
.sec_moushikomi {
  background: #fff;
  text-align: center;
  padding: 8rem 0; }
  @media screen and (max-width: 767px) {
    .sec_moushikomi {
      padding: 4rem 0; } }

.box_sep_title {
  color: #eb6d8e;
  font-weight: bold;
  font-size: 130%;
  margin-bottom: 2rem; }

.box_sep_title2 {
  font-weight: bold;
  font-size: 180%;
  margin-bottom: 2rem; }
  @media screen and (max-width: 767px) {
    .box_sep_title2 {
      margin-bottom: 1rem; } }

.box_pink {
  margin-bottom: 4rem;
  border-radius: 8px;
  border: 2px solid #eb6d8e;
  padding: 3rem; }
  @media screen and (max-width: 767px) {
    .box_pink {
      padding: 2rem; } }

.box_sep {
  padding: 2rem 1rem; }
  @media screen and (max-width: 767px) {
    .box_sep {
      padding: 2rem 1rem 1rem 1rem; } }

.box_sep1 {
  border-right: 1px solid #000; }
  @media screen and (max-width: 767px) {
    .box_sep1 {
      border-right: 0px;
      border-bottom: 1px solid #000; } }

.qr {
  border: 1px solid #ccc; }

.box_sep_txt {
  margin-bottom: 2rem; }

@media screen and (max-width: 767px) {
  .box_sep_img img {
    width: 200px;
    height: auto; } }

.box_pink2 {
  position: relative;
  margin-bottom: 4.6rem;
  border-radius: 8px;
  border: 2px solid #eb6d8e;
  padding: 3rem; }
  @media screen and (max-width: 767px) {
    .box_pink2 {
      padding: 2rem; } }
  .box_pink2:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -30px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #eb6d8e transparent transparent transparent;
    border-width: 30px 30px 0 30px; }
    @media screen and (max-width: 767px) {
      .box_pink2:after {
        bottom: -20px;
        border-width: 20px 20px 0 20px; } }
  .box_pink2 .btn_orange {
    margin-bottom: 2rem; }

/* module */
/* ==========================================================================

   ========================================================================== */
/* ==========================================================================
   button
   ========================================================================== */
.btn_wrapper {
  margin-top: 4rem;
  text-align: center; }

.btn_orange {
  text-align: center;
  color: #fff;
  padding: 1.2rem 8rem;
  background: #f39800;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  border-radius: 100px;
  font-size: 140%;
  transition: .2s; }
  @media screen and (max-width: 1199px) {
    .btn_orange {
      font-size: 120%;
      padding: 1.2rem 3rem; } }
  .btn_orange:hover {
    color: #fff;
    background: #d41c1c; }

/* ==========================================================================
   form
   ========================================================================== */
/* ==========================================================================
   heading
   ========================================================================== */
.heading1 {
  color: #eb6d8e;
  font-weight: bold;
  font-size: 200%;
  text-decoration: underline;
  margin-bottom: 3rem; }
  @media screen and (max-width: 767px) {
    .heading1 {
      margin-bottom: 2rem; } }

/* ==========================================================================
   icon
   ========================================================================== */
/* ==========================================================================
   media
   ========================================================================== */
/* ==========================================================================
   navi
   ========================================================================== */
/* ==========================================================================
   list
   ========================================================================== */