@charset "UTF-8";

/*@import url("");*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　HOME
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 VL-CMS ver.3.2 CSS for HTML5
--------------------------------------------------------------------------------------- */

/* Information Custom
-------------------*/
.vlcms .hs-heading {
  background-color: #EEE;
  /*border-radius: 0.8rem 0.8rem 0 0;
  margin-bottom: 0;
  padding: 0.7rem 2rem;*/
}
.vlcms .hs-column {
  /*background-color: #FFF;*/
  position: relative;
}
.vlcms .hs-column:not(:last-child) {
  margin-bottom: 2rem;
}
.vlcms .hs-list {
  height: 24rem;
  overflow: auto;
}
.vlcms .hs-listItem {
  font-size: 4.6875vw;
  /* border-bottom: 0.1rem dotted #CCC; */
  color: #555;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 1rem;
}
@media (min-width: 544px) {
  .vlcms .hs-listItem {
    font-size: 1.5rem;
  }
}
.vlcms .hs-listItem_date {
  font-size: 4.0625vw;
  color: #F60;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 700;
  margin-right: 2rem;
}
@media (min-width: 544px) {
  .vlcms .hs-listItem_date {
    font-size: 1.3rem;
  }
}
.vlcms .hs-listItem_label {
  font-size: 4.0625vw;
  background-color: #254282;
  color: #FFF;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 1.5rem;
  padding: 0 0.5rem;
}
@media (min-width: 544px) {
  .vlcms .hs-listItem_label {
    font-size: 1.3rem;
  }
}
/*
.vlcms .hs-listItem:first-child {
  border-top: 0.1rem dotted #CCC;
  margin-top: 1.5rem;
}
*/
.vlcms .hs-button[data-button="continue"] {
  font-size: 3.75vw;
  background-color: #DBDBDB;
  border-radius: 0.5rem;
  max-height: 2.5rem;
  position: absolute;
  top: 0.7rem;
  right: 1.5rem;
}
@media (min-width: 544px) {
  .vlcms .hs-button[data-button="continue"] {
    font-size: 1.2rem;
  }
}
.vlcms .hs-button[data-button="continue"]:hover {
  background-color: #c2c2c2; color: inherit;
}
@media (max-width: 767px) {
  .vlcms .hs-listItem {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .vlcms .hs-listItem_label {
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .vlcms .hs-listItem_lead {
    width: 100%;
  }
}

/* 2017.5.1 ADD VL-CMS ver.3.2
-------------------*/
/*.hs-listItem { border-bottom: none !important; }*/
.vlcms dl { padding: 0.9rem; }
.vlcms dt {
  font-size: 4.0625vw;
  color: #F60;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 700;
  margin-right: 2rem;
}
@media (min-width: 544px) {
  .vlcms dt { font-size: 1.3rem; }
}
.vlcms dd em{
  font-size: 4.0625vw;
  background-color: #FF6600;
  color: #FFF;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 1.5rem;
  padding: 0 1.5rem;
  font-style: normal;
}
@media (min-width: 544px) {
  .vlcms dd em { font-size: 1.3rem; }
}
.vlcms dd span { margin-left: 2.5rem; }

/* 2017.7.1 ADD VL-CMS ver.3.3
-------------------*/
/*.vlcms img { width:100px; height:100px; position:absolute;top:4.5em; left:7em;}*/










/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　SUB
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 VL Standard components ver.2.2
--------------------------------------------------------------------------------------- */

/* フロート -------------------- */

.fltR { float: right; }
.fltL { float: left; }

/* 回り込み解除 -------------------- */

.clrL { clear: left; }
.clrR { clear: right; }

/* フロート（画像＋テキスト） -------------------- */

.fltRImg { float: right; margin: 0 0 10px 20px; }
.fltLImg { float: left; margin: 0 20px 10px 0; }

/* テキスト -------------------- */

.bold {	font-weight: bold; }
.marker { background: /*#FFFF99*/ /*#FFFF00*/ #FFE840; padding: 2px 5px 1px 5px; }
.ul { text-decoration:underline; /*border-bottom:2px solid; padding-bottom:3px;*/ }

/* テキストカラー -------------------- */

.txtRed    { color: /*#AE0000;*/ #D90000; }
.txtPink   { color: #FF0066; }
.txtLightpink   { color: #EB5C85; }
.txtBlue   { color: /*#003366;*/ #16839E; /*#1977E5;*/ }
.txtSkyblue   { color: #30A8CF; }
.txtGreen  { color: #87B924; }
.txtOrange { color: #FF6600; }
.txtBrown  { color: #504030; }
.txtGray   { color: #666666; }
.txtWhite   { color: #FFF; }

/* テキストサイズ -------------------- */

.fontS08 { font-size: 80% ;}
.fontS09 { font-size: 90% ;}
.fontS12 { font-size: 120% ;}
.fontS14 { font-size: 140% ;}
.fontS16 { font-size: 160% ;}
.fontS18 { font-size: 180% ;}

/* テキスト高 -------------------- */

.fontH20 { line-height: 2.0em ;}
.fontH30 { line-height: 3.0em ;}

/* 背景カラー -------------------- */

.bgPink   { background: #CC3366; }
.bgBlue   { background: #C1E0FF; }
.bgGreen  { background: #339966; }
.bgOrange { background: #FF6600; }
.bgGray   { background: #EEEEEE; }
.txtWhite   { color: #FFF; }

/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }
.mgT40 { margin-top: 40px; }

.mgL05 { margin-left: 5px; }
.mgL10 { margin-left: 10px; }
.mgL20 { margin-left: 20px; }
.mgL40 { margin-left: 40px; }

.mgR05 { margin-right: 5px; }
.mgR10 { margin-right: 10px; }
.mgR20 { margin-right: 20px; }

.pdL10 { padding-left: 10px; }

/* Horizontalrule -------------------- */

.horizontalrule {
  background: url(../img/parts/horizontalrule_texture.png);
  border: none;
  height: 0.8rem;
}





/* --------------------------------------------------------------------------------------
 Display None
--------------------------------------------------------------------------------------- */

/* Cover
----------------------------------------*/
.slider-progress,
.hc-thumbnail {display:none;}

/* # Notice
----------------------------------------*/
.is-top {display:none;}
.is-bottom {display:none;}
.lf-menu {display:none;}

/* Appeal
----------------------------------------*/
.module-appeal {display:none;}

/* # Footer
----------------------------------------*/
.layout-footer .container .lf-menu .container .lf-menu_column h3 {display:none;}
/*.lf-popup_open {display:none;}
.lf-popup_close {display:none;}*/ /* ◆◆◆◆まながく有効化◆◆◆ */





/* --------------------------------------------------------------------------------------
 Customise
--------------------------------------------------------------------------------------- */

/*----------------------------------------
 # Typography
----------------------------------------*/
/* Heading
----------------------------------------*/

.heading[data-heading="lv3"] {

  color: #555; /* ◆◆◆◆ADD◆◆◆ */

}

.heading[data-heading="lv3"]::before {
  
  background-color: #00AAD5; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

.heading[data-heading="lv3"]::after {
  
}

.heading[data-heading="lv4"] {

  border-bottom: 0.1rem solid #F19DB5;

}

.heading[data-heading="lv4"] .heading_tagline {

  background-color: #00AAD5; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */

}

.list[data-list="icon"] .listItem[data-listItem="chevron-right"]::before {

  color: #16839E; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

@media (max-width: 991px) {
  .layout-header {

    background-color: #5FB7E7; /* ADD まながく ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */

  }
}

@media (max-width: 991px) {

  .layout-header .lh-menu_searchButton {
    
    /*background-color: #5FB7E7;*/ /* ADD まながく ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニューへ影響・無効化◆◆◆ */

  }
}



/* Header
----------------------------------------*/

@media (max-width: 991px) {
  .layout-header {
    background-color: #f90;
    background-color: #5FB7E7; /* ADD まながく ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */

  }
}

@media (max-width: 991px) {

  .layout-header .lh-menu_searchButton {
    /*background-color: #F90;
    background-color: #5FB7E7;*/ /* ADD まながく ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニューへ影響・無効化◆◆◆ */

  }
}



/* # Main
----------------------------------------*/
.layout-main u {
  
  border-bottom: 0.2rem solid #16839E; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #16839E; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */

}

.layout-main .banner a {
  
  background-image: linear-gradient(#4AB9D7 0%, #1DAACF 100%); /* ADD まながく ThemColor */
  /*border: 0.3rem double #fff;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 1.5rem;
  position: relative;
  width: 100%;*/
}

.layout-main .banner a::after {

  background-color: #1DAACF; /* ADD まながく ThemColor */
  /*content: "";
  display: block;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;*/
}



/* # Footer
----------------------------------------*/

.layout-footer .lf-button a:not(.lf-button_scroll) {
  /*background-color: #F29C38;*/
  background-color: #4AB9D7; /* ADD まながく ThemColor */
  background-color: #EB5C85; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD FloatingMenu◆◆◆ */
}

.layout-footer .lf-button a:not(.lf-button_scroll):hover {
  /*background-color: #e8840f;*/
  background-color: #1DAACF; /* ADD まながく ThemColor */
  background-color: #F19DB5; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD FloatingMenu◆◆◆ */
}

.lf-popup .visible-xs a {background-color: #1DAACF !important;} /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */



/* Global
----------------------------------------*/
.collapse-header {
  
  /*background-image: linear-gradient(to top, #f90 0%, #fabf00 63%, #fabf00 100%);*/
  background-image: linear-gradient(to top, #E1E1E1 0%, #F1F1F1 63%, #F1F1F1 100%); /* ADD まながく ThemColor */

}

@media (max-width: 991px) {

  .collapse-header.right {

    /*background: #AAA;*/ /* ADD まながく ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニューへ影響・無効化◆◆◆ */

  }

}

@media (min-width: 992px) {
  .nav-global {
    color: #FFF;
    color: #444; /* ADD まながく ThemColorSP-Mode */


  }
}

@media (max-width: 991px) {
  .nav-global .ng-list {
    background-color: #f90;
    background-color: #5FB7E7; /* ADD まながく ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニュー背景色◆◆◆ */
    
  }
  .nav-global .ng-listItem {
    
  }
  .nav-global .ng-listItem a {
    
  }
}



/* Cover
----------------------------------------*/

/*.home-cover .slick-slider {}*/

.home-cover::before {
  /*background-color: #e73b6c;*/
  background-color: #F19DB5; /* ADD まながく ThemColor */

}



/* Information VL-CMS
-------------------*/
.home-section[data-hs="information"] {
  background-color: #F7F7F7;
  
}



/* Appeal
----------------------------------------*/
.module-appeal {
  background-color: #FABF00;
  background-color: #2B95FF; /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */

}



/* Heading
----------------------------------------*/
/*h1,h2,h3,h4,h5,h6,　～　一式*/ /* ◆◆◆◆悪影響◆◆◆ */

.heading[data-heading="lv3"] {
  /*font-size: 5vw;*/ font-size: 6.5vw; /* ◆◆◆◆ADD◆◆◆ */
  color: /*#A91F32*/ #5FB7E7; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  padding: 0 2rem 1rem 0;
  position: relative;
}

@media (min-width: 544px) {
  .heading[data-heading="lv3"] {
    /*font-size: 1.6rem;*/ font-size: 1.9rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv3"] {
    /*font-size: 3rem;*/ font-size: 3.3rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

.heading[data-heading="lv3"]::before, .heading[data-heading="lv3"]::after {
  content: "";
  display: block;
  height: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.heading[data-heading="lv3"]::before {
  background-color: #777;
}

.heading[data-heading="lv3"]::after {
  background-color: /*#A91F32*/ #5FB7E7; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  max-width: 20rem;
}

.heading[data-heading="lv3"] .heading_tagline {
  /*font-size: 4.375vw;*/ font-size: 5.375vw; /* ◆◆◆◆ADD◆◆◆ */
  color: /*#545454;*/ #EB5C85; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

@media (min-width: 544px) {
  .heading[data-heading="lv3"] .heading_tagline {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv3"] .heading_tagline {
    font-size: 2rem;
  }
}

.heading[data-heading="lv4"] {
  /*font-size: 5vw;*/ font-size: 6.5vw; /* ◆◆◆◆ADD◆◆◆ */
  background: url(/assetsHome/img/parts/heading_texture-lv4.png);
  border: 0.8rem solid #20BAE2; /* ADD まながく ThemColor */
  color: #20BAE2; /* ADD まながく ThemColor */
  padding: 1rem 2rem 0.8rem;
}

@media (min-width: 544px) {
  .heading[data-heading="lv4"] {
    /*font-size: 1.6rem;*/ font-size: 1.9rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv4"] {
    font-size: 3.3rem;
  }
}

.heading[data-heading="lv5"] {
  /*font-size: 5vw;*/ font-size: 6.5vw; /* ◆◆◆◆ADD◆◆◆ */
  /*background: #E4E4E4;*/
  background: url(/assetsHome/img/parts/heading_texture-lv5.png); /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #FFF; /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*font-weight: 700;*/
  /*padding: 1rem 3rem 0.8rem;*/ padding: 1.3rem 3rem 0.8rem; /* ◆◆◆◆ADD◆◆◆ */
  position: relative;
}

@media (min-width: 544px) {
  .heading[data-heading="lv5"] {
    /*font-size: 1.6rem;*/ font-size: 1.9rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv5"] {
    /*font-size: 3rem;*/ font-size: 3.3rem; /* ◆◆◆◆ADD◆◆◆ */
  }
}

.heading[data-heading="lv5"]::before {
  background-color: #20BAE2; /* ADD まながく ThemColor */
  content: "";
  height: 3.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.5rem;
}

.heading[data-heading="lv6"] {
  font-size: 5vw;
  background: #E94A78;
  border-radius: 0.5rem;
  color: #fff;
  padding: 1.2rem 1.5rem 1rem 4rem;
  position: relative;
}

@media (min-width: 544px) {
  .heading[data-heading="lv6"] {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv6"] {
    font-size: 2.2rem;
  }
}

.heading[data-heading="lv6"]::before {
  border: 0.5rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  left: 1.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.6rem;
}

.heading[data-heading="lv7"] {
  font-size: 5vw;
  border-bottom: 0.1rem solid #E94A78;
  color: #E94A78;
  padding: 0 2rem 0.5rem 0;
}

@media (min-width: 544px) {
  .heading[data-heading="lv7"] {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv7"] {
    font-size: 2.3rem;
  }
}

.heading[data-heading="lv7"] .heading_tagline {
  font-size: 4.375vw;
  background-color: #E94A78;
  color: #fff;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

@media (min-width: 544px) {
  .heading[data-heading="lv7"] .heading_tagline {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv7"] .heading_tagline {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .heading {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .heading_tagline {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .heading[data-heading="lv2"] .heading_tagline, .heading[data-heading="lv3"] .heading_tagline, .heading[data-heading="lv7"] .heading_tagline {
    margin-left: auto;
  }
}



/* List
----------------------------------------*/
dl {
  margin-bottom: 1em;
}

dl:last-child {
  margin-bottom: 0;
}

dt,
dd {
  line-height: inherit;
}

dd {
  margin-bottom: 1em;
}

dd:last-child {
  margin-bottom: 0;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 1.5em;
}

ol:last-child,
ul:last-child {
  margin-bottom: 0;
}

[class^="list-"],
[class*=" list-"] {
  padding-left: 0;
  list-style: none;
}

[class$="-list"],
[class*="-list "],
[class$="_list"],
[class*="_list "] {
  padding-left: 0;
  list-style: none;
}

.list {
  padding-left: 0;
  list-style: none;
}

.list[data-list="icon"] .listItem {
  padding-left: 1.5em;
  position: relative;
}

.list[data-list="icon"] .listItem::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: calc(1em - 0.2rem);
  position: absolute;
  top: .5em;
  left: 1rem;
}

.list[data-list="icon"] .listItem[data-listItem="chevron-right"]::before {
  /*content: "\f054";*/
  color: #A91F32;
  color: #16839E; /* ADD まながく ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

.list[data-list="menu"] {
  margin: 1rem 0;
}

.list[data-list="menu"] li {
  font-size: 5vw;
  background-image: linear-gradient(#a4aebb 0%, #a4aebb 50%, #8692a2 50%);
  color: #fff;
  margin: 0;
  position: relative;
}

@media (min-width: 544px) {
  .list[data-list="menu"] li {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list[data-list="menu"] li {
    font-size: 2.2rem;
  }
}

.list[data-list="menu"] li::before {
  border-style: solid;
  border-width: 0.6rem 0 0.6rem 1.2rem;
  border-color: transparent transparent transparent #ffffff;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
}

.list[data-list="menu"] li a {
  display: block;
  padding: 1.5rem 3rem;
}

.list[data-list="menu"] li[data-listItem="A"] {
  background-image: linear-gradient(#a4aebb 0%, #a4aebb 50%, #8692a2 50%);
}

.list[data-list="menu"] li[data-listItem="B"] {
  background-image: linear-gradient(#F0C242 0%, #F0C242 50%, #ECB53E 50%);
}

.list[data-list="menu"] li[data-listItem="C"] {
  background-image: linear-gradient(#B0CE4C 0%, #B0CE4C 50%, #A0C344 50%);
}

.list[data-list="menu"] li[data-listItem="D"] {
  background-image: linear-gradient(#54ADCE 0%, #54ADCE 50%, #499DC3 50%);
}

.list[data-list="menu"] li[data-listItem="E"] {
  background-image: linear-gradient(#C84A62 0%, #C84A62 50%, #BE3E51 50%);
}

.list[data-list="menu"] li[data-listItem="F"] {
  background-image: linear-gradient(#878AD1 0%, #878AD1 50%, #7477C7 50%);
}

.list[data-list="navi"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.list[data-list="navi"] .listItem {
  font-size: 5vw;
  color: #777;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-weight: 700;
  line-height: 1.4;
  margin-right: 2.5rem;
}

@media (min-width: 544px) {
  .list[data-list="navi"] .listItem {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list[data-list="navi"] .listItem {
    font-size: 1.8rem;
  }
}

.list[data-list="navi"] .listItem > a {
  display: inherit;
  -webkit-align-items: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
}

.list[data-list="navi"] .listItem > a::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  margin-right: 1rem;
}

.list[data-list="submenu"] {
  margin: 1rem 0;
}

.list[data-list="submenu"] li {
  font-size: 5vw;
  border: 0.1rem solid #222;
  border-radius: 0.5rem;
  margin-bottom: 0.1rem;
  position: relative;
}

@media (min-width: 544px) {
  .list[data-list="submenu"] li {
    font-size: 1.6rem;
  }
}

.list[data-list="submenu"] li a {
  display: block;
  padding: 0.5rem 5rem;
  transition: all .3s ease;
  width: 100%;
}

.list[data-list="submenu"] li a .fa-chevron-right {
  font-size: 3.75vw;
  position: absolute;
  top: 50%;
  right: 3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 544px) {
  .list[data-list="submenu"] li a .fa-chevron-right {
    font-size: 1.2rem;
  }
}

.list[data-list="submenu"] li a:hover {
  background-color: #333;
  color: #fff;
  text-decoration: none;
}

.list-definition {
  background: url(/assetsHome/img/parts/list_texture_01.png);
  border: 0.1rem solid #ccc;
  padding: 1.5rem;
  width: 100%;
}

.list-definition dt {
  font-size: 5vw;
  margin-bottom: 0.5rem;
}

@media (min-width: 544px) {
  .list-definition dt {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list-definition dt {
    font-size: 2.2rem;
  }
}

.list-definition dd {
  font-size: 5vw;
  line-height: 1.4;
  margin: 0;
}

@media (min-width: 544px) {
  .list-definition dd {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .list-definition dd {
    font-size: 1.8rem;
  }
}

.list-definition dd a {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
}

.list-definition dd a::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3.75vw;
  content: "\f054";
  margin-right: 2rem;
  position: relative;
  bottom: 0.3rem;
}

@media (min-width: 544px) {
  .list-definition dd a::before {
    font-size: 1.2rem;
  }
}

.list-definition[data-list="B"] {
  background: url(/assetsHome/img/parts/list_texture_02.png);
}

.list-definition[data-list="B"] dd a::before {
  color: #20BAE2;
}

.list-ordered {
  margin: 2rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.list-ordered li {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1rem 0 0;
}

.list-ordered li::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #264E91;
  content: "\f061";
  display: block;
  margin: 0 0.5rem 0 0;
}

.list-ordered li a {
  color: #264E91;
  text-decoration: underline;
}

.list-ordered li a:hover {
  text-decoration: none;
}

.list-ordered[data-list="B"] li::before {
  color: #D85779;
}

.list-ordered[data-list="B"] li a {
  color: #D85779;
}



/* Paragraph
----------------------------------------*/
.text-notice {
  background: #666;
  color: #fff;
  display: inline-block;
  padding: 0.5rem 1rem;
}



/* Table
----------------------------------------*/
table {
  background: #FFF; /* ◆◆◆◆ADD◆◆◆ */
  margin-bottom: 1em;
}

table:last-child {
  margin-bottom: 0;
}

.table {
  border: 0.5rem solid #ccc;
}

.table tbody tr th,
.table tbody tr td {
  border: 0.1rem solid #cacaca;
  padding: 0.5rem 2rem;
}

.table tbody tr th {
  font-size: 5vw;
  width: 16rem;
}

@media (min-width: 544px) {
  .table tbody tr th {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) {
  .table tbody tr th {
    font-size: 1.8rem;
  }
}

.table tbody tr th[data-head="A"] {
  background: url(/assetsHome/img/parts/table_texture_01.jpg);
}

.table tbody tr th[data-head="B"] {
  background: url(/assetsHome/img/parts/table_texture_02.jpg);
}

.table tbody tr th[data-head="C"] {
  background: url(/assetsHome/img/parts/table_texture_03.jpg);
}

.table tbody tr td {
  padding: 0.5rem 3rem;
}

.table[data-table="price"] {
  border-right: none;
  border-left: none;
}

.table[data-table="price"] thead {
  background: #F2F6FC url(/assetsHome/img/parts/table_texture_04.jpg);
}

.table[data-table="price"] thead th {
  font-size: 4.6875vw;
  border-bottom: 0.5rem solid #ccc;
  line-height: 1.2;
  padding: 1.5rem 1.5rem 1.3rem;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 544px) {
  .table[data-table="price"] thead th {
    font-size: 1.5rem;
  }
}

.table[data-table="price"] tbody th,
.table[data-table="price"] tbody td {
  font-size: 4.0625vw;
  border-right: none;
  border-left: none;
  padding: 1rem;
}

@media (min-width: 544px) {
  .table[data-table="price"] tbody th,
  .table[data-table="price"] tbody td {
    font-size: 1.3rem;
  }
}

.table[data-table="price"] .t-price {
  font-size: 6.25vw;
  color: #264D91;
  white-space: nowrap;
}

@media (min-width: 544px) {
  .table[data-table="price"] .t-price {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .table-responsive::-webkit-scrollbar {
    height: 0.5rem;
  }
  .table-responsive::-webkit-scrollbar-track {
    border-radius: 10vw;
    background: #eee;
  }
  .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 10vw;
    background: #666;
  }
}



/* --------------------------------------------------------------------------------------
 まながく original
--------------------------------------------------------------------------------------- */

/* 教室紹介 LocalNavi -------------------- */

.page_sub .list li {list-style:url(/assetsHome/img/parts/arrow02.png);}
.page_sub .localnav {margin: 15px 0;}
.page_sub .localnav li {
	background:url(/assetsHome/img/parts/arrow01.png) left no-repeat;
    display: inline-block;
    text-indent: 15px;
    line-height: initial;
    padding: 0 5px;
    margin: 0 10px;
}

/* よくあるご質問 FAQ -------------------- */

.section_faq {
	margin:0 0 13px;
	padding:0 22px 0 55px;
	border:5px solid #EEE;
}
.section_faq p {
	padding:0 0 0 30px;
}
.section_faq .faq_question {
	margin:5px -30px 0 -45px;
	padding:9px 0 9px 50px;
	background:url(/assetsHome/img/parts/icon_question.png) no-repeat 0 7px;
	font-size:107%;
	line-height:1.2;
}
.section_faq .faq_answer {
	padding:0 0 10px 40px;
	background:url(/assetsHome/img/parts/icon_answer.png) no-repeat 0 0;
}

/* Landing Nav -------------------- */

.home-section[data-hs="landing"] {
  background: url(/assetsHome/img/home/section-landing_texture.jpg) center bottom no-repeat;
  background-size: cover;
  color: #333;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .home-section[data-hs="landing"] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.home-section[data-hs="landing"] .hs-title {
  font-size: 8.125vw;
  color: #000; color: #444; text-shadow:2px 2px 0px #FFF; /* ◆◆◆◆ADD◆◆◆ */
  font-family: "Arial Black", Gadget, sans-serif;
  font-weight: 900;
  margin-bottom: 0;
}
@media (min-width: 544px) {
  .home-section[data-hs="landing"] .hs-title {
    font-size: 2.6rem;
  }
}
@media (min-width: 768px) {
  .home-section[data-hs="landing"] .hs-title {
    font-size: 5.2rem;
  }
}
.home-section[data-hs="landing"] .hs-lead {
  font-size: 5.625vw;
  color: #000; color: #444; text-shadow:1px 1px 0px #FFF; /* ◆◆◆◆ADD◆◆◆ */
  font-weight: 700;
}
@media (min-width: 544px) {
  .home-section[data-hs="landing"] .hs-lead {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .home-section[data-hs="landing"] .hs-lead {
    font-size: 2rem;
  }
}
.home-section[data-hs="landing"] .hs-list {
  margin-right: auto;
  margin-left: auto;
}
.home-section[data-hs="landing"] .hs-listItem {
  font-size: 4.0625vw;
  font-weight: bold;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
}
@media (min-width: 544px) {
  .home-section[data-hs="landing"] .hs-listItem {
    font-size: 1.3rem;
  }
}
.home-section[data-hs="landing"] .hs-listItem a {
  background-color: #444;
  border-radius: 0.7rem;
  color: #fff;
  display: inherit;
  padding: 1rem 4rem;
  width: 100%;
}
.home-section[data-hs="landing"] .hs-listItem a:hover {
  opacity: .8;
  text-decoration: none;
}
.home-section[data-hs="landing"] .hs-listItem_icon {
  font-size: 6.25vw;
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 544px) {
  .home-section[data-hs="landing"] .hs-listItem_icon {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .home-section[data-hs="landing"] .hs-column {
    padding-left: 37.8151260504%;
  }
  .home-section[data-hs="landing"] .hs-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .home-section[data-hs="landing"] .hs-listItem {
    margin-right: 2rem;
    max-width: 28rem;
  }
}