@charset "UTF-8";

#main_slider:after { display: none; }
#main_slider .bx-viewport, #main_slider li {
	height: calc(100vh - 14em) !important;
	max-height: 1000px !important;
	min-height: 670px;
}
#main_slider li img { height: 100%; object-fit: cover; }
#charactor_area{
	position: absolute;
	bottom: -35px;
	left: 35px;
	width: 350px;
}
.main_slider .bx-wrapper .bx-pager { bottom: 17px; }

#globalnavi { position: static; }
#globalnavi li { position: absolute; z-index: 300; float: none; margin: 0; }
#globalnavi .link_gyosei,
#globalnavi .link_kosodate,
#globalnavi .link_kanko { width: 240px; }
#globalnavi .link_gyosei { bottom: 350px; right: 200px; }
#globalnavi .link_kosodate { width: 195px; bottom: 172px; right: 225px; }
#globalnavi .link_kanko { bottom: -45px; right: 245px; }
#globalnavi .link_furusato,
#globalnavi .link_iju,
#globalnavi .link_online { width: 195px; }
#globalnavi .link_furusato { bottom: 340px; right: 25px; }
#globalnavi .link_iju { width: 240px; bottom: 120px; right: 5px; }
#globalnavi .link_online { bottom: -55px; right: 70px; }

#footer{ padding: 4.5em 0 2em; }
#footer .footer_sns_list{ float: right; }
#footer .footer_sns_list ul{
	list-style-type: none;
	display: flex;
	gap: 18px;
}
#footer .footer_sns_list ul li{ width: 45px; }

@media (hover: hover) {
	#footer .footer_sns_list ul li a:hover{ opacity: 0.7; }
}


@media screen and (max-width: 768px) {
	#main_slider .bx-viewport, #main_slider li {
		height: auto !important;
		aspect-ratio: 4/3;
		max-height: initial !important;
		min-height: initial;
	}
	.main_slider .bx-wrapper .bx-pager { bottom: 35px; }

	#globalnavi {
		position: relative;
		inset: auto auto auto auto;
		padding: 0 12px;
		margin-top: calc(-3% - 20px);
	}
	#globalnavi ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		width: min(100%, 500px);
		margin: 0 auto;
	}
	#globalnavi li { position: static; width: auto !important; margin: 0 -8%; }
	#globalnavi li:nth-child(-n+3) { margin-bottom: -15%; }

	#charactor_area { position: static;	width: 325px;	margin: 0 auto;	}

	.search_box_entrance{	padding-top: 30px; }

	#footer { padding: 3em 0 1em; }
	#footer .footer_sns_list{ float: none; margin-bottom: 25px; }
	#footer .footer_sns_list ul{ justify-content: center; }
}

@media screen and (max-width: 767px) {
	.main_slider .bx-wrapper .bx-pager { text-align: center; right: auto; }
}

@media screen and (max-width: 478px) {
	.head_box h1 { width: max(60%, 235px); top: 18px; left: 50%; translate: -52%; }
	.head_box h1 img{ width: 100%; }

	#main_slider .bx-viewport, #main_slider li { aspect-ratio: 1/1; }

	#globalnavi li { margin: 0 -9%; }
	#globalnavi li:nth-child(-n+3) { margin-bottom: -16%; }

	#charactor_area{ width: 240px; }

	.search_box_entrance{	padding-top: 20px; }

	#footer{ padding-top: 2.5em; }
	#footer .footer_sns_list{ margin-bottom: 20px; }
}