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

.nav_list li a {
	position: relative;
	padding: 5px 0;
}

/* ドット用の基本スタイル */
.dot-line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0);
    display: flex;
    gap: 5px; /* ドット間のスペース */
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.dot-line.top {
    top: -4px; /* 上側のドットラインの位置 */
}

.dot-line.bottom {
    bottom: -4px; /* 下側のドットラインの位置 */
}

.nav_list li a:hover .dot-line {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

/* ドットのスタイル */
.dot {
    width: 7px; /* ドットの直径 */
    height: 7px;
    background-color: #ee799d; /* ドットの色 */
    border-radius: 50%; /* 円形にする */
    transition: transform 0.3s ease;
}	




.inline-b {display: inline-block;}

@media screen and (max-width: 1280px) {
	.pt30-u1280 {padding-top: 3em;}
}
@media screen and (min-width:561px) and ( max-width:1280px) {
	.row-1280-560 {
	display: flex;
		align-items: center;
		justify-content: center;
	}
	.row-1280-560 .col.span-6 {
		flex: 0 0 48%;
    max-width: 48%;
	}
}
@media screen and (max-width: 430px) {
	.pt30-u430 {padding-top: 3rem;}
}