/* course */
.pageHeader.course {
	background-image: url(../img/course/pageCourse.webp);
}
/* swimming */
.pageHeader.swimming {
	background-image: url(../img/swimming/pageSwimming.webp);
}
/* soccer */
.pageHeader.soccer {
	background-image: url(../img/soccer/pageSoccer.webp);
}
/* gymnastics */
.pageHeader.gymnastics {
	background-image: url(../img/gymnastics/pageGymnastics.png);
}
/* futsal */
.pageHeader.futsal {
	background-image: url(../img/futsal/pageFutsal.png);
}
@media screen and (max-width: 599px) {
	/* course */
	.pageHeader.course {
		background-image: url(../img/course/pageCourse-sp.webp);
	}
	/* swimming */
	.pageHeader.swimming {
		background-image: url(../img/swimming/pageSwimming-sp.webp);
	}
	/* soccer */
	.pageHeader.soccer {
		background-image: url(../img/soccer/pageSoccer-sp.webp);
	}
	/* gymnastics */
	.pageHeader.gymnastics {
		background-image: url(../img/gymnastics/pageGymnastics-sp.png);
	}
	/* futsal */
	.pageHeader.futsal {
		background-image: url(../img/futsal/pageFutsal-sp.png);
	}
}



/* 共通 */
.course .contentWrap .pageInner {
	padding: 45px 0 45px 30px;
}

.courseMoreBtn,.classMoreBtn {
    border-radius: 10px;
    border: 2px solid #f39800;
    display: inline-block;
    line-height: 3em;
    padding: 0 90px 0 15px;
    font-size: 18px;
    color: #f39800;
    font-weight: bold;
	margin: 30px 0 0;
	position: relative;
}
.classMoreBtn {
    border-radius: 100px;
    border: 2px solid #f39800;
	background-color:#f39800;
    font-size: 26px;
    color: #fff;
	padding: 0 120px 0 45px;
	line-height: 2.5em;
}
.courseMoreBtn:after,.classMoreBtn:after {
	content: "";
	background-image: url(../img/common/iconArrowOr.webp);
	background-repeat:no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.classMoreBtn:after {
	background-image: url(../img/common/whitearrow.png);
	right: 20px;
}
.classInfoWrap {
	width: 1200px;
	margin: 0 auto;
}
.classInfoWrap.col2 .leftBox,.classInfoWrap.col2 .rightBox {
	width: 48%;
	text-align: center;
	border-radius: 10px;
	border: 3px solid #f39800;
	padding: 30px 15px;
}
.classInfoWrap.col2 .leftBox .classMoreBtn,.classInfoWrap.col2 .rightBox .classMoreBtn {
	width:85%;
}
.classInfoWrap.col1 {
	text-align: center;
	border-radius: 10px;
	border: 3px solid #f39800;
	padding: 40px 45px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin:50px auto 0;
}
.classInfoWrap.col1 .leftBox {
	width: 60%;
	text-align: left;
}
.classInfoWrap.col1 .rightBox {
	width: 38%;
}
.classInfoWrap.col1 .classMoreBtn {
	margin-top: 0;
	width: 100%;
}
.classInfoWrap .classInfoTtl {
	font-size:36px;
}
.classInfoWrap p {
	margin-top: 10px;
}

@media screen and (max-width: 599px) {
	/* 共通 */
	.courseMoreBtn {
		font-size: 4.5vw;
		margin: 5% 0 0;
	}
	.classMoreBtn {
        font-size: 5.5vw;
        padding: 0 10px 0 10px;
        width: 90%;
        text-align: center;
        margin: 5% auto 0;
        display: block;
	}
	.classMoreBtn:after {
		width: 20px;
		height: 20px;
		right: 10px;
		margin: auto;
	}
	.classInfoWrap {
		width: 90%;
	}
	.classInfoWrap.col2 .leftBox,.classInfoWrap.col2 .rightBox {
		width:100%;
		padding: 8% 5%;
		margin-top: 5%;
	}
	.classInfoWrap.col2 .leftBox .classMoreBtn,.classInfoWrap.col2 .rightBox .classMoreBtn {
		width:85%;
		margin-top: 8%;
	}
	.classInfoWrap.col1 {
		display: block;
		padding: 8% 5%;
		margin-top: 5%;
	}
	.classInfoWrap.col1 .leftBox {
		width: 100%;
		text-align: center;
	}
	.classInfoWrap.col1 .rightBox {
		width: 100%;
		margin-top: 5%;
	}
	.classInfoWrap .classInfoTtl {
		font-size:7vw;
	}
	.classInfoWrap p {
		margin-top: 8%;
	}
}



/* 各コースについて */
.introBox {
	position: relative;
	padding: 60px 0 0;
	margin-bottom: 150px;
}
.introBox .leftbox {
	width: 50%;
}
.introBox .leftbox p {
	margin-top: 30px;
}
.introBox img {
	position: absolute;
    right: 2%;
    bottom: -100px;
    width: 45%;
}
@media screen and (max-width: 599px) {
	/* 各コースについて */
	.introBox {
		padding: 10% 0 0;
		margin-bottom: 10%;
	}
	.introBox .leftbox {
		width: 100%;
	}
	.introBox .leftbox p {
		margin-top: 30px;
	}
	.introBox img {
		position: relative;
        right: 0;
        bottom: 0;
        width: 70%;
        margin: 7% auto 0;
        display: block;
	}
}


/* スイミング */
.courseIntroBox {
	width: 100%;
	align-items: stretch;
	margin: 60px 0 100px;
}
.courseIntroBox .leftBox,.courseIntroBox .rightBox {
	width:49%;
}
.courseIntroBox .leftBox {
    background-size: cover;
	background-position: center;
	border-radius: 0 30px 30px 0;
	position: relative;
}
.courseIntroBox .leftBox .courseSNSbtn{
	position:absolute;
	bottom: -40px;
	right: 0;
	padding: 0 50px 0 0;
	font-size: 22px;
}
.courseIntroBox .leftBox .courseSNSbtn:after{
	content: "";
	background-image: url(../img/common/facebookicon.webp);
	background-repeat:no-repeat;
	background-size: contain;
	vertical-align: middle;
	width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.courseIntroBox .leftBox.swimIntroBg {
	background-image: url(../img/swimming/introBg.webp);
}
.courseIntroBox .leftBox.soccerIntroBg {
	background-image: url(../img/soccer/introBg.webp);
}
.courseIntroBox .leftBox.gymnasticsIntroBg {
	background-image: url(../img/gymnastics/introBg.png);
}
.courseIntroBox .leftBox.futsalIntroBg {
	background-image: url(../img/futsal/introBg.png);
}
.courseIntroBox .rightBox .rightBoxInner {
    width: 600px;
}
.courseIntroBox .rightBox .rightBoxInner p {
    margin: 30px 0 0;
}
.classWrap .pageInner {
	padding: 60px 0;
}
.classWrap .topbox {
	padding-bottom: 0;
}
.classWrap .topbox.col2 {
	align-items: center;
}
.classWrap .bottombox {
	padding-top: 0;
}
.classWrap .leftBox h4 {
	background-color: #f39800;
	color: #fff;
	border-radius: 10px;
	margin-top: 10px;
	padding:5px 15px;
	font-size: 22px;
}
.classWrap .leftBox p {
	margin-top: 15px;
}
.classWrap h5 {
	display: inline-block;
	background-color: rgba(243,152,0,0.3);
	border-radius:10px;
	padding: 5px 20px;
	width: 200px;
	text-align: center;
	margin-bottom: 10px;
	margin-top:20px;
}
.classWrap.colorBg h5 {
	background-color: rgba(255,255,255,0.6);
}
.classWrap .col2 {
	align-items: stretch;
}
.classWrap .scrollTb,.classWrap .scrollTb table {
	height: 100%;
}
.classWrap .scrollTb table {
	border-collapse: collapse;
	border: 1px solid #AAAAAA;
	background-color: #fff;
}
.classWrap.colorBg .scrollTb table {
	background:none;
}
.classWrap .scrollTb table th,.classWrap .scrollTb table td {
	border: 1px solid #AAAAAA;
	padding:15px;
}
.classWrap .scrollTb table th {
	width: 30%;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
.classWrap .scrollTb table td {
	width: 70%;
	vertical-align: middle;
}
@media screen and (max-width: 599px) {
	.courseIntroBox {
		margin: 10% 0 10%;
		flex-wrap: wrap;
	}
	.courseIntroBox .leftBox,.courseIntroBox .rightBox {
		width:100%;
	}
	.courseIntroBox .leftBox {
		height: 250px;
		width: 95%;
		margin-right: auto;
	}
	.courseIntroBox .leftBox .courseSNSbtn{
		bottom: -30px;
		font-size: 4vw;
	}
	.courseIntroBox .leftBox .courseSNSbtn:after{
		width: 25px;
		height: 25px;
		right: 10px;
	}
	.courseIntroBox .rightBox .rightBoxInner {
		width: 85%;
		margin:10% auto 0;
	}
	.courseIntroBox .rightBox .rightBoxInner .subTitle {
		margin-bottom: 0;
	}
	.courseIntroBox .rightBox .rightBoxInner .mainTitle {
		font-size:6vw;
	}
	.courseIntroBox .rightBox .rightBoxInner p {
		margin: 3% 0 0;
	}
	.classWrap .pageInner {
		padding: 5% 0;
	}
	.classWrap .topbox {
		padding-bottom: 0;
	}
	.classWrap .topbox .rightBox {
		margin-top: 5%;
	}
	.classWrap .bottombox {
		padding-top: 0;
	}
	.classWrap .leftBox h4 {
		margin-top: 2.5%;
		padding:5px 15px;
		font-size:4.5vw;
	}
	.classWrap .leftBox p {
		margin: 5% 0 0;
	}
	.classWrap h5 {
		padding: 5px 20px;
		width: 50%;
		margin-bottom: 2.5%;
		margin-top:5%;
	}
	.classWrap .bottombox .rightBox {
		margin: -1px 0 0;
	}
	.classWrap .scrollTb table th,.classWrap .scrollTb table td {
		border: 1px solid #AAAAAA;
		padding:2.5%;
		font-size: 4vw;
	}
	.classWrap .scrollTb table th {
		width: 45%;
	}
	.classWrap .scrollTb table td {
		width: 55%;
	}
}




/*サッカークラス色指定*/
.page107 .contentWrap.colorBg {
	background:#FFEBEB;
}
.page107 .subTitle {
	color: #D1101A;
}
.page107 h2.frontTitle .subTitle span {
	color: #D1101A;
}
.page107 .courseMoreBtn,.page107 .classMoreBtn {
    border: 2px solid #D1101A;
    color: #D1101A;
}
.page107 .classMoreBtn {
    border: 2px solid #D1101A;
	background-color:#D1101A;
    color: #fff;
}
.page107 .classMenuLi li a {
    border: 2px solid #D1101A;
	color:#D1101A;
}
.page107 .classMenuWrap .classMenuLi li a:after {
	background-image: url(../img/common/downArrowRed.png);
}
.page107 .classWrap .leftBox h4 {
	background-color: #D1101A;
}
.page107 .classWrap .leftBox h4 {
	background-color: #D1101A;
}
.page107 .classWrap .leftBox p {
	margin-top: 15px;
}
.page107 .classWrap h5 {
	background-color: rgba(209,16,26,0.3);
}
.page107 .classWrap.colorBg h5 {
    background-color: rgba(255, 255, 255, 0.6);
}
.page107 .frontRecruitInner {
	background-color: #FFEBEB;
}
.page107 .frontRecruit .frontRecruitInner .btnArea a {
	background: #D1101A;
}
.page107 .speech-bubble {
	background-color: #FFEBEB;
}
.page107 .speech-bubble::after {
	border-right: 30px solid #FFEBEB;
}
.page107 .site-footer {
	background-color: #FFEBEB;
}
.page107 .classInfoWrap.col2 .leftBox,.page107 .classInfoWrap.col2 .rightBox {
	border: 3px solid #D1101A;
}
.page107 .classInfoWrap.col1 {
	border: 3px solid #D1101A;
}


/*飾り*/

.courseDecoWrap .R1IntroBack {
	top:660px;
}
.courseDecoWrap .R1IntroBack.decoR1 {
    right:-8%;
	max-width: 381px;
	width:32%;
}
.courseDecoWrap .R1CenterBack {
	top:48%;
}
.courseDecoWrap .R1CenterBack.decoR1 {
    width: 28%;
	max-width:350px;
    right: 43%;
}
.courseDecoWrap .L1Bs {
	bottom: 31.5%;
}
.courseDecoWrap .L1Bs.decoL1 {
	max-width: 500px;
	width: 40%;
	left: -8%;
}
.courseDecoWrap .L3Foot.decoL3 {
	bottom: 9%;
}
@media screen and (max-width: 599px) {
	.courseDecoWrap .R1IntroBack {
		top:256vw;
	}
	.courseDecoWrap .R1IntroBack.decoR1 {
		right: 8%;
		max-width: 381px;
		width:32%;
	}
	.courseDecoWrap .R1CenterBack {
		top:255vw;
	}
	.courseDecoWrap .R1CenterBack.decoR1 {
        width: 40%;
        right: -1%;
		top: 46%;
	}
	.courseDecoWrap .L1Bs {
		bottom: 32%;
	}
	.courseDecoWrap .L1Bs.decoL1 {
		max-width: 460px;
		width:110%;
		left: -30%;
	}
	.courseDecoWrap .L3Foot.decoL3 {
		bottom:9.5%;
		left: -10%;
	}
	.courseDecoWrap .decoL3 {
        width: calc((251 / 600) * 100vw);
    }
	.courseDecoWrap .decoR1.R1IntroBack img{
		display: block;
	}
}
.swimmingDecoWrap .R1IntroBack {
	top:660px;
}
.swimmingDecoWrap .R1IntroBack.decoR1 {
    right:-8%;
	max-width: 381px;
	width:32%;
}
.swimmingDecoWrap .R1CenterBack {
	top:48%;
}
.swimmingDecoWrap .R1CenterBack.decoR1 {
    width: 28%;
	max-width:350px;
    right: 43%;
}
.swimmingDecoWrap .L1Bs {
	display: none;
}
.swimmingDecoWrap .L3Foot.decoL3 {
	bottom:3%;
}
@media screen and (max-width: 599px) {
	.swimmingDecoWrap .R1IntroBack {
		top:226vw;
	}
	.swimmingDecoWrap .R1IntroBack.decoR1 {
		right: -1%;
		max-width: 381px;
		width:62%;
	}
	.swimmingDecoWrap .R1CenterBack {
		top:6.2%;
		display: none;
	}
	.swimmingDecoWrap .L3Foot.decoL3 {
		bottom: 2.8%;
		left: -10%;
		width: calc((257 / 600) * 100vw);
	}
}
/*フットサル*/
.page128 .decoWrap .decoL1.L1Bs,.page128 .decoWrap .decoR1.R1CenterBack{
	display: none;
}
.futsalDecoWrap .R1IntroBack {
	top:660px;
}
.futsalDecoWrap .R1IntroBack.decoR1 {
    right:-8%;
	max-width: 381px;
	width:32%;
}
.futsalDecoWrap .R1CenterBack {
	display: none;
}
.futsalDecoWrap .L1Bs {
	display: none;
}
.futsalDecoWrap .L3Foot.decoL3 {
	bottom:8%;
}
@media screen and (max-width: 599px) {
	.futsalDecoWrap .R1IntroBack {
		top:247vw;
	}
	.futsalDecoWrap .R1IntroBack.decoR1 {
		right: -1%;
		max-width: 381px;
		width:62%;
	}
	.futsalDecoWrap .R1CenterBack {
		top:6.2%;
		display: none;
	}
	.futsalDecoWrap .L3Foot.decoL3 {
		bottom:9%;
		left: -10%;
		width: calc((257 / 600) * 100vw);
	}
}
/*体操*/
.page123 .decoWrap .decoL1.L1Bs,.page123 .decoWrap .decoR1.R1CenterBack{
	display: none;
}
.gymnasticsDecoWrap .R1IntroBack {
	top:660px;
}
.gymnasticsDecoWrap .R1IntroBack.decoR1 {
    right:-8%;
	max-width: 381px;
	width:32%;
}
.gymnasticsDecoWrap .R1CenterBack {
	display: none;
}
.gymnasticsDecoWrap .L1Bs {
	display: none;
}
.gymnasticsDecoWrap .L3Foot.decoL3 {
	bottom:8%;
}
@media screen and (max-width: 599px) {
	.gymnasticsDecoWrap .R1IntroBack {
		top:237vw;
	}
	.gymnasticsDecoWrap .R1IntroBack.decoR1 {
		right: -1%;
		max-width: 381px;
		width:62%;
	}
	.gymnasticsDecoWrap .R1CenterBack {
		top:6.2%;
		display: none;
	}
	.gymnasticsDecoWrap .L3Foot.decoL3 {
		bottom:9%;
		left: -10%;
		width: calc((257 / 600) * 100vw);
	}
}
/*サッカー*/
.page107 .decoR1.R1IntroBack,.page107 .decoWrap .decoL1.L1Bs,.page107 .decoWrap .decoR1.R1CenterBack{
	display: none;
}
.page107 .L3Foot.decoL3 {
    bottom: 5%;
}
.soccerDecoWrap .L3Foot.decoL3 {
	bottom:5%;
}
@media screen and (max-width: 599px) {
	.soccerDecoWrap .L3Foot.decoL3 {
		bottom:5.2%;
		left: -10%;
		width: calc((257 / 600) * 100vw);
	}
}