@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap');

#main{
	margin-bottom:30px;
}
#toppart{
	background-image: url("img/title_back.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;

}


#title .inner h2{
		letter-spacing: 0.3em;
}

/*-------------------------


	スマートフォン


-------------------------*/

@media screen and (min-width: 0) and (max-width: 760px){
	#main{
		margin:30px auto;
	}
	#toppart{
		background-image: url("img/title_back_sp.jpg");
		background-size: 100% auto;
	}
}

#top #main h3{
	font-size:35px;
	text-align: center;
	display: block;
}

#top #main h3::after{
	content:none;
}

#rbana{
	margin:40px 0 50px 0;
	display: flex;
	/*align-items: center;*/
	gap:30px;
}

#rbana li{
	line-height: 0;
	flex:1;
}

#rbana li:last-child{
	display: none;
}

#rbana img{
	width:100%;
	height: auto;
}
/*-------------------------


	スマートフォン


-------------------------*/

@media screen and (min-width: 0) and (max-width: 760px){
	#content #main h3{
		font-size:25px;
		line-height: 1.4;
		margin-bottom:30px;
	}
	
	#rbana{
		margin:0px 0 30px 0;
		display: flex;
		justify-content: space-between;
		/*align-items: center;*/
		flex-wrap: wrap;
		gap:5px;
		background-image: url("img/back.png");
		background-size: 50% auto;
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	
	#rbana li{
		flex:none;
		width:calc(50% - 5px);
	}

}

sup{
	font-size:12px;
	display: inline-block;
	line-height: 1em;
}