/*フローティングここから----------------*/

.p-top-side-menu {
	bottom: 5.125rem;
	display: flex;
	flex-direction: column;
	gap: 2px;
	left: 0;
	position: fixed;
	z-index: 1000;
}
.p-top-side-menu a {
	align-items: center;
    background: right center / contain no-repeat;
    background-color: #007386;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-family: "Zen Maru Gothic", sans-serif !important;
    font-size: 2.5625rem;
    height: 8.925rem;
    letter-spacing: -0.02em;
    margin-left: -23.0625rem;
    opacity: 1;
    padding: 0 0 0 1rem;
    transition: all 0.4s ease-in-out;
    width: 31.9875rem;
}
.p-top-side-menu a:hover {
	background-color: #007386;
	margin-left: 0;
}
.p-top-side-menu__item.-item1 a {
	background-image: url("../../img/top/top_side_01_off.webp");
}
.p-top-side-menu__item.-item1 a:hover {
	background-image: url("../../img/top/top_side_01_on.webp");
}
.p-top-side-menu__item.-item2 a {
	background-image: url("../../img/top/top_side_02_off.webp");
}
.p-top-side-menu__item.-item2 a:hover {
	background-image: url("../../img/top/top_side_02_on.webp");
}
.p-top-side-menu__item.-item3 a {
	background-image: url("../../img/top/top_side_03_off.webp");
}
.p-top-side-menu__item.-item3 a:hover {
	background-image: url("../../img/top/top_side_03_on.webp");
}
.p-top-side-menu__item.-item4 a {
	background-image: url("../../img/top/top_side_04_off.webp");
}
.p-top-side-menu__item.-item4 a:hover {
	background-image: url("../../img/top/top_side_04_on.webp");
}
.p-top-side-menu__item.-item5 a {
	background-image: url("../../img/top/top_side_05_off.webp");
}
.p-top-side-menu__item.-item5 a:hover {
	background-image: url("../../img/top/top_side_05_on.webp");
}

/*フローティングここまで----------------*/












@media (max-width: 896px) {

/*フローティングここから----------------*/

.p-top-side-menu {
    background-color: var(--color-white);
    bottom: 0;
    flex-direction: row;
    gap: 1px;
    width: 100%;
}
.p-top-side-menu .ttl {
	display: none;
}
.p-top-side-menu a {
	height: 21vw;
	margin-left: 0;
	width: 100%;
}
.p-top-side-menu__item {
	width: calc(20% - 0.8px);
}
.p-top-side-menu__item.-item1 a {
	background-image: url("../../img/top/top_side_01_sp.webp");
}
.p-top-side-menu__item.-item1 a:hover {
	background-image: url("../../img/top/top_side_01_sp.webp");
}
.p-top-side-menu__item.-item2 a {
	background-image: url("../../img/top/top_side_02_sp.webp");
}
.p-top-side-menu__item.-item2 a:hover {
	background-image: url("../../img/top/top_side_02_sp.webp");
}
.p-top-side-menu__item.-item3 a {
	background-image: url("../../img/top/top_side_03_sp.webp");
}
.p-top-side-menu__item.-item3 a:hover {
	background-image: url("../../img/top/top_side_03_sp.webp");
}
.p-top-side-menu__item.-item4 a {
	background-image: url("../../img/top/top_side_04_sp.webp");
}
.p-top-side-menu__item.-item4 a:hover {
	background-image: url("../../img/top/top_side_04_sp.webp");
}
.p-top-side-menu__item.-item5 a {
	background-image: url("../../img/top/top_side_05_sp.webp");
}
.p-top-side-menu__item.-item5 a:hover {
	background-image: url("../../img/top/top_side_05_sp.webp");
}

/*フローティングここまで----------------*/

}