@charset "UTF-8";

/* --------------------------------------------
TITLE
--------------------------------------------- */
.title01{
	font-family : "Noto Serif Japanese" , serif;
	font-weight : 700;
	line-height : normal;
	text-align : center;
	word-break: break-word;
}
@media screen and ( max-width : 750px ){
	.title01{
		font-size : 5.6rem;
	}
}
@media print , screen and ( min-width : 750.02px ){
	.title01{
		font-size : 3.2rem;
	}
}

/* --------------------------------------------
FIXED SEARCH BUTTON
--------------------------------------------- */
@media screen and ( max-width : 750px ){
	#btnSearch{
		left : 50%;
		z-index : 10;
		display : grid;
		grid-template-columns : calc( 30 var( --remBase ) ) auto;
		column-gap : calc( 19 var( --remBase ) );
		align-items : center;
		justify-content : center;
		width : fit-content;
		height : calc( 98 var( --remBase ) );
		padding-inline : calc( 50 var( --remBase ) );
		font-size : 3.2rem;
		font-weight : 700;
		color : white;
		white-space : nowrap;
		background-color : black;
		border : solid calc( 3 var( --remBase ) ) white;
		border-radius : 100vmax;
		translate : -50% 0;
	}
	#btnSearch::before{
		display : block;
		height : calc( 27 var( --remBase ) );
		font-size : 0;
		content : "";
		background : url( "../images/ui/icon/search.svg" ) center / contain no-repeat;
	}
}
#btnSearch.is-fixed{
	position : fixed;
	bottom : calc( 63 var( --remBase ) );
}
#btnSearch:not( .is-fixed ){
	position : absolute;
}