@charset "utf-8";
/*--------------------------------------------
SUB PAGE
---------------------------------------------*/
/*==== 見出し ====*/
#sub-content .sub_title h2{
    letter-spacing: .1rem;
    font-size: 2.5rem !important;
    display: block;
    position: relative;
    padding-bottom: 1.5rem;
    font-weight: bold !important;
    text-align: center;
}
#sub-content .sub_title h2::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    display: inline-block;
    width: 8.75rem;
    height: 3px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #018232;
}
#sub-content .sub_title h3{
    font-weight: bold !important;
    font-size: 1.875rem;
    letter-spacing: .1rem;
    border-bottom: 2px solid #018232;
    padding-bottom: .5rem;
}
#sub-content .sub_title h4{
    font-size: 1.25rem !important;
}
#sub-content .sub_title.headline h4{
    padding: 0 .8em .2em;
    background: transparent;
    border-left: solid 6px #018232;
}
@media screen and (max-width:768px) {
	#sub-content .sub_title h2{
		font-size: 2rem !important;
	}
}
@media screen and (max-width:480px) {
	#sub-content .sub_title h2{
		font-size: 1.8rem !important;
		padding-bottom: 1rem;
	}
}
@media screen and (max-width:380px) {
	#sub-content .sub_title h2{
		font-size: 1.5rem !important;
	}
}

/*==== icon ====*/
/*青選手(よくあるご質問)*/
#sub_icon .icon01{
	position: absolute;
	left: 0;
	left: calc( -120 * 100vw / 1400 );
	top: calc( -70 * 100vw / 1400 );
	z-index: 100;
}
@media screen and (max-width:1080px) {
	#sub_icon .icon01{
		left: 0;
	}
}
@media screen and (max-width:480px) {
	#sub_icon .icon01{
		top: calc( -60 * 100vw / 480 );
	}
}
/*黒選手(よくあるご質問)*/
#sub_icon .icon02{
	position: absolute;
	right: calc( -120 * 100vw / 1400 );
	top: 0;
	z-index: 100;
}
@media screen and (max-width:1080px) {
	#sub_icon .icon02{
		right: 0;
	}
}
@media screen and (max-width:480px) {
	#sub_icon .icon02{
		top: calc(50 * 100vw / 480);
	}
}

/*ラケット(よくあるご質問)*/
#sub_icon .icon04{
	left: calc( 120 * 100vw / 1400 );
	top: calc( -50 * 100vw / 1400 );
}
@media screen and (max-width:480px) {
	#sub_icon .icon04{
		left:0;
		top: calc( -50 * 100vw / 480 );
	}
}
/*黒選手(スクール)*/
#sub_icon .icon05{
	position: absolute;
	right: -60px;
	top: -200px;
	z-index: 100;
}
@media screen and (max-width:1080px) {
	#sub_icon .icon05{
		right:0;
		top: -135px;
	}
}
@media screen and (max-width:480px) {
	#sub_icon .icon05{
		top: calc( -140 * 100vw / 480 );
	}	
}
/*青選手(スクール)*/
#sub_icon .icon06{
	position: absolute;
	left: 150px;
	top: -140px;
	z-index: 100;
}
@media screen and (max-width:1080px) {
	#sub_icon .icon06{
		top: -100px;
	}
}
@media screen and (max-width:480px) {
	#sub_icon .icon06{
		left: 0;
		top: calc( -100 * 100vw / 480 );
	}
}
/*ラケット(スクール)*/
#sub_icon .icon07{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}
/*白選手(スクール)*/
#sub_icon .icon08{
	position: absolute;
	right: 0;
	top:-130px;
	z-index: 100;
}
@media screen and (max-width:480px) {
	#sub_icon .icon08{
		top: calc( -115 * 100vw / 480 );
	}
}

/*==== スクールスケジュール ====*/
/*スクールスケジュール*/
#school .news_img{
	height: 527px;
	border-radius: 5px;
}
#school .news_img img{
	object-fit: contain;
	width: 769px;
	height: 527px;
}
@media screen and (max-width:480px) {
	#school .news_img,#school .news_img img{
		height: 343px;
	}
}	

/*入会のご案内*/
#school .circle_inner {
	position: relative;
	height: 100px;
	padding-left: 5%;
}
#school .circle_inner h3{
	padding-left: 8%;
}
#school .circle{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #018232;
	text-align: center;
	line-height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 4px solid #fff;
	position: absolute;
	left: 0;
}
#school p.circle_text{
	padding-left: 13%;
}
@media screen and (max-width:1020px) {
	#school .circle{
		width: 70px;
		height: 70px;
	}
}
@media screen and (max-width:768px) {
	#school .circle{
		width: 60px;
		height: 60px;
	}
}
@media screen and (max-width:576px) {
	#school .circle_inner {
		padding-left: 6%;
		height: 80px;
	}
	#school .circle_inner h3{
		height: 70px;
		display: flex;
		align-items: center;
		line-height: 1.3 !important;
		padding-left: 12%;
	}
	#school p.circle_text{
		padding-left: 0;
	}
}
@media screen and (max-width:380px) {
	#school .circle_inner h3{
		padding-left: 15%;
	}
}

/*=== お知らせ ===*/
/*ページネーション*/
#news .pagination .page-numbers{
	margin: 0 .3rem;
	background: #f4f4f4;
	border-radius: 50%;
	padding: .3rem .8rem;
	font-size: 1rem;
}
#news .pagination .page-numbers.current{
	background: #018232;
	color: #fff;
}
#news .pagination .nav-links{
	justify-content: center;
}