.page-banner{display:none!important;}

#academy{  
}

.page-banner2{height:10vh!important;
min-height:170px!important;
padding: 80px 0 0!important;
width: 100%;
background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}



#academy .academy_a{position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("https://test.urbanfit.jp/wp-content/uploads/2025/02/academi01.jpg")
    center / cover;
	color:#ffffff;}

#academy .academy_contents{max-width: 1440px;
    padding: 30px 20px;
    margin: 0px auto;
    font-size: 15px;
}

#academy .academy_contents .top_tittle h2{
	font-size:70px;
	padding:200px 0 40px 0;
}
#academy .academy_contents .top_tittle p{
	font-size:30px;
	margin-left:60px;
}



.academy_b h2{font-size: 36px;
padding:200px 0 70px 0;
text-align: right;}


#academy h3
{   font-family: "adobe-caslon-pro", "serif";
    font-style: normal;
	font-size:38px;
    font-weight:bold;
    padding-top: 0.1em;
text-align:center;
color:#000000;
margin:140px 0 80px 0;
line-height:28px;}
#academy h3 span{font-size:30px;
line-height:150%;}
#academy h3 span::after
{ 
content: "";
    width: 240px;
    height: 4px;
    background-color: #ab9b81;
    margin: auto;
    display: block;
    margin-bottom: 10px;}


#academy p{margin-bottom:30px;
line-height:240%;
font-size:18px;}

#academy .academy_b{max-width: 1400px;
margin: 0 auto;}

#academy .academy_b p{
	font-size: 20px;
	margin:10px auto;
	text-align:right;
}

#academy .academy_b table,#academy dl{
	width:90%;
	margin:10px auto;
}


#academy .academy_b table tr th,#academy .academy_b table tr td{
    border: 1px solid #d9d9d9;
    letter-spacing: 2px;
    text-align: center;
    font-size: 20px;
    line-height: 1.3;
    padding: 20px;
	width:50%;
}
#academy .academy_b table tr td span{
	font-size:24px;
}
#academy .advanced{background-color:#D88F40;
color:#ffffff;
font-weight:bold;}
#academy .expert{background-color:#E76612;
color:#ffffff;
font-weight:bold;}

#academy ul{margin-top:70px;}
.flex_3col,.flex_4col{display:flex;flex-flow: row wrap;justify-content: space-around;}
.flex_3col li{flex-basis:33%;  margin-bottom:20px;  text-align: center; display: inline-block;}
.flex_3col img{width: 100%;}
.flex_4col li{flex-basis:18%;  margin-bottom:20px;  text-align: center; display: inline-block;}

#academy .nakami{width: 90%;
    margin: 10px auto;
}
#academy .nakami h4{color:#E76612;
font-size:18px;
padding:4px;
background-color:#E3240F;
border-radius:40px;
color:#ffffff;
font-weight:bold;
width:160px;
text-align:center;
margin-top:30px;}
#academy .nakami p{width:100%;
text-align:left;
font-size:18px;
line-height: 140%;}


#academy .sugoi img{width:400px;
float:left;
margin-right:40px;}
#academy .sugoi div{
	float:left;
	width:60%;

}
#academy .sugoi p{text-align:left;
width:90%;}
#academy .sugoi{clear:both;
	overflow:auto;
margin-bottom:40px;

}
#academy .sugoi h4{font-size:26px;
margin-top:40px;
background-color:#ffffff;
	width:auto;}



#academy .voice img{width:300px;
float:left;
margin-right:30px;
padding:20px;}
#academy .voice p{text-align:left;
	width:100%;
	padding:10px 30px;

}
#academy .voice{clear:both;
	overflow:auto;
margin-bottom:20px;
background-color:#fff5ea;
}
#academy .form a{
	display:block;
	text-align:center;
	padding:20px;
	background-color:#ab9b81;
	width:60%;
	margin:40px auto 80px;
	color:#ffffff;
	font-size:24px;
}
#academy .form :hover{background-color:#dcc7a5;}
#academy .form a{color:#ffffff;}

.mt30{margin-top: 30px!important;}

.box5{text-indent: -1em;
	padding-left: 1em;}
.boxtd td p{text-align: left!important;
line-height: 150%!important;
}
.th_p{background: #fff048;
font-weight: bold;}
.table_b{margin-top: 50px!important;}
.table_b th{background-color: #D88F40;
    color: #ffffff;
    font-weight: bold;}
.table_b th, .table_b td{width: 33%!important;}
.tl{text-align: left!important;}

@media only screen and (max-width: 1200px){
	#academy .academy_contents .top_tittle h2{font-size: 60px;
	}
	#academy .academy_a{min-height: 70vh;}
	.academy_b h2{font-size: 30px;}
	#academy .sugoi img{width: 30%;}
	#academy .sugoi h4{margin-top: 0;
	font-size: 24px;}

	#academy .academy_b p{font-size: 18px;}
}

@media only screen and (max-width: 900px){
	#academy .academy_a{min-height: 50vh;}
	#academy .academy_contents .top_tittle h2{font-size: 40px;
	}	
	#academy .academy_contents .top_tittle p{font-size: 24px;}
	.academy_b h2{font-size: 26px;}
	#academy .sugoi h4{margin-top: 0;
	font-size: 22px;}

	#academy .academy_b p{font-size: 16px;}
}
@media only screen and (max-width: 500px){
	#academy .academy_contents .top_tittle h2{padding:100px 0 30px 0; }
	.academy_b h2{padding:100px 10px 30px 10px;
	font-size: 24px;
	text-align: center;}
	#academy .academy_contents .top_tittle p{font-size: 20px;
	margin-left: 0;
	text-align: center;}
	#academy .academy_b p{padding: 10px!important;
	text-align: left;}
	#academy .sugoi div, #academy .sugoi img{width: 100%;}
#academy .voice img{width:300px;
float:none;
margin-right:0;
	margin: 0 auto;
padding:20px;}
	#academy h3{margin: 60px 0 40px 0;}
	#academy h3 span{font-size: 26px;}
	#academy .sugoi{overflow: hidden;}
	#academy p{line-height: 180%;}
	.mt30{margin-top: 20px!important;}
	#academy .sugoi h4{margin-top: 10px;
	}
	#academy .academy_b table,#academy dl{
	width:98%;
	margin:10px auto;
}
	#academy .academy_b table tr th, #academy .academy_b table tr td{font-size: 16px;
	padding: 10px;}
	#academy .form a{width: 80%;}

}