/*==================================
=            Common CSS            =
==================================*/

body{
	font-family : Helvetica , YuGothic, "游ゴシック" , "Yu Gothic", '游ゴシック' , "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	max-width: 100%;
}

h1
h2,
h3,
h4 {
	text-transform: capitalize;
	font-weight: bold;
	color: #015bb3;
	color: rgba(1,91,179,1);
	line-height:1.5;
}

h2 > span,
h3 > span,
h4 > span{
	display: block;
	font-weight: normal;
}

h2,
h2.page-title {
	font-family: 'Anton', sans-serif;
	text-align: center;
	font-size: 38px;
}
h2.en {
	font-family: Helvetica , YuGothic, "游ゴシック" , "Yu Gothic", '游ゴシック' , "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
h2 > span, h2.page-title > span {
	display: block;
	font-size: 18px;
	color: #0d0e0e;
	margin-bottom: 30px;
	margin-top: 10px;
}

a {
	color:#0d0c0a;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a img{
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

a:hover,
a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

a:hover,
a:focus {
	text-decoration: none;
	color: #000;
}
.bigger{
	font-size: 120%;
}

.title-through-line {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 27px;
}

.title-through-line:after{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	top: 25%;
	background-color: #1f6fdc;
}

.title-through-line > span{
	background-color: #fff;
	position: relative;
	z-index: 1;
	font-size: 20px;
	padding: 0 30px;
	font-weight: bold;
	display: inline-block;
}
.title-through-line .wrap-word{
	background-color: #fff;
	position: relative;
	z-index: 1;
	font-size: 20px;
	padding: 0 30px;
	font-weight: bold;
	display: inline-block;
}

.title-through-line .wrap-word >span{
	display: block;
	margin-top: 20px;
}

.label-cyan,
.btn-cyan{
	background-color: #0eb1ac!important;
}
.label-red,
.btn-red{
	background-color: #e52a45!important;
}
.label-purple,
.btn-purple{
	background-color: #635bcb!important;
}
.label-pink,
.btn-pink{
	background-color: #dc1f62!important;
}
.label-blue,
.btn-blue{
	background-color: #1f6fdc!important;
}
.label-green,
.btn-green{
	background-color: #55b750!important;
}
.label-orange,
.btn-orange{
	background-color: #ed6e28!important;
}
.label-magenta,
.btn-magenta{
	background-color: #c562d1!important;
}

@media screen and (max-width: 767px) {

	.title-through-line	{margin-right: 0;}

}

/*文字色*/
.red{
	color: #ff0000;
}
.smpink{
	color: #E3738C;
}
.pink{
	color: #DC1F62;
}
.dpblue{
	color: #176194;
}
.puple{
	color: #635ACB;
}
/*文字色*/
.inverse-color{
	color: #0059B2;
}
.btn-inverse{
	background-color: rgba(1,91,179,1);
	color: #fff;
	text-shadow: none;
	border-radius: 0;
	word-spacing: normal;
	display: inline-block;
}
.btn-inverse:focus,
.btn-inverse:hover{
	background-color: rgba(1,91,179,0.9);
	color: #fff;
}
.btn-inverse i{
	margin-left: 25px;
	font-size: 20px;
}

/* Add 15 Grid system to for this site */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	/*width: 20%;*/
	width:19.5%;
	float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		/*width: 20%;*/
		width:19.5%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}
.bg-soft {
	background-color: #eef1fa;
	padding: 30px 0;
}

.bg-soft .title-through-line .wrap-word{
	background-color: #eef1fa;
}

.bg-blue {
	background-color: #bbcce3;
	padding: 40px 0;
	border-bottom: 1px solid #fff;
}
.bg-pink {
	background-color: #DC1F62;
	padding: 30px 0;
}
.jumbotron {
	color: #fff;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	padding-top: 65px;
	padding-bottom: 130px;
	position: relative;
	margin-bottom: 30px;
}
.jumbotron h1 + span{
	font-size: 18px;
}
.breadcrumb {
	position: absolute;
	width: 100%;
	background-color: rgba(1,91,179,0.8);
	padding: 12px 0;
	color: #fff;
	bottom: 0;
	margin-bottom: 0;
	border-radius: 0;
}
.breadcrumb li{
	display: inline-block;
}
.breadcrumb li a {
	color: #fff;
	display: inline-block;
	margin-right: 5px;
}
.breadcrumb li a:hover{
	text-decoration: underline;
}
.section{
	margin-bottom: 60px;
}

/*=====  End of Common CSS  ======*/





/*============================
=            Home            =
============================*/

/*----------  Carousel Slide  ----------*/
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-fade .carousel-inner .item img{
	width: 100%;
}

.slide-wrap{
	margin: 0 60px 20px;
}

.slide-wrap .carousel-control.left{
	left: -75px;
}

.slide-wrap .carousel-control.right{
	right: -75px;
}

.slide-wrap .carousel-inner .item img + p{
	font-weight: bold;
	margin-top:10px;
}
.slide-wrap .carousel-inner .item a{
	color:#0d0c0a;
}
.slide-wrap .carousel-control {
	width: 40px;
	height: 100px;
	background: #015bb3;
	opacity: 1;
	line-height: 100px;
	font-size: 32px;
	text-shadow: none;
	top: 40px;
}
.slide-wrap .carousel-control:hover{
	background-color: #1b73ca;
}
.slide-wrap .carousel-inner > .item > img,
.slide-wrap .carousel-inner > .item > a > img {
	margin: auto;
}

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

#campaign-free {
	margin: 60px 0 30px;
	position: relative;
}
#campaign-free_shape {
	margin: 60px 0 30px;
	position: relative;
}

#campaign-free > .campaign,
#campaign-free > .free-trial,
#campaign-free > .free-tennis{
	padding: 0;
}

#campaign-free div:after{
	position: absolute;
	top: 0;
	content:'';
	width: 0;
	height: 0;
}

#campaign-free .inner {
	color: #fff;
	position: relative;
	height: 135px;
}

#campaign-free .inner > a{
	display: block;
	z-index: 2;
	position: relative;
}

#campaign-free > div > .text-center{
	font-size: 16px;
	margin-top:15px;
}

#campaign-free .inner > img {
	position: absolute;
	top: 0;
	z-index: 2;
	/*clum2～3個のとき*/
	width: 20%;
	/*clum2～3個のとき*/
	/*clum1個のとき*/
	/*width: 10%;*/
	/*clum1個のとき*/
}

#campaign-free .campaign:after {
	/*border-top: 135px solid #d66dea;*/
	border-top: 135px solid #50D1C6;
	border-right: 80px solid transparent;
	right: -40px;
	z-index: 1;
}
#campaign-free .campaign .inner{
	/*background-color: #d66dea;*/
	background-color: #50D1C6;
}

#campaign-free .campaign .inner > img{
	left: 0;
}

/*#campaign-free .campaign .title-group {
	padding: 40px 0 20px 60px;
	width:90%;
}*/
#campaign-free .campaign .title-group {
	padding: 20px 0 20px 85px;
	width:90%;
}

/*カラムが2～3個のときはこちら*/
/*#campaign-free .free-trial:after {
border-bottom: 135px solid #50d1c6;
	border-bottom: 135px solid #ED6E28;
	border-left: 80px solid transparent;
	left: -40px;
	z-index: 1;
}*/
/*カラムが2～3個のときはこちら*/
/*カラムが1個のときはこちら*/
#campaign-free .free-trial:after {
/*	border-bottom: none;
	border-left: none;
	left: 0;
	z-index: 0;*/
}
/*カラムが1個のときはこちら*/


#campaign-free .free-trial .inner{
	/*background-color: #50d1c6;*/
	background-color: #ED6E28
}

#campaign-free .free-trial .inner > img{
	right:0;
}

#campaign-free .free-trial .title-group {
	padding: 20px 30px 20px 40px;
}

/*#campaign-free .free-tennis:after {
	border-bottom: 135px solid #ED6E28;
	border-left: 80px solid transparent;
	left: -65px;
	z-index: 1;
}*/
#campaign-free .free-tennis{
	padding-left: 0 !important;
}
#campaign-free .free-tennis .inner{
	background-color: #1f6fdc;
}

#campaign-free .free-tennis .inner > img{
	right:0;
}

/*#campaign-free .free-tennis .title-group {
	padding: 30px 20px 20px 30px;
	width: 90%;
}*/
#campaign-free .free-tennis .title-group {
	padding: 20px 20px 20px 30px;
	width: 90%;
}

/*#campaign-free .free-tennis:after {
border-bottom: 135px solid #50d1c6;
	border-bottom: 135px solid #1f6fdc;
	border-left: 80px solid transparent;
	left: -40px;
	z-index: 1;
}*/

#campaign-free .campaign,
#campaign-free .free-trial,
#campaign-free .free-tennis { width:50%; margin:0 auto; display:block; float:none; }
@media (max-width: 767px) {
#campaign-free .campaign,
#campaign-free .free-trial,
#campaign-free .free-tennis { width:100%; }
}




#campaign-free .outline {
	width: calc(100% - 20px);
	position: absolute;
	border: 1px solid yellow;
	min-height: 115px;
	margin: 10px;
	z-index: 1;
}
div.notice{
	width: auto;
	max-width: calc(1200px - 3em);
	border: 2px solid #1F6FDC;
	padding: 1.5em;
	text-align: left;
	margin: 30px auto 0;
}
div.notice h3{
	padding-bottom: 1em;
	font-size: 1.1em;
	color: #1F6FDC;
	text-align: center;
}
div.notice p span{
	font-size: 1.1em;
	font-weight: bold;
}
@media (min-width: 1200px) {
	div.notice h3{
		font-size: 23px;
		}
}
.trial {
	display: flex;
	  display: -webkit-flex;
	  -webkit-justify-content: space-between;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  margin: 5em auto;
  }
  .trial .bnr-trial {
	width: 48%;
	  margin: 1% auto;
	  border: solid 1px #ccc;
  }
  @media (max-width: 767px) {
	.trial {
	display: block;
  }
  .trial .bnr-trial {
	width: 80%;
	margin: 3% auto;
  }
  }

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

.recommend .desc{
	background-color: #fff;
	padding: 15px;
}

.recommend .desc h3{
	font-size: 20px;
	margin: 0 0 5px;
	text-align: center;
}
.recommend .desc h3 a{
	color:#1f6fdc;
}
.box-column {
	margin-top: 60px;
}

.box-column .title-through-line .big{
	font-size: 120%;
	color: #1f6fdc;
}

.box-column .inner {
	background-color: #fff;
	padding: 20px;
	position: relative;
	text-align: center;
}

.box-column .inner h3 > span {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px 15px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin-right: 10px;
	background-color: #1f6fdc;
}

.box-column .inner h3 {
	font-size: 20px;
}

.box-column .inner:after {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 45px;
	height: 50px;
	background: url(../images/components.png) no-repeat;
	content: '';
}

.box-column > div > div:first-child .inner:after {
	background-position: -120px -10px;
}

.box-column > div > div:nth-child(2) .inner:after{
	background-position: -174px -5px;
}

.box-column > div > div:nth-child(3) .inner:after{
	background-position: -230px 0;
}
.other {
	background: url(../images/bg-other.jpg) no-repeat center center #4077c4;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;
	color: #fff;
	padding: 40px 0 70px;
}
.other:after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background: rgba(31,111,220,0.5);
	width: 100%;
	height: 100%;
}
.other .container{
	position: relative;
	z-index: 1;
}

.other .container .text-center{
	font-size: 22px;
	margin-bottom:20px;
}

.other a,
.bg-blue a {
	display: inline-block;
	width: 100%;
	background-color: #fff;
	padding: 20px 30px 20px 10px;
	font-size: 16px;
	text-align: center;
	color: #0d0e0e;
}
.other .line-db a, .bg-blue .line-db a{
	padding: 8px 30px 8px 10px;
}
.other a > i,
.bg-blue a > i {
	color: #015bb3;
	position: absolute;
	right: 25px;
	top: 30%;
	font-size: 22px;
}
.other .icon-safe a{
	border:2px #dc1f62 solid;
	background-image:url(../images/ic_safe.png);
	background-position:left top;
	background-size:22%;
	background-repeat:no-repeat;
}
.other .icon-safe a i{
	color:#dc1f62;
}

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

.info-event{
	padding: 40px 0;
}

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

.schedule {
	background: url(../images/bg-sche.jpg) no-repeat center center #e8e5d6;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	padding: 40px 0;
}

.schedule .inner{
	position: relative;
	background-color:#fff;
	padding: 30px 90px 20px 20px; 
}

.schedule .inner a{
}

.schedule .inner a:hover{
	text-decoration: underline;
}

.schedule .inner:before{
	width: 20px;
	height: 20px;
	background-color: #015bb3;
	left:0;
	top: 0;
	position: absolute;
	content:'';
}

.schedule .inner:after {
	position: absolute;
	content: '';
	top: 10px;
	right: 15px;
	background: url(../images/components.png) no-repeat;
	width: 55px;
	height: 55px;
}

.schedule .col-sm-5 .col-md-12:first-child .inner:after{
	background-position: -225px 0;
}

.schedule .col-sm-5 .col-md-12:last-child .inner:after{
	background-position: -282px 0;
}

.schedule .col-sm-5 .col-md-12:last-child span{
	color: #c035ae;
}

.schedule .col-sm-7 .inner:after {
	background-position: -345px 0;
	width: 70px;
	height: 70px;
}

.schedule .inner h3 {
	color: #000;
	font-size: 20px;
	margin: 10px 0;
}
.schedule .inner .btn{
	margin:20px auto;
}
.schedule .col-sm-5 > div {
	margin-bottom: 20px;
}

.schedule .inner p:last-child{
	margin-bottom: 0;
}

.schedule ul {
	margin: 37px 0;
}

.schedule ul > li{
	margin-bottom: 10px;
}

.schedule ul > li:last-child{
	margin-bottom: 0;
}

.schedule .label {
	width: 100px;
	height: 30px;
	font-size: 15px;
	color: #fff;
	display: inline-block;
	line-height: 30px;
	border-radius: 0;
	font-weight: normal;
	margin-right: 15px;
}

.box-show {
	background: url(../images/bg-tower.jpg) no-repeat center top #f0eff4;
	background-size: 100%;
	padding: 50px 0;
}

.box-show h3 {
	position: relative;
	text-align: center;
	font-size: 18px;
	color: #000;
	margin-bottom: 30px;
}

.box-show h3:before,
.box-show h3:after{
	position:absolute;
	content:'';
	top: 12px;
	width: 150px;
	height: 1px;
	background-color: #015bb3;
}

.box-show .show-pv{
	margin-bottom: 60px;
}

.box-show .show-pv h3:before{
	left: 340px;
}

.box-show .show-pv h3:after {
	right: 340px;
}

.box-show .five-column h3:before {
	left: 240px;
}

.box-show .five-column h3:after {
	right: 240px;
}

.box-show .five-column p{
	margin-top:15px;
}
.tubewrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.box-show .show-pv iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.mini-banner{
	background-color: #eaeaee;
	padding: 40px 0;
	margin: 40px 0;
}

/*=====  End of Home  ======*/





/*=========================================
=            ERG Program Block            =
=========================================*/


.erg-program h3{
	font-size: 17px;
	background-color: #fff;
	margin: 0;
}

.erg-program h3 > span{
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	text-align: center;
	font-size: 23px;
	margin-right: 10px;
}

.erg-program .row > div > a{
	display: block;
}

.erg-program .desc {
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	font-size: 20px;
}

.erg-program .row > div > p {
	padding: 20px;
	background-color: #fff;
	min-height: 105px;
}

.erg-program .desc > span{
	font-size: 14px;
	font-weight: normal;
	display: block;
	text-transform: uppercase;
}

.erg-program .purple .desc{
	background-color: #635bcb;
}

.erg-program .purple h3{
	color: #635bcb;
}

.erg-program .purple h3 > span{
	background-color: #635bcb;
}

.erg-program .pink .desc{
	background-color: #dc1f62
}

.erg-program .pink h3{
	color: #dc1f62;
}

.erg-program .pink h3 > span{
	background-color: #dc1f62;
}

.erg-program .blue .desc{
	background-color: #1f6fdc
}

.erg-program .blue h3{
	color:#1f6fdc;
}

.erg-program .blue h3 > span{
	background-color: #1f6fdc;
}

.erg-program .green .desc{
	background-color: #55b750;
}

.erg-program .green h3{
	color: #55b750;
}

.erg-program .green h3 > span{
	background-color: #55b750;
}

/*=====  End of ERG Program Block  ======*/




/*=========================================
=            Program Main Page            =
=========================================*/

.program .jumbotron{
	background-image: url(../images/program/bg-program.jpg);
	margin-bottom: 0;
}
.program .bg-soft {
	background-image: url(../images/program/program-content.png);
	background-position: calc(100% + 90px) top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	font-size: 16px;
	line-height: 2;
}
.program .bg-soft .inner{
	padding: 0 60px;
}
.program .bg-soft p + strong{
	font-size: 20px;
	margin: 15px 0;
}

.program .erg-programe {
	margin-top: 60px;
}

.program .erg-program .row > div > a{
	margin-bottom: 30px;
}

.program .erg-program .thumb img{
	width: 100%;
	height: 100%;
}

.program .erg-program .desc{
	font-size: 18px;
}

.program .studio-prog h2,
.program .swimming-prog h2,
.program .school-prog h2,
.program .junior-prog h2{
	border-bottom: 2px solid #ddd;
	margin-bottom: 30px;
}

.program .studio-prog h2 > span,
.program .swimming-prog h2 > span,
.program .school-prog h2 > span,
.program .junior-prog h2 > span {
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
	position: relative;
}
.program .studio-prog h2 > span:after,
.program .swimming-prog h2 > span:after,
.program .school-prog h2 > span:after,
.program .junior-prog h2 > span:after{
	position: absolute;
	content: '';
	width: 200px;
	height: 2px;
	left: calc(50% - 100px);
	bottom: -32px;
}
.program .studio-prog h2 > span:after{
	background-color: #635bcb;
}
.program .swimming-prog h2 > span:after{
	background-color: #dc1f62;
}
.program .school-prog h2 > span:after{
	background-color: #1f6fdc;
}
.program .junior-prog h2 > span:after{
	background-color: #55b750;
}

/*----------  Studio Program  ----------*/

.program h2 + .text-center {
	margin-bottom: 30px;
	font-size: 16px;
}
.program h2 + .text-center > strong {
	font-size: 20px;
	margin-bottom: 20px;
	display: block;
}

/*=====  End of Program Main Page  ======*/




/*===================================
=            Studio Page            =
===================================*/

.studio .jumbotron {
	background-image: url(../images/studio/bg-studio.png);
}
.studio .main{
	margin-bottom: 60px;
}
.studio .bg-soft {
	margin-bottom: 30px;
	padding: 20px;
}
.studio h2 + .text-center {
	font-size: 16px;
	margin-bottom: 30px;
}
.studio .inner {
	background-color: #fff;
	padding: 10px 40px 40px;
}
.studio .inner > .text-center{
	margin-top: 30px;
}
.studio .hgroup h3{
	border-bottom: 2px solid rgba(1,91,179,1);
	font-size: 20px;
}
.studio .hgroup .pull-right {
	margin-top: -60px;
}
.studio .main .label {
	border-radius: 0;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	width: 70px;
	height: 45px;
	white-space: normal;
	padding: 8px 3px;
	vertical-align: middle;
	line-height: 15px;
}

.studio.swim .jumbotron {
	background-image: url(../images/swim/bg-swim.png);
}
.studio.school .jumbotron {
	background-image: url(../images/school/bg-school.jpg);
}
.studio.junior .jumbotron {
	background-image: url(../images/junior/bg-junior.jpg);
}

/*=====  End of Studio Page  ======*/




/*==================================
=            Dance Page            =
==================================*/

.dance .jumbotron {
	background-image: url(../images/dance/bg-dance.png);
}
.dance .bg-soft {
	margin-bottom: 30px;
	padding: 20px;
}
.dance h2 + .text-center {
	font-size: 16px;
	margin-bottom: 30px;
}
.dance .recom-block{
	background-color: #fff;
}
.dance .recom-block h3{
	color: #fff;
	background-color: rgba(1,91,179,1);
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	padding: 5px;
}
.dance .recom-block ul{
	padding: 5px 20px 20px;
}
.dance .recom-block ul li{
	padding-left: 35px;
	background: url(../images/dance/check-icon.png) no-repeat ;
	line-height: 2;	
}
.dance .recom-prog {
	background-color: #f9f730;
	position: absolute;
	right: 35px;
	top: -40px;
	padding: 20px;
	color: rgba(1,91,179,1);
	font-weight: bold;
}
.dance .recom-prog:after {
	position: absolute;
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid rgba(1,91,179,1);
	border-top: 20px solid transparent;
}
.dance .inner {
	background-color: #fff;
	padding: 5px 30px 10px;
}
.dance .inner > h3 {
	font-size: 22px;
	border-bottom: 2px solid rgba(1,91,179,1);
}
.dance .inner > .text-left{
	margin: 10px 0;
}
.dance .msg{
	background-color: #fff;
	margin-top: 21px;
	padding: 20px;
	position: relative;
	display:none!important;
}
.dance .msg:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-left: 40px solid #eef1fa;
	border-bottom: 40px solid transparent;
}
.dance .msg .data {
	padding-left: 150px;
}
.dance .msg .data > h3 {
	font-size: 14px;
	margin-bottom: 5px;
}
.dance .msg p:last-child {
	margin-bottom: 0;
}
.dance .name{
	color: #015bb3;
}
.dance .row > div > .recom-block{
	display:none!important;
}
.dance.aerobic .jumbotron {
	background-image: url(../images/studio/aerobic/bg-aerobic.png);
}
.dance.walking .jumbotron {
	background-image: url(../images/swim/walking/bg-walking.jpg);
}
.dance.reflesh .jumbotron {
	background-image: url(../images/studio/reflesh/bg-reflesh.png);
}
.dance.shapeup .jumbotron {
	background-image: url(../images/studio/shape/bg-shape.png);
}
.dance.walking .jumbotron {
	background-image: url(../images/swim/walking/bg-walking.jpg);
}
.dance.aqua .jumbotron {
	background-image: url(../images/swim/aqua/bg-aqua.jpg);
}
.dance.swimming .jumbotron {
	background-image: url(../images/swim/swimming/bg-swimming.jpg);
}
.dance.fee .jumbotron {
	background-image: url(../images/swim/fee/bg-fee.jpg);
}
.dance.tennis .jumbotron {
	background-image: url(../images/school/tennis/bg-tennis3.jpg);
}
.dance.golf .jumbotron {
	background-image: url(../images/school/golf/bg-golf.jpg);
}
.dance.fitness .jumbotron {
	background-image: url(../images/school/fitness/bg-fitness.jpg);
}
.dance.kids-swim .jumbotron {
	background-image: url(../images/junior/swim/bg-swim.jpg);
}
.dance.kids-tennis .jumbotron {
	background-image: url(../images/junior/tennis/bg-tennis2.jpg);
}
.dance.kids-fitness .jumbotron {
	background-image: url(../images/junior/fitness/bg-fitness.jpg);
}
.dance.kids-golf .jumbotron {
	background-image: url(../images/junior/golf/bg-golf.jpg);
}
.dance.kids-futsal .jumbotron {
	background-image: url(../images/junior/futsal/bg-futsal.jpg);
}
.timetable{
	padding:1px;
}
.timetable table{
	background:#fff;
}
.timetable table th.wday{
	width:12.5%;
}
.timetable.oneclm td{
	text-align: left;
}
/*=====  End of Dance Page  ======*/



/*===================================
=            Information            =
===================================*/
#information{
	background-image: url(../images/information/bg-information.jpg);
}

.block-infor {
	border: 15px solid rgb(218, 230, 242);
	padding: 30px 70px;
	margin: 30px 0;
	font-size: 120%
}
.block-infor .label-lg {
	font-size: 22px;
	display: inline-block;
	border-radius: 0;
	padding: 12px 70px;
	font-weight: normal;
	margin-right: 30px;
}
.block-infor .btn-lg{
	width: 300px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	padding: 15px 20px;
	margin-top: 20px;
}
.block-infor .btn-lg > i{
	margin-right: 0;
	float: right;
}
.block-infor img{
	margin-bottom: 15px;
}

/*=====  End of Information  ======*/



/*============================
=            Flow            =
============================*/
#flow{
	background-image: url(../images/flow/bg-flow.jpg);
}
.block-flow{
	margin: 30px 0;
	border: 15px solid rgb(218, 230, 242);
	padding: 30px 70px;
}
.block-flow h3{
	border-bottom: 2px solid;
}
.block-flow .btn-lg {
	font-size: 16px;
	padding: 15px 25px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.flow-table {
	overflow: hidden;
	margin-top: 20px;
	width: 100%;
}
.flow-table > .item {
	padding: 20px;
	text-align: center;
	width: 25%;
	height: 120px;
	float: left;
	position: relative;
	margin-right: 0px;
}
.flow-table > .item:nth-child(odd):after,
.flow-table > .item:nth-child(even):after{
	position: absolute;
	content: '';
	top: 0;
	right: -40px;
	width: 0px;
	height: 0px;
	z-index: 1;
}
.flow-table > .item:nth-child(odd):after {
	border-top: 60px solid rgba(0, 0, 0, 0);
	border-bottom: 60px solid rgba(0, 0, 0, 0);
	border-left: 40px solid rgb(219, 243, 241);
}
.flow-table > .item:nth-child(even):after {
	border-top: 60px solid rgba(0, 0, 0, 0);
	border-bottom: 60px solid rgba(0, 0, 0, 0);
	border-left: 40px solid rgb(186, 232, 228);
}
.flow-table > .item:last-child:after{
	display: none;
}
.flow-table > .item > h4{
	font-size: 16px;
}
.flow-table > .item:nth-child(odd){
	background-color: #dbf3f1;
}
.flow-table > .item:nth-child(even){
	background-color: #bae8e4;
}
.block-flow .desc {
	padding: 30px;
	margin-top: 10px;
}
.block-flow .desc h4{
	font-size: 14px;
	margin-top: 0;
}
.block-flow .desc p:last-child{
	margin-bottom: 0;
}
.block-flow .desc .inner {
	background-color: rgb(255, 255, 255);
	padding: 15px 20px;
}
.block-flow .desc .inner .note{
	color: #eb2445;
}
.block-flow .desc .inner p{
	margin-bottom: 0;
}

.membership .member-list{
	margin-top:30px;
}
.membership .member-list .row div{
	margin-bottom:2%;
}
.membership .table thead th{
	background:#f7f5f5;
}


/*=====  End of Flow  ======*/

/*=============================
=            trial            =
=============================*/
.jumbotron#trial{
	background-image: url(../images/entry/trial/bg-trial.jpg);
}
.table-trial{
	margin-top:20px;
}
.jumbotron#membership{
	background-image: url(../images/entry/membership/bg-membership.jpg);
}
.jumbotron#necessary{
	background-image: url(../images/entry/necessary/bg-necessary.jpg);
}
.jumbotron#web_entry{
	background-image: url(../images/entry/web_entry/bg-web_entry.jpg);
}
/*=====  End of Flow  ======*/


/*=============================
=            Voice            =
=============================*/

#voice{
	background-image: url(../images/voice/bg-flow.jpg);
}
.program-menu {
	margin: 20px 0;
	padding: 20px 50px;
	font-size: 16px;
}
.program-menu h3 {
	font-size: 20px;
	text-align: center;
	margin-top: 0;
}
.program-menu .btn-lg {
	border-radius: 0;
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: normal;
	padding: 15px 40px;
	display: inline-block;
	position: relative;
	width: 100%;
}
.program-menu ul{
	overflow: hidden;
}
.program-menu li {
	margin-bottom: 15px;
}
.program-menu li:last-child{
	margin-right: 0;
}
.program-menu li .btn-lg > i {
	margin-right: 0;
	position: absolute;
	top: 25%;
	right: 20px;
	font-size: 20px;
}
.mship-block {
	border: 15px solid rgb(218, 230, 242);
	padding: 30px 60px;
	margin: 30px 0;
}
.mship-block .col-md-4 img {
	width: 100%;
	margin-bottom: 30px;
}
.mship-block .col-md-8 h3{
	border-bottom: 2px solid;
}
.mship-block .details {
	width: 100%;
	margin-top: 25px;
}
.mship-block .details > .list-dt {
	padding: 8px 15px;
}
.mship-block .details > .list-dt:nth-child(odd){
	background-color: #dae6f2;
}
.faq-block {
	margin: 60px;
}
.faq-block .item{
	margin-bottom: 40px;
}
.faq-block .item .question{
	position: relative;
}
.faq-block .item .question {
	border-bottom: 3px solid rgb(1, 91, 179);
	color: rgb(0, 0, 0);
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 10px;
	margin-bottom: 20px;
	padding-left: 60px;
}
.faq-block .item .question:before {
	position: absolute;
	content: 'Q';
	left: 0;
	bottom: 0;
	width: 45px;
	height: 50px;
	color: rgb(255, 255, 255);
	font-weight: normal;
	background-color: rgb(1, 91, 179);
	line-height: 50px;
	text-align: center;
}
.pager {
	background-color: rgb(244, 245, 249);
	padding: 60px 0;
	margin: 0;
}
.pager .pull-left img{
	margin-right: 10px;
}
.pager .pull-right img{
	margin-left: 10px;
}
.pager .back {
	border: 2px solid rgb(177, 178, 179);
	padding: 15px 50px;
}
.pager .back:hover{
	border: 2px solid rgba(177, 178, 179,0.5);
}
.pager .back img{
	margin-right: 10px;
}


/*=====  End of Voice  ======*/



/*============================
=           WEB Entry            =
============================*/
.block-web {
	margin: 30px 0 70px;
	border: 15px solid rgb(218, 230, 242);
	padding: 50px 0;
}
.block-web ul{
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
.block-web ul li {
	width: 260px;
	float: left;
	margin-right: 80px;
}
.block-web ul li:last-child {
	margin-right: 0;
}
.block-web ul li h5 {
	background-color: rgb(1, 91, 179);
	margin-bottom: 24px;
	padding: 10px 15px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: normal;
}
.block-web ul li .icon {
	margin-bottom: 20px;
	text-align: center;
}

.web-group {
	margin: 0 60px 30px;
}
.web-group h3 {
	background-color: rgb(1, 91, 179);
	margin-bottom: 30px;
	padding: 10px 15px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: normal;
}
.web-group .web-block {
	margin: 0 30px 60px;
}
.web-group .web-block .flow li {
	min-height: 20px;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-left: 32px;
}
.web-group .web-block .flow li:first-child {
	background: url("../images/entry/web_entry/icon_flow_no1.png") no-repeat left top;
}
.web-group .web-block .flow li:nth-child(2) {
	background: url("../images/entry/web_entry/icon_flow_no2.png") no-repeat left top;
}
.web-group .web-block .flow li:nth-child(3) {
	background: url("../images/entry/web_entry/icon_flow_no3.png") no-repeat left top;
	margin-bottom: 40px;
}
.web-group .web-block .box_web {
	border: 1px solid rgb(1, 91, 179);
	padding: 30px 35px 25px;
}
.web-group .web-block .box_web ul li {
	text-indent: -1.0em;
	padding-left: 1.0em;
	margin-bottom: 5px;
}

.web-group .web-block .need > li {
	margin-bottom: 50px;
	padding-left: 80px;
	overflow: hidden;
}
.web-group .web-block .need > li:first-child {
	background: url("../images/entry/web_entry/icon_need_no1.png") no-repeat left top;
}
.web-group .web-block .need > li:nth-child(2) {
	background: url("../images/entry/web_entry/icon_need_no2.png") no-repeat left top;
}
.web-group .web-block .need > li:nth-child(3) {
	background: url("../images/entry/web_entry/icon_need_no3.png") no-repeat left top;
}
.web-group .web-block .need > li:nth-child(4) {
	background: url("../images/entry/web_entry/icon_need_no4.png") no-repeat left top;
}
.web-group .web-block .need > li:nth-child(5) {
	background: url("../images/entry/web_entry/icon_need_no5.png") no-repeat left top;
}
.web-group .web-block .need > li figure {
	width: 128px;
	float: left;
	margin-right: 35px;
}
.web-group .web-block .need > li figure + div {
	width: 540px;
	float: left;
	overflow: hidden;
}
.web-group .web-block .need > li figure + div .ttl {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.web-group .web-block .need > li figure + div ul {
	width: 220px;
	float: left;
}
.web-group .web-block .box_need {
	margin: 0 0 70px;
	border: 15px solid rgb(218, 230, 242);
	padding: 35px 0;
	text-align: center;
	font-size: 16px;
	line-height: 2.4;
}
.web-group .web-block .box_need h5 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.web-group .web-block .btn-red {
    display: block;
    border-radius: 0;
	width: 276px;
    height: 65px;
	margin: 0 auto;
    padding: 20px 10px 0 45px;
	color: #fff;
    font-size: 18px;
    position: relative;
}
.web-group .web-block .btn-red:before{
	position: absolute;
	top: 5px;
	left: 5px;
	content: '';
	width: 45px;
	height: 45px;
	background: url(../images/components.png) no-repeat left top;
}

/*=====  End of WEB Entry  ======*/


/*============================
=            Sale            =
============================*/
#sale{
	background-image: url(../images/sale/bg-sale.jpg);
}
.sale-block,.floor-block {
	border: 15px solid rgb(218, 230, 242);
	overflow: hidden;
	margin: 30px 0;
	padding: 30px 50px;
}
.sale-block .btn-lg{
	margin-top: 10px;
}
.sale-block h3,.floor-block h3{
	border-bottom: 2px solid;
	margin-bottom: 15px;
}
.floor-block h3{
	margin-top:0;
}
.sale-block .desc {
	background-color: rgb(227, 240, 252);
	padding: 10px 25px;
	margin: 20px 0 10px;
	min-height: 95px;
}
.sale-block .desc h4 {
	font-size: 14px;
}
.jumbotron#health{
	background-image: url(../images/company/health/bg-health.jpg);
}

/*=====  End of Sale  ======*/

/*===============================
=            company profile           =
===============================*/
.company .jumbotron {
	background-image: url(../images/company/bg-company.jpg);
	margin-bottom: 30px;
}

.company-greeting .bg-soft {
    margin-bottom: 30px;
    padding: 20px;
}
.company-greeting .inner {
    background-color: #fff;
    padding: 20px 20px 20px;
}
.company-greeting .inner h3{
	margin-top:0;
}
.company-greeting .inner .thumb p{
	padding:10px 0;
	border-bottom:1px #635bcb solid;
}
.company-profile table th,.company-history table th{
	background-color: #dbf3f1;
}
.jumbotron#bus{
	background-image: url(../images/company/bus/bg-bus.jpg);
}
.jumbotron#manage{
	background-image: url(../images/company/manage/bg-manage.jpg);
}

/*=====  End of company profile  ======*/

/*===============================
=            Counsel            =
===============================*/

#counsel{
	background-image: url(../images/counsel/bg-counsel.jpg);
}
.jumbotron#recruit{
	background-image: url(../images/company/recruit/bg-recruit.jpg);
}
.jumbotron#privacy{
	background-image: url(../images/company/privacy/bg-privacy.jpg);
}
.jumbotron#sitemap{
	background-image: url(../images/sitemap/bg-sitemap.jpg);
}
.jumbotron#schedule{
	background-image: url(../images/schedule/bg-schedule.jpg);
}
.jumbotron#cm{
	background-image: url(../images/cm/bg-cm.jpg);
}
.consult-content {
	margin: 30px 0 60px;
}
.consult-content > div.text-center{
	background-color: rgba(17, 42, 146, 0.9);
	color: rgb(255, 255, 255);
	padding: 60px 30px;
	position: absolute;
	z-index: 1;
	margin-top: 40px;
	font-size: 16px;
}
.consult-content .title {
	font-size: 26px;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	padding-bottom: 30px;
}
.consult-content .title:after {
	position: absolute;
	content: '';
	width: 85px;
	height: 2px;
	background-color: rgb(255, 255, 255);
	bottom: 0;
	left: calc(50% - 40px);
}
.sec-service {
	margin-bottom: 30px;
}
.sec-service h2{
	border-bottom: 2px solid rgb(221, 221, 221);
	margin-bottom: 30px;
}
.sec-service h2 > span{
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
	position: relative;
	margin-bottom: 18px;
}
.sec-service h2 > span:after {
	position: absolute;
	content: '';
	width: 200px;
	height: 2px;
	left: calc(50% - 100px);
	bottom: -20px;
	background-color: rgb(31, 111, 220);
}
.sec-service .row{
	margin-top: 20px;
}
.sec-service .row > div{
	position: relative;
}
.sec-service .row > div > span {
	width: 42px;
	height: 42px;
	font-size: 20px;
	text-align: center;
	color: rgb(255, 255, 255);
	background-color: rgb(31, 111, 220);
	position: absolute;
	line-height: 42px;
	z-index: 1;
}
.sec-service .row > div> h3 {
	color: rgb(255, 255, 255);
	font-size: 16px;
	background-color: rgb(31, 111, 220);
	font-weight: normal;
	padding: 15px;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.sec-service .row > div:first-child > h3,
.sec-service .row > div:nth-child(2) > h3,
.sec-service .row > div:nth-child(3) > h3{
	padding: 28px 15px;
}
.sec-contact h2 > span {
	position: relative;
	padding-bottom: 20px;
}
.sec-contact h2 > span:after{
	position: absolute;
	content: '';
	width: 85px;
	height: 1px;
	background-color: rgb(31, 111, 220);
	bottom: 0;
	left: calc(50% - 40px);
}
.sec-contact .btn-inverse {
	padding: 15px 110px;
	margin: 10px 0 20px;
}

/*=====  End of Counsel  ======*/


/*===========================
=            Faq            =
===========================*/
#faq{
	background-image: url(../images/bg-faq.jpg);
}
.block-nav-faq {
	border: 15px solid rgb(218, 230, 242);
	padding: 30px 60px;
	margin-bottom: 60px;
	margin-top: 30px;
}
.block-nav-faq h3{
	background-color: rgb(1, 91, 179);
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: normal;
	padding: 10px 15px;
	margin-bottom: 20px;
}
.block-nav-faq li a {
	color: rgb(1, 91, 179);
	line-height: 2;
}
.faq-group {
	margin: 0 60px 30px;
}
.faq-group h3 {
	color: rgb(255, 255, 255);
	font-size: 18px;
	background-color: rgb(1, 91, 179);
	padding: 10px 15px;
	font-weight: normal;
	margin-bottom: 20px;
}
.faq-group .faq-block {
	margin: 60px 0;
}
.faq-group .faq-block a{
	color: rgb(1, 91, 179);
}

/*=====  End of Faq  ======*/
.privacy-block{
	margin-bottom:40px;
}

/*===========================
=            Sitemap            =
===========================*/
.sitemap-list{
	margin-bottom:40px;
}
.sitemap-block{
	background:#fff;
	/*box-shadow: 0 2px #e2e6e8;*/
    -webkit-transition: border 400ms;
    transition: border 400ms;
	position:relative;
	margin-bottom:20px;
}
.sitemap-block h3{
	border-bottom:2px rgb(1, 91, 179) solid;
	padding:0.5em 0.5em;
}
.sitemap-block h3 a{
	display:block;
	color:rgb(1, 91, 179);
}
.sitemap-block h3 a:after{
	content: " \f105";
	font-family:FontAwesome;
	float:right;
}
.sitemap-block ul{
	padding:0.5em 1em;
}
.sitemap-block ul a{
	display:block;
	padding:0.5em;
}
.sitemap-block ul a:before{
	content: " \f138";
	font-family:FontAwesome;
	color:rgba(1,91,179,0.8);
	margin-right:10px;
}


/*///Calendar///*/
.calendar {
	width:100%;
		border-spacing: 0px;
	border-collapse:collapse;
	border-left:6px solid #CCC;
	border-right:6px solid #CCC;
	border-bottom:6px solid #CCC;
	margin-bottom:40px;
}
.calendar h3{
	margin:30px 0 30px 0;
}
.calendar h4{
	width:184px;
	margin:5px 5px 0 2px;
	float:left;
}

.calendar table{
	width:728px;
	margin:0 0 45px 0;
	float:left;
	border-spacing: 0px;
	border-collapse:collapse;
	border-left:6px solid #CCC;
	border-right:6px solid #CCC;
	border-bottom:6px solid #CCC;
	line-height:1.1em;
}

.calendar th,
.calendar td{
	width:102px;
}

.calendar th{
	text-align:center;
	font-weight:bold;
	padding:5px 0;
	border-top:5px solid #CCC;
	background-color:#DFDFDF;
}

.calendar td{
	text-align:left;
	height:107px;
	padding:5px;
	vertical-align:top;
	font-weight:bold;
	border-left:1px dotted #CCC;
	border-top:1px solid #CCC;
}
.calendar td a, .calendar td a:active, .calendar td a:visited {
	color:#000;
}
.calendar td a:active{
	color:#C90;
	text-decoration:underline;
}
.calendar td.pk{
	background-position:left bottom;
	background-repeat:no-repeat;
}

.calendar th.sat{
	background-color:#acdce3;
}

.calendar th.sun{
	background-color:#f2c5b8;
}

.calendar td.sat{
	background-color:#ebeffd;
	color:#5091B6;
}

.calendar td.sun{
	background-color:#f4eeea;
	color:#D46D63;
}

.calendar td.t18{
	background-position:4px bottom;
	background-repeat:no-repeat;
}

.calendar td.t19{
	background-position:4px bottom;
	background-repeat:no-repeat;
}

.calendar td.end{
	background-position:4px bottom;
	background-repeat:no-repeat;
}

.calendar td.bk{
	background-position:right bottom;
	background-repeat:no-repeat;
}

.calendar td.closed{
	background-image:none;
	background-color:#e52a45;
	color:#fff;
}

.calendar td.closed .spNone{
	background-image:none;
	background-color:#e52a45;
	color:#fff !important;
}

.calendar td.today{
	background-image:none;
	background-color:#ed6e28;
	font-weight:bold;
	color:#fff;
}

.calendar td.today .spNone{
	background-image:none;
	background-color:#ed6e28;
	font-weight:bold;
	color:#fff !important;
}

.calendar td.emp{
	background-image:none;
}

.calendar td span{
	/*display:block;*/
	color: #333;
	font-size:91.6%;
	font-weight:normal;
	text-align:left;
	float:leftt;
}

.calendar td span.detail{
	clear:both;
	text-align:left;
}

.calendar td.close span{
	font-weight:bold;
}

.calendar td span.caution{
	color:#99302B;
	text-align:left;
	margin:0 0 15px 0;
}

.calendar ul.footnote{
	margin:0 0 5px 192px;
	line-height:1.5em;
	clear:both;
}
.calendar.calendar-mini{
	width:100%;
	margin:0 0 20px 0;
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
	line-height:1.1em;
}

.calendar.calendar-mini th,
.calendar.calendar-mini td{
	width:auto;
	text-align:center;
}

.calendar.calendar-mini th{
	padding:5px 0;
	border-top:2px solid #CCC;
	background:#015bb3;
	color:#fff;
}

.calendar.calendar-mini td{
	height:36px;
}


.pagern_p{
	display:block;
	background:#FFF;
	padding:10px;
margin:10px 0;
border:1px dotted #CCC;

}
.pagern_p li{
	width:33%;
	float:left;
	padding-left:20px;	
}
.pagern_p li a{
	color:#666;
}
.pagern_p li a:hover{
	color:#C90;
}
.pagern_p li a:active{
	color:#000;
}
.pagern_p li.prev{
	text-align:left;
	font-size:1.5em;
}
.pagern_p li.prev:before{
	content: " \f104";
	font-family:FontAwesome;
}
.pagern_p li.list{
	text-align:center;
		border-left:#CCC 1px solid;
			border-right:#CCC 1px solid;
	/*height:25px;*/
	padding:0;
	color:#000;
	font-size:1.5em;
}
.pagern_p li.next{
	text-align:right;
	padding-right:20px;
	font-size:1.5em;
}
.pagern_p li.next:after{
	content: " \f105";
	font-family:FontAwesome;
}

/*=====  End of Sitemap  ======*/

/*===========================
=            CM            =
===========================*/

.cm_index table {
    width: 350px;
}

.cm_index tr {
    margin-bottom: 36px;
    display: inline-block;
    width: 340px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.cm_index th {
    width: 125px;
    font-size: 14px;
}

.cm_index td {
    font-size: 14px;
}
/*=====  End of CM  ======*/
/*=======　PERSONAL　=======*/
.personal .jumbotron{
	background-image: url(../images/personal/bg-personal.jpg);
	margin-bottom: 0;
}
.personal .first_per h2,
.personal .diet_per h2 {
	border-bottom: 2px solid #ddd;
	margin-bottom: 30px;
}

.personal .first_per h2 > span,
.personal .diet_per h2 > span {
	font-size: 16px;
	margin-top: 10px;
	font-weight: bold;
	position: relative;
}
.personal .first_per h2 > span:after,
.personal .diet_per h2 > span:after {
	position: absolute;
	content: '';
	width: 200px;
	height: 2px;
	left: calc(50% - 100px);
	bottom: -32px;
}
.personal .first_per h2 > span:after{
	background-color: #635bcb;
}
.personal .diet_per h2 > span:after{
	background-color: #dc1f62;
}
.personal h2 + .text-center > strong{
    font-size: 20px;
    margin-bottom: 20px;
    display: block;	
}
.erg_zone h4, 
.kagosyoku_zone h4{
	margin: 0 auto 5px;
	text-align: center;
	min-height: 60px;
	vertical-align: bottom;
}
.erg_zone ul, .kagosyoku_zone ul{
	padding: 10px;
}
.erg_zone ul li, 
.kagosyoku_zone ul li{
    padding-left: 1em; 
    text-indent: -.7em;
	font-weight: bold;
	color: #6d6d6d;
}
.erg_zone ul li span, 
.kagosyoku_zone ul li span{
	font-weight: normal;
	color: #333333;
	font-size: 13px;
}
.kagosyoku_zone ul li:before{
    content: "?";
	color: #f0a2b4;
}
.erg_zone ul li:before{
    content: "?";
	color: #91acbf;
}
.erg_zone ul{
	border: solid 3px #176194; 
}
.kagosyoku_zone ul{
	border: solid 3px #E3738C; 
}
.block-flow div.row:nth-of-type(2){
	margin-top: 15px;
}
.block-flow div.row:nth-of-type(3){
	margin-top: 15px;
}
.block-flow div.row:nth-of-type(3):after{
	content: '＋';
	font-size: 50px;
	font-weight: bolder;
	margin: 0 auto;
}
.diet_per div.desc.bg-pink{
	color: #FFFFFF;
	font-weight: bold;
	font-size: large;
	text-align: center;
	margin-top: 0;
	margin-bottom: 15px;
}
@media (min-width: 991px){
.erg_zone ul li, 
.kagosyoku_zone ul li{
    font-size: 18px;
}	
}
@media (max-width: 767px){
.personal h2 + .text-center > strong{
    font-size: 18px;
}
}
/*=======　PERSONAL　=======*/
/*===========================
=         tennis            =
===========================*/
.tennis-table tr{
	background-color: #fff !important;
}
.tennis-table tr td{
	width: 20%;
}

.tennis-table .tit{
	font-size: 0.9em;
	margin-top:10px; 
}
.tennis-table .name{
	font-size: 1.2em;
}
.tennis-table .photo img{
	width: 100%;
}
.tennis-table .name span{
	display: block;
	font-size: 0.2em;
}
.tennis-table .tt{
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
}
.tennis-table .tt:before{
	content: "\0025b6";
	font-size: 0.6em;
}

@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}
	#header .dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}
	.school-prog .col-md-offset-2,
	.junior-prog .col-md-offset-2  {
		margin-left: calc(16.66666667% - 50px);
	}
	.junior-prog .row + .row {
		margin-top: 25px;
	}
	.studio .inner {
		min-height: 240px
	}
	.dance .inner{
	}
	.dance .msg {
		max-height: 154px;
	}
	.flow-table.four-column > .item{
		width: 25%;
		padding: 10px 20px 20px 70px;
	}
	.flow-table.five-column > .item {
		width: 20%;
		padding-left: 50px;
		padding-top: 10px;
		padding-right: 10px;
	}
	.contact .link-contact li:last-child{
		padding-left: 0;
	}
}
li.dropdown.qr_img {padding: 1px 0px 0; width: 235px;}

@media (min-width: 991px) and (max-width: 1200px){
	#header{height: auto;}
	.program .bg-soft{background-position: calc(100% + 90px) bottom;background-size: 80%;}
	#header .dropdown:hover .dropdown-menu {display: block;margin-top: 0;}
	.studio .hgroup h3{
		padding-right:230px;
	}
}

/*@media (max-width: 1420px){*/
@media (max-width: 1600px){
	#header .navbar-header{width: 30%;}
	#header .navbar-brand:after{display: none;}
	#header #navbar-collapse{width: 70%;padding-left:0; }
	#header .navbar-nav {width: 100%;padding-left: 0;}
	#header .navbar-nav > li > a{padding: 16px 25px;}
	#header .navbar-brand {padding: 0 15px 40px 15px;height: 107px;width: 100%;}
	#header .nav-contact{width: 40%}
	#header .contact-info{width: 60%; padding-right:60px;}
	h1.head_h1 {width:100%; padding-top:63px;}
	li.dropdown.qr_img {padding: 0;}
	li.dropdown.qr_img img {width: 88%;}
}

/*@media (max-width: 1199px){*/
@media (max-width: 1319px){

	.erg-program h3{font-size: 14px;}
	.erg-program .desc{font-size: 16px;}
	.erg-program .thumb img{width: 100%;}
	#campaign-free{margin: 30px 0;}
	#campaign-free .campaign .title-group {padding: 25px 0px; margin: auto;}
	#campaign-free .free-trial .title-group {/*padding: 40px 30px 20px 40px;*/padding: 25px 30px 20px 40px;	}
	#campaign-free .free-tennis .title-group {padding: 35px 30px 20px 20px;	}
	#campaign-free .campaign .title-group > img,
	#campaign-free .free-trial .title-group > img,
	#campaign-free .free-tennis .title-group > img{width: 240px;}

	.box-column .inner h3{margin-top: 40px;}

	.box-show .show-pv h3:before {left: 100px;}
	.box-show .show-pv h3:after {right: 100px;}
	.box-show .five-column h3:before {left: 30px;}
	.box-show .five-column h3:after {right: 30px;}
	.mini-banner .col-md-15{margin-bottom: 10px;}
	.mini-banner .col-md-15:last-child{margin-bottom: 0;}
	.contact .contact-info{padding-left: 0;}

	.block-flow{padding: 15px;}
	.flow-table > .item{padding:15px 10px 20px 50px;}
}

@media (max-width: 991px){
	#header #navbar-collapse {float: none;}

	#header{height: auto;}
	#header .navbar-erg {min-height: auto;overflow: hidden;}
	#header .navbar-header {float: none;width: 100%;}
	#header .navbar-brand {float: left;width: calc(100% - 65px);display: block;text-align: center;padding:0 0 0 15px;height: 40px;}
	#header .navbar-brand:after{display: none;}
	#header #navbar-collapse {float: none;width: 100%;padding:0;}
	#header .navbar-nav {width: 100%;padding: 0;margin: 0;}
	#header .navbar-nav > li > a{padding: 20px 0;}
	#header .navbar-nav > li > a > span{margin-top: 0;}
	#header .navbar-nav > li > a  > i{bottom: 15px;}
	#header .navbar-nav > li > .dropdown-menu{text-align: center;}
	h1.head_h1 {width:calc(100% - 65px); padding-top:0;}
	
	#header .navbar-nav > li:first-child > .dropdown-menu {
		display: block;
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: rgba(0, 0, 0, 0);
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	#header .nav-contact {width: 100%;}
	#header .contact-info{width: 100%;height: auto;padding: 10px;}
	#header .contact-info .open-dairy{font-size: 15px;}
	#header .contact-info .open-dairy img{margin-left: 10px;}
	#header .contact-info .small{font-size: 100%;}
	#header .contact-info > div:last-child > div{display:block; width:100%; text-align:left;}

	.navbar-toggle{	margin-right: 0;margin-top: -28px;padding: 15px 18px;margin-bottom: 0;width: 65px;height: 65px;}
	.navbar-toggle .icon-bar{width: 30px;background-color: #112a92;}
	
	.navbar-toggle::after {
	    content: "MENU";
	    position: absolute;
	    bottom: 10%;
	    left: 53%;
	    font-size: 11px;
	    font-weight: bold;
	    color: #112a92;
	    transform: translateX(-50%);
	}
	li.dropdown.qr_img {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.contact{font-size: 16px;}
	#header{height: auto;}

	.dance .recom-block{margin-bottom: 30px;}
	.dance .recom-prog{top: -20px}
	.program .bg-soft{background-position: calc(100% + 90px) bottom;background-size: 80%;}

	.flow-table > .item{padding: 8px 5px 8px 22px;}
	.flow-table > .item:nth-child(odd):after,
	.flow-table > .item:nth-child(even):after{right: -20px;border-left-width:20px; }

	.consult-content > div.text-center{position: relative;padding: 40px 30px;margin: 0 0 30px;}
	.block-nav-faq {padding: 10px 20px;margin: 20px 0 30px;}
	.faq-group {margin: 0 30px 30px;}
}

@media (min-width: 768px) {
	.snsBtn{top: 0;}
}

@media (max-width: 767px) {
	h3{font-size:18px;}
	.snsBtn{width:100%; top:auto;bottom:0; left:0;}
	/*.snsBtn li{ float:left; width:25%;}
	.snsBtn li{ float:left; width:16.65%;}*/
	.snsBtn li a{  width:auto; text-align:center; background: none; font-weight: bold;}
    .snsBtn .swimming{
		margin-bottom:50px; }

	.snsBtn ul {
	    display: flex;
	    flex-wrap: wrap;
	}
	.snsBtn ul li.fixed-btm-entry {
	    width: 40%;
	    background: #e52a45;
	}
	.snsBtn ul li.fixed-btm-entry a > i {
	    margin-right: 0.2em;
	}
	.snsBtn ul li.fixed-btm-contact {
	    width: 60%;
	    background: #c562d1;
	}
	.snsBtn ul li.fixed-btm-contact a > i {
	    margin-right: 0.3em;
	    font-size: 22px;
	}
	.snsBtn ul li.fixed-btm-tel {
		width: calc(100% / 4);
	    background: #112a92;
	}
	.snsBtn ul li.fixed-btm-sns {
		width: calc(100% / 4);
		background: #0eb1ac;
	}
	.snsBtn ul li:not(.fixed-btm-sns) a {
		display: flex;
	    align-items: center;
	    justify-content: center;
	    height: 55px;
	}
}


	#footer #nav-foo > div{min-height: 160px;margin-right: 0;}
	#footer #nav-foo > div:first-child{width: 15%;}
	#footer #nav-foo > div:nth-child(2){width: 30%;}
	#footer #nav-foo > div:nth-child(3){width: 25%;}
	#footer #nav-foo > div:nth-child(4){width: 30%;}
	#footer #nav-foo > div:nth-child(5){width: 45%;}
	#footer #nav-foo > div:last-child{width: 45%;}

	#footer{margin-bottom:50px;}
	#footer h3,
	#footer .copyright{margin-top: 15px;}

	#campaign-free{margin:15px 0;}
	#campaign-free div:after{display:none;}
	#campaign-free .inner > img {width: 100px;}
	/*#campaign-free .campaign .title-group, #campaign-free .free-trial .title-group{padding:30px 55px;width:100%;}*/
	/*#campaign-free .free-tennis .title-group {padding:30px 55px;width: 100%;}*/
	#campaign-free .free-tennis .title-group {padding:20px 55px;width: 100%;}
	#campaign-free .outline{display: none;}

	.bg-soft,
	.other,
	.info-event,
	.schedule,
	.box-show,
	.bg-blue,
	.mini-banner,
	.contact,
	#footer .copyright{padding:15px 0;}

	.erg-program .thumb img{width: 100%;}
	.program .erg-program .row > div > a{margin-bottom: 15px;}
	.erg-program .row > div > p{padding:15px;min-height:100px;margin-bottom:15px;}
	.box-column {margin-top: 30px;}
	.box-column .title-through-line .wrap-word{padding: 0;}
	.box-column .inner{padding: 15px;}
	.box-column .inner h3{font-size: 15px;}
	.recommend .desc{min-height: 180px;}
	.recommend .desc h3{font-size: 16px;}
	.recommend .col-xs-4, .box-column .col-sm-4, .other .col-sm-3, .bg-blue .col-sm-3, .mini-banner .col-md-15{margin-bottom: 15px;}
	.recommend .col-xs-4:last-child, .box-column .col-sm-4:last-child, .other .col-sm-3:last-child, .bg-blue .col-sm-3:last-child, .mini-banner .col-md-15:last-child{margin-bottom: 0}
	.recommend .col-xs-4 img {display: block;margin: auto;}
	.other .container .text-center {font-size: 20px;margin-bottom: 10px;}

	.slide-wrap{margin:0;}
	.slide-wrap .carousel-control {width: 30px;height: 90px;line-height: 90px;top: calc(50% - 80px);}
	.slide-wrap .carousel-control.left{left: -15px;}
	.slide-wrap .carousel-control.right{right: -15px;}

	#xsCarousel .item img{margin-bottom: 15px;}

	.schedule .col-sm-5 > div{padding:0;margin-bottom: 15px;}
	.schedule .inner{padding: 30px 20px 20px;}
	.schedule .inner h3 {font-size: 18px;margin: 10px 0 0;}

	.mini-banner{margin:0;}

	.box-show .show-pv{margin-bottom:30px;}
	.box-show h3:before, .box-show h3:after{display: none;}
	.contact .label {margin-right: 10px;line-height: 2;font-size: 100%;}
	.contact .contact-info{padding: 0;}
	.contact .contact-info > div{margin: 0 0 10px;text-align: left;}
	.contact .contact-info > div:last-child > div {padding: 0;text-align: left;line-height: 1.5;}

	.section {margin-bottom: 20px;}
	.program .erg-program .desc{font-size: 16px;}
	.program .studio-prog h2 > span:after,
	.program .swimming-prog h2 > span:after,
	.program .school-prog h2 > span:after,
	.program .junior-prog h2 > span:after {position: absolute;content: '';width: 160px;height: 2px;left: calc(50% - 80px);bottom: -32px;}
	.program .bg-soft{line-height: 1.5;background-size: 60%; background-position: right bottom;}
	.program .bg-soft .inner{padding: 0;}	
	.program h2 + .text-center > strong{font-size: 18px;}

	.studio .inner{padding: 20px;}
	.studio .hgroup h3{margin-top: 0;font-size: 16px;}
	.studio .hgroup .pull-right{margin-top: 0;width: 100%;}
	.studio .main{margin-bottom: 0;}
	.studio .main .label{width: 32%;margin-bottom: 10px;}
	.studio .inner > .text-center{margin-top: 15px;}
	.studio .inner > .text-center > a {white-space: normal;font-size: 14px;padding: 10px 5px;}

	.dance .recom-block{margin-bottom: 30px;}
	.dance .recom-prog{top: -20px;padding: 10px;}
	.dance .inner{padding:5px 10px 10px;}
	.dance .inner > h3{font-size: 18px;}
	.dance .inner > .text-left .btn-inverse{font-size: 16px;}

	.dance .msg img{float: none!important;display: block;margin:auto;}
	.dance .msg .data{padding-left: 0;margin-top: 10px;}

	.block-infor{padding: 15px;}
	.block-infor .label-lg {font-size: 18px;padding: 10px 60px;margin-right: 0;}
	.block-infor .btn-lg{width: auto;}


	.block-flow .btn-lg{width: 100%;text-align: center;}
	.flow-table > .item{width: 100%;padding: 10px;height: auto;}
	.flow-table > .item:after{display: none;}
	.flow-table > .item > h4 {margin: 5px 0;}
	.block-flow .desc{padding: 15px;}

	.sale-block .desc,
	.mship-block{padding: 3%;}
	.sale-block,.floor-block{border-width:10px; padding:10px;}
	.mship-block .col-md-8 h3 {font-size: 18px;margin-top: 0;}
	.faq-block{margin: 0;}
	.faq-block .item{margin-bottom: 35px;}
	.faq-block .item .question{font-size: 14px;padding-bottom: 5px;}

	.pager{padding: 10px 0}
	.pager a{display: block;float: none!important;margin: 10px 0;}

	.consult-content {margin: 30px 0;}
	.consult-content > div.text-center {padding: 20px;position: relative;margin: 0 0 20px;font-size: 14px;}
	.consult-content .title{font-size: 20px;margin-bottom: 20px;padding-bottom: 20px;}
	.sec-service .row > div:first-child > a > h3,
	.sec-service .row > div:nth-child(2) > a > h3,
	.sec-service .row > div:nth-child(3) > a > h3 {padding: 15px;}

	.block-nav-faq {padding: 15px;margin-bottom: 30px;}
	.faq-group {margin: 0 15px;}
	.faq-group .faq-block{margin: 30px 0;}
	.company-greeting .bg-soft{padding:10px;}
	.company-greeting .inner{padding:5px;}
	
	span .spNone{display:none;}
	
	
	.block-web {
		margin: 30px 0 40px;
		padding: 15px;
	}
	.block-web ul{
		width: 100%;
	}
	.block-web ul li {
		width: 100%;
		float: none;
		margin: 0 0 30px;
	}
	.block-web ul li:last-child {
		margin: 0;
	}
	.block-web ul li h5 {
		font-size: 16px;
	}
	.block-web ul li .icon {
		width: 40%;
		margin: 0 auto 10px;
	}
	.web-group {
		margin: 0 0 30px;
	}
	.web-group h3 {
		font-size: 16px;
	}
	.web-group .web-block {
		margin: 0 0 40px;
	}
	.web-group .web-block .flow li {
		min-height: 20px;
		margin-bottom: 15px;
		padding-top: 0;
		padding-left: 25px;
	}
	.web-group .web-block .flow li:first-child {
		background-size: 13px auto;
	}
	.web-group .web-block .flow li:nth-child(2) {
		background-size: 13px auto;
	}
	.web-group .web-block .flow li:nth-child(3) {
		background-size: 13px auto;
		margin-bottom: 20px;
	}
	.web-group .web-block .box_web {
		padding: 20px 15px 15px;
	}
	.web-group .web-block .need > li {
		margin-bottom: 30px;
		padding-left: 40px;
	}
	.web-group .web-block .need > li:first-child {
		background-size: 25px auto;
	}
	.web-group .web-block .need > li:nth-child(2) {
		background-size: 25px auto;
	}
	.web-group .web-block .need > li:nth-child(3) {
		background-size: 25px auto;
	}
	.web-group .web-block .need > li:nth-child(4) {
		background-size: 25px auto;
	}
	.web-group .web-block .need > li:nth-child(5) {
		background-size: 25px auto;
	}
	.web-group .web-block .need > li figure {
		width: 25%;
		margin: 0 5% 0 0;
	}
	.web-group .web-block .need > li figure + div {
		width: 70%;
	}
	.web-group .web-block .need > li figure + div .ttl {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.web-group .web-block .need > li figure + div ul {
		width: 100%;
		float: none;
	}
	.web-group .web-block .box_need {
		margin: 0 0 40px;
		border: 15px solid rgb(218, 230, 242);
		padding: 15px 10px;
		font-size: 14px;
	}
	.web-group .web-block .box_need h5 {
		font-size: 16px;
	}
	.web-group .web-block .btn-red {
		width: 276px;
		font-size: 16px;
	}
}

@media (min-width: 481px) and (max-width: 767px) {
	
}

@media (max-width: 479px){
.dance .inner > .text-left .btn-inverse {
	white-space: initial;
}


	#footer #nav-foo > div{min-height: auto;width: 100%;}
	#footer #nav-foo > div {min-height: 180px;width: 50%!important;margin: 0;padding-right: 15px;}
	.recommend .col-xs-4{width: 100%;}
	.recommend .desc{min-height: auto;}
	.erg-program .col-xs-6{width: 100%;margin-bottom: 15px;}
	.erg-program .row > div > p{min-height: auto;}
	.other .col-xs-6{width: 100%;}
	#campaign-free .inner > img{width: 70px;}
	.mini-banner .col-md-15:last-child img {width: auto;}
	#campaign-free .inner{height: 105px;}

	.program .bg-soft{background-size: 100%;}
	.program h2 + .text-center br{display: none;}
	.sec-service .row > .col-xs-6{width: 100%;}
	
	.company-info table th,.company-info table td{
		width:100%;
		display:block;
		float:left;
	}
	/* tennis */
	.tennis-table tr,
	.tennis-table td{
		display: inline-block !important;
		width: 100%;
	}	
	
}

@media (max-width: 320px) {
	.title-through-line:after{display: none;}
	.five-column .col-xs-6, 
	.mini-banner .col-xs-6{width: 100%;}
	.five-column .col-xs-6.col-xs-offset-3{margin-left:0;}
	.schedule .label{width: 90px;height: 25px;font-size: 14px;margin-bottom: 4px;margin-right: 5px;}
	.box-show h3{margin-bottom: 20px}
}

@media (max-height: 767px) {

	
}


@media (max-height: 480px) {

}




/*//////////////////////お知らせ枠//////////////////////////*/
#infomation_area{
	width: 100%;
	height: auto;
}
#infomation_area span{
display: block;
padding: 1em 5%;
color: #FFFFFF;
font-weight: bold;	
font-size: 1.5em;
}
#infomation_area.info1{
background-color: #E94B62;
}
#infomation_area.info2{
background-color: #4184C6;
}
#infomation_area.info3{
background-color: #111111;
}
#infomation_area.info4{
background-color: #5CB85C;
}
#infomation_area.info5{
background-color: #ED6E28;
}

@media (max-height: 767px) {
	#infomation_area span{
		font-size: 1.3rem;
	}
	
}
#member-menus .row{
	margin-left: -20px;
	margin-right: -20px;
}

#member-menus .col-6{
	padding-left: 20px;
	padding-right: 20px;
	width: 50%;
	float: left;
}

#member-menus .block-wrapper {
	background-color: #fff;
	border-radius: 6px;
	padding: 30px;
	box-shadow: 3px 3px 0 #aea892;
	margin-bottom: 25px;
}

#member-menus .block-wrapper h3{
	font-size: 32px;
	margin: 0 0 8px;
}

#member-menus .block-wrapper h3 > img{
	vertical-align: top;
	margin-right: 10px;
}

#member-menus .block-wrapper .price-bar{
	margin-left: -30px;
	margin-bottom: 15px;
}

#member-menus .block-wrapper .table-time{
	background-color: #dbf6f8;
	width: 100%;
	padding: 10px 20px;
	border-spacing: 0;
}

#member-menus .block-wrapper td:first-child{
	border-right: 1px solid #65c1c8;
	font-weight: bold;
	vertical-align: top;
}

#member-menus .block-wrapper td:last-child{
	padding: 0 20px;
}

@media (min-width:768px) and (max-width: 1199px){
	#member-menus .block-wrapper h3{
		font-size: 24px;
	}

	#member-menus .block-wrapper h3 > img{
		vertical-align: baseline;
	}

	#member-menus .block-wrapper .table-time{
		padding:3%; 
		font-size: 14px;
	}

	#member-menus .block-wrapper td:last-child {
		padding: 0 5px;
	}
}
@media (max-width:767px){
	#member-menus .col-6 {
		width: 100%;
	}
	#member-menus .block-wrapper{
		padding: 5%;
	}

	#member-menus .block-wrapper .price-bar{
		margin-left: -5%;
	}

	#member-menus .block-wrapper h3{
		font-size: 22px;
	}

	#member-menus .block-wrapper td:last-child {
		padding: 0 3%;
	}

	#member-menus .block-wrapper .table-time{
		padding: 2% 3%;
	}

	#member-menus .col-6:last-child .block-wrapper{
		margin-bottom: 0;
	}
}

/*=============================
=            shapeup            =
=============================*/

#shapeup{
	background-image: url(../images/entry/shapeup/bg-flow.jpg);
}






/*=============================
=      membership 追加         =
=============================*/
.membership-type {
    margin: 30px 0 0;
}
.membership-type .list {
    overflow: hidden;
}
.membership-type .list > li {
    border: 5px solid rgb(218, 230, 242);
    width: 48.5%;
    margin-bottom: 25px;
    padding: 15px 1.5% 20px;
}
.membership-type .list > li:nth-child(odd) {
    clear: both;
    float: left;
}
.membership-type .list > li:nth-child(even) {
    float: right;
}
.membership-type .list > li h4 {
    background: rgb(1, 91, 179);
    margin: 0 0 20px;
    padding: 10px 15px;
    color: #fff;
}
.membership-type .list > li h4 span {
    display: inline;
    font-size: 14px;
}
.membership-type .list > li .price {
    margin-bottom: 10px;
}
.membership-type .list > li .price li {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
}
.membership-type .list > li .price li:first-child {
    background: #eef1fa;
}
.membership-type .list > li .ttl_rec {
    margin-bottom: 3px;
    color: rgba(1,91,179,1);
    font-weight: bold;
}
@media (max-width:767px){
    .membership-type .list > li {
        width: 100%;
        margin-bottom: 20px;
        padding: 5px 2%;
    }
    .membership-type .list > li:nth-child(odd) {
        float: none;
    }
    .membership-type .list > li:nth-child(even) {
        float: none;
    }
    .membership-type .list > li h4 {
        margin: 0 0 10px;
        padding: 8px 15px;
        font-size: 15px;
    }
    .membership-type .list > li h4 span {
        display: block;
        font-size: 12px;
    }
    .membership-type .list > li .price {
        margin-bottom: 10px;
    }
    .membership-type .list > li .price li {
        padding: 5px 10px;
    }
}


.membership-school {
    margin: 30px 0 0;
}
.membership-school .ttl-school {
    margin-bottom: 0;
    overflow: hidden;
}
.membership-school .ttl-school h4 {
    float: left;
    color: rgba(1,91,179,1);
    font-weight: bold;
}
.membership-school .ttl-school p {
    float: right;
    padding-top: 13px;
}
.membership-school .table-school {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-collapse: separate;
    width: 100%;
    margin-bottom: 30px;
}
.membership-school .table-school th {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #eef1fa;
    padding: 10px 20px;
}
.membership-school .table-school th:nth-child(2) {
    width: 240px;
}
.membership-school .table-school th:nth-child(3) {
    width: 110px;
}
.membership-school .table-school th:nth-child(4) {
    width: 120px;
}
.membership-school .table-school td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
}
.membership-school .table-school td.cate {
    background: #f7f7f7;
}
.membership-school .table-school td a {
    color: rgba(1,91,179,1);
    text-decoration: underline;
}
@media (max-width:767px){
    .membership-school .ttl-school h4 {
        float: none;
        margin: 0 0 3px;
        font-size: 15px;
    }
    .membership-school .ttl-school p {
        float: none;
        margin-bottom: 5px;
        padding-top: 0;
    }
    .table_wrap {
        overflow-x: auto;
    }
    .membership-school .table-school {
        width: 700px;
        margin-bottom: 30px;
    }
    .membership-school .table-school th {
        padding: 5px 10px;
        font-size: 13px;
    }
    .membership-school .table-school th:nth-child(2) {
        width: 200px;
    }
    .membership-school .table-school th:nth-child(3) {
        width: 100px;
    }
    .membership-school .table-school th:nth-child(4) {
        width: 100px;
    }
    .membership-school .table-school td {
        padding: 5px 10px;
        font-size: 13px;
    }
}



/******20221207-フロートバナー********/
.floating-banner {position: fixed; z-index: 99999; bottom: 0; right: 0;}
.sp {display: none;}
@media screen and (max-width: 990px) {
.floating-banner {display: none;}
}
@media screen and (max-width: 560px) {
    .floating-banner {display: inline-block;}
    .banner {width: 100vw;}
	.sp {display: block;}
    }