@charset "utf-8";
/*===========================
add
===========================*/

/* 基本カラー  */

/* color:var(--basic-color); で利用 */
:root {
	--basic-color:#424345;
}

/* color:var(--basic-color2); で利用 */
:root {
	--basic-color2:#fecb09;
}


.box {
	padding: 20px 30px;
	border-radius: 15px;
	background-color: rgba(255,255,255,0.75);
}

/*===========================
txt01
===========================*/
.txt01{
	background-color: var(--basic-color2);
	color: #fff;
	text-align: center;
	padding: 8px;
	margin-bottom: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 1.2em;
}
@media screen and (max-width: 600px) {
	.txt01{
		font-size: 1em;
	}
}

/*===========================
font
===========================*/
.fw-b{font-weight: bold;}

/*===========================
width
===========================*/
@media screen and (max-width: 768px) {
	.w100Tablet{
		width: 100% !important;
		box-sizing: border-box;
	}
}


/*===========================
wf
===========================*/
.wf-t-all ,ul.wf-t-all {
	width: fit-content;
	margin: auto;
}

@media screen and (min-width: 769px) {
	ul.wf-t,	ol.wf-t{
		width: fit-content;
		margin: auto;
	}
}


@media screen and (min-width: 601px) {
	ul.wf-pcONtabletONspOFF {
		width: fit-content !important;
		margin: auto !important;
	}
}