@charset "UTF-8";
/* Responsive
============================================================= */
/* px(spacer用) */
/* Exclude
============================================================= */
/* map-get
============================================================= */
/*
	color
	$clr: ( main: #000 );
*/
/*
	font
	$font: ( l: 'FONTNAME L' );
*/
/* 文字列を数値化
========================================================================== */
/* INITIAL SET
============================================================= */
/*
  mediaquery
*/
/*
  clearfix
*/
/*
  contents
*/
/*
  個数に応じたスタイル
*/
/*
  clamp
  @include clamp($min: 10, $base: 26, $max: 30);
*/
/*
  textCrop
  @include textCrop($line-height:1.2);
*/
/*
  Smooth corner effect
  @include smoothCorner($cornerVal: 90%);

  ## html
  <div class="smoothCorner">
    <!-- <i></i> -->
  </div>

  ## css
  .smoothCorner {
    position: relative;
    background: #fff;
    @include smoothCorner(65%);
    margin: rem(50) auto;
    @include mq-pc {
      width: rem(100);
      height: rem(100);
    }
    @include mq-sp {
      width: rem(80);
      height: rem(80);
    }

    // iconとか配置したい時は個別に
    // i {
    //   position: absolute;
    //   top: 50%;
    //   left: 50%;
    //   transform: translate(-50%, -50%);
    //   @include svg_icon;
    //   @include mq-pc {
    //     width: rem(80);
    //     height: rem(80);
    //   }
    //   @include mq-sp {
    //     width: rem(50);
    //     height: rem(50);
    //   }
    // }
  }
*/
/*
  focusRing
*/
/* base
============================================================= */
/* Canvas Size
============================================================= */
/* Contents Width
============================================================= */
/* PC Responsive Width
============================================================= */
/* Font
============================================================= */
/* Color
============================================================= */
/* Font Level
========================================================================== */
/* Space Level
========================================================================== */
:root {
  --zoom-level: 1;
  --base-pc: 1366;
  --base-sp: 375;
  --base-min: 768;
  --base-max: 1366;
  --pc-size: var(--base-pc);
  --sp-size: var(--base-sp);
}

@media screen and (min-width: 767px) {
  #MainVisual .-wrapper .-box .-txt .-tour span {
    font-size: 0.3rem;
  }
}
@media screen and (min-width: 767px) {
  #MainVisual .-wrapper .-box .-txt .-copy .-label {
    font-size: 0.24rem;
  }
}

@media screen and (min-width: 767px) {
  .menu ul li a {
    padding: 0.16rem 0.54rem 0.16rem 0.16rem;
    font-size: 0.18rem;
  }
}

@media not screen and (min-width: 767px) {
  #course #CourseMap label .-txt {
    display: none;
  }
}

#price h2 {
  margin-bottom: 0.4rem;
}
#price .PriceBox .-price {
  padding: 0.2rem;
}
@media screen and (min-width: 767px) {
  #price .PriceBox .-price .-box p {
    font-size: 0.3rem;
  }
}
@media not screen and (min-width: 767px) {
  #price .PriceBox .-price .-box p {
    font-size: 0.2rem;
  }
}

@media not screen and (min-width: 767px) {
  #contact .-box .-tel .-number a {
    font-size: 0.34rem;
  }
}