/*----- =================================
=== Common Original Class
================================= -----*/
body{
	overflow-x: hidden;
}
/* Clear Fix */
.cf:after{
	content: "";
	display: block;
	clear: both;
}
/* In "bx-s" All Tag Box-sizing Effective */
.bx-s *{
	box-sizing: border-box;
}
/* Responsive Block */
.rs-block{
	display: inline;
}
/* Transition Animation x 0.2s */
.transitionx02{
	transition: 0.2s linear;
}
/* Transition Animation x 0.3s */
.transitionx03{
	transition: 0.3s ease-in;
}
/* Blue Dots Background */
.blue-dots{
	background-image: url(../images/blue-dots.jpg);
}
/* White Background */
.white-bg{
	background-color: #fff;
}
.spbr{
	display: none;
}
/*  */
.section-wrap{
	width: 100%;
	padding: 45px 0;
}
#loading-page{
	position: fixed;
  top: 0;
  left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999999;
	transition: 0.3s linear;
}
#loading-page.hide{
	opacity: 0;
	visibility: visible;
}
/*----- =================================
=== Main Page Outside
================================= -----*/
/* 緊急速報時 */
html.d-fixed,
body.d-fixed{
	height: 100%!important;
	overflow: hidden!important;
}
#emergency-scroll{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.75);
	z-index: 100000;
	transition: 0.4s linear;
}
#emergency-scroll.remove{
	opacity: 0;
	visibility: hidden;
}
#emergency-scroll .popup{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 622px;
	max-width: 94%;
	box-sizing: border-box;
	margin: -180px 0 0 -311px;
	border: solid 5px #ff5555;
	border-radius: 15px;
	box-shadow: 0 0 5px #999;
	background-color: #fff;
}
#emergency-scroll .popup .inner-box{
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 20px 31px 24px 31px;
}
#emergency-scroll .popup .inner-box .close-button{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 34px;
	height: 34px;
	cursor: pointer;
	background-image: url(../images/close-button.png);
	background-size: cover;
	background-repeat: no-repeat;
}
#emergency-scroll .popup .inner-box .time{
	font-size: 14px;
	font-weight: bold;
}
#emergency-scroll .popup .inner-box h2{
	padding-bottom: 12px;
	font-size: 18px;
}
#emergency-scroll .popup .inner-box .txt-box{
	width: 100%;
	height: 240px;
	box-sizing: border-box;
	padding: 0 14px 14px 0;
	overflow: auto;
}
#emergency-scroll .popup .inner-box .txt-box p{
	margin-top: 14px;
	line-height: 1.8;
}
/* 固定ボタン */
#side-button{
	position: fixed;
	right: 0;
	top: 50%;
	display: block;
	margin-top: -192px;
	width: 4.375vw;
	z-index: 1000;
}
#side-button .inner-wrap{
	position: relative;
	width: 4.375vw;
}
#side-button .inner-wrap a{
	display: block;
	width: 100%;
	height: 13.34vw;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#side-button .inner-wrap a:nth-of-type(1){
	background-image: url(../images/side-button01.png);
}
#side-button .inner-wrap a:nth-of-type(2){
	margin-top: 4px;
	background-image: url(../images/side-button02.png);
}
/*----- =================================
=== Header
================================= -----*/



#page-header *{
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#page-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 22px 1.6%;
	z-index: 10000;
	transition: 0.3s linear;
}
#page-header:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-image: url(../images/top-border.jpg);
}
#gnav{
	position: relative;
	width: 100%;
	height: 52px;
}
#gnav .nav-wrap .title-link{
	float: left;
	display: block;
	width: 162px;
	height: 52px;
	/*background-image: url(../img/logo.png);
	background-size: 100% auto;*/
}
#gnav .tel-number{
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 900;
	line-height: 1;
	color: #232323;
}
#gnav .tel-number .text{
	display: block;
	margin-bottom: 3px;
	font-size: 0.67rem;
	line-height: 10px;
}
#gnav .tel-number .number{
	display: block;
	font-size: 2.33rem;
	letter-spacing: 1px;
	line-height: 34px;
}
#menu-gnav{
	float: left;
	margin-left: 12px;
}
#menu-gnav li{
	float: left;
	margin-left: 16px;
	position: relative;
}
#menu-gnav li a{
	display: inline-block;
	width: 152px;
	padding: 16px 0;
	font-size: 1rem;
	font-weight: 900;
	text-align: center;
	line-height: 20px;
	background-image: url(../images/cloud.png);
	background-size: 100% auto;
	background-position: center center;
	transition: 0.3s linear;
}
#menu-gnav li a,
#menu-gnav li a:link,
#menu-gnav li a:visited{
	color: #1f638c;
	text-decoration: none;
}
#menu-gnav .dropdown > a{
	position: relative;
	cursor: default!important;
}
/* ドロップダウンメニューの下層 */
#menu-gnav .dropdown > a + .sub-menu{
	visibility: hidden;
	position: absolute;	
	top: 50%;
	opacity: 0;
	transition: 0.2s ease-out;
}
#menu-gnav .dropdown > a + .sub-menu.active{
	visibility: visible;
	top: 100%;
	opacity: 0.8;
}
#menu-gnav .sub-menu li{
	float: none;
	margin-bottom: 1px;
	margin-left: 0;
}
#menu-gnav .sub-menu li a{
	background-image: none;
	background-color: rgba(31,99,140,.9);
	color:#fff;
	padding: 8px 0;
}
#menu-gnav .sub-menu li a:hover{
	opacity: 0.6;
}
#sp-nav{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: #fff;
	visibility: hidden;
	overflow: auto;
	opacity: 0;
	transition: 0.3s linear;
}
#sp-nav.active{
	visibility: visible!important;
	opacity: 1!important;
}
#sp-nav .top-box{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 60px 10% 0 10%;
	font-size: 0.88rem;
}
#sp-nav .top-box:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-image: url(../images/top-border.jpg);
}
#sp-nav .top-box a,
#sp-nav .top-box a:link,
#sp-nav .top-box a:visited{
	color: #fff;
}
#sp-nav .top-box h4{
	border-bottom: solid 2px #414141;
	font-size: 0.9rem!important;
	font-weight: bold;
	line-height: 1.5;
}
#sp-nav .top-box .new-member{
	margin: 15px 0 38px 0;
}
#sp-nav .top-box .new-member a{
	float: left;
	width: 50%;
	padding: 7px 0;
	font-weight: bold;
	text-align:  center;
}
#sp-nav .top-box .new-member .trial{
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px; 
	background-color: #FF97DF;
}
#sp-nav .top-box .new-member .admission{
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px; 
	background-color: #FFBE18;
}
#sp-nav .top-box .transfer{
	display: block;
	width: 100%;
	margin: 15px 0 38px 0;
	padding: 7px 0;
	border-radius: 7px;
	font-weight: bold;
	text-align:  center;
	background-color:#63D875;
}
#sp-nav .top-box .sns{
	margin: 34px 0;
	font-size: 2rem;
	text-align: center;
}
#sp-nav .top-box .sns a:link,
#sp-nav .top-box .sns a:visited{
	color: #666;
}
#menu-gnav-1 .no_link > a:hover{
	text-decoration: none;
	cursor: default;
}
#menu-gnav-1 li{
	margin-top: 15px;
}
#menu-gnav-1 li a{
	display: block;
	padding: 7px 0;
	border-radius: 7px;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	background-color: #54ACD9;
}
#menu-gnav-1 .sub-menu  a,
#menu-gnav-1 .sub-menu  a:link,
#menu-gnav-1 .sub-menu  a:visited{
	color: #54ACD9;
	background-color: #fff;
}
#sp-nav .bottom-box{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 18px 10%;
	font-size: 0.88rem;
	background-color: #F0F0F0;
}
#sp-nav .bottom-box h4{
	font-size: 0.9rem;
	font-weight: bold;
}
#sp-nav .bottom-box address,
#sp-nav .bottom-box p{
	font-size: 0.86rem;
}
#sp-nav .bottom-box h4{
	margin-top: 18px;
}
#sp-nav .bottom-box h4:nth-of-type(1){
	margin-top: 0;
}
/*----- =================================
=== Main visual
================================= -----*/
#main-visual-wrap{
	background: #0087db url("../images/front/bk-main.svg") center bottom / cover;
}
#main-visual-wrap *{
	box-sizing: border-box;
}
#main-visual-wrap img{
	width: 100%;
}
#main-visual{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-bottom :62px;
	padding-right: 8.4%;
	padding-left: 8.4%;
}
#main-visual .next-slide > a,
#main-visual .prev-slide > a{
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 34px;
	margin-top: -30px;
	background-image: url(../images/slide-arrow.png);
	background-size: cover;
	background-position: center center;
	z-index: 1000;
}
#main-visual .prev-slide > a{
	left: 0;
	margin-left: 5%;
}
#main-visual .next-slide > a{
	right: 0;
	margin-right: 5%;
	transform: rotate(180deg);
}
#visual-image-list{
	position: relative;
	z-index: 1;
}
#visual-image-list li{
}
#visual-image-list li a{
	display: block;
	transition: 0.2s linear;
}
#visual-image-list li a:hover{
	opacity: 0.8;
}
#main-visual .img-chara{
	position: absolute;
	z-index: 2;
	width: min(130px, 11vw);
}
#main-visual .chara01{
	top: -20px;
	left: 0;
	animation: fuwafuwa01 5s ease-in-out infinite alternate;
}

#main-visual .chara02{
	top: 30%;
	left: -8%;
	animation: fuwafuwa01 4s ease-in-out infinite alternate;
}
#main-visual .chara03{
	bottom: 10%;
	left: 0;
	width: min(120px, 10.5vw);
	animation: fuwafuwa01 6s ease-in-out infinite alternate;
}
#main-visual .chara04{
	top: -5%;
	right: 2%;
	animation: fuwafuwa01 6s ease-in-out infinite alternate;
}
#main-visual .chara05{
	top: 33%;
	right: -5%;
	animation: fuwafuwa01 5s ease-in-out infinite alternate;
}
#main-visual .chara06{
	bottom: 5%;
	right: -2%;
	width: min(120px, 10.5vw);
	animation: fuwafuwa01 4s ease-in-out infinite alternate;
}
@keyframes fuwafuwa01 {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
#main-visual-wrap .btn-report{
	text-align: center;
	margin-top: -40px;
	padding-bottom: 60px;
}
#main-visual-wrap .btn-report a{
	display: inline-block;
	background: #fff;
	color: #E54486;
	font-weight: 700;
	font-size: min( 20px,3vw );
	padding: 1em 2em;
	border-radius: 40px;
	transition: 0.2s linear;
}
#main-visual-wrap .btn-report a:hover{
	opacity: 0.6;
	text-decoration: none;
}
@media screen and (max-width: 480px) {
	#main-visual-wrap .btn-report{
		margin-top: -10px;
		padding-bottom: 30px;
	}
}
/* メニュートリガー */
.menu-trigger{
	position: fixed;
	top: 28px;
	right: 3%;
	z-index: 100;
}
.menu-trigger,
.menu-trigger span{
	display: none;
	box-sizing: border-box;
	transition: 0.4s linear;
}
.menu-trigger{
	width: 26px;
	height: 20px;
}
.menu-trigger span{
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 3px;
	background-color: #1f638c;
}
.menu-trigger span:nth-of-type(1){
	top: 0;
}
.menu-trigger span:nth-of-type(2){
	top: 8px;
}
.menu-trigger span:nth-of-type(3){
	bottom: 0;
}
.menu-trigger span:nth-of-type(1){
	animation: menu-bar01 0.3s forwards;
}
@keyframes menu-bar01{
	0% {
		transform: translateY(8px) rotate(-45deg);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger span:nth-of-type(3){
	animation: menu-bar03 0.5s forwards;
}
@keyframes menu-bar03{
	0% {
		transform: translateY(-8px) rotate(45deg);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin: -16px 0 0 -16px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.3);
	opacity: 0;
	transition: 0.1s linear;
}
.menu-trigger.active::after{
	animation: circle 0.3s;
}
@keyframes circle{
	0% {
		opacity: 0;
		transform: scale(0.1);
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(3.5);
	}
}
.menu-trigger.active span:nth-of-type(1){
	animation: active-menu-bar01 0.2s 0.3s forwards;
}
@keyframes active-menu-bar01{
	0% {
		transform: translateY(0) rotate(0);
	}
	100% {
		transform: translateY(8px) rotate(-45deg);
	}
}
.menu-trigger.active span:nth-of-type(2){
	animation: active-menu-bar02 0.2s 0.3s forwards;
}
@keyframes active-menu-bar02{
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.menu-trigger.active span:nth-of-type(3){
	animation: active-menu-bar03 0.2s 0.3s forwards;
}
@keyframes active-menu-bar03{
	0% {
		transform: translateY(0) rotate(0);
	}
	100% {
		transform: translateY(-8px) rotate(45deg);
	}
}
/*----- =================================
=== Insta-feed
================================= -----*/
#insta-feed{
	position: relative;
	width: 100%;
	padding: 32px 0 26px 0;
	background-color: #fdf3f7;
}
#insta-feed:before,
#insta-feed:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 45px;
	max-width: 100%;
	background-image: url(../images/wave-pink.png);
	background-size: 45px auto;
	background-repeat: repeat-x;
}
#insta-feed:before{
	top: -15px;
	left: 0;
}
#insta-feed:after{
	bottom: -15px;
	left: 0;
	transform: rotate(180deg);
}
#insta-feed h2{
	width: 318px;
	height: 105px;
	margin: 0 auto  20px auto;
	background-image: url(../images/title-insta.png);
	background-size: cover;
}
/*----- =================================
=== Campaign Page Common Class
================================= -----*/
.page-container{
	position: relative;
	width: 1080px;
	margin: 0 auto;
}
.page-title img{
	width: 100%;
}
#campaign-header-section{
	width: 100%;
	padding: 18px 0;
	background-image: url(../images/autumn-campaign-bg.png);
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;	
}
#campaign-slick{
}
#slick-detail li{
}
#slick-detail li img{
	opacity: 0.8;
	transform: scale(0.81);
	transition: 0.3s linear;
}
.slick-center img{
	opacity: 1!important;
	transform: scale(1)!important;
}
#page-article-wrap{
	position: relative;
	width: 100%;
	padding: 48px 0;
}
#page-article-main{
	padding: 0 90px;
}
#experience-flow{
	padding-bottom: 48px;
}
#experience-flow h2{
	padding-bottom: 14px;
	text-align: center;
}
#experience-flow .flow-list{
	margin: 0 auto;
}
#experience-flow .flow-list li{
	counter-increment: number;
	position: relative;
	display: table;
	width: 100%;
	margin-bottom: 48px;
	padding: 6px;
	border-radius: 15px;
	color: #fff;
	background: #3F9AD7;
}
#experience-flow .flow-list li:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -9px;
	border-style: solid;
	border-width: 13.0px 9px 0 9px;
	border-color: #3a63ae transparent transparent transparent;
}
#experience-flow .flow-list li:nth-child(4):after{
	display: none;
}
#experience-flow .flow-list li .list-wrap{
	padding: 32px 21px;
	border: dotted 3px #eee;
	border-radius: 15px;
}
#experience-flow .flow-list li .list-wrap .left-box,
#experience-flow .flow-list li .list-wrap .right-box{
	display: table-cell;
	vertical-align: middle;
}
#experience-flow .flow-list li .list-wrap .left-box{
	width: 65%;
}
#experience-flow .flow-list li .list-wrap .left-box h3{
	position: relative;
	margin-bottom: 12px;
	padding-left: 33px;
	line-height: 30px;
	font-size: 22px;
}
#experience-flow .flow-list li .list-wrap .left-box h3:before{
	content: counter(number);
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	text-align: center;
	color: #ED2124;
	background-image: url(../img/bg-star.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#experience-flow .flow-list li .list-wrap .right-box{
	width: 35%;
	text-align: center;
}
#experience-flow .flow-list li .list-wrap .right-box img{
	width: auto;
}
/*----- =================================
=== 短期教室　入力フォーム
================================= -----*/
#article-wrap{
	position: relative;
	width: 100%;
}
#article-wrap *{
	box-sizing: border-box;
}
.inner-container{
	width: 1080px;
	max-width: 100%;
	margin: 0 auto;
	padding: 48px 30px;
	border-radius: 18px;
	background-color: #fff;
}
.inner-container.border-yellow{
	border: solid 3px #FFC85B;
}
.inner-container.border-blue{
	border: solid 3px #13C2EB;
}
/* タイトル */
#form-page h2{
	position: relative;
	width: 226px;
	height: 84px;
	margin: 0 auto 20px auto;
	background-size: cover;
}
#form-page h2.campaign{
	background-image: url(../images/form-page01.png);
}
#form-page h2.price{
	background-image: url(../images/form-page02.png);
}
#form-page h2.reserve{
	background-image: url(../images/form-page03.png);
}
#form-page h2.reserve-info{
	background-image: url(../images/form-page04.png);
}
#form-page h2.m-top{
	margin-top: 56px;
}
#form-page h3.sub-h-title{
	width: 220px;
	margin: 66px auto 25px auto;
	padding: 7px 0;
	border-top: solid 2px #1680CA;
	border-bottom: solid 2px #1680CA;
	font-size: 16px;
	font-weight: 900;
	color: #1680CA;
}
#form-page h3.sub-h-title:nth-of-type(1){
	margin: 34px auto 25px auto;
}
/* インナーテキスト */
#form-page .comment{
	margin-bottom: 26px;
	font-weight: bold;
	text-align: center;
	color: #373737;
}
#form-page .comment p{
	margin-bottom: 8px;
	line-height: 1.6;
}
#form-page .comment .font-red{
	color: #FF6A6C;
}
#form-page .comment .bold{
	font-size: 110%;
	font-weight: bold;
}
/* ==== Section First ==== */
/* コース */
#form-section-first{
	text-align: center;
}
/* コース料金 */
#form-section-first .price-list table{
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
}
#form-section-first .price-list table tr th,
#form-section-first .price-list table tr td{
	padding: 0 6px 6px 0;
}
#form-section-first .price-list table .t-title{
	width: 100px;
}
#form-section-first .price-list table .course,
#form-section-first .price-list table .course-first,
#form-section-first .price-list table .course-second,
#form-section-first .price-list table .course-third,
#form-section-first .price-list table .course-fourth{
	width: 220px;
}
#form-section-first .price-list table .t-title > div,
#form-section-first .price-list table .course > div,
#form-section-first .price-list table .course-first > div,
#form-section-first .price-list table .course-second > div,
#form-section-first .price-list table .course-third > div,
#form-section-first .price-list table .course-fourth > div{
	position: relative;
	display: block;
	padding: 23px 0;
	border-radius: 8px;
	font-weight: bold;
	text-align: center;
}
#form-section-first .price-list table .t-title > div{
	color: #fff;
	background-color: #8A8A8A;	
}
#form-section-first .price-list table .font-gray{
	color: #333;
}
#form-section-first .price-list table .red{
	color: #fff;
	background-color: #FB797B;
}
#form-section-first .price-list table .red-sub{
	background-color: #FFDADB;
}
#form-section-first .price-list table .green{
	color: #fff;
	background-color: #3ABB70;
}
#form-section-first .price-list table .green-sub{
	background-color: #DFFFED;
}
#form-section-first .price-list table .yellow{
	color: #fff;
	background-color: #F2CB5C;
}
#form-section-first .price-list table .yellow-sub{
	background-color: #FFEFD5;
}
#form-section-first .price-list table .pink{
	color: #fff;
	background-color: #eb707f;
}
#form-section-first .price-list table .pink-sub{
	background-color: #ffe6f1;
}
#form-section-first .price-list table .ygreen{
	color: #fff;
	background-color: #6cbb5a;
}
#form-section-first .price-list table .ygreen-sub{
	background-color: #ebf9e8;
}
#form-section-first .price-list table .blue{
	color: #fff;
	background-color: #00afec;
}
#form-section-first .price-list table .blue-sub{
	background-color: #e1f9ff;
}
#form-section-first .price-list table td > div .value{
	position: absolute;
	bottom: 3px;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	font-size: 11px;
	text-align: center;
	color: #fff;
	background-color: #F3731F;
}
/* 特典 */	
#form-section-first .present-list{
	width: 100%;
	max-width: 760px;
	margin: 0 auto;
}
#form-section-first .present-list tr th{
	vertical-align: middle;
	width: 16%;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #FB983A;
}
#form-section-first .present-list tr:nth-of-type(1) th{
	border-top: none;
}
#form-section-first .present-list tr:nth-of-type(4) th{
	border-bottom: none;
}
#form-section-first .present-list tr td{
	width: 84%;
	padding: 16px 14px;
	line-height: 24px;
	border-bottom: solid 4px #fff;
	font-weight: bold;
	color: #373737;
	background-color: #FFF0E3;
}
#form-section-first .present-list tr td .present-item{
	position: relative;
	margin-bottom: 8px;
	padding-left: 25px;
}
#form-section-first .present-list tr td .present-item:before{
	content: "★";
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FFB73A;
	transform: rotate(-17deg);
}
#form-section-first .images{
	width: 765px;
	max-width: 100%;
	margin: 25px auto 0 auto;
}
#form-section-first .images img{
	width: 540px;
	max-width: 100%;
}
#form-section-second .wpcf7-form{
	padding-bottom: 0;
}







/*----- =================================
=== フォーム
================================= -----*/
#campaign-form-wrap{
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff;
}
/* 条件分岐 */
#junction-form h3{
	margin-bottom: 5px;
	font-size: 22px;
	text-align: center;
}
#junction-form h3 + p{
	text-align: center;
}
#junction-form .course-box{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
#junction-form .form-box{
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto 50px auto;
	padding: 30px 0 40px 0;
	border-radius: 10px;
	background-color: #f6f6f6;
}
#junction-form .form-box > span.cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	z-index: 10;
}
#junction-form .form-box:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -30px;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #f6f6f6 transparent transparent transparent;
}
#junction-form .schedule{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
#junction-form .schedule li{
	margin-left: 15px;
}
#junction-form .schedule li:first-child{
	margin-left: 0;
}
#junction-form .schedule li div{
	position: relative;
	display: inline-block;
	padding: 15px 20px;
	border-radius: 22px;
	box-shadow: 0 5px 0 #25749D;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background-color: #3B86B9;
	transition: 0.2s linear	
}
#junction-form .schedule li div.onclick{
	box-shadow: 0 0 0 #25749d;
	background-color: #43A5EA;
	transform: translateY(5px);
}
#junction-form .schedule li div span{
	display: block;
}



#junction-form .wpcf7-list-item{
	margin-left: 15px;
}
#junction-form .wpcf7-list-item:first-child{
	margin-left: 0;
}
#junction-form .wpcf7-list-item input{
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
#junction-form .wpcf7-list-item-label{
	position: relative;
	display: block;
	padding: 12px 18px;
	border-radius: 22px;
	box-shadow: 0 5px 0 #25749D;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background-color: #3B86B9;
	overflow: hidden;
	transition: 0.2s linear;
}
#junction-form .wpcf7-list-item input:checked + .wpcf7-list-item-label,
#junction-form .wpcf7-list-item input:checked + input + .wpcf7-list-item-label{
	box-shadow: 0 0 0 #25749d;
	background-color: #43A5EA;
	transform: translateY(5px);
}
/* 個人情報入力箇所 */
#application-form{
	width: 760px;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px 0 40px 0;
	border-radius: 10px;
	background-color: #f6f6f6;
}
#application-form .list-items{
	display: table;
	max-width: 100%;
	margin-bottom: 24px;
}
#application-form input.apply{
	width: 100%;
	margin: 25px auto 0 auto;
	padding: 15px 0;
	border-radius: 8px;
	border: none;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #3B86B9;
}
#application-form .list-items .left-box{
	display: table-cell;
	vertical-align: middle;
	width: 240px;
	padding-left: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #282828;
}
#application-form .list-items .left-box .required{
	float: right;
	width: 44px;
	margin-right: 12px;
	font-size: 11px;
	text-align: center;
	color: #fff;
	background-color: #EC5154;
}
#application-form .list-items .right-box{
	display: table-cell;
	vertical-align: middle;
	width: 520px;
	max-width: 100%;
}
#application-form .list-items .option{
	padding: 0 32px;
}
#application-form .list-items .right-box .margin-b{
	margin-bottom: 5px;
}
#application-form .list-items select.month-age{
	margin-left: 8px;
}
#application-form .list-items input.common-size{
	width: 500px;
	max-width: 100%;
	padding: 7px 5px;
	border-radius: 5px;
	border: solid 2px #3B86B9;
	font-size: 14px;
	line-height: 18px;
	background-color: #fff;
}
#application-form .list-items input.common-style{
	padding: 7px 5px;
	border-radius: 5px;
	border: solid 2px #3B86B9;
	font-size: 14px;
	line-height: 18px;
	background-color: #fff;
}
#application-form .list-items select.school-choice{
	margin-top: 12px;
}
#application-form input.apply{
	display: block;
	width: 50%;
	margin: 0 auto;
	padding: 15px 0;
	border-radius: 8px;
	border: none;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	background: #3B86B9;
	-webkit-appearance: none;
	-moz-appearance: none;
}
#application-form .complete{
	width: 716px;
	max-width: 100%;
	margin: 0 auto;
}
#application-form .complete input{
	float: left;
	width: calc(50% - 4px);
	display: block;
	margin: 25px auto 0 auto;
	padding: 13px 0;
	border-radius: 8px;
	border: none;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	background: #58A6F0;
}
#application-form .complete input:first-child{
	margin-right: 8px;
}
#application-form .complete input.back{
	background-color: #8D8D8D!important;
}
#application-form .end-campaign{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
/* Contact From 7 Style Change */
#application-form .wpcf7-form{
	padding-bottom: 0!important;
}
#application-form .wpcf7-not-valid-tip{
	font-size: 12px!important;
	color: #FC7173;
}
#application-form .wpcf7-mail-sent-ok{
	width: 840px;
	max-width: 100%!important;
	margin: 18px auto 0 auto!important;
	padding: 14px 0!important;
	text-align: center;
	color: #fff;
	border: none!important;
	background-color: #EC5154!important;
}
#application-form　.wpcf7c-conf{
	background-color: #eaeaea!important;
}
#application-form input[type="button"]{
	-webkit-appearance: none;
	-moz-appearance: none;
}
/*----- =================================
=== 春の短期教室
================================= -----*/
#status-wrap{
	position: relative;
	margin: 0 auto 30px auto;
	padding-top: 32px;
	border-radius: 10px;
	font-weight: bold;
	overflow: scroll;
	background-color: #f6f6f6;
}
#status-wrap:before{
	content: "予約状況";
	position: absolute;
	top: -25px;
	left: 20px;
	width: 100px;
	padding: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	line-height: 15px;
	color: #f6f6f6;
	background-color: #3B86B9;
	z-index: 2;
}
#status-wrap h3{
	margin-bottom: 5px;
	font-size: 22px;
	text-align: center;
}
#status{
	display: flex;
	text-align: center;
}
#status .col{
	position: relative;
	padding: 15px 0
}
#status .col:before{
	content: "";
	position: absolute;
	top: 15%;
	right: 0;
	width: 1px;
	height: 70%;
	background-color: #ddd;
}
#status .col:last-child:before{
	display: none;
}
#status .col .row + .row{
	padding: 10px 0 0 0;
	font-size: 20px;
	color: #25749D;
}
#status .col .row + .row .symbol img{
	width: 25px;
	margin-bottom: 15px;
}
#status .col .row + .row p{
	font-size: 14px;
	color: rgba(72,66,66,1.00);
}
#status .col .row + .row p{
	font-size: 14px;
	color: rgba(72,66,66,1.00);
}
#junction-form{
	margin: 0 auto;
}
/*----- =================================
=== 秋の体験キャンペーン
================================= -----*/
/* -- 開催日程 -- */
#campaign-schedule-section{
}
#campaign-schedule-section .schedule-box{
	position: relative;
	width: 100%;
}
/* 開催日程 - タイトル */
#campaign-schedule-section .schedule-box .schedule-title{
	position: relative;
	width: 100%;
}
/* 開催日程 - 日程 */
#campaign-schedule-date{
	display: block;
	width: 100%;
	background-image: url(../images/schedule-box02.png);
	background-size: 100% auto;
}
#campaign-schedule-date > li{
	display: table;
	width: 100%;
	padding: 29px 8px;
}
#campaign-schedule-date li .left-box,
#campaign-schedule-date li .right-box{
	display: table-cell;
	vertical-align: middle;
}
#campaign-schedule-date li .left-box{
	width: 35%;
	border-right: dotted 4px #fcc17a;
	font-weight: bold;
	text-align: center;
}
#campaign-schedule-date li .right-box{
}
#campaign-schedule-date li .right-box li{
	float: left;
	width: 33.33%;
	text-align: center;
}
/* 開催日程 - フッター */
#campaign-schedule-section .schedule-box .schedule-box-foot{
	display: block;
	width: 100%;
	line-height: 0!important;
	font-size: 0!important;
}
#campaign-schedule-section .schedule-box .schedule-box-foot img{
	width: 100%;
}
/* リンクフォーム */
#campaign-schedule-section .toform-button > a{
	display: block;
	width: 348px;
	height: 83px;
	margin: 48px auto 0 auto;
	border-radius: 12px;
	box-shadow: 5px 5px #888;
	text-align: center;
	background: #F28124;
}
#campaign-schedule-section .toform-button > a:hover{
	transform: translate(5px, 5px);
	box-shadow: 0 0 #888;	
}
.only-sp{
	display: none;
}
.only-pc{
	display: block;
}
.only-sp-im{
	display: none!important;
}
/*----- =================================
=== お試しキャンペーン
================================= -----*/
#trial-page{
	min-width: 900px;
	max-width: 100%;
	margin-top: 76px;
	background-image: url(../images/page-trial01.jpg);
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
#trial-page .p-s01{
	font-weight: 500;
	color: #fff;
	background-color: rgba(41,101,175,0.83);
}
/* 新春 */#trial-page.new-year .p-s01{
	text-shadow: 0 0 6px #888;
	background-color: rgba(239,139,211,0.84);
}
#trial-page .p-s01 .container{
	padding: 60px 200px;
}
#trial-page .p-s01 h2{
	margin-bottom: 30px;
	text-align: center;
}
#trial-page .p-s01 h2 img{
	width: 270px;
}
#trial-page .p-s01 p{
	margin-bottom: 15px;
}
#trial-page .p-s02{
	position: relative;
	display: flex;
	align-items: stretch;
	align-content: stretch;
}
#trial-page .p-s02:before,
#trial-page .p-s02:after{
	content: "";
	position: absolute;
	bottom: -40px;
	width: 50%;
	height: 40px;
	z-index: 1;
}
#trial-page .p-s02:before{
	left: 0;
	border-bottom-left-radius: 100%;
	background-color: rgba(67,179,210,1);
}
#trial-page .p-s02:after{
	right: 0;
	border-bottom-right-radius: 100%;
	background-color: rgba(241,184,31,1);
}
#trial-page .p-s02 .h-box{
	width: 50%;
	padding: 40px 0 20px 0;
}
#trial-page .p-s02 .h-box:nth-child(1){
  background: linear-gradient(180deg, rgba(67,179,210,0.8), rgba(67,179,210,1));
}
#trial-page .p-s02 .h-box:nth-child(2){
  background: linear-gradient(180deg, rgba(241,184,31,0.8), rgba(241,184,31,1));
}
#trial-page .p-s02 .h-box .inner{
	padding: 0 10px;
}
#trial-page .p-s02 .h-box:nth-child(1) .inner{
	width: 450px;
	margin: 0 0 0 auto;
}
#trial-page .p-s02 .h-box:nth-child(2) .inner{
	width: 450px;
	margin: 0 auto 0 0;
}
#trial-page .p-s02 .h-box .inner h3{
	margin: 25px 0 40px 0;
}
#trial-page .p-s02 .h-box .inner ol{
	width: 380px;
	margin: 0 auto;
}
#trial-page .p-s02 .h-box .inner ol li{
	min-height: 160px;
	max-height: 200px;
	margin-bottom: 20px;
	padding: 14px 40px;
	border-radius: 5px;
	color: #fff;
}
#trial-page .p-s02 .h-box .inner ol li:last-child{
	margin-bottom: 0;
}
#trial-page .p-s02 .h-box:nth-child(1) .inner ol li{
	background-color: rgba(41,101,175,1);
}
#trial-page .p-s02 .h-box:nth-child(2) .inner ol li{
	background-color: rgba(234,148,30,1);
}
#trial-page .p-s02 .h-box .inner ol li h4{
	margin-bottom: 4px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-heght: 1;
}
#trial-page .p-s02 .h-box .inner ol li h4 + p{
	margin-bottom: 10px;
	font-size: 12px;
	text-align: center;
}
#trial-page .p-s02 .h-box .inner ol li h4 + p + p{
	font-size: 14px;
}
#trial-page .p-s03{
	padding: 120px 0;
	text-align: center;
	color: #fff;
	background-color: rgba(41,101,175,0.83);
}
#trial-page .p-s03 .container{
	padding: 0 200px;
}
#trial-page .p-s03 h3{
	height: 68px;
}
#trial-page .p-s03 h3 > img{
	width: auto;
	height: 100%;
}
#trial-page .p-s03 h4{
	position: relative;
	display: inline-block;
	margin-top: 25px;
	padding: 0 18px;
	font-size: 25px;
	font-weight: 500;
}
#trial-page .p-s03 h4:before,
#trial-page .p-s03 h4:after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -18px;
	width: 2px;
	height: 40px;
	background-color: #fff;
}
#trial-page .p-s03 h4:before{
	left: 0;
	transform: rotate(-20deg);
}
#trial-page .p-s03 h4:after{
	right: 0;
	transform: rotate(20deg);
}
#trial-page .p-s03 dl dt{
	margin: 25px 0 18px 0;
	padding: 9px 0;
	border: solid 1px #fff;
	font-size: 17px;
	font-weight: 700;
}
#trial-page .p-s03 dl dd{
	display: flex;
	align-items: stretch;
	align-content: stretch;
	justify-content: space-around;
	flex-wrap: wrap;
	font-weight: 500;
}
#trial-page .p-s03 dl dd > span{
	position: relative;
	padding-left: 10px;
}
#trial-page .p-s03 dl dd > span:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background-color: #fff;
}
#trial-page .p-s04{
	position: relative;
	padding: 40px 0 60px 0;
	text-align: center;
	color: #fff;
  background: linear-gradient(180deg, rgba(232,162,19,1), rgba(232,162,19,0.9));
}
#trial-page .p-s04:before{
	content: "";
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	height: 40px;
	border-top-right-radius: 100%;
	border-top-left-radius: 100%;
	background-color: rgba(232,162,19,1);
}
/* 新春 */#trial-page.new-year .p-s04{
  background: linear-gradient(180deg, rgba(230,85,107,1.00),rgba(230,85,107,0.9));
}
/* 新春 */#trial-page.new-year .p-s04:before{
  background-color: rgba(230,85,107,1.00);
}
#trial-page .p-s04 .container{
	padding: 0 200px;
}
#trial-page .p-s04 h3{
	height: 68px;
}
#trial-page .p-s04 h3 img{
	width: auto;
	height: 100%;
}
#trial-page .p-s04 dl{
	margin-bottom: 80px;
}
#trial-page .p-s04 dl dt{
	margin: 25px 0 18px 0;
	padding: 9px 0;
	border: solid 1px #fff;
	font-size: 17px;
	font-weight: 700;
}
#trial-page .p-s04 dl dd{
	font-size: 17px;
	font-weight: 700;
}
#trial-page .p-s04 dl dd > span{
	font-size: 22px;
}
#trial-page .p-s04 dl dd > p{
	margin-top: 18px;
	font-size: 17px;
	font-weight: 900;
}
#trial-page .p-s04 .present{
	display: flex;
	align-items: stretch;
	align-content: stretch;
	width: 900px;
	margin: 25px auto 0 auto;
}
/* 新春 */#trial-page.new-year .p-s04 .present{
	justify-content: center;
}
#trial-page .p-s04 .present li{
	width: 25%;
	padding: 35px 15px;
	background-color: #f77c37;
}
#trial-page .p-s04 .present li:nth-child(2n){
	background-color: #f2a214
}
#trial-page .p-s04 .present li img{
	height: 80px;
}
#trial-page .p-s04 .present li p{
	font-weight: 700;
}
#trial-page .p-s04 .button{
	display: block;
	width: 480px;
	margin: 100px auto 60px auto;
	padding: 12px 0;
	font-size: 18px;
	font-weight: 900;
	border: solid 3px #fff;
	border-radius: 15px;
	background-color: #1f638c;
	transition: 0.2s linear;
}
#trial-page .p-s04 .button:link,
#trial-page .p-s04 .button:visited{
	color: #fff;
}
#trial-page .p-s04 .button:hover{
	border: solid 3px #1f638c;
	text-decoration: none;
	color: #1f638c;
	background-color: #fff;
	opacity: 0.9;
}
/*----- =================================
=== 秋のお試しキャンペーン
================================= -----*/
#trial-page.autumn .p-s03{
	padding: 150px 0;
	background-image: url(../images/page-a-trial-bg-item.png),url(../images/page-a-trial-bg-item.png), url(../images/page-a-trial-bg.jpg);
	background-repeat: repeat-x, repeat-x, repeat;
	background-size: 400px auto, 400px auto, 100% auto;
	background-position: top center, bottom center, top left;
}
#trial-page.autumn .p-s03 h3{
	margin-bottom: 30px;
}
#trial-page.autumn .p-s03 dl dt{
	border: solid 1px #6d4001;
	color: #6d4001;
}
#trial-page.autumn .p-s03 dl dd{
	color: #6d4001;
}
#trial-page.autumn .p-s04:before{
	display: none;
}
#trial-page.autumn .p-s04:nth-of-type(2n) h3{
	margin-top: 80px;
}
#trial-page.autumn .p-s04 .present{
	justify-content: center;
}
#trial-page.autumn .p-s04 .present li{
	width: 220px;
}
#trial-page.autumn .p-s04 .button{
	background-color: #f26b36;
}
#trial-page.autumn .p-s04 .button:hover{
	border: solid 3px #f26b36;
	text-decoration: none;
	color: #f26b36;
	background-color: #fff;
	opacity: 0.9;
}
/*----- =================================
=== スイミング・スタジオ
================================= -----*/
.section-course-swimming {
  background-color: #bbe6fa;
}
.section-course-studio {
  background-color: #ffe0c7;
}
.list-course {
	padding: 50px 0;
}
.section-course .list-course .cell{
	box-sizing: border-box;
	margin-bottom: 36px;
	padding: 0 22px;
}
.section-course .list-course .cell:last-child{
	margin-bottom: 0;
}
.list-course .title {
  text-align: center;
  font-size: 18px;
}
.list-course .title .title-img {
  margin-bottom: 10px;
}
.list-course .img {
  position: relative;
  margin: 0 auto 20px auto;
  text-align: center;
}
.list-course .img img{
	width: 209px;
}
.list-course .img a {
  display: block;
  width: 60px;
  height: 60px;
  background: #fff;
  color: #e60012;
  text-align: center;
  font-size: 34px;
  line-height: 58px;
  border-radius: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s ease;
}
.list-course .img a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.list-course .link a{
	display: block;
	background-color: #1FA4E3;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 10px 2px;
	border-radius: 10px;
	border: 3px solid #fff;
	margin-top: 10px;
	transition: 0.2s linear;
}
.list-course .link a:hover{
	text-decoration: none;
	opacity: 0.6;
}
.page-studio .staff .wrap_img{
    overflow: hidden;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    margin: 0 auto 20px;
	border: 5px solid #FFE900;
	background-clip: padding-box;
}
.page-studio .staff .wrap_img .img {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 160px;
    height: 160px;
}
.page-studio .staff > .title:before{
	display: none;
}
.page-studio .staff p{
	text-align: left;
}
.section-course-link ul{
	display: flex;
	justify-content: center;
}
.section-course-link ul li{
	margin: 5px 0;
}
.section-course-link a{
	display: block;
	background-color: #003E6E;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 10px 5px;
	border-radius: 10px;
	/*border: 3px solid #fff;*/
	margin: 0 10px;
	width: 200px;
	transition: 0.2s linear;
}
.section-course-link a:hover{
	text-decoration: none;
	opacity: 0.6;
}
@media screen and (max-width: 480px) {
  .list-course {
    margin-left: 0;
    margin-right: 0;
  }
  .list-course .img {
		width: 140px;
    height: auto;
    margin-top: 10px;
  }
  .list-course .img img {
    position: static;
  }
  .list-course .txt {
    min-height: 0;
  }
}
.course-point {
  background: url('../img/home-course-point-bg.png') center center no-repeat;
  background-size: cover;
  position: relative;
}
.course-point:after {
  content: " ";
  display: block;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.course-point .container, .course-point .modal .modal-contents, .modal .course-point .modal-contents {
  position: relative;
  z-index: 2;
  padding: 30px 2.8% 50px 2.8%;
}
.course-point .img {
  position: absolute;
  left: -120px;
  bottom: -15px;
}
.course-point .list-star li {
  padding: 0 0 20px 35px;
}
.course-point .list-star .star {
  width: 26px;
  height: 25px;
  top: 2px;
}
@media screen and (max-width: 480px) {
  .course-point {
    background-image: url('../img/home-facility-studio-bg.png');
  }
  .course-point .img {
    display: none;
	}
	.list-course li{
		width: 100%;
	}
	.section-course-link ul{
		display: inline;
	}
	.section-course-link li{
		text-align: center;
	}
	.section-course-link a{
		margin: 0 auto;
	}
}
/*----- =================================
=== ベビースイミング、パーソナルスイミング
================================= -----*/
.page-baby-swimming .layout_base ul,
.page-personal-swimming .layout_base ul{
	width: 880px;
	padding: 0 10px;
	margin: 30px auto;
}
.page-baby-swimming .layout_base ul li,
.page-personal-swimming .layout_base ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
}
.page-baby-swimming .layout_base ul li .img,
.page-personal-swimming .layout_base ul li .img{
	width: 47%;
	border-radius: 20px;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.page-baby-swimming .layout_base ul li .txt,
.page-personal-swimming .layout_base ul li .txt{
	width: 50%;
}
.page-baby-swimming .layout_base .txt-point,
.page-personal-swimming .layout_base .txt-point{
	display: inline-block;
	color: #fff;
	border: 5px solid #fff;
	background-clip: padding-box;
	font-weight: bold;
	padding: 5px 30px;
	margin-bottom: 10px;
	border-radius: 20px;
	line-height: 1;
	box-sizing: border-box;
}
.page-baby-swimming .layout_base .num,
.page-personal-swimming .layout_base .num{
	font-size: 2em;
	vertical-align: -6px;
	margin-left: 2px;
}
.page-baby-swimming .layout_base .txt-title,
.page-personal-swimming .layout_base .txt-title{
	font-size: 22px;
	margin-bottom: 10px;
}
.page-baby-swimming .layout_base.section-merit ul li .img{
	border: 5px solid #ff5bb6;
}
.page-baby-swimming .layout_base.section-reason ul li .img{
	border: 5px solid #f4b824;
}
.page-baby-swimming .layout_base.section-flow ul li .img{
	border: 5px solid #00a0e9;
}
.page-baby-swimming .layout_base.section-merit .txt-point{
	background-color: #ff5bb6;
}
.page-baby-swimming .layout_base.section-reason .txt-point{
	background-color: #f4b824;
}
.page-personal-swimming .layout_base.section-point ul li .img{
	border: 5px solid #7D509C;
}
.page-personal-swimming .layout_base.section-flow ul li .img{
	border: 5px solid #00a0e9;
}
.page-personal-swimming .layout_base.section-point .txt-point{
	background-color: #7D509C;
}
.page-baby-swimming .layout_base.section-merit ul li:nth-of-type(odd) .img,
.page-baby-swimming .layout_base.section-reason ul li:nth-of-type(odd) .img,
.page-personal-swimming .layout_base.section-point ul li:nth-of-type(odd) .img{
	order: 2;
}
.page-baby-swimming .layout_base.section-merit ul li:nth-of-type(odd) .txt,
.page-baby-swimming .layout_base.section-reason ul li:nth-of-type(odd) .txt,
.page-personal-swimming .layout_base.section-point ul li:nth-of-type(odd) .txt{
	order: 1;
}
.page-personal-swimming .title-flag br{
	display: none;
}
.page-baby-swimming .section-flow table{
	width: 880px;
    padding: 0 10px;
    margin: 30px auto;
	border-collapse: separate;
	border-spacing: 0;
}
.page-baby-swimming .section-flow th,
.page-baby-swimming .section-flow td{
	text-align: center;
	padding: 5px 20px;
}
.page-baby-swimming .section-flow .middle{
	vertical-align: middle;
}
.page-baby-swimming .section-flow thead th{
	border-bottom: 2px dotted #1a1a1a;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
}
.page-baby-swimming .section-flow thead th img{
	margin-right: 10px;
	vertical-align: middle;
}
.page-baby-swimming .section-flow .time{
	font-size: 20px;
	font-weight: bold;
	color: #003E6E;
	white-space: nowrap;
	border-right: 2px dotted #1a1a1a;
}
.page-baby-swimming .section-flow td p{
	border-radius: 15px;
	padding: 5px 10px;
}
.page-baby-swimming .section-flow .tuesday p,
.page-baby-swimming .section-flow .friday p{
	margin: 5px 0;
}
.page-baby-swimming .section-flow .tuesday{
	width: 46%;
	color:#FF5BB6;
}
.page-baby-swimming .section-flow .friday{
	width: 46%;
	color: #F4B824;
}
.page-baby-swimming .section-flow .common{
	color: #00A0E9;
}
.page-baby-swimming .section-flow .tuesday p{
	border: 2px solid #FF5BB6;
}
.page-baby-swimming .section-flow .friday p{
	border: 2px solid #F4B824;
}
.page-baby-swimming .section-flow .common p{
	border: 2px solid #00A0E9;
}
.page-baby-swimming .section-flow td p.start,
.page-baby-swimming .section-flow td p.end{
	border: 0;
	color: #1a1a1a;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2;
	padding: 5px 0;
}
.page-baby-swimming .section-flow td p.start{
	margin-bottom: -10px;
}
.page-baby-swimming .section-flow td p.end{
	
}
.page-baby-swimming .section-flow td p.start span{
	font-weight: normal;
	font-size: 12px;
}
.page-baby-swimming .section-need p{
	width: 880px;
	padding: 0 10px;
	margin: 30px auto;
}
.page-baby-swimming .section-faq dl,
.page-personal-swimming .section-faq dl{
	width: 880px;
	padding: 0 10px;
	margin: 30px auto;
}
.page-baby-swimming .section-faq dt,
.page-baby-swimming .section-faq dd,
.page-personal-swimming .section-faq dt,
.page-personal-swimming .section-faq dd{
	position: relative;
	padding: 10px 10px 10px 60px;
}
.page-baby-swimming .section-faq .point-faq,
.page-personal-swimming .section-faq .point-faq{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.page-baby-swimming .section-faq dt,
.page-personal-swimming .section-faq dt{
	font-weight: bold;
	font-size: 20px;
	min-height: 35px;
}
.page-baby-swimming .section-faq dt .point-faq{
	background-color :#ff5bb6;
}
.page-baby-swimming .section-faq dd .point-faq{
	background-color :#00a0e9;
}
.page-personal-swimming .section-faq dt .point-faq{
	background-color :#7D509C;
}
.page-personal-swimming .section-faq dd .point-faq{
	background-color :#00a0e9;
}
.page-baby-swimming .section-price table,
.page-personal-swimming .section-price table{
	width: 880px;
	padding: 0 10px;
	margin: 30px auto;
}
@media screen and (max-width: 900px){
	.page-baby-swimming .layout_base ul,
	.page-personal-swimming .layout_base ul{
		width: 100%;
		box-sizing: border-box;
	}
	.page-baby-swimming .section-flow table{
		width: auto;
		box-sizing: border-box;
		margin-right: 10px;
		margin-left: 10px;
	}
	.page-baby-swimming .section-flow th,
	.page-baby-swimming .section-flow td{
		padding: 5px 10px;
	}
	.page-baby-swimming .section-flow .time{
		padding-left: 0;
	}
	.page-baby-swimming .section-need p,
	.page-personal-swimming .section-need p{
		width: 100%;
		box-sizing: border-box;
	}
	.page-baby-swimming .section-faq dl,
	.page-personal-swimming .section-faq dl{
		width: 100%;
		box-sizing: border-box;
	}
	.page-baby-swimming .section-price table,
	.page-personal-swimming .section-price table{
		width: 100%;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 480px) {
	.page-baby-swimming .layout_base ul li,
	.page-personal-swimming .layout_base ul li{
		display: block;
		position: relative;
	}
	.page-baby-swimming .layout_base ul li .img,
	.page-baby-swimming .layout_base ul li .txt,
	.page-personal-swimming .layout_base ul li .img,
	.page-personal-swimming .layout_base ul li .txt{
		width: 100%;
	}
	.page-baby-swimming .layout_base .txt-point,
	.page-personal-swimming .layout_base .txt-point{
		font-size: 12px;
		position: absolute;
		top: 25px;
		left: -30px;
	}
	.page-baby-swimming .layout_base .txt-title,
	.page-personal-swimming .layout_base .txt-title{
		font-size: 20px;
	}
	.page-baby-swimming .layout_base.section-merit ul li:nth-of-type(odd) .img,
	.page-baby-swimming .layout_base.section-reason ul li:nth-of-type(odd) .img,
	.page-personal-swimming .layout_base.section-point ul li:nth-of-type(odd) .img{
		order: 1;
	}
	.page-baby-swimming .layout_base.section-merit ul li:nth-of-type(odd) .txt,
	.page-baby-swimming .layout_base.section-reason ul li:nth-of-type(odd) .txt,
	.page-personal-swimming .layout_base.section-point ul li:nth-of-type(odd) .txt{
		order: 2;
	}
	.page-personal-swimming .title-flag br{
		display: block;
	}
	.page-baby-swimming .section-flow thead th{
		font-size: 14px;
	}
	.page-baby-swimming .section-flow .time{
		font-size: 14px;
		padding: 10px 10px 10px 0;
	}
	.page-baby-swimming .section-flow td p{
		padding: 5px 5px;
		font-size: 14px;
	}
	.page-baby-swimming .section-flow td p.start,
	.page-baby-swimming .section-flow td p.end{
		font-size: 14px;
	}
	.page-baby-swimming .section-flow td p.start span{
		font-size: 10px;
	}
}

/*----- =================================
=== コース/料金
================================= -----*/
.section-course-price {
	background: url('../img/course-price-bg.png?1475098531') center center no-repeat;
	background-size: cover;
}
.page-course .section_studio h3{
	font-size: 20px;
    color: #1CA99D;
}
.page-course .section_studio .name{width: 30%;}
.page-course .section_studio .object{width: 30%;}
.page-course .section_studio .day{width: 10%;}
.page-course .section_studio .time{width: 30%; display: table-cell;}

/*----- =================================
=== エスティジュニアのコロナウイルス対策
================================= -----*/
.page-corona_measures{
	margin-bottom: 60px;
}
.page-corona_measures h3{
	text-align: center;
	color: #003e6e;
	margin-top: 100px;
}
.page-corona_measures h3:first-child{
	margin-top: 0;
}
.page-corona_measures h4{
	font-weight: bold;
	margin: 40px 0 10px;
}
.page-corona_measures ul,
.page-corona_measures ol{
	padding-left: 30px;
}
.page-corona_measures ul li{
	list-style: disc;
	margin: 5px 0;
}
.page-corona_measures ol li{
	list-style: decimal;
	margin: 5px 0;
}
.page-corona_measures dt{
	margin: 20px 0 15px;
	font-size:1.1em;
	/*border-bottom: 3px solid #003E6E;*/
	border-bottom: 3px solid #ccc;
}

.page-corona_measures table{
	width: 100%;
	box-sizing: border-box;
	margin-top: 30px;
}
.page-corona_measures td span{font-weight: bold;}
.page-corona_measures .tr_little{background: #E4F5B0;}
.page-corona_measures .tr_kids{background: #FAE3ED;}
.page-corona_measures .tr_child{background: #FBE4C1;}
.page-corona_measures th,
.page-corona_measures td{
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.page-corona_measures th{
	font-weight: bold;
	border-bottom: 3px solid #003E6E;
}
.page-corona_measures .time{
	width: 80px;
}


/* -------------------
--- jQuery Use Class
-------------------- */
.rotate-y{
	opacity: 0;
	transform: rotateY(180deg);
	transition: 0.3s linear;
}
.rotate-y-on{
	opacity: 1;
	transform: rotateY(360deg);
}
.rotate-flag{
	top: 150%;
	overflow: hidden;
	transition: 0.2s ease-in;
}
.rotate-flag-on{
	top: 50%;
	transform: rotateX(0deg);
}
.title-move{
	opacity: 0;
	transform: translate(-200px);
	transition: 0.4s linear;
}
.title-move-on{
	opacity: 1;
	transform: translate(0);
}
.small-big{
	opacity: 0;
	transform: scale(0);
	transition: 0.4s ease-in;
}
.small-big-on{
	opacity: 1;
	transform: scale(1);
}
.opacity-in{
	opacity: 0;
	transition: 0.4s ease-in;
}
.opacity-in-on{
	opacity: 1;
}
.opacity-link{
	opacity: 1;
	transition: 0.2s linear;
}
.opacity-link:hover{
	opacity: 0.6;
}
.opacity:hover{
	opacity: 0.8;
}
.bg-white,
.query-bg-white{
	padding: 12px 1.6%!important;
	background-color: #fff!important;
}
.bg-none{
	background-image: transparent!important;
}
/* -------------------
--- Plugin bx-slider
-------------------- */
.bx-wrapper .bx-pager.bx-default-pager a{
	background:#85C4ED;
	text-indent:-9999px;
	display:block;
	width:10px;
	height:10px;
	margin:0 5px;
	outline:0;
	border-radius:5px;
	transition: 0.2s linear;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover{
	background: #297CD9;
}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item{
	display:inline-block;
	vertical-align:bottom;
}