@charset "utf-8";

/* -----------------------------------------
	/info/
----------------------------------------- */

@media (max-width: 750px) {
	.c-heading-lv1__icon.un-spiconup {
		padding-left: 0;
		padding-top: 60px;
		background-position: center top;
	}
}

.un-searchbox {
	display: flex;
	height: 100%;
	gap: 10px;
}

.un-searchbox-01 {
	width: calc( 100% - 110px );
}

.un-searchbox-01::after {
	position: absolute;
	display: block;
	z-index: 2;
	width: 32px;
	height: 32px;
	top: calc( 50% - 16px);
	right: 20px;
	content: "";
	background: url(/assets/img/icon/search.svg) no-repeat center center / contain;
}

.c-input > input.un-searchbox-01-input {
	padding: 21px 60px 21px 16px;
	position: relative;
}

.un-searchbox-02 {
	width: 100px;
	background-color: #008803;
	border-radius: 3px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #ffffff;
	cursor: pointer;
}

@media screen and (max-width: 750px){

	.un-searchbox {
		gap: 8px;
	}

	.un-searchbox-01 {
		width: calc( 100% - 66px );
	}

	.un-searchbox-01::after {
		width: 20px;
		height: 20px;
		top: calc( 50% - 10px);
		right: 10px;
	}

	.c-input > input.un-searchbox-01-input {
		padding: 14px 36px 14px 16px;
	}

	.un-searchbox-02 {
		width: 58px;
		font-size: 1.4rem;
	}

}

.un-noborder {
	border: none;
}

.un-ttl-01 {
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 20px;
}

.un-ttl-01-subtext {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin-top: 6px;
}

@media screen and (max-width: 750px){

	.un-ttl-01 {
		font-size: 2.0rem;
	}

	.un-ttl-01-subtext {
		font-size: 1.4rem;
	}

}

.un-telbox {
	display: inline-flex;
	align-items: center;
	margin: 0 auto;
}

.un-telbox-tel {
	font-size: 4.2rem;
	font-weight: 600;
}

.un-telbox-text {
	font-size: 1.6rem;
	margin: 0 0 0 0.7em;
}

.un-telboxbottom {
	font-size: 1.6rem;
	font-weight: 600;
}

@media screen and (max-width: 750px){

	.un-telbox {
		display: block;
	}

	.un-telbox-tel {
		font-size: 3.6rem;
	}

	.un-telbox-text {
		font-size: 1.4rem;
		margin: -3px 0 0 0;
	}

	.un-telboxbottom {
		font-size: 1.4rem;
		margin: 1em 0 0 0;
	}

}

@media (min-width: 751px) {
	.c-button-container__item.un-button-w450 {
		flex: 1 1 450px;
		max-width: 450px;
	}
}
