@charset "utf-8";
/* CSS Document */

/* メイン画像 */
@media (max-width: 576px) {
	#mv ul.mask-img {
		min-width: 300px;
		margin-left: 38%;
		margin-top: 55px;
	}
	#mv::before {
    left: 48%;
    width: 280px;
    height: 280px;
	}
	#mv .catch {
		left: 70%;
	}
	
	.slider {
		max-height: 500px;
	}
	.slider-item {
		max-height: 500px;
	}
}
@media (max-width: 426px) {
	#mv::before {
		left: 42%;
		top: 47%;
		transform: none;
	}
	#mv .catch {
		transform: none;
    top: unset;
		left: 69%;
    text-align: right;
	}
	#mv ul.mask-img {
		-webkit-mask-position: 50% 5%;
		mask-position: 50% 5%;
	}
}



/* あいさつ */
@media (max-width: 576px) {
	#gree {
		padding-bottom: 40px;
	}
	#gree h2.fuchidori {
		font-size: 1.85em;
		margin-bottom: 54px;
	}
	#gree .text p {
		background: #ffffffdf;
    width: 100%;
    padding: 11px 16px;
    border-radius: 11px;
	}
	#gree .image {
		width: 80%;
		top: 20%;
		bottom: unset;
	}
}



/* ページリンク（バナー） */
@media (max-width: 576px) {
	#link-menu .flex-item {
		width: 100%;
		height: 150px;
	}
	#link-menu .flex-item03 {
		background-color: #b8b8d3;
		background-blend-mode: overlay;
	}
	#link-menu .flex-item03::before {
		width: 150px;
	}
	#link-menu .flex-item p {
		font-size: 1.5em;
	}
	#link-menu .flex-item03 p {
		left: 50%;
		transform: translate(-50%,-50%);
	}

}



/* 会社案内 */
@media (max-width: 576px) {
	.com-gaiyo dl {
		flex-wrap: wrap;
	}
	.com-gaiyo dt {
		padding-bottom: 0;
	}
	.com-gaiyo dd {
		width: 100%;
		padding: 4px 3% 24px;
	}
}
@media (max-width: 426px) {
	#company h2 img {
		width: 120px;
		top: -5%;
		right: 1%
	}
}