@charset "UTF-8";
/*
Theme Name: studio-bars
Theme URI: https://wordpress.org/themes/studio-bars/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: studio-bars
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
html {
  overflow-y: scroll;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* change colours to suit your needs */
ins {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #fff;
  color: #000;
  font-style: italic;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ol, ul {
  list-style: none !important;
}

img {
  vertical-align: bottom;
}

/*==============================

    style info 2017

================================*/
html * {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
  outline: none;
  cursor: pointer;
}

a{
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:active {
  color: #0ABAB5;
  cursor: pointer;
}

img a:link,
img a:visited,
img a:hover {
  background: #0ABAB5;
  text-decoration: none;
}

/*============================
  clearfix

=============================*/
.cf:after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}

/** =========================

br 

============================*/
/* line 823, ../sass/_container.scss */
.brboth {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .brboth {
    display: inline-block;
  }

  .sfbr {
    display: none;
  }
}
/* common */
.v-middle{
  vertical-align: middle;
}
.t-link{
  color: #0ABAB5;
  text-decoration: underline;
  transition: .2s all linear;
}
.t-link:hover{
  opacity: 0.6;
}
.fw-n{
	font-weight: normal;
}
/*=================================


  margin  16


==================================*/
.mt0 {
  margin-top: 0 !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt88 {
  margin-top: 88px !important;
}

/* ---------------------------- */
.mb0 {
  margin-bottom: 0 !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

/* ---------------------------- */
.ml0 {
  margin-left: 0 !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml88 {
  margin-left: 88px !important;
}

/* ---------------------------- */
.mr0 {
  margin-right: 0 !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr88 {
  margin-right: 88px !important;
}

/*===================================

  padding

====================================*/
.pt0 {
  padding-top: 0 !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt88 {
  padding-top: 88px !important;
}

/* ---------------------------- */
.pb0 {
  padding-bottom: 0 !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

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

.pb48 {
  padding-bottom: 48px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb88 {
  padding-bottom: 88px !important;
}

/* ---------------------------- */
.pl0 {
  padding-left: 0 !important;
}

.pl8 {
  padding-left: 8px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.pl32 {
  padding-left: 32px !important;
}

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

.pl48 {
  padding-left: 48px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl88 {
  padding-left: 88px !important;
}

/* ---------------------------- */
.pr0 {
  padding-right: 0 !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr88 {
  padding-right: 88px !important;
}

/*================================================

@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }

================================================*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: local("NotoSansJP-Regular.otf"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype");
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype");
}
html {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",YuGothic,"游ゴシック体","Yu Gothic","游ゴシック", "メイリオ",Meiryo,sans-serif;
  font-size: 62.5%;
  color: #353535;
}

body {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.7;
}

.font600 {
  font-weight: 600  !important;
}

.font400 {
  font-weight: 400  !important;
}

.font700 {
  font-weight: 700;
}

.f9 {
  font-size: 9px;
  font-size: 0.9rem;
}

.f10 {
  font-size: 10px;
  font-size: 1.0rem;
}

.f11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.f12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.f13 {
  font-size: 13px;
  font-size: 1.3rem;
}

.f14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.f15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.f16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.f17 {
  font-size: 17px;
  font-size: 1.7rem;
}

.f18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.f19 {
  font-size: 19px;
  font-size: 1.9rem;
}

.f20 {
  font-size: 20px;
  font-size: 2.0rem;
}

.f21 {
  font-size: 21px;
  font-size: 2.1rem;
}

.f22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.f23 {
  font-size: 23px;
  font-size: 2.3rem;
}

.f24 {
  font-size: 24px;
  font-size: 2.4rem;
}

.f25 {
  font-size: 25px;
  font-size: 2.5rem;
}

.f9_b {
  font-size: 9px;
  font-size: 0.9rem;
  font-weight: 700;
}

.f10_b {
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: 700;
}

.f11_b {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: 700;
}

.f12_b {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
}

.f13_b {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
}

.f14_b {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
}

.f15_b {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
}

.f16_b {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
}

.f17_b {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
}

.f18_b {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
}

.f19_b {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 700;
}

.f20_b {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: 700;
}

.f21_b {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 700;
}

.f22_b {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
}

.f23_b {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 700;
}

.f24_b {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}

.f25_b {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700;
}

/* =======================================================
*
* 	Template Style 
*	 Edit this section
*
* ======================================================= */
.menubox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
  background: #fff;
}
.menubox .menubox-menu {
  display: flex;
  justify-content: center;
  max-width: 1156px;
  margin: 0 auto;
}
.menubox .menubox-menu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.menubox .menubox-menu li.menu-logo{
	margin-right: auto;
}
.menubox .menubox-menu li .menu-logo-img{
	width: 130px;
}
.menubox .menubox-menu li .m-e {
  position: relative;
  top: -4px;
  font-size: .9rem;
  letter-spacing: .15rem;
  color: #aaa;
}
.menubox .menubox-menu li a {
  display: block;
  margin: 0;
  padding: 20px 24px 16px;
  border-right: 1px solid #efefef;
  transition: background-color .3s;
  font-weight: 600;
  color: #0ABAB5;
  font-size: 14px;
  text-decoration: none;
}
.menubox .menubox-menu li.menu-logo a {
  padding: 16px 24px 13px 0;
  background: none;
  border: none;
}
.menubox .menubox-menu > li:last-child > a{
	border: none;
}
.menubox .menubox-menu li ul {
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  width: 150%;
}
.menubox .menubox-menu li ul li {
  width: 100%;
  border-top: 2px solid  #0ABAB5;
  border-left: 2px solid  #0ABAB5;
  border-right: 1px solid  #0ABAB5;
  background: #fff;
  color: #0ABAB5;
  text-align: left;
  letter-spacing: .1rem;
}
.menubox .menubox-menu li ul li:last-child {
  border-bottom: 2px solid  #0ABAB5;
}
.menubox .menubox-menu li ul li a {
  padding: 13px 20px 13px 20px;
  border-right: 1px solid #0ABAB5;
}
.menubox .menubox-menu li:hover > a {
  background: #0ABAB5;
  color: #fff;
}
.menubox .menubox-menu li a:hover {
  background: #0ABAB5;
  color: #fff;
}
.menubox .menubox-menu li.menu-logo a:hover {
  background: none;
}
.menubox li ul {
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.menubox li:hover ul {
  visibility: visible;
  opacity: 1;
}

#qa .menubox .menubox-menu a.mark-content06,
#qa .menubox .menubox-menu a.mark-content6:visited {
  color: #fff;
  background: #0ABAB5;
}

#studio .menubox .menubox-menu a.mark-content05,
#studio .menubox .menubox-menu a.mark-content05:visited {
  color: #fff;
  background: #0ABAB5;
}

#timetable .menubox .menubox-menu a.mark-content04,
#timetable .menubox .menubox-menu a.mark-content04:visited {
  color: #fff;
  background: #0ABAB5;
}

#instructor .menubox .menubox-menu a.mark-content03,
#instructor .menubox .menubox-menu a.mark-content03:visited {
  color: #fff;
  background: #0ABAB5;
}

#course-praice .menubox .menubox-menu a.mark-content02,
#course-praice .menubox .menubox-menu a.mark-content02:visited {
  color: #fff;
  background: #0ABAB5;
}

#about .menubox .menubox-menu a.mark-content01,
#about .menubox .menubox-menu a.mark-content01:visited,
#company .menubox .menubox-menu a.mark-content01,
#company .menubox .menubox-menu a.mark-content01:visited,
#privacy-policy .menubox .menubox-menu a.mark-content01,
#privacy-policy .menubox .menubox-menu a.mark-content01:visited {
  color: #fff;
  background: #0ABAB5;
}

/* -------------------------------- 
*
*  dmart phone menu
*  sf menu
*
-------------------------------- */
.menubox {
  display: none;
}

.cd-header {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  z-index: 99999;
}

.sp-menu-logo {
  position: relative;
  top: 12px;
  left: 16px;
  width: 130px;
}

.cd-header-top {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100px;
  width: 100%;
  z-index: 99999;
  visibility: hidden;
}

/* MENU　trigger bace */
.cd-primary-nav-trigger {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 50px;
  width: 50px;
  background-color: #0ABAB5;
}

/* MENU　text */
.cd-primary-nav-trigger .cd-menu-text {
  position: relative;
  top: 45px;
  right: 0;
  color: #0ABAB5;
}

/* MENU　三本線　 */
.cd-primary-nav-trigger .cd-menu-icon {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: white;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}

.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
}

.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color: white;
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

/* メニュー表示側　ベース　 */
.cd-primary-nav {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  z-index: 30;
  text-align: center;
  padding: 0 0 50px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-primary-nav .cd-primary-nav-inner00 {
  width: 100%;
  overflow: hidden;
  height: auto;
  background: #fff;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 {
  position: relative;
  display: block;
  width: 100%;
  background: #fff;
  text-align: left;
  top: 88px;
  padding-bottom: 70px;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 li {
  display: block;
  font-size: 1.9rem;
  font-weight: 600;
  margin: 0 0 4px 0;
  padding: 7px 12px 7px 24px;
  border-bottom: 1px solid #999;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 li .m-e {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .1rem;
  padding: 0 0 0 16px;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 li i {
  font-size: 1.5rem;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 li:nth-child(4) {
  border-bottom: 1px dotted #999;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 li:nth-child(9) {
  border-top: 1px solid #999;
  border-bottom: 1px dotted #999;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 li:nth-child(14) {
  border-top: 1px solid #999;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner01 li.submenu {
  display: inline-block;
  width: 45%;
  padding: 7px 0px 7px 24px;
  font-size: 1.5rem;
  border: none;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner02 {
  position: relative;
  width: 100%;
  padding: 0 0 88px 0;
  margin: 0 0 0 8px;
  top: 32px;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner02 li {
  display: block;
  float: left;
  padding: 9px 15px;
  margin: 0 4px 0 0;
}
.cd-primary-nav .cd-primary-nav-inner00 ul.cd-primary-nav-inner02 li i {
  font-size: 2.7rem;
}

.cd-primary-nav a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.no-touch .cd-primary-nav a:hover {
  background-color: #e1147f;
}

.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-primary-nav-trigger {
  z-index: 3;
}

@media only screen and (min-width: 1024px) {
  .cd-header-top,
  .cd-header {
    display: none;
  }

  .menubox {
    display: block;
  }
}
/** ===============================

固定表示　　お問い合わせ／代講・休講

===================================*/
aside {
  position: fixed;
  z-index: 999999;
  bottom: 0px;
  width: 100%;
  border-top: 3px double #0ABAB5;
}
aside ul.fix-bottom-menu {
  display: flex;
  justify-content: space-between;
}
aside ul.fix-bottom-menu li {
  flex: 0 0 50%;
  text-align: center;
  font-size: 1.7rem;
  background: #fff;
}
aside ul.fix-bottom-menu li a {
  display: block;
  width: 100%;
  height: auto;
  color: #0ABAB5;
  padding: 8px 0;
  transition: background-color .5s;
}
aside ul.fix-bottom-menu li .icon-external-link {
  position: relative;
  top: 2px;
  left: 2px;
}
aside ul.fix-bottom-menu li a:hover {
  background-color: #0ABAB5;
  color: #fff;
}

/** ===============================

トップページへ戻る

===================================*/
#page-top {
  position: fixed;
  bottom: 60px;
  right: 20px;
}
#page-top i {
  font-size: 4rem;
}
#page-top a {
  text-decoration: none;
  display: block;
  width: 30px;
}

#page-top a:visited {
  color: #666;
  display: block;
}
.btn-top-arrow{
	color: #000;
	transition: .2s all linear;
}
.btn-top-arrow:hover{
	color: #000;
	opacity: .6;
}

@media only screen and (min-width: 1024px) {
  #page-top {
    bottom: 48px;
    right: 32px;
    font-size: 6rem;
  }
}
/* ====  20210819  ========
*
* 1 contents 24
* 2 top page welcome 78
* 3 box 共通 160
* 4 テキスト中央 281 
* 5	SHAKEについて 360
* 6 studio 550
*
* 	1  contents
*
* =========================== */
section {
  width: 100%;
  margin: 0 auto;
  padding: 48px 0 56px;
  border-top: 3px double #fff;
}
section.bg-ef {
	background: #efefef;
}

.container {
  max-width: 888px;
  margin: 0 auto;
  padding: 0 16px;
}

.sec-title {
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 8px 0;
  letter-spacing: -0.1rem;
}
h1{
	text-align: center;
}
h1 .fa-quote-left, h1 .fa-quote-right,
.sec-title .fa-quote-left, .sec-title .fa-quote-right {
  font-size: 1.3rem;
  position: relative;
  top: -18px;
}

.sec-title .follus {
  font-size: 3.7rem;
}

.sec-title .fa-comment-dots {
  font-size: 3.2rem;
  position: relative;
  top: -2px;
  margin-right: 3px;
}

.sec-title-sub {
  font-size: 1.3rem;
  text-align: center;
  margin: 0 0 32px 0;
  font-weight: 400;
  color: #666;
}

/** ===========================

br 

=============================*/
.pcbr {
  display: none;
}

@media only screen and (min-width: 1024px) {
  .pcbr {
    display: inline-block;
  }

  .sfbr {
    display: none;
  }
}
/* ============================
*

202204  top slide img　追加


* =========================== */
#topimg {
  position: relative;
  top: 86px;
  margin-bottom: 120px;
}

/* ============================
*
* 	2  top page welcome
*
* =========================== */
section.bg00 {
  background: url(./assets/images/home/welcome-img.jpg);
  background-size: cover;
  color: #fff;
}

section.bg00 p {
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.5);
}

.bg01 {
  background: #efefef;
}

ul.info-linkbox {
  margin: 24px 16px 0;
  display: flex;
  flex-flow: column;
}

ul.info-linkbox li a {
  display: block;
  position: relative;
  background-color: #fff;
  color: #0ABAB5;
  margin: 16px 8px 24px 4px;
  font-size: 2rem;
  text-align: center;
  height: 80px;
  padding: 12px;
  line-height: 1.3;
  box-shadow: 0px 0px 0px 4px #fff;
  border: dashed 1px #0ABAB5;
  transition: background-color .5s;
}

ul.info-linkbox li a .btn01 {
  position: absolute;
  top: -24px;
  right: -16px;
  color: #fff;
  font-size: .7rem;
  text-decoration: none;
  text-align: center;
  background-color: #0ABAB5;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  border: 2px solid #fff;
  /* ここで動く速度とか設定 */
  transition: all .4s ease;
  -webkit-transition: all 1s ease;
}

ul.info-linkbox li a .btn01:hover {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

ul.info-linkbox li a:hover {
  background-color: #0ABAB5;
  color: #fff;
  box-shadow: 0px 0px 0px 4px #0ABAB5;
  border: dashed 1px #fff;
}

ul.info-linkbox li.welcome-sub a {
  padding: 24px 12px 12px;
}

@media only screen and (min-width: 1024px) {
  ul.info-linkbox {
    flex-flow: row;
    justify-content: space-between;
  }

  ul.info-linkbox li {
    flex: 0 0 48%;
  }
}
/* (min-width: 1024px)*/
/* ===========================
*
* 	3  contact-from link
*
* =========================== */
ul.contact-linkbox {
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.contact-linkbox li a {
  display: block;
  position: relative;
  background-color: #0bb1a2;
  color: #fff;
  margin: 0;
  padding: 16px 0;
  margin: 0 -160px;
  font-size: 2rem;
  text-align: center;
  box-shadow: 0px 0px 0px 4px #0bb1a2;
  border: dashed 1px #fff;
  transition: background-color .5s;
}

ul.contact-linkbox li a .btn01:hover {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

ul.contact-linkbox li a:hover {
  background-color: #fff;
  color: #0bb1a2;
  box-shadow: 0px 0px 0px 4px #fff;
  border: dashed 1px #0bb1a2;
}

ul.contact-linkbox li.welcome-sub a {
  padding: 24px 12px 12px;
}

/* =======各スクールへ============ */
ul.contact-linkbox-ex {
  font-size: 2rem;
  font-weight: 700;
}
ul.contact-linkbox-ex li {
  margin-bottom: 48px;
}

/* =============================
*
* 	box 共通
*
* =========================== */
ul.info-box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  font-weight: 400;
}

ul.info-box li {
  display: block;
  position: relative;
  margin: 0 0 8px 0;
  flex: 0 0 49%;
  overflow: hidden;
}

ul.info-box li p {
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
  font-size: 1.3rem;
  padding: 0 8px 0 8px;
  background-color: #0ABAB5;
  font-weight: 800;
}

ul.info-box li i.top-studio-icon {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  font-size: 1.7rem;
  z-index: 100;
}

ul.info-box li p.top-studio {
  position: relative;
  color: #fff;
  font-size: 1.1rem;
  padding: 8px;
  height: 115px;
  background-color: #0ABAB5;
  border-top: 4px double #fff;
  font-weight: 400;
}

ul.info-box li p.top-studio .top-studioname {
  display: block;
  border-bottom: 1px solid #fff;
  padding: 0 0 2px 0;
  margin: 0 0 4px 0;
  font-size: 1.5rem;
  font-weight: 800;
}

ul.info-box li p.top-studio-timetable {
  position: relative;
  color: #fff;
  padding: 26px 8px;
  text-align: center;
  height: 80px;
  background-color: #231815;
  border-top: 4px double #fff;
  font-weight: 400;
}

ul.info-box li p.top-studio-timetable .top-studioname {
  display: block;
  padding: 0 0 2px 0;
  margin: 0 0 4px 0;
  font-size: 1.3rem;
  font-weight: 800;
}

ul.info-box li span.num {
  font-size: 1.3rem;
  font-weight: 400;
}

ul.info-box li a {
  display: block;
}
ul.info-box li .link-genre {
  height: 23vw;
}

ul.info-box li a img {
  max-width: 400px;
  width: 100%;
  height: 100%;
  transition-duration: 0.3s;
  /*変化に掛かる時間*/
  object-fit: cover;
}

ul.info-box li a img:hover {
  transform: scale(1.3);
  /*画像の拡大率*/
  transition-duration: 0.3s;
  /*変化に掛かる時間*/
}

@media only screen and (min-width: 1024px) {
	ul.info-box{
		justify-content: left;
		gap: 0 11px;
	}
	ul.info-box li {
		flex: 0 0 24%;
		margin: 0 0 11px 0;
	}

	ul.info-box li p.top-studio {
		font-size: 1.3rem;
	}

	ul.info-box li .link-genre {
		height: 102px;
	}
}
/* (min-width: 1024px)*/
/* ==========================
*
*
* 	4  テキスト中央
*
*
* ========================= */
ul.info-box-center {
  display: flex;
  flex-flow: row wrap;
}

ul.info-box-center li {
  margin: 0 0 8px 0;
  flex: 0 0 49%;
  background: #FFF;
}

ul.info-box-center li a {
  display: block;
  height: 100%;
}

ul.info-box-center li .info-box-center-inner {
  max-width: 100%;
  max-height: 100%;
  width: 400px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(198, 90, 41, 0.3);
  transition: background-color .3s;
}

ul.info-box-center li .info-box-center-inner p {
  position: relative;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.3;
}

ul.info-box-center li .info-box-center-inner p .icon-bookmarks {
  font-size: 1.4rem;
}

ul.info-box-center li .info-box-center-inner:hover {
  background-color: rgba(198, 90, 41, 0.8);
}

ul.info-box-center li.bgimg-c01 {
  background: url(./images/beginners-street-dance.jpg);
  background-size: cover;
}

ul.info-box-center li.bgimg-c02 {
  background: url(./images/pro-training.png);
  background-size: cover;
}

ul.info-box-center li.bgimg-c03 {
  background: url(./images/support-examination.png);
  background-size: cover;
}

ul.info-box-center li.bgimg-c04 {
  background: url(./images/rentalstudio.png);
  background-size: cover;
}
.header-rental .title{
	color: #FFF;
	top: 115px;
}
.sec-rental .img-wrap-rental{
	padding: 8px 0;
    margin: 0 0 20px;
    border-top: double #0ABAB5 3px;
    border-bottom: double #0ABAB5 3px;
	overflow: hidden;
}
.sec-rental .text{
	margin-bottom: 20px;
}
.sec-rental .img-rental-studio{
	display: block;
	max-height: 450px;
	width: 100%;
	object-fit: cover;
}

@media only screen and (min-width: 1024px) {
  ul.info-box-center li {
    flex: 0 0 24%;
    justify-content: flex-start;
    margin: 0 0 11px 0;
  }

  ul.info-box-center li .info-box-center-inner p {
    font-size: 1.4rem;
  }
	.header-rental .title{
		top: 125px;
	}
}
/* (min-width: 1024px)*/
ul.sns-box {
  margin: 32px 54px 0;
  display: flex;
  justify-content: space-between;
}

ul.sns-box i {
  font-size: 3rem;
  /* icon */
}

@media only screen and (min-width: 1024px) {
  ul.sns-box {
    margin: 54px 250px 0;
  }

  ul.sns-box li i {
    font-size: 3rem;
    /* icon */
  }
}
/* (min-width: 1024px)*/
/* ===================================
*
*
*	  コンテンツ共有
*
*
* ================================= */
strong {
  background: linear-gradient(transparent 70%, #0ABAB5 30%);
}

#about .header-img {
  background: url(./assets/images/about/main_bg.jpg) no-repeat center center;
}

#course-praice .header-img {
  background: url(./assets/images/course-price/main-bg.jpg) no-repeat center center;
}

#instructor .header-img {
  background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(./assets/images/genre/top.jpg) no-repeat center center;
}
.genre-hiphop .header-img {
  background: url(./assets/images/genre/hiphop2.jpg) no-repeat center center;
}

#qa .header-img {
  background: url(./assets/images/qa/main-bg.jpg) no-repeat center center;
}

#company .header-img {
  background: url(./images/company-img01.jpg) no-repeat center center;
}

#privacy-policy .header-img {
  background: url(./images/company-img01.jpg) no-repeat center center;
}

#studio .header-img {
  background: url(./assets/images/studio/main-bg.jpg) no-repeat center center;
}

#studio .hachioji {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/studio-hachioji.jpg) no-repeat center center;
}

#studio .hashimoto {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/studio-hashimoto.jpg) no-repeat center center;
}

#studio .aikawa {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/studio-aikawa.jpg) no-repeat center center;
}

#studio .akishima {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/studio-akishima.jpg) no-repeat center center;
}

#timetable .hachioji {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/timetable-hachioji2025.jpg) no-repeat center center;
}

#timetable .hashimoto {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/timetable-hashimoto2025.jpg) no-repeat center center;
}

#timetable .aikawa {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/timetable-aikawa2025.jpg) no-repeat center center;
}

#timetable .akishima {
  background: url(https://studio-shake.com/wp_shake/wp-content/uploads/2025/06/timetable-akishima2025.jpg) no-repeat center center;
}

#timetable .timetabletop {
  background: url(./assets/images/timetable/main-bg.jpg) no-repeat center center;
}

#instructor .hiphop .header-img {
  background: url(./images/b-hiphop.jpg) no-repeat center center;
}

#instructor .house .header-img {
  background: url(./images/b-house.jpg) no-repeat center center;
}

#instructor .pop .header-img {
  background: url(./images/b-pop.jpg) no-repeat center center;
}

#instructor .hiphop .header-img {
  background: url(./images/b-hiphop.jpg) no-repeat center center;
}

#instructor .breakin .header-img {
  background: url(./images/b-breakin.jpg) no-repeat center center;
}

#instructor .lock .header-img {
  background: url(./images/b-lock.jpg) no-repeat center center;
}

#instructor .jazz .header-img {
  background: url(./images/b-jazz.jpg) no-repeat center center;
}

#instructor .culture .header-img {
  background: url(./images/b-culture.jpg) no-repeat center center;
}

#instructor .krump .header-img {
  background: url(./images/b-krump.jpg) no-repeat center center;
}
.header-contact .header-img,
.header-select-contact .header-img {
  background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)), url(./assets/images/contact/main-bg-1.jpg) no-repeat center center;
}
.class-info-header .header-img{
	background: url(./assets/images/class-info/main-bg.jpg) no-repeat center center;
}
.header-404 .header-img {
  background: #aaa;
}

#privacy-policy .header-img, #company .header-img, #instructor .header-img, #instructor-img .header-img, #timetable .header-img, #qa .header-img, #course-praice .header-img, #about .header-img, #studio .header-img, .header-404 .header-img, .contents-header .header-img{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 482px;
  margin: 0;
  overflow: hidden;
  background-size: cover;
}

#privacy-policy .header-img h1, #company .header-img h1, #instructor .header-img h1, #instructor-img .header-img h1, #timetable .header-img h1, #qa .header-img h1, #course-praice .header-img h1, #about .header-img h1, #studio .header-img h1, .header-404 .header-img .title, .contents-header .header-img .title {
  position: absolute;
  top: 220px;
  left: 5%;
  right: 5%;
  color: #fff;
  text-shadow: 0px 0px 8px #555;
  z-index: 20;
  text-align: center;
  font-weight: bold;
  font-size: 3.6rem;
}

#privacy-policy .header-img h2, #company .header-img h2, #instructor .header-img h2, #instructor-img .header-img h2, #timetable .header-img h2, #qa .header-img h2, #course-praice .header-img h2, #about .header-img h2, #studio .header-img h2, .header-404 .header-img .sub-title, .contents-header .header-img .sub-title {
  position: absolute;
  top: 270px;
  left: 5%;
  right: 5%;
  color: #fff;
  text-shadow: 0px 0px 3px #555;
  z-index: 20;
  text-align: center;
}

.pankuzuwrap {
  background-color: rgba(35, 24, 21, 0.5);
  width: 100%;
  height: 24px;
  position: absolute;
  bottom: 0px;
}

.pankuzuwrap ul.pankuzubox {
  max-width: 888px;
  margin: 0 auto;
  padding: 3px 16px;
  display: flex;
  font-size: 1rem;
}

.pankuzuwrap ul.pankuzubox li {
  color: #fff;
}

.pankuzuwrap ul.pankuzubox li a,
.pankuzuwrap ul.pankuzubox li a:active,
.pankuzuwrap ul.pankuzubox li a:visited {
  color: #fff;
  text-decoration: underline;
}

.pankuzuwrap ul.pankuzubox li a:hover {
  color: #fff;
  text-decoration: none;
}
.contents-header .pankuzuwrap ul.pankuzubox li a:visited {
  color: #fff;
  text-decoration: underline;
}
.contents-header .pankuzuwrap ul.pankuzubox li a:hover {
  color: #fff;
  text-decoration: none;
}

/* ===================================
*
*
*	  
*
*　　イベント
*
*
*
* ================================= */
#event .pankuzuwrap {
  margin: 40px 0 0 0;
  width: 100%;
  height: 24px;
}

#event .pankuzuwrap ul.pankuzubox {
  max-width: 888px;
  margin: 0 auto;
  padding: 3px 16px;
  display: flex;
  font-size: 1rem;
}

#event .pankuzuwrap ul.pankuzubox li {
  color: #333;
}

#event .pankuzuwrap ul.pankuzubox li a, #event .pankuzuwrap ul.pankuzubox li a:active, #event .pankuzuwrap ul.pankuzubox li a:visited {
  color: #000;
  text-decoration: underline;
}

#event .pankuzuwrap ul.pankuzubox li a:hover {
  color: #000;
  text-decoration: none;
}

#event .eventwrap {
  font-weight: 600;
  margin: 0 0 24px 0;
}

#event .eventwrap img {
  margin-bottom: 32px;
}

#event .eventwrap .event-kome {
  font-size: 1.3rem;
  line-height: 1.4;
}

#event .eventwrap table {
  margin: 0 0 24px 0;
}

@media only screen and (min-width: 1024px) {
  #event .pankuzuwrap {
    margin: 96px 0 0 0;
    width: 100%;
    height: 24px;
  }

  #event .eventwrap {
    font-weight: 600;
    margin: 0 84px;
    line-height: 1.9;
  }
}
/* ===================================
*
*
*	  インストラクター　img
*
*
* ================================= */
#instructor-img .header-img {
  background: url(./assets/images/instructor/bg-b.png) center center;
}

#instructor-img .header-img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 462px;
  margin: 0;
  overflow: hidden;
  background-size: cover;
}

#instructor-img .header-img h1 {
  position: absolute;
  top: 325px;
  left: 5%;
  right: 5%;
  font-size: 3.3rem;
  color: #fff;
  letter-spacing: .1rem;
  text-shadow: 0px 0px 8px #555;
  z-index: 25;
}

#instructor-img .header-img h1 i {
  font-size: 1.3rem;
}

#instructor-img .header-img h2 {
  position: absolute;
  top: 370px;
  left: 5%;
  right: 5%;
  font-size: 2rem;
  color: #fff;
  letter-spacing: .2rem;
  text-shadow: 0px 0px 3px #555;
  z-index: 24;
}

#instructor-img .header-img h2 span {
  font-size: 2rem;
  letter-spacing: .1rem;
}

#instructor-img .header-img .inst-img-wrap {
  position: relative;
  top: 22px;
  margin: auto;
  max-width: 380px;
  width: 80%;
  height: 90%;
  z-index: 22;
  overflow: hidden;
  border: 8px solid #fff;
}

#instructor-img .header-img .pankuzuwrap {
  position: absolute;
  bottom: 0px;
  background-color: rgba(35, 24, 21, 0.5);
  width: 100%;
  height: 24px;
  z-index: 24;
}

#instructor-img .header-img .pankuzuwrap ul.pankuzubox {
  max-width: 888px;
  margin: 0 auto;
  padding: 3px 16px;
  display: flex;
  font-size: 1rem;
}

#instructor-img .header-img .pankuzuwrap ul.pankuzubox li {
  color: #fff;
}

#instructor-img .header-img .pankuzuwrap ul.pankuzubox li a, #instructor-img .header-img .pankuzuwrap ul.pankuzubox li a:active, #instructor-img .header-img .pankuzuwrap ul.pankuzubox li a:visited {
  color: #fff;
  text-decoration: underline;
}

#instructor-img .header-img .pankuzuwrap ul.pankuzubox li a:hover {
  color: #fff;
  text-decoration: none;
}

.instructor-team {
  margin: 0 0 16px 0;
  font-weight: 600;
  line-height: 1.4;
  font-size: 1.8rem;
}
.instructor .crew {
	margin: 0 0 16px;
}

@media only screen and (min-width: 1024px) {
  .instructor-team {
    font-size: 2rem;
  }
}
.instructor-txt p {
  font-size: 1.5rem;
  margin: 0 0 12px 0;
}

@media only screen and (min-width: 1024px) {
  #instructor-img .header-img {
    height: 482px;
  }

  #instructor-img .header-img h1 {
    top: 365px;
  }

  #instructor-img .header-img h1 i {
    font-size: 1.3rem;
  }

  #instructor-img .header-img h2 {
    top: 405px;
  }

  #instructor-img .header-img .inst-img-wrap {
    position: relative;
    top: 0;
    padding: 0;
    border: 0;
	height: 100%;
	width: 90%;
  }

  #instructor-img .instructor-pro {
    margin: 0 84px;
    line-height: 1.9;
  }
}
.genrebox {
  font-weight: 600;
}

@media only screen and (min-width: 1024px) {
  .genrebox {
    margin-top: 64px;
  }
}
/* ==============================================================
*	 20210820 追加　個別タイムスケジュールテーブル　削除しないでください。
* =============================================================== */
.instructor-dt {
  margin: 48px 0;
  font-weight: 600;
}
.instructor-dt table {
  width: 100%;
}
.instructor-dt table tr {
  border: 1px #ccc solid;
  text-align: center;
}
.instructor-dt table tr td {
  border: 1px #ccc solid;
  padding: 16px 8px;
}
.instructor-dt table tr td.instructor-day {
  width: 22%;
}
.instructor-dt table tr td.instructor-time {
  width: 35%;
}
.instructor-dt table tr:hover {
  background: #efefef;
}
.instructor-dt table tr.instructor-s:hover {
  background: none;
}

/* ===================================
*
*
*	  #タイムテーブル　レッスン表
*
*
* ================================= */
#timetable .timetableh2 h1 {
  position: absolute;
  top: 170px;
  left: 5%;
  right: 5%;
  color: #fff;
  text-shadow: 0px 0px 8px #555;
}

#timetable .timetableh2 h2 {
  position: absolute;
  top: 280px;
  left: 5%;
  right: 5%;
  color: #fff;
  text-shadow: 0px 0px 3px #555;
}

@media only screen and (min-width: 1024px) {
  header {
    padding: 0 0 72px;
  }

  header.bm {
    padding: 0 0 16px 0;
  }

  header#topheader {
    padding: 0;
  }

  header#instructor-img {
    padding-bottom: 12px;
	margin-top: 86px;
  }

  #event .header-img, #instructor .header-img, #timetable .header-img, #qa .header-img, #course-praice .header-img, #about .header-img, #studio .header-img, .header-404 .header-img, .contents-header .header-img {
    top: 72px;
    height: 420px;
  }

  #event .header-img h1, #instructor .header-img h1, #timetable .header-img h1, #qa .header-img h1, #course-praice .header-img h1, #about .header-img h1, #studio .header-img h1, .header-404 .title, .contents-header .header-img .title {
    position: absolute;
    top: 150px;
    left: 5%;
    right: 5%;
    color: #fff;
    text-shadow: 0px 0px 8px #555;
  }

  #event .header-img h2, #instructor .header-img h2, #timetable .header-img h2, #qa .header-img h2, #course-praice .header-img h2, #about .header-img h2, #studio .header-img h2, .header-404 .sub-title, .contents-header .header-img .sub-title {
    position: absolute;
    top: 200px;
    left: 5%;
    right: 5%;
    color: #fff;
    text-shadow: 0px 0px 3px #555;
  }

  .header-img h1, .header-img .title {
    top: 254px;
    font-size: 3.5rem;
  }

  .header-img h2, .header-img .sub-title {
    top: 265px;
    font-size: 2rem;
  }
  .header-404 .header-img .sub-title {
	top: 265px;
  }

  .header-img h2 {
    top: 265px;
    font-size: 1.5rem;
  }

  .header-img .pankuzuwrap ul.pankuzubox {
    font-size: 1.1rem;
  }
}
.instructor h1, .timetable h1, .qa h1, .course-praice h1, .about h1, .studio h1,
.instructor .page-desc, .timetable .page-desc, .qa .page-desc, .course-praice .page-desc, .about .page-desc, .studio .page-desc {
  font-size: 2rem;
  text-align: center;
  line-height: 1.8;
  margin: 0 auto 72px;
}

.instructor h2, .timetable h2, .qa h2, .course-praice h2, .about h2, .studio h2, .single-post h2 {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  color: #333;
  border-bottom: double 3px #333;
  border-top: double 3px #333;
  padding: 24px 0px;
  margin-bottom: 32px;
}
h2.title-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}
h2.title-flex .d-block{
  display: block;
}
h2.title-flex .d-block .btm-line{
  display: inline;
}

.instructor h2 i, .timetable h2 i, .qa h2 i, .course-praice h2 i, .about h2 i, .studio h2 i {
  position: relative;
  top: -12px;
}

.instructor h3, .timetable h3, .qa h3, .course-praice h3, .about h3, .studio h3 {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #333;
  border-bottom: dotted 1px #333;
  padding: 8px 0px;
  margin: 0 0 24px 0;
}

.instructor h3 i, .timetable h3 i, .qa h3 i, .course-praice h3 i, .about h3 i, .studio h3 i {
  font-size: 2.5rem;
}

.instructor .timetable-wrap, .timetable .timetable-wrap, .qa .timetable-wrap, .course-praice .timetable-wrap, .about .timetable-wrap, .studio .timetable-wrap {
  text-align: center;
}

/* =================================
*
*	
*
*	　blog
*
*	
*
* ================================ */
.header-blog {
  background: url(./assets/images/instructor/bg-b.png) no-repeat center center;
}

.header-blog {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 232px;
  margin: 0;
  overflow: hidden;
  background-size: cover;
}

.header-blog h1 {
  position: absolute;
  top: 90px;
  left: 5%;
  right: 5%;
  color: #333;
  text-shadow: 0px 0px 10px #fff;
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
}

.header-blog h2 {
  position: absolute;
  top: 150px;
  left: 5%;
  right: 5%;
  color: #333;
  text-shadow: 0px 0px 8px #fff;
}

.header-blog .pankuzuwrap {
  position: absolute;
  bottom: 0;
  background-color: rgba(35, 24, 21, 0.5);
  width: 100%;
  height: 24px;
}

.header-blog .pankuzuwrap ul.pankuzubox {
  max-width: 888px;
  margin: 0 auto;
  padding: 3px 16px;
  display: flex;
  font-size: 1rem;
}

.header-blog .pankuzuwrap ul.pankuzubox li {
  color: #fff;
}

.header-blog .pankuzuwrap ul.pankuzubox li a, #blog .header-blog .pankuzuwrap ul.pankuzubox li a:active, #blog .header-blog .pankuzuwrap ul.pankuzubox li a:visited {
  color: #fff;
  text-decoration: underline;
}

.header-blog .pankuzuwrap ul.pankuzubox li a:hover {
  color: #fff;
  text-decoration: none;
}
.blogimg-wrap {
  padding: 8px 0 0 0;
  margin: 0 0 64px 0;
  border-top: double #0ABAB5 3px;
}

.blogimg-wrap img {
  margin: 0 0 16px 0;
}

.blog p {
  margin: 0;
}

.blog h2 {
  font-weight: 600;
  font-size: 2.4rem;
  color: #333;
  border-bottom: double 3px #333;
  border-top: double 3px #333;
  padding: 24px 0px;
}

@media only screen and (min-width: 1024px) {
  .header-blog {
    top: 32px;
  }

  .header-blog h1 {
    top: 100px;
  }

  .header-blog h2 {
    top: 140px;
  }

  .blog {
    margin: 0 50px 0 50px;
  }
}
/* =================================
*
*	
*
*	　SHAKEについて
*
*	
*
* ================================ */
.about .about9wrap h3 {
  margin: 8px 0 4px;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  border: 0;
}

.about .about9wrap h3 span {
  font-size: 1.4rem;
  padding: 0 12px 0 0;
  color: #0ABAB5;
  font-weight: 400;
}

.about .about9wrap .about9box {
  width: 100%;
}

.about .about9wrap .about9box-img {
  width: 100%;
}

.about .about9wrap .about9box p {
  padding: 0 0 32px 0;
}

.about .about9wrap .about9box hr {
  border: 2px solid #0ABAB5;
  width: 88px;
  text-align: left;
}

.about .about9wrap .about9box .about-profile {
  font-size: 1.5rem;
}

.greetingbox {
  font-weight: 600;
  line-height: 1.9;
}

.greetingbox span.greetingbox-name {
  display: block;
  text-align: right;
  padding: 16px 0 0 0;
}

.about-strengths .about9wrap .about9box-img{
	display: none;
}

@media only screen and (min-width: 1024px) {
  .about .about9wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 40px 0;
  }

  .about .about9wrap .about9box-img {
    flex: 0 0 48%;
  }

  .about .about9wrap .about9box-img img {
    width: 100%;
    height: auto;
  }

  .about .about9wrap .about9box {
    flex: 0 0 48%;
  }

  .about .about9wrap .about9box h3 {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
  }

  .about .about9wrap .about9box h3 span {
    font-size: 1.5rem;
  }

  .about .about9wrap .about9box hr {
    display: block;
    width: 72px;
    margin: 8px 0;
  }

  .about .about9wrap .about9box p {
    padding: 0 0 0;
  }

  .about hr.about-line {
    margin: 0 auto 40px;
    text-align: center;
    width: 70%;
    border-top: 3px double #ccc;
  }

  .greetingbox {
    font-weight: 600;
    margin: 0;
    line-height: 2;
  }

  .greetingbox span.greetingbox-name {
    display: block;
    text-align: right;
    padding: 16px 0 0 0;
  }

  #about .header-img .pankuzuwrap ul.pankuzubox {
    font-size: 1.1rem;
  }
  .about-strengths .about9wrap .about9box{
	flex: inherit;
  }
}
/* ====================================
*
*
*
*
* 	studio
*
*
*
*
* ================================ */
.studio .flexwrap {
  margin: 0 0 48px 0;
}

.studio .flexwrap-center {
  margin: 0 0 48px;
}

.studio .add-text {
  line-height: 1.7;
  font-size: 1.4rem;
  padding-bottom: 8px;
}

.studio .box30 {
  border-bottom: double 3px #333;
  border-top: double 3px #333;
  margin: 0 0 16px 0;
}

.studio .box30 h3 {
  border: 0;
  padding: 24px 0 0 0;
}

.studio .gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.studio .gmap iframe, .studio .gmap object, .studio .gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 1024px) {
  .studio .flexwrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-flow: row wrap;
    margin: 0 0 68px 0;
  }

  .studio .flexwrap .box48 {
    flex: 0 0 48%;
  }

  .studio .flexwrap .box50 {
    flex: 0 0 50%;
  }

  .studio .flexwrap-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 68px;
  }

  .studio .flexwrap-center .box30 {
    flex: 0 0 28%;
    text-align: center;
    height: 100%;
    border-bottom: double 3px #333;
    border-top: double 3px #333;
    margin: 0;
  }

  .studio .flexwrap-center .box30 h3 {
    border: 0;
    padding: 24px 0 0 0;
  }

  .studio .flexwrap-center .box70 {
    flex: 0 0 68%;
    line-height: 2;
  }
}
/* ===============================
*
*
*
*
* コース、料金 tab
*
*
*
*
* ============================ */
label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 600ms;
  transition-duration: 600ms;
}

label.panel-label:hover {
  color: #0ABAB5;
}

#panels {
  background-color: #fff;
}

#panels .container {
  margin: 0 auto;
  width: 90%;
}

#panels .sectionbox header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}

#panels .sectionbox main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 800ms;
  transition: opacity 800ms;
  overflow-y: hidden;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1;
  padding: 48px 0px;
}

#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1;
  padding: 48px 0px;
}

#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1;
  padding: 48px 0px;
}

#panel-4-ctrl:checked ~ #panels #panel-4 main {
  max-height: initial;
  opacity: 1;
  padding: 48px 0px;
}

@media all and (-ms-high-contrast: none) {
  #panels .sectionbox main {
    display: none;
  }

  #panel-1-ctrl:checked ~ #panels #panel-1 main {
    display: inline;
    position: relative;
    top: 48px;
  }

  #panel-2-ctrl:checked ~ #panels #panel-2 main {
    display: inline;
    position: relative;
    top: 48px;
  }

  #panel-3-ctrl:checked ~ #panels #panel-3 main {
    display: inline;
    position: relative;
    top: 48px;
  }

  #panel-4-ctrl:checked ~ #panels #panel-4 main {
    display: inline;
    position: relative;
    top: 48px;
  }
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: white;
  color: #0ABAB5;
  padding-top: 24px;
  border-left: 1px solid #dfdfdf;
}

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
  height: 6px;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: white;
  color: #0ABAB5;
  padding-top: 24px;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 6px;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
  border-right: 1px solid transparent;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
  border-left: 1px solid #dfdfdf;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  background-color: white;
  color: #0ABAB5;
  padding-top: 24px;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
  height: 6px;
}

#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}

#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last {
  border-right: 1px solid transparent;
}

#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {
  border-left: 1px solid #dfdfdf;
}

#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
  background-color: white;
  color: #0ABAB5;
  padding-top: 24px;
}

#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after {
  height: 6px;
}

/* ================
*
*
* コースメニュー
*
*
* ================= */
ul#tabs-list {
  display: flex;
  justify-content: center;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 58px 0 0 0;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
}

ul#tabs-list li {
  display: flex;
  text-align: center;
  font-weight: 600;
  font-size: 1.6rem;
  width: 25%;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
  border-right: 1px solid #dfdfdf;
  position: relative;
}

i {
  font-size: 1.3rem;
}

@media only screen and (min-width: 1024px) {
  ul#tabs-list li {
    font-size: 1.6rem;
  }
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}

ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}

ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}

ul#tabs-list li label.panel-label {
  position: relative;
  padding: 24px 0;
}

ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #0ABAB5;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

ul#tabs-list li label.panel-label:hover {
  padding-top: 24px;
}

ul#tabs-list li label.panel-label:hover::after {
  height: 6px;
}

.panel-radios {
  display: none;
}

/* ================
*
*
* コーステーブル
*
*
* ================= */
.course-wrap table {
  width: 100%;
  border: 1px solid #999;
  margin: 0 0 48px 0;
}

.course-wrap table tr {
  border: 1px solid #999;
}

.course-wrap table tr td.course-nemu {
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: #fff;
  background: #0ABAB5;
  padding: 16px 16px;
  vertical-align: middle;
}

.course-wrap table tr td.course-nemu-f {
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: #333;
  background: #fff;
  padding: 16px 32px;
}

.course-wrap table tr td.course-title {
  width: 38%;
  background: #efefef;
  font-weight: 600;
  color: #333;
  padding: 12px 16px;
  border: 1px solid #999;
  vertical-align: middle;
}

.course-wrap table tr td.course-op {
  background: #444;
  color: #fff;
  text-align: center;
}

.course-wrap table tr td.course-fee {
  width: 62%;
  padding: 16px 16px;
  vertical-align: middle;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
}

.course-wrap table tr td.course-fee span.course-price {
  display: inline-block;
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: .1rem;
}

.course-wrap table tr td.course-fee span.course-sub-price {
  font-size: 1.2rem;
}

.course-wrap table img {
  width: 100%;
  height: auto;
}

.course-wrap table tr td .course-box-in {
  margin: 12px;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
}

.course-wrap table tr td .course-box-in ul li {
  padding: 0 0 8px 0;
}

.course-text-wrap ul li {
  font-size: 1.35rem;
  letter-spacing: 0rem;
}

.course-text-wrap ul li.course-text-title {
  font-weight: 600;
  font-size: 1.5rem;
  display: inline-block;
  margin: 0 0 4px 0;
}

.course-text-wrap li:nth-child(8) {
  text-indent: -.7rem;
  padding-left: .8rem;
}

.course-text-wrap li:nth-child(9) {
  text-indent: -.7rem;
  padding-left: .8rem;
}

.course-text-wrap li:nth-child(10) {
  text-indent: -.7rem;
  padding-left: .8rem;
}

.course-text-wrap li:nth-child(11) {
  text-indent: -.7rem;
  padding-left: .8rem;
}

.course-text-wrap li:nth-child(12) {
  text-indent: -.7rem;
  padding-left: .8rem;
}

@media only screen and (min-width: 1024px) {
  .course-wrap {
    letter-spacing: .05rem;
  }

  .course-wrap table tr td.course-nemu {
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #0ABAB5;
    padding: 16px 32px;
  }

  .course-wrap table tr td.course-nemu-f {
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #333;
    background: #fff;
    padding: 16px 32px;
  }

  .course-wrap table tr td.course-title {
    width: 35%;
    background: #efefef;
    color: #333;
    padding: 16px 16px;
    border: 1px solid #999;
  }

  .course-wrap table tr td.course-op {
    text-indent: 0;
    padding: 16px 32px;
    background: #444;
    color: #fff;
  }

  .course-wrap table tr td.course-fee {
    width: 65%;
    padding: 16px 32px;
  }

  .course-wrap table tr td .course-box-in {
    margin: 24px;
  }

  .course-wrap ls0 {
    letter-spacing: 0rem;
  }
}
/* ==============================
*
*
*
*
* 	Q&A VOICE
*
*
*
*
* ============================= */
.qa-wrap {
  margin: 0 0 32px 0;
}

.qa-wrap .qa-qa {
  background: #efefef;
  border-left: 6px solid #0ABAB5;
}

.qa-wrap .qa-qa h4 {
  font-weight: 600;
  padding: 8px 8px 10px 12px;
  margin: 0 0 4px 0;
}

.qa-wrap .qa-a {
  line-height: 1.6;
  padding: 18px;
}

@media only screen and (min-width: 1024px) {
  .qa-wrap {
    margin: 0 0 32px 0;
  }

  .qa-wrap .qa-qa {
    border-left: 6px solid #0ABAB5;
  }

  .qa-wrap .qa-qa h4 {
    font-weight: 600;
    padding: 16px 24px;
  }

  .qa-wrap .qa-a {
    line-height: 1.7;
    padding: 16px 30px 20px 30px;
  }
}
ul.voice-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

ul.voice-wrap li.voice-wrap-inner {
  display: block;
  flex: 0 0 48%;
  margin: 0 0 32px 0;
}

ul.voice-wrap li.voice-wrap-inner ul.voice-box {
  font-size: 1.3rem;
  line-height: 1.5;
}

ul.voice-wrap li.voice-wrap-inner ul.voice-box img {
  margin: 0 0 4px 0;
}

ul.voice-wrap li.voice-wrap-inner ul.voice-box li.voice-box-name {
  margin: 0 0 8px 0;
}

ul.voice-wrap li.voice-wrap-inner ul.voice-box li.voice-box-q {
  font-weight: 600;
}

ul.voice-wrap li.voice-wrap-inner ul.voice-box li.voice-box-a {
  margin: 0 0 16px 0;
}

@media only screen and (min-width: 1024px) {
  ul.voice-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  ul.voice-wrap li.voice-wrap-inner {
    display: block;
    flex: 0 0 23.5%;
  }

  ul.voice-wrap li.voice-wrap-inner ul.voice-box {
    font-size: 1.4rem;
    line-height: 1.7;
  }
}
/* ==============================
*
*
*
*
* 	company
*
*
*
*
* ============================= */
.company h2 {
  font-size: 2.5rem;
  color: #222;
  font-weight: 700;
  padding: 0;
  margin: 0 0 16px 0;
}
.company table {
  width: 100%;
  border: 1px solid #999;
  margin: 0 0 48px 0;
}

.company table tr {
  border: 1px solid #999;
}

.company table tr td.company-title {
  width: 26%;
  background: #efefef;
  font-weight: 600;
  color: #333;
  padding: 12px 8px;
  border: 1px solid #999;
  vertical-align: middle;
}

.company table tr td.company-fee {
  width: 62%;
  padding: 16px 16px;
  vertical-align: middle;
  font-weight: 400;
  line-height: 1.3;
}

.company table tr td.company-fee ul li {
  text-indent: -1.5rem;
  padding-left: 1rem;
}

@media only screen and (min-width: 1024px) {
  #company header {
    padding-bottom: 32px;
  }

  .company {
    letter-spacing: .05rem;
  }

  .company table tr td.company-title {
    width: 20%;
    background: #efefef;
    color: #333;
    padding: 16px 16px;
    border: 1px solid #999;
  }

  .company table tr td.company-fee {
    width: 65%;
    padding: 16px 32px;
  }
}
/* ==============================
*
*
* 	update 20210819
*
*
* ============================= */
table.infobox {
  font-size: 1.4rem;
}
table.infobox tr {
  border: 0;
}
table.infobox td {
  width: 100%;
  display: block;
  padding: 16px 16px 16px 16px;
}
table.infobox td.me01 {
  color: #fff;
  background-color: #333;
  font-weight: 700;
}
table.infobox td.me00 {
  display: none;
}
table.infobox td.me01-1 {
  width: 100%;
  padding: 8px 0px 0px 16px;
  font-weight: 700;
}
table.infobox td.me02 {
  padding: 0px 16px 4px 16px;
}

@media only screen and (min-width: 1024px) {
  table.infobox {
    font-size: 1.5rem;
  }
  table.infobox td {
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #aaa;
  }
  table.infobox td.me01 {
    width: 12%;
    color: #333;
    background-color: #efefef;
    padding: 24px 16px 24px 24px;
  }
  table.infobox td.me00 {
    display: table-cell;
    background-color: #efefef;
  }
  table.infobox td.me01-1 {
    color: #333;
    background-color: #efefef;
    width: 10%;
    padding: 16px 26px 16px 0px;
    text-align: right;
    height: 100%;
  }
  table.infobox td.me02 {
    width: 73%;
    padding: 16px 8px 16px 16px;
  }
}
/* ==============================
*
*
*
*
* 	インストラクター
*
*
*
*
* ============================= */
ul.info-box-center {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  /* 画像+マスク */
  /*  */
}

ul.info-box-center li {
  margin: 0 1% 4% 0;
  flex: 0 0 49%;
}

ul.info-box-center .archiv-inst-wrap {
  display: flex;
  flex-direction: column;
  transition-duration: 0.2s;
  height: 100%;
}

ul.info-box-center .archiv-inst-wrap:hover {
  transform: scale(1.05);
  transition-duration: 0.3s;
}

ul.info-box-center .archiv-inst-img {
    position: relative;
    height: 250px;
    overflow: hidden;
}
.inst-img-wrap{
	height: 100%;
}
.inst-img-wrap > img{
	height: 100%;
	width: 100%;
    object-fit: cover;
}
ul.info-box-center .archiv-inst-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.info-box-center .caption {
  color: #0ABAB5;
  font-weight: 600;
}

ul.info-box-center li:hover .archiv-inst-mask {
  opacity: 1;
}

ul.info-box-center .archiv-inst-box {
  background: #fff;
  padding: 16px 10px;
  text-align: center;
  line-height: 1.3;
  flex: 1;
}

ul.info-box-center .archiv-inst-box .archiv-inst-name {
  font-weight: 600;
  font-size: 1.7rem;
}

ul.info-box-center .archiv-inst-box .archiv-inst-category-team {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
  color: #666;
}

ul.info-box-center .archiv-inst-box .archiv-inst-category {
  font-weight: 600;
  font-size: 1.3rem;
  margin-top: 10px;
}

@media only screen and (min-width: 1024px) {
	ul.info-box-center li {
		flex: 0 0 24%;
	}
	ul.info-box-center .archiv-inst-img {
		height: 300px;
	}
}
/* (min-width: 1024px)*/
/* ==============================
*
*
*
*
* 	個人情報保護方針
*
*
*
*
* ============================= */
@media only screen and (min-width: 1024px) {
  #privacy-policy header {
    padding-bottom: 32px;
  }
}
.privacy-policy p {
  margin: 0 0 16px 0;
}

/* ============================
*
*
*
* 	footer0
*
*
*
* ============================ */
footer {
  width: 100%;
  margin: 0 auto;
  padding: 48px 16px 100px;
  background: #0ABAB5;
  font-weight: 400;
  font-size: 1.2rem;
  border-top: double 5px #fff;
}

footer p {
  text-indent: 0rem;
}
footer .footer-inner{
	max-width: 1156px;
	margin: auto;
	color: #FFF;
}
footer ul.footerflex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer ul.footerflex li {
  flex: 0 0 45%;
  color: #fff;
}

footer ul.footerflex li.sf-pt {
  padding-bottom: 16px;
  color: #fff;
}

footer ul.footerflex li.footersubmenu-t {
  font-size: 1.3rem;
  font-weight: 800;
  color: #fff;
}
footer ul.footerflex .menulogo-img {
	width: 130px;
}

footer ul.footerflex li.footer-img-wrap {
  display: none;
}

footer li.o-linkbox {
  margin: 0 0 0;
  padding: 32px 0 0 0;
  line-height: 1.5;
}

footer li.o-linkbox img {
  max-width: 100%;
  width: 300px;
  height: auto;
}

footer li.o-linkbox p {
  padding: 4px 0 0 0;
  margin: 0 0 0 -1rem;
  font-size: 1.2rem;
}

footer a {
  color: #fff;
  font-weight: 400;
}

footer a:visited {
  color: #fff;
}

footer a:active, footer a:hover {
  color: #fff;
}

@media only screen and (min-width: 1024px) {
  footer {
    justify-content: space-between;
  }

  footer ul.footerflex li {
    flex: 1;
  }

  footer ul.footerflex li.footer-img-wrap {
    display: block;
    width: 150px;
    height: auto;
  }

  footer li.o-linkbox {
    padding: 0 0 0;
  }
}
footer li.linkbox2025 {
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  footer li.linkbox2025 {
    padding: 20px 0 0 0;
  }
}
.copylight {
  font-size: 1rem;
  color: #fff;
  text-align: center;
}
/* new footer start 17/12/25 */
.footer-inner .none-sp{
	display: none;
}
.footer-inner .logos-area{
	display: flex;
	flex-direction: column;
	margin: 0 0 50px;
}
.footer-inner .logos-area .menulogo-img{
	display: block;
	width: 130px;
	margin-bottom: auto;
}
.footer-inner .logos-area .fl-wrap{
	position: relative;
	top: 100%;
}
.footer-inner .logos-area .copylight{
	white-space: nowrap;
}
.footer-inner .menu-area .title-bar{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	white-space: nowrap;
}
.footer-inner .menu-area .title-bar:after{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #FFF;
	margin-left: 10px;
}
.footer-inner .menu-area .menu-list{
	display: flex;
	align-items: center;
	gap: 15px 30px;
    flex-wrap: wrap;
}
.footer-inner .menu-area .menu-list + .title-bar{
	margin-top: 60px;
}
.footer-inner .copy-area{
	margin-top: 60px;
}
@media only screen and (min-width: 1024px) {
	.footer-inner{
		display: flex;
		gap: 0 50px;
	}
	.footer-inner .none-sp{
		display: block;
	}
	.footer-inner .none-pc{
		display: none;
	}
	.footer-inner .logos-area{
		margin: 0;
	}
	.copylight {
		text-align: left;
	}
}
/* new footer end 17/12/25 */

/* 
*
*
*
*
*  icon moon 2017
*  SHAKE DANCE STUDIO 
*
*
*
*
*
*
*
*
*/
@font-face {
  font-family: 'icomoon';
  src: url("./fonts/icomoon.eot?pjwtox");
  src: url("./fonts/icomoon.eot?pjwtox#iefix") format("embedded-opentype"), url("./fonts/icomoon.ttf?pjwtox") format("truetype"), url("./fonts/icomoon.woff?pjwtox") format("woff"), url("./fonts/icomoon.svg?pjwtox#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-asterisk:before {
  content: "\f069";
}

.icon-plus:before {
  content: "\f067";
}

.icon-minus:before {
  content: "\f068";
}

.icon-envelope-o:before {
  content: "\f003";
}

.icon-heart2:before {
  content: "\f004";
}

.icon-star:before {
  content: "\f005";
}

.icon-star-o:before {
  content: "\f006";
}

.icon-check:before {
  content: "\f00c";
}

.icon-close:before {
  content: "\f00d";
}

.icon-remove:before {
  content: "\f00d";
}

.icon-times:before {
  content: "\f00d";
}

.icon-home4:before {
  content: "\f015";
}

.icon-file-o:before {
  content: "\f016";
}

.icon-clock-o:before {
  content: "\f017";
}

.icon-arrow-circle-o-down:before {
  content: "\f01a";
}

.icon-arrow-circle-o-up:before {
  content: "\f01b";
}

.icon-play-circle-o:before {
  content: "\f01d";
}

.icon-headphones2:before {
  content: "\f025";
}

.icon-print:before {
  content: "\f02f";
}

.icon-camera2:before {
  content: "\f030";
}

.icon-pencil:before {
  content: "\f040";
}

.icon-map-marker:before {
  content: "\f041";
}

.icon-tint:before {
  content: "\f043";
}

.icon-edit:before {
  content: "\f044";
}

.icon-pencil-square-o:before {
  content: "\f044";
}

.icon-check-square-o:before {
  content: "\f046";
}

.icon-chevron-left:before {
  content: "\f053";
}

.icon-chevron-right:before {
  content: "\f054";
}

.icon-plus-circle:before {
  content: "\f055";
}

.icon-minus-circle:before {
  content: "\f056";
}

.icon-times-circle:before {
  content: "\f057";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-question-circle:before {
  content: "\f059";
}

.icon-info-circle:before {
  content: "\f05a";
}

.icon-times-circle-o:before {
  content: "\f05c";
}

.icon-check-circle-o:before {
  content: "\f05d";
}

.icon-ban:before {
  content: "\f05e";
}

.icon-arrow-left:before {
  content: "\f060";
}

.icon-arrow-right:before {
  content: "\f061";
}

.icon-arrow-up:before {
  content: "\f062";
}

.icon-arrow-down:before {
  content: "\f063";
}

.icon-mail-forward:before {
  content: "\f064";
}

.icon-share:before {
  content: "\f064";
}

.icon-exclamation-circle:before {
  content: "\f06a";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-comment:before {
  content: "\f075";
}

.icon-chevron-up:before {
  content: "\f077";
}

.icon-chevron-down:before {
  content: "\f078";
}

.icon-folder:before {
  content: "\f07b";
}

.icon-folder-open:before {
  content: "\f07c";
}

.icon-twitter-square:before {
  content: "\f081";
}

.icon-facebook-square:before {
  content: "\f082";
}

.icon-comments:before {
  content: "\f086";
}

.icon-thumbs-o-up:before {
  content: "\f087";
}

.icon-heart-o:before {
  content: "\f08a";
}

.icon-sign-out:before {
  content: "\f08b";
}

.icon-linkedin-square:before {
  content: "\f08c";
}

.icon-external-link:before {
  content: "\f08e";
}

.icon-phone2:before {
  content: "\f095";
}

.icon-square-o:before {
  content: "\f096";
}

.icon-bookmark-o:before {
  content: "\f097";
}

.icon-phone-square:before {
  content: "\f098";
}

.icon-twitter2:before {
  content: "\f099";
}

.icon-facebook3:before {
  content: "\f09a";
}

.icon-facebook-f:before {
  content: "\f09a";
}

.icon-feed:before {
  content: "\f09e";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-arrow-circle-left:before {
  content: "\f0a8";
}

.icon-arrow-circle-right:before {
  content: "\f0a9";
}

.icon-arrow-circle-up:before {
  content: "\f0aa";
}

.icon-arrow-circle-down:before {
  content: "\f0ab";
}

.icon-chain:before {
  content: "\f0c1";
}

.icon-link2:before {
  content: "\f0c1";
}

.icon-cut:before {
  content: "\f0c4";
}

.icon-scissors:before {
  content: "\f0c4";
}

.icon-copy:before {
  content: "\f0c5";
}

.icon-files-o:before {
  content: "\f0c5";
}

.icon-square:before {
  content: "\f0c8";
}

.icon-truck:before {
  content: "\f0d1";
}

.icon-google-plus-square:before {
  content: "\f0d4";
}

.icon-caret-up:before {
  content: "\f0d8";
}

.icon-caret-left:before {
  content: "\f0d9";
}

.icon-caret-right:before {
  content: "\f0da";
}

.icon-sort-desc:before {
  content: "\f0dd";
}

.icon-sort-down:before {
  content: "\f0dd";
}

.icon-sort-asc:before {
  content: "\f0de";
}

.icon-sort-up:before {
  content: "\f0de";
}

.icon-envelope:before {
  content: "\f0e0";
}

.icon-linkedin:before {
  content: "\f0e1";
}

.icon-rotate-left:before {
  content: "\f0e2";
}

.icon-undo:before {
  content: "\f0e2";
}

.icon-comment-o:before {
  content: "\f0e5";
}

.icon-comments-o:before {
  content: "\f0e6";
}

.icon-plus-square:before {
  content: "\f0fe";
}

.icon-angle-double-left:before {
  content: "\f100";
}

.icon-angle-double-right:before {
  content: "\f101";
}

.icon-angle-double-up:before {
  content: "\f102";
}

.icon-angle-double-down:before {
  content: "\f103";
}

.icon-angle-left:before {
  content: "\f104";
}

.icon-angle-right:before {
  content: "\f105";
}

.icon-angle-up:before {
  content: "\f106";
}

.icon-angle-down:before {
  content: "\f107";
}

.icon-quote-left:before {
  content: "\f10d";
}

.icon-quote-right:before {
  content: "\f10e";
}

.icon-star-half-empty:before {
  content: "\f123";
}

.icon-star-half-full:before {
  content: "\f123";
}

.icon-star-half-o:before {
  content: "\f123";
}

.icon-location-arrow:before {
  content: "\f124";
}

.icon-info:before {
  content: "\f129";
}

.icon-exclamation:before {
  content: "\f12a";
}

.icon-chevron-circle-left:before {
  content: "\f137";
}

.icon-chevron-circle-right:before {
  content: "\f138";
}

.icon-chevron-circle-up:before {
  content: "\f139";
}

.icon-chevron-circle-down:before {
  content: "\f13a";
}

.icon-ellipsis-h:before {
  content: "\f141";
}

.icon-ellipsis-v:before {
  content: "\f142";
}

.icon-play-circle:before {
  content: "\f144";
}

.icon-minus-square:before {
  content: "\f146";
}

.icon-check-square:before {
  content: "\f14a";
}

.icon-pencil-square:before {
  content: "\f14b";
}

.icon-external-link-square:before {
  content: "\f14c";
}

.icon-share-square:before {
  content: "\f14d";
}

.icon-file:before {
  content: "\f15b";
}

.icon-file-text:before {
  content: "\f15c";
}

.icon-youtube-square:before {
  content: "\f166";
}

.icon-youtube3:before {
  content: "\f167";
}

.icon-youtube-play:before {
  content: "\f16a";
}

.icon-dropbox2:before {
  content: "\f16b";
}

.icon-instagram2:before {
  content: "\f16d";
}

.icon-flickr:before {
  content: "\f16e";
}

.icon-tumblr3:before {
  content: "\f173";
}

.icon-tumblr-square:before {
  content: "\f174";
}

.icon-long-arrow-down:before {
  content: "\f175";
}

.icon-long-arrow-up:before {
  content: "\f176";
}

.icon-long-arrow-right:before {
  content: "\f178";
}

.icon-apple:before {
  content: "\f179";
}

.icon-windows:before {
  content: "\f17a";
}

.icon-android:before {
  content: "\f17b";
}

.icon-gittip:before {
  content: "\f184";
}

.icon-gratipay:before {
  content: "\f184";
}

.icon-sun-o:before {
  content: "\f185";
}

.icon-arrow-circle-o-right:before {
  content: "\f18e";
}

.icon-arrow-circle-o-left:before {
  content: "\f190";
}

.icon-caret-square-o-left:before {
  content: "\f191";
}

.icon-toggle-left:before {
  content: "\f191";
}

.icon-dot-circle-o:before {
  content: "\f192";
}

.icon-vimeo-square:before {
  content: "\f194";
}

.icon-plus-square-o:before {
  content: "\f196";
}

.icon-envelope-square:before {
  content: "\f199";
}

.icon-google3:before {
  content: "\f1a0";
}

.icon-file-pdf-o:before {
  content: "\f1c1";
}

.icon-file-word-o:before {
  content: "\f1c2";
}

.icon-file-excel-o:before {
  content: "\f1c3";
}

.icon-file-powerpoint-o:before {
  content: "\f1c4";
}

.icon-circle-o-notch:before {
  content: "\f1ce";
}

.icon-wechat:before {
  content: "\f1d7";
}

.icon-weixin:before {
  content: "\f1d7";
}

.icon-circle-thin:before {
  content: "\f1db";
}

.icon-calculator:before {
  content: "\f1ec";
}

.icon-cc-visa:before {
  content: "\f1f0";
}

.icon-cc-mastercard:before {
  content: "\f1f1";
}

.icon-cc-discover:before {
  content: "\f1f2";
}

.icon-cc-amex:before {
  content: "\f1f3";
}

.icon-cc-paypal:before {
  content: "\f1f4";
}

.icon-bicycle:before {
  content: "\f206";
}

.icon-bus:before {
  content: "\f207";
}

.icon-diamond:before {
  content: "\f219";
}

.icon-facebook-official:before {
  content: "\f230";
}

.icon-pinterest-p:before {
  content: "\f231";
}

.icon-whatsapp2:before {
  content: "\f232";
}

.icon-train:before {
  content: "\f238";
}

.icon-subway:before {
  content: "\f239";
}

.icon-chrome2:before {
  content: "\f268";
}

.icon-firefox2:before {
  content: "\f269";
}

.icon-opera:before {
  content: "\f26a";
}

.icon-internet-explorer:before {
  content: "\f26b";
}

.icon-amazon2:before {
  content: "\f270";
}

.icon-calendar-check-o:before {
  content: "\f274";
}

.icon-map-o:before {
  content: "\f278";
}

.icon-map:before {
  content: "\f279";
}

.icon-commenting:before {
  content: "\f27a";
}

.icon-commenting-o:before {
  content: "\f27b";
}

.icon-credit-card-alt:before {
  content: "\f283";
}

.icon-fort-awesome:before {
  content: "\f286";
}

.icon-product-hunt:before {
  content: "\f288";
}

.icon-google-plus-circle:before {
  content: "\f2b3";
}

.icon-google-plus-official:before {
  content: "\f2b3";
}

.icon-envelope-open:before {
  content: "\f2b6";
}

.icon-envelope-open-o:before {
  content: "\f2b7";
}

.icon-address-book-o:before {
  content: "\f2ba";
}

.icon-address-card:before {
  content: "\f2bb";
}

.icon-vcard:before {
  content: "\f2bb";
}

.icon-address-card-o:before {
  content: "\f2bc";
}

.icon-vcard-o:before {
  content: "\f2bc";
}

.icon-drivers-license-o:before {
  content: "\f2c3";
}

.icon-id-card-o:before {
  content: "\f2c3";
}

.icon-window-maximize:before {
  content: "\f2d0";
}

.icon-times-rectangle:before {
  content: "\f2d3";
}

.icon-window-close:before {
  content: "\f2d3";
}

.icon-times-rectangle-o:before {
  content: "\f2d4";
}

.icon-window-close-o:before {
  content: "\f2d4";
}

.icon-brand:before {
  content: "\e900";
  color: #999;
}

.icon-brand2:before {
  content: "\e901";
  color: #0678be;
}

.icon-brand3:before {
  content: "\e902";
  color: #3b5998;
}

.icon-brand4:before {
  content: "\e903";
  color: #007cc3;
}

.icon-brand5:before {
  content: "\e904";
  color: #4285f4;
}

.icon-brand6:before {
  content: "\e905";
  color: #0c9d58;
}

.icon-brand7:before {
  content: "\e906";
  color: #005ea5;
}

.icon-brand8:before {
  content: "\e907";
  color: #630;
}

.icon-brand9:before {
  content: "\e908";
  color: #e4405f;
}

.icon-brand10:before {
  content: "\e909";
  color: #d51007;
}

.icon-brand11:before {
  content: "\e90a";
  color: #00c300;
}

.icon-brand12:before {
  content: "\e90b";
  color: #0077b5;
}

.icon-brand13:before {
  content: "\e90c";
  color: #e11a2b;
}

.icon-brand14:before {
  content: "\e90d";
  color: #666;
}

.icon-brand15:before {
  content: "\e90e";
  color: #b92b27;
}

.icon-brand16:before {
  content: "\e90f";
  color: #f5c300;
}

.icon-brand17:before {
  content: "\e910";
  color: #53b50a;
}

.icon-brand18:before {
  content: "\e911";
  color: #36465d;
}

.icon-brand19:before {
  content: "\e912";
  color: #1da1f2;
}

.icon-brand20:before {
  content: "\e913";
  color: #1ab7ea;
}

.icon-brand21:before {
  content: "\e914";
  color: #25d366;
}

.icon-brand22:before {
  content: "\e915";
  color: #cd201f;
}

.icon-home:before {
  content: "\e916";
}

.icon-home2:before {
  content: "\e917";
}

.icon-home3:before {
  content: "\e918";
}

.icon-pencil2:before {
  content: "\e91f";
}

.icon-images:before {
  content: "\e919";
}

.icon-camera:before {
  content: "\e91a";
}

.icon-headphones:before {
  content: "\e91b";
}

.icon-play:before {
  content: "\e920";
}

.icon-film:before {
  content: "\e921";
}

.icon-video-camera:before {
  content: "\e922";
}

.icon-spades:before {
  content: "\e91c";
}

.icon-clubs:before {
  content: "\e91d";
}

.icon-diamonds:before {
  content: "\e91e";
}

.icon-phone:before {
  content: "\e942";
}

.icon-phone-hang-up:before {
  content: "\e943";
}

.icon-location:before {
  content: "\e947";
}

.icon-location2:before {
  content: "\e948";
}

.icon-clock:before {
  content: "\e94e";
}

.icon-clock2:before {
  content: "\e94f";
}

.icon-alarm:before {
  content: "\e950";
}

.icon-bell:before {
  content: "\e951";
}

.icon-calendar2:before {
  content: "\e953";
}

.icon-printer:before {
  content: "\e954";
}

.icon-display:before {
  content: "\e956";
}

.icon-laptop:before {
  content: "\e957";
}

.icon-mobile:before {
  content: "\e958";
}

.icon-mobile2:before {
  content: "\e959";
}

.icon-tablet:before {
  content: "\e95a";
}

.icon-bubble:before {
  content: "\e96b";
}

.icon-bubbles:before {
  content: "\e96c";
}

.icon-bubbles2:before {
  content: "\e96d";
}

.icon-bubbles3:before {
  content: "\e96f";
}

.icon-users:before {
  content: "\e972";
}

.icon-quotes-left:before {
  content: "\e977";
}

.icon-quotes-right:before {
  content: "\e978";
}

.icon-cloud-check:before {
  content: "\e9c4";
}

.icon-download2:before {
  content: "\e9c5";
}

.icon-link:before {
  content: "\e9cb";
}

.icon-attachment:before {
  content: "\e9cd";
}

.icon-bookmarks:before {
  content: "\e9d3";
}

.icon-heart:before {
  content: "\e9da";
}

.icon-checkmark:before {
  content: "\ea10";
}

.icon-checkmark2:before {
  content: "\ea11";
}

.icon-arrow-up2:before {
  content: "\ea32";
}

.icon-arrow-up-right:before {
  content: "\ea33";
}

.icon-arrow-right2:before {
  content: "\ea34";
}

.icon-arrow-down-right:before {
  content: "\ea35";
}

.icon-arrow-down2:before {
  content: "\ea36";
}

.icon-arrow-down-left:before {
  content: "\ea37";
}

.icon-arrow-left3:before {
  content: "\ea38";
}

.icon-arrow-up-left2:before {
  content: "\ea39";
}

.icon-arrow-up22:before {
  content: "\ea3a";
}

.icon-arrow-up-right2:before {
  content: "\ea3b";
}

.icon-arrow-right22:before {
  content: "\ea3c";
}

.icon-arrow-down-right2:before {
  content: "\ea3d";
}

.icon-arrow-down22:before {
  content: "\ea3e";
}

.icon-arrow-down-left2:before {
  content: "\ea3f";
}

.icon-arrow-left2:before {
  content: "\ea40";
}

.icon-circle-up:before {
  content: "\ea41";
}

.icon-circle-right:before {
  content: "\ea42";
}

.icon-circle-down:before {
  content: "\ea43";
}

.icon-circle-left:before {
  content: "\ea44";
}

.icon-checkbox-checked:before {
  content: "\ea52";
}

.icon-radio-checked2:before {
  content: "\ea55";
}

.icon-radio-unchecked:before {
  content: "\ea56";
}

.icon-mail:before {
  content: "\ea83";
}

.icon-amazon:before {
  content: "\ea87";
}

.icon-google:before {
  content: "\ea88";
}

.icon-google2:before {
  content: "\ea89";
}

.icon-google-plus:before {
  content: "\ea8b";
}

.icon-google-plus2:before {
  content: "\ea8c";
}

.icon-google-plus3:before {
  content: "\ea8d";
}

.icon-facebook:before {
  content: "\ea90";
}

.icon-facebook2:before {
  content: "\ea91";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-whatsapp:before {
  content: "\ea93";
}

.icon-twitter:before {
  content: "\ea96";
}

.icon-rss2:before {
  content: "\ea9c";
}

.icon-youtube:before {
  content: "\ea9d";
}

.icon-youtube2:before {
  content: "\ea9e";
}

.icon-flickr2:before {
  content: "\eaa4";
}

.icon-flickr3:before {
  content: "\eaa5";
}

.icon-dropbox:before {
  content: "\eaae";
}

.icon-onedrive:before {
  content: "\eaaf";
}

.icon-tumblr:before {
  content: "\eab9";
}

.icon-tumblr2:before {
  content: "\eaba";
}

.icon-chrome:before {
  content: "\ead9";
}

.icon-firefox:before {
  content: "\eada";
}

.icon-IE:before {
  content: "\eadb";
}

.icon-edge:before {
  content: "\eadc";
}

/* =======================================================
*
* 	top page images
*
* ======================================================= */
#top .Opening {
  position: relative;
  background-color: #FFF;
}
#top .Opening a span {
  position: absolute;
  bottom: 100px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
#top .Opening ul li {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
#top .Opening ul li img.Opening__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
}
#top .Opening ul li span img.Opening__img {
  max-width: inherit;
  width: 100%;
  height: auto;
}

.instagram-wrap {
  margin: 0 auto 0;
  width: 98%;
}

.instagram-gallery__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
}

.instagram-gallery__item {
  max-width: 49.5%;
  max-height: 49.5%;
  background: #fff;
  align-self: center;
  margin-bottom: 1%;
  overflow: hidden;
}
.instagram-gallery__item img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 1024px) {
  .instagram-wrap {
    width: 99%;
  }

  .instagram-gallery__item {
    max-width: 16%;
    max-height: 16%;
    background: #fff;
    align-self: center;
    margin-bottom: .3%;
  }
}
/* =======================================================

Slider Pro

*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*
*
* ======================================================= */
.slider-pro {
  position: relative;
  margin: 0 auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.sp-slides-container {
  position: relative;
}

.sp-mask {
  position: relative;
  overflow: hidden;
}

.sp-slides {
  position: relative;
}

.sp-slide {
  position: absolute;
}

.sp-image-container {
  overflow: hidden;
}

.sp-image {
  position: relative;
  display: block;
  border: none;
}

.sp-no-js {
  overflow: hidden;
  max-width: 100%;
}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
  direction: ltr;
}

.sp-top-thumbnails,
.sp-bottom-thumbnails {
  left: 0;
  margin: 0 auto;
}

.sp-top-thumbnails {
  position: absolute;
  top: 0;
  margin-bottom: 4px;
}

.sp-bottom-thumbnails {
  margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
  position: absolute;
  top: 0;
}

.sp-right-thumbnails {
  right: 0;
  margin-left: 4px;
}

.sp-left-thumbnails {
  left: 0;
  margin-right: 4px;
}

.sp-thumbnails {
  position: relative;
}

.sp-thumbnail {
  border: none;
}

.sp-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-rtl .sp-thumbnail-container {
  float: right;
}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0;
}

/* Vertical thumbnails 
----------------------*/
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0;
}

/* Right thumbnails with pointer
--------------------------------*/
.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  left: 18px;
  margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid #F00;
  left: 0;
  top: 0;
  margin-left: 13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: -8px;
  border-right: 13px solid #F00;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* Left thumbnails with pointer
-------------------------------*/
.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid #F00;
  right: 0;
  top: 0;
  margin-right: 13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 50%;
  margin-top: -8px;
  border-left: 13px solid #F00;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

/* Bottom thumbnails with pointer
---------------------------------*/
.sp-bottom-thumbnails.sp-has-pointer {
  margin-top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  top: 18px;
  margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid #F00;
  top: 0;
  margin-top: 13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 0;
  margin-left: -8px;
  border-bottom: 13px solid #F00;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/* Top thumbnails with pointer
------------------------------*/
.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid #F00;
  bottom: 0;
  margin-bottom: 13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  border-top: 13px solid #F00;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

/* Layers
--------------------------------------------------*/
.sp-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
}

.sp-black {
  color: #FFF;
  background: black;
  background: rgba(0, 0, 0, 0.7);
}

.sp-white {
  color: #000;
  background: white;
  background: rgba(255, 255, 255, 0.7);
}

.sp-rounded {
  border-radius: 10px;
}

.sp-padding {
  padding: 10px;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
  cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
  cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
  cursor: default;
}

/* Caption
--------------------------------------------------*/
.sp-caption-container {
  text-align: center;
  margin-top: 10px;
}

/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
  margin: 0 !important;
  background-color: #000;
}

.sp-full-screen-button {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp-full-screen-button:before {
  content: '\2195';
}

.sp-fade-full-screen {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
  opacity: 1;
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

.sp-rtl .sp-buttons {
  direction: rtl;
}

.sp-full-screen .sp-buttons {
  display: none;
}

.sp-button {
  width: 10px;
  height: 10px;
  border: 2px solid #0ABAB5;
  border-radius: 50%;
  margin: 4px 12px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.sp-selected-button {
  background-color: #0ABAB5;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sp-button {
    width: 14px;
    height: 14px;
  }
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .sp-button {
    width: 10px;
    height: 10px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .sp-button {
    width: 10px;
    height: 10px;
  }
}
/* Arrows
--------------------------------------------------*/
.sp-arrows {
  position: absolute;
}

.sp-fade-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
  opacity: 1;
}

.sp-horizontal .sp-arrows {
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -15px;
}

.sp-vertical .sp-arrows {
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -10px;
}

.sp-arrow {
  position: absolute;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer;
}

.sp-vertical .sp-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
  left: 20px;
  right: auto;
}

.sp-horizontal.sp-rtl .sp-previous-arrow {
  right: 20px;
  left: auto;
}

.sp-horizontal .sp-next-arrow {
  right: 20px;
  left: auto;
}

.sp-horizontal.sp-rtl .sp-next-arrow {
  left: 20px;
  right: auto;
}

.sp-vertical .sp-previous-arrow {
  top: 20px;
}

.sp-vertical .sp-next-arrow {
  bottom: 20px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF;
}

.sp-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sp-horizontal.sp-rtl .sp-previous-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sp-horizontal.sp-rtl .sp-next-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.ie8 .sp-arrow,
.ie7 .sp-arrow {
  width: 0;
  height: 0;
}

.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
  content: none;
}

.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
  border-right: 10px solid #FFF;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
  border-left: 10px solid #FFF;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
  border-bottom: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
  border-top: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
  position: absolute;
}

.sp-fade-thumbnail-arrows {
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -7px;
}

.sp-thumbnail-arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  left: 0px;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  right: 0px;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0px;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0px;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF;
}

.sp-previous-thumbnail-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
}

.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
  width: 0;
  height: 0;
}

.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
  content: none;
}

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

/* Video
--------------------------------------------------*/
a.sp-video {
  text-decoration: none;
}

a.sp-video img {
  border: none;
}

a.sp-video:after {
  content: '\25B6';
  position: absolute;
  width: 45px;
  padding-left: 5px;
  height: 50px;
  border: 2px solid #FFF;
  text-align: center;
  font-size: 30px;
  border-radius: 30px;
  top: 0;
  color: #FFF;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  margin: auto;
  line-height: 52px;
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
  max-width: none;
  max-height: none;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.slider-pro a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
}

.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
  max-width: none;
  max-height: none;
}

.slider-pro p.sp-layer {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h1.sp-layer {
  font-size: 32px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h2.sp-layer {
  font-size: 24px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h3.sp-layer {
  font-size: 19px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h4.sp-layer {
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h5.sp-layer {
  font-size: 13px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro h6.sp-layer {
  font-size: 11px;
  line-height: 1.4;
  margin: 0;
}

.slider-pro img.sp-layer {
  border: none;
}

/* =======================================================

Slider Pro

*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*
*
* ======================================================= */
[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
  transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate {
  transition-delay: .1s;
}

[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
  transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate {
  transition-delay: .15s;
}

[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
  transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
  transition-delay: .2s;
}

[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
  transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate {
  transition-delay: .25s;
}

[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
  transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate {
  transition-delay: .3s;
}

[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
  transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate {
  transition-delay: .35s;
}

[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
  transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate {
  transition-delay: .4s;
}

[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
  transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate {
  transition-delay: .45s;
}

[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
  transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate {
  transition-delay: .5s;
}

[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
  transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate {
  transition-delay: .55s;
}

[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
  transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate {
  transition-delay: .6s;
}

[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
  transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate {
  transition-delay: .65s;
}

[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
  transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate {
  transition-delay: .7s;
}

[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
  transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate {
  transition-delay: .75s;
}

[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
  transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {
  transition-delay: .8s;
}

[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
  transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate {
  transition-delay: .85s;
}

[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
  transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate {
  transition-delay: .9s;
}

[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
  transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate {
  transition-delay: .95s;
}

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate(0);
}

[data-aos=fade-up] {
  transform: translateY(100px);
}

[data-aos=fade-down] {
  transform: translateY(-100px);
}

[data-aos=fade-right] {
  transform: translate(-100px);
}

[data-aos=fade-left] {
  transform: translate(100px);
}

[data-aos=fade-up-right] {
  transform: translate(-100px, 100px);
}

[data-aos=fade-up-left] {
  transform: translate(100px, 100px);
}

[data-aos=fade-down-right] {
  transform: translate(-100px, -100px);
}

[data-aos=fade-down-left] {
  transform: translate(100px, -100px);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translateY(100px) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translateY(-100px) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate(-100px) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate(100px) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translateY(100px) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translateY(-100px) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate(-100px) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate(100px) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate(0);
}

[data-aos=slide-up] {
  transform: translateY(100%);
}

[data-aos=slide-down] {
  transform: translateY(-100%);
}

[data-aos=slide-right] {
  transform: translateX(-100%);
}

[data-aos=slide-left] {
  transform: translateX(100%);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/*# sourceMappingURL=aos.css.map*/
.sp-slide {
  cursor: pointer;
}

#topimg .titlebox00 {
  background: rgba(0, 0, 0, 0.8);
  border-bottom: #fff double;
  margin: 300px 16px 32px 16px;
  color: #fff;
  font-weight: bolder;
  font-size: 1.3em;
  text-align: left;
  padding: 2px 8px;
}
#topimg .titlebox00 img {
  width: 30px;
  height: auto;
  margin: 2px 8px 0 0px;
}

#topimg .textbox00 {
  margin: 350px 0px 66px 16px;
  color: #fff;
  max-width: 92%;
  font-size: .8em;
  font-weight: bolder;
  padding: 2px 4px;
}

#topimg .textbox01 {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 1em;
  font-weight: bolder;
  padding: 2px 4px 2px 6px;
}

#topimg .textbox02 {
  display: inline-block;
  margin-top: 16px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 1em;
  font-weight: bolder;
  padding: 4px 4px 4px 5px;
  color: #000;
}
#topimg .textbox02 p {
  border: #aaa dotted 2px;
  padding: 4px 4px 4px 8px;
}

@media only screen and (min-width: 1024px) {
  #topimg .titlebox00 {
    border-bottom: #fff double 4px;
    margin: 380px 32px 0;
    color: #fff;
    font-weight: bolder;
    font-size: 1.8em;
  }
  #topimg .titlebox00 img {
    width: 40px;
    height: auto;
  }

  #topimg .textbox00 {
    margin: 480px 32px 0;
    color: #fff;
    max-width: 550px;
    font-size: 1em;
    width: auto;
  }
}

/*# sourceMappingURL=style.css.map */

/* 404 */
.header-404 .header-img .title {
	top: 200px;
}
.header-404 .header-img .sub-title{
	text-align: center;
	top: 290px;
}

/* class-info */
.page-class-info-single{
}
.page-class-info .title-class-info{
	margin-bottom: 58px;	
}
.class-info-archives{
}
.class-info-archives .post-title-wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: .1s all linear;
}
.class-info-archives .archive-list > li + li{
	margin-top: 36px;
}
@media only screen and (min-width: 1024px) {
	.class-info-archives{
		margin: 0 84px;
	}
}
/* single-post */
.single-post {
	
}
.single-post .pankuzuwrap {
	position: static;
	background-color: transparent;
}
.single-post .pankuzuwrap {
  margin: 40px 0 0 0;
  width: 100%;
  height: 24px;
}
.single-post .pankuzuwrap ul.pankuzubox {
  max-width: 888px;
  margin: 0 auto;
  padding: 3px 16px;
  display: flex;
  font-size: 1rem;
}
.single-post .pankuzuwrap ul.pankuzubox li {
  color: #333;
}
.single-post .pankuzuwrap ul.pankuzubox li a,
.single-post .pankuzuwrap ul.pankuzubox li a:active,
.single-post .pankuzuwrap ul.pankuzubox li a:visited {
  color: #333;
  text-decoration: underline;
}
.single-post .pankuzuwrap ul.pankuzubox li a:hover {
  color: #000;
  text-decoration: none;
}
.single-post .sec-cont-post{
	padding-top: 24px;
}
@media only screen and (min-width: 1024px) {
  .single-post .pankuzuwrap {
    margin: 74px 0 0 0;
    width: 100%;
    height: 24px;
  }
}

/* top */
.sec-top-banner .top-banner-bg{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-top-banner .top-banner-border{
	border: 2px solid #777;
}
.sec-pick-up .link-pick-up{
	display: block;
}
.sec-pick-up .img-pu-thumb{
	display: block;
	margin: auto;
}