@charset "UTF-8";

/*ABOUT US*/
#about+section .heading.block_header_2 .h{
	font-size: 3.8rem!important;
	font-family: 'Abril Fatface','Noto Serif JP', "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
	padding-left: 0px;
	border-bottom: none;
	letter-spacing: 0.2rem;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1.2;
}
#about+section .inner_item_txt .heading {
	margin-bottom: 30px;
}
#about+section .heading.block_header_2 .h:first-letter{
	color: #cf9e41;
}
#about+section .heading.block_header_2 .h::before{
	display: none;
}
#about+section .heading.block_header_2 p{
	font-size: 2.2rem;
	position: relative;
	padding-bottom: 0px;
	letter-spacing: 0.2rem;
}
#about + section .heading.block_header_2 p:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 60%;
    height: 15px;
    background:#eacc73;
    transition: all 1.5s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
	opacity: 0.5;
	z-index: -1;
}
#about+section .heading.block_header_2 p.showActive:before{
    transform: scale(1, 1);/*X方向にスケール拡大*/
}
#about+section .name{
	font-size: 1.5rem;
}
@media screen and (max-width: 900px){
	#about+section .heading.block_header_2{
		text-align: center;
	}
	#about + section .heading.block_header_2 p:before {
    	width: 50%;
		left: 25%;
		height: 10px;
	}
}
@media screen and (max-width: 800px){
	#about+section .heading.block_header_2 .h{
		font-size:3rem!important;
	}
	#about+section .heading.block_header_2 p {
    	font-size: 1.75rem;
	}
	#about+section .heading.block_header_2 {
    	margin-bottom: 25px;
	}
}
@media screen and (max-width: 450px){
	#about + section .heading.block_header_2 p:before {
    	width: 90%;
    	left: 5%;
	}
}

/*成長できる理由*/
#difference + div .heading.block_header_4 .h{
	border-bottom: 3px double #fff;
	padding-bottom: 8px;
	display: inline-block;
}
#difference + div .heading.block_header_4 p{
	border-bottom: none;
	border-top: none;
}
#difference + div .inner_item_txt>p{
	width: auto;
	margin: 0 auto;
	padding: 1px 25px;
	border-radius: 100px;
	border: 1px solid #fff;
	transition: 0.4s ease-in-out;
	font-family: 'Noto Serif JP', "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.45rem;
	letter-spacing: 0.1rem;
}

#difference + div .inner_item a:hover~.inner_item_txt>p{
	background: #fff;
	color: var(--i_txt_color);
}
@media screen and (max-width: 1000px){
	#difference+div .heading.block_header_4 .h {
    	font-size: 2.5rem!important;
	}
}


/*FLOOR*/
#floor+div .content_wrapper{
	padding: 95px 85px;
	background-image: url(/common/upload_data/r-hybrid-academycom/image/floor_top_7.png),url(/common/upload_data/r-hybrid-academycom/image/floor_bottom_7.png),url(/common/upload_data/r-hybrid-academycom/image/floor_bg_3.png);
	background-position: top center,bottom center,center;
	background-size: contain,contain,contain;
	background-repeat: no-repeat,no-repeat,repeat-y;
	position: relative;
}

#floor + div .content_wrapper::before {
	display: block;
	content: "";
	position: absolute;
	bottom: -50px;
	left: -12%;
	background: url(/common/upload_data/r-hybrid-academycom/image/floor_img.png) no-repeat bottom left;
	pointer-events: none;
	z-index: 1;
	background-size: contain;
	width: 300px;
	height: 600px;
}

@media screen and (max-width:1250px){
	#floor+div .content_wrapper{
		width: 92%;
	}
	#floor + div .content_wrapper::before {
		left: -10%;
		width: 240px;
    	height: 450px;
}
@media screen and (max-width:700px){
	#floor+div .content_wrapper{
		padding: 60px 40px;
	}
	#floor+div .inner_item{
		margin-bottom: 10px;
	}
	#floor + div .content_wrapper::before {
    	top: -40px;
    	right: -12%;
    	left: auto;
    	width: 210px;
    	height: 400px;
	}
}
@media screen and (max-width:450px){
	#floor+div .content_wrapper{
		padding: 30px 25px;
	}
	#floor + div .content_wrapper::before {
    	top: -40px;
    	right: -23%;
    	left: auto;
    	width: 180px;
    	height: 330px;
	}
}