@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; }

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

.table em {	font-weight: bold; font-style: normal; color: #D32D40; }
.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;*/ #D32D40; /* ADD スタディ ThemColor */ }
.txtPink   { color: #FF0066; }
.txtBlue   { color: /*#003366;*/ /*#16839E;*/ #4696F7; }
.txtSkyblue   { color: #30A8CF; }
.txtGreen  { color: #87B924; }
.txtOrange { color: #FF6600; }
.txtBrown  { color: #504030; }
.txtGray   { color: #666666; }
.txtWhite   { color: #FFF; }
.txtYellow   { color: #FFFF00; }

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

.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; }
.pdL20 { padding-left: 20px; }
.pdL30 { padding-left: 30px; }
.pdR20 { padding-right: 20px; }
.pdR30 { padding-right: 30px; }

/* ホバー -------------------- */

/*
.entry a { color:#555; font-weight:bold;}
.entry a:hover { color:#BBB;}
.layout-main .section p a { color:#555; font-weight:bold;}
.layout-main .section p  a:hover { color:#BBB;}
*/

.hoverWink img { transition: 0.6s; }
.hoverWink img:hover { opacity: 0.5; }

/*
.kiran { background: #D32D40; }
.kiran img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.kiran:hover img {
  opacity: .5;
}
*/

.kiran {
  opacity: 1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.kiran::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 30px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.kiran:hover::before {
  animation: kiran 0.5s linear 1;
}
 
@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}




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

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

/* # Notice
----------------------------------------*/
.is-top {display:none;}
/*.is-bottom {display:none;}*/ /* ◆◆◆◆ADD 有効化◆◆◆ */
.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
--------------------------------------------------------------------------------------- */






.home-section[data-hs="menu"].has-texture {
  background: /*#D32D40*/ #111;
}

.module-heading .inview {
  color: #D32D40;

}

.module-heading .inview::before {
  background-color: #D32D40;

}



/* Cover
----------------------------------------*/
.home-cover {
  
  padding-bottom: 1rem;
  padding-bottom: 2.55rem; /* ◆◆◆◆ADD◆◆◆ */

}


/* Menu
-------------------*/
.home-section[data-hs="menu"] {
  padding-top: 3rem;
  padding-top: 2.95rem; /* ◆◆◆◆ADD◆◆◆ */
}



/* # Notice
----------------------------------------*/
.layout-notice {
  background-color: #e73b6c;
  background-color: #444; /* ◆◆◆◆ADD◆◆◆ */

}








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

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

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

}

.heading[data-heading="lv3"]::before {
  
  background-color: #00AAD5; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*background-color: #2B95FF;*/ /* ADD よし塾 ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */
}

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

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

  border-bottom: 0.1rem solid #F19DB5;
  border-bottom: 0.1rem solid #FF0066; /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */

}

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

  background-color: #00AAD5; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*background-color: #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */

}

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

  color: #16839E; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*color: #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

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

    background-color: /*#D32D40*/ #0097e0; /* ★ スタディ New Header Color */ /* ADD スタディ ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */
    /*background-color: #2B95FF;*/ /* ADD よし塾 ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */

  }
}

@media (max-width: 991px) {

  .layout-header .lh-menu_searchButton {
    
    /*background-color: #D32D40;*/ /* ADD スタディ ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニューへ影響・無効化◆◆◆ */

  }
}



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

@media (max-width: 991px) {
  .layout-header {
    background-color: #f90;
    background-color: /*#D32D40*/ #0097e0; /* ★ スタディ New Header Color */ /* ADD スタディ ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */
    /*background-color: #2B95FF;*/ /* ADD よし塾 ThemColorSP-Mode */ /* ◆◆◆◆ADD◆◆◆ */

  }
}

@media (max-width: 991px) {

  .layout-header .lh-menu_searchButton {
    /*background-color: #F90;
    background-color: #D32D40;*/ /* ADD スタディ ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニューへ影響・無効化◆◆◆ */

  }
}



/* # Main
----------------------------------------*/
.layout-main u {
  
  border-bottom: 0.2rem solid #D32D40; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*border-bottom: 0.2rem solid #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #D32D40; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*color: #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */

    text-decoration: none; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
}

.layout-main .banner a {
  
  /*background-image: linear-gradient(#4AB9D7 0%, #1DAACF 100%);*/ /* ADD スタディ ThemColor */
  /*background-image: linear-gradient(#4696F7 0%, #2B95FF 100%);*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*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 */
  /*background-color: #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*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: #D32D40; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD FloatingMenu◆◆◆ */
  /*background-color: #4696F7;*/ /* ADD よし塾 ThemColorSP-Mode */ /* ◆◆◆◆ADD FloatingMenu◆◆◆ */
}

.layout-footer .lf-button a:not(.lf-button_scroll):hover {
  /*background-color: #e8840f;*/
  background-color: #a12231; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD FloatingMenu◆◆◆ */
  /*background-color: #2B95FF;*/ /* ADD よし塾 ThemColorSP-Mode */ /* ◆◆◆◆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, #D32D40 0%, #D32D40 63%, #D32D40 100%); /* ADD スタディ ThemColor */
  background-image: linear-gradient(to top, #0097e0 0%, #0097e0 63%, #0097e0 100%); /* ★ スタディ New Header Color */
  /*background-image: linear-gradient(to top, #4696F7 0%, #3CA7FF 63%, #3CA7FF 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: /*#D32D40*/ #0097e0; /* ★ スタディ New Header Color */ /* ADD スタディ ThemColorSP-Mode */ /* ◆◆◆◆ADD 新ハンバーガーメニュー背景色◆◆◆ */
    /*background-color: #2B95FF;*/ /* 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: /*#D32D40*/ #0097e0; /* ★ スタディ New Header Color */
  /*background-color: #4696F7;*/ /* ADD よし塾 Menu hs-card Color ThemColor */ /* ◆◆◆◆ADD◆◆◆ */

}



/* Information VL-CMS
-------------------*/
.home-section[data-hs="information"] {
  background-color: #F7F7F7;
  /*background-color: #D32D40;*/ /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD VL-CMS 背景色◆◆◆ */
  background-color: #FFF; /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD VL-CMS 背景色◆◆◆ */
  
}

/* Information VL-CMS
-------------------*/
.home-section[data-hs="information"] {
  background-color: #F7F7F7;
  background-color: #FFF; /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD VL-CMS 背景色◆◆◆ */
  margin-bottom: 2rem;
  margin-bottom: 0; /* ◆◆◆◆ADD◆◆◆ */
  padding-top: 2rem;
  padding-top: 1rem; /* ◆◆◆◆ADD◆◆◆ */
  padding-bottom: 2rem;
  padding-bottom: 5rem; /* ◆◆◆◆ADD◆◆◆ */
}




/* 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: #D32D40; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*color: #2B95FF;*/ /* 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: #D32D40; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*background-color: #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  max-width: 20rem;
}

.heading[data-heading="lv3"] .heading_tagline {
  /*font-size: 4.375vw;*/ font-size: 5.375vw; /* ◆◆◆◆ADD◆◆◆ */
  color: /*#545454;*/ /*#EB5C85;*/ #D32D40; /* 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);*/
  background: url(/assetsHome/img/parts/heading_texture-lv4.png); /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*border: 0.8rem solid #20BAE2;*/
  border: 0.8rem solid /*#4AB9D7;*/ #222; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*border: 0.8rem solid #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: /*#4AB9D7;*/ #FFF; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*color: #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*padding: 1rem 2rem 0.8rem;*/ padding: 1.2rem 2rem 0.8rem;
  text-shadow: #222 2px 2px; /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
}

@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◆◆◆ */
  /*background: #2B95FF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*color: #FFF;*/ /* ADD よし塾 ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  color: #333; /* 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;*/ #333; /* ADD スタディ ThemColor */
  /*background-color: #0078D7;*/ /* ADD よし塾 ThemColor 暗 */ /* ◆◆◆◆ADD◆◆◆ */
  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;*/ #D32D40; /* ADD スタディ ThemColor */
  border-radius: 0.5rem;
  color: #fff;
  /*padding: 1.2rem 1.5rem 1rem 4rem;*/ padding: 1.2rem 1.5rem 1rem 3rem; /* ◆◆◆◆ADD◆◆◆ */
  position: relative;
}

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

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

/*
.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="lv6"] .heading_tagline {
  /*font-size: 4.375vw;*/
  background-color: #FFF;
  color: #D32D40;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
} /* ADD スタディ ThemColor */

.heading[data-heading="lv7"] {
  font-size: 5vw;
  border-bottom: 0.1rem solid /*#E94A78;*/ #D32D40; /* ADD スタディ ThemColor */
  color: /*#E94A78;*/ #D32D40; /* ADD スタディ ThemColor */
  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;*/ #D32D40; /* ADD スタディ ThemColor */
  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: #D32D40; /* ADD スタディ ThemColor */ /* ADD スタディ ThemColor */ /* ◆◆◆◆ADD◆◆◆ */
  /*color: #4696F7;*/ /* 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;*/ font-weight: normal; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
  line-height: 1.4;
  margin-right: 2.5rem; margin-top: 2.0rem; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
}

@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;*/ /*#E1E9F2*/ #DDD; /* ◆◆◆◆ADD◆◆◆ */
}

.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;
  }
}




/*----------------------------------------
 Parts
----------------------------------------*/
/*----------------------------------------
 # Button
----------------------------------------*/
.button-primary {
  border-color: /*#1DAACF;*/ #D32D40;
  color: /*#1DAACF;*/ #D32D40;
}

.button-primary:hover {
  background-color: /*#1DAACF;*/ #D32D40;
  color: #fff;
}


/* About
-------------------*/
@media (max-width: 991px) {
  .home-section[data-hs="about"] .row [class*="col-"] {
    /*margin-bottom: 10rem;*/ margin-bottom: 2rem;
  }
  .home-section[data-hs="about"] .row [class*="col-"]:last-child {
    
  }
}

@media (max-width: 767px) {
  .home-section[data-hs="about"] .hs-listItem {
    /*margin-bottom: 1rem;*/ margin-bottom: 0rem;
    
    
  }
  .home-section[data-hs="about"] .hs-listItem::before {
    
  }
}










/* --------------------------------------------------------------------------------------
 study-network.com Original
--------------------------------------------------------------------------------------- */

.center {text-align: center !important;} /* 未使用 */
.em3 {font-weight: bold;font-size: larger;color: #D32D40;} /* 未使用 */
.under {border-bottom: solid 12px #fff100;} /* 未使用 */
.under {border-bottom: solid 12px #D32D40; font-weight: bold;} /* 未使用 */

.linear a {
  padding: 0 10px;
  /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(49, 170, 226) 50%);*/
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(211, 45, 64) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
  font-weight: bold;
}
.linear a:hover {
  background-position: -100% 0;
  color: #fff;
  text-decoration: none;
}


/*----------------------------------------
 Unique
----------------------------------------*/
/*----------------------------------------
 # Unique Style of 'Home'
----------------------------------------*/


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


/* Section
----------------------------------------*/

/* Appeal
-------------------*/
.section[data-section="appeal"] .s-card_title {
  /*font-size: 5vw;
  color: #777;
  font-weight: 400;*/ font-weight: normal; /* ◆◆◆◆ADD◆◆◆ */
}


/* CONCEPT
-------------------*/
.home-section[data-hs="CONCEPT"] {
  background-color: #f7f7f7;
  margin-bottom: 3rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  .home-section[data-hs="CONCEPT"] {
    margin-bottom: 6rem;
    padding-top: 8rem;
    padding-bottom: 6rem;
  }
}

.home-section[data-hs="CONCEPT"] .hs-card {
  font-size: 1.4rem;
  width: 100%;
}

.home-section[data-hs="CONCEPT"] .hs-card_cover {
  overflow: hidden;
  position: relative;
}

.home-section[data-hs="CONCEPT"] .hs-card_cover > a {
  display: block;
}

.home-section[data-hs="CONCEPT"] .hs-card_cover > a > img {
  -webkit-transform: translate3d(-1.5rem, 0, 0);
          transform: translate3d(-1.5rem, 0, 0);
  transition: all .75s ease;
  width: calc(100% + 3rem);
  max-width: none;
}

.home-section[data-hs="CONCEPT"] .hs-card_cover > a[data-animation="true"]:hover > img {
  -webkit-transform: translate3d(-3rem, 0, 0);
          transform: translate3d(-3rem, 0, 0);
}

.home-section[data-hs="CONCEPT"] .hs-card_cover > a[data-animation="true"]:hover .hs-card_coverCaption {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.home-section[data-hs="CONCEPT"] .hs-card_coverCaption {
  color: #FFF; /* ◆◆◆◆ADD◆◆◆ */
  background-color: #fff;
  background-color: #000; /* ◆◆◆◆ADD◆◆◆ */
  font-size: 1.4rem;
  display: block;
  padding: 2rem;
  position: absolute;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  transition: -webkit-transform .35s;
  transition: transform .35s;
  transition: transform .35s, -webkit-transform .35s;
  width: 100%;
  z-index: 1;
}

.home-section[data-hs="CONCEPT"] .hs-card_description {
  margin-bottom: 2rem;
}

.home-section[data-hs="CONCEPT"] .hs-card_title {
  background-color: #00698C;
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.8rem;
  font-weight: 400;
  height: 13rem;
  margin: 0 auto 2rem;
  width: 13rem;
}

@media (min-width: 768px) {
  .home-section[data-hs="CONCEPT"] .hs-card {
    margin-bottom: 2rem;
  }
  .home-section[data-hs="CONCEPT"] .hs-card_description {
    margin-bottom: 4rem;
  }
  .home-section[data-hs="CONCEPT"] .hs-card_title {
    margin-bottom: 4rem;
  }
}

/* Gallery
-------------------*/


.home-section[data-hs="gallery"].has-texture {
  background: url(/assetsHome/img/home/section-contents_texture_01.png);
} /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */


.home-section[data-hs="gallery"] {
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .home-section[data-hs="gallery"] {
    margin-bottom: 6rem;
  }
}

.home-section[data-hs="gallery"] .hs-list {
  color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
}

.home-section[data-hs="gallery"] .hs-listItem {
  overflow: hidden;
  position: relative;
  width: 50%;
}

.home-section[data-hs="gallery"] .hs-listItem > a {
  display: block;
}

.home-section[data-hs="gallery"] .hs-listItem > a[data-animation="true"]:hover .hs-listItem_cover::before {
  opacity: 1;
}

.home-section[data-hs="gallery"] .hs-listItem > a[data-animation="true"]:hover .hs-listItem_cover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.home-section[data-hs="gallery"] .hs-listItem > a[data-animation="true"]:hover .hs-listItem_description {
  opacity: 1;
}

.home-section[data-hs="gallery"] .hs-listItem > a[data-animation="true"]:hover .hs-listItem_label {
  opacity: 0;
}

.home-section[data-hs="gallery"] .hs-listItem_cover::before {
  background: /*rgba(0, 105, 140, 0.7);*/ rgba(0, 0, 0, 0.7); /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .6s ease;
  width: 100%;
  z-index: 1;
}

.home-section[data-hs="gallery"] .hs-listItem_cover img {
  transition: all .75s ease;
  width: 100%;
}

.home-section[data-hs="gallery"] .hs-listItem_description {
  opacity: 0;
  padding: 2rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: opacity .6s ease;
  z-index: 1;

font-size: 1.8rem; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
}

.home-section[data-hs="gallery"] .hs-listItem_label {
  /*font-size: 1.6rem;*/ font-size: 1.8rem; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
  /*font-weight: 400;*/ font-weight: bold; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
  margin-bottom: 0;
  padding: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  transition: opacity .6s ease;
  width: 100%;

   text-decoration-line: underline; /* ◆◆◆◆ADD◆◆◆デザイン要素追加◆◆◆ */
}

@media (max-width: 767px) {
  .home-section[data-hs="gallery"] .hs-list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  .home-section[data-hs="gallery"] .hs-list {
    font-size: 1.4rem;
  }
  .home-section[data-hs="gallery"] .hs-listItem {
    width: 100%;
  }
  .home-section[data-hs="gallery"] .hs-listItem_label {
    font-size: 2rem;
  }
}

/* Showroom
-------------------*/

/* Works
-------------------*/
.home-section[data-hs="works"] .hs-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 1.2rem;
}

.home-section[data-hs="works"] .hs-listItem {
  overflow: hidden;
  position: relative;
  width: 50%;
}

.home-section[data-hs="works"] .hs-listItem > a {
  display: block;
}

.home-section[data-hs="works"] .hs-listItem > a[data-animation="true"]:hover .hs-listItem_caption {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.home-section[data-hs="works"] .hs-listItem > a[data-animation="true"]:hover .hs-listItem_cover::before {
  opacity: 1;
}

.home-section[data-hs="works"] .hs-listItem > a[data-animation="true"]:hover .hs-listItem_cover img {
  -webkit-transform: translate3d(-3rem, 0, 0);
          transform: translate3d(-3rem, 0, 0);
}

.home-section[data-hs="works"] .hs-listItem_caption {
  background-color: #fff;
  font-size: 1.2rem;
  padding: 1rem;
  position: absolute;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  transition: -webkit-transform .35s;
  transition: transform .35s;
  transition: transform .35s, -webkit-transform .35s;
  width: 100%;
  z-index: 1;
}

.home-section[data-hs="works"] .hs-listItem_cover::before {
  background: rgba(0, 105, 140, 0.7);
  background: rgba(0, 0, 0, 0.7); /* ◆◆◆◆ADD◆◆◆ */
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .6s ease;
  width: 100%;
  z-index: 1;
}

.home-section[data-hs="works"] .hs-listItem_cover img {
  -webkit-transform: translate3d(-1.5rem, 0, 0);
          transform: translate3d(-1.5rem, 0, 0);
  transition: all .75s ease;
  width: calc(100% + 3rem);
  max-width: none;
}

.home-section[data-hs="works"] .hs-listItem_label {
  color: /*#00698C;*/ #2B95FF; /* ◆◆◆◆ADD◆◆◆ */
  font-size: /*1.4rem;*/ 2rem; /* ◆◆◆◆ADD◆◆◆ */
  font-weight: 400;
  margin-bottom: 0.5rem;
  width: 100%;
}

@media (min-width: 768px) {
  .home-section[data-hs="works"] .hs-listItem {
    width: 25%;
  }
}