
#millennium{
	margin-bottom: 4vw;
    padding: 2vw 0px;
}


.secMain {
	background: url(../img/main/defo.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.millennium_navi ul{
	display: flex;
	margin-bottom: 50px;
	justify-content: space-around;
	flex-wrap: wrap;
}


.millennium_navi li {
}

.millennium_navi li{
    padding: 10px 50px;
    border: solid 1px var(--key-color);
    /* background: rgba(255,255,255,0.8); */
    background-color: #fff;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
}

.millennium_navi li:hover{
    background-color: var(--key-color);
    color: #fff;
    cursor: pointer;
}

#millennium h3{
	width: 98%;
	margin: 0 auto 3vw;
}

.millennium_01,
.millennium_02,
.millennium_03,
.millennium_04,
.millennium_05,
.millennium_06{
	padding: 0px 1vw;
}


/*　　スマホ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media handheld, only screen and (max-width: 767px) {
/*スマホ*/
	.secMain {
		background: url(../img/main/sp_defo.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		position: relative;
	}

	.secTitle h2{
		text-align: center;
		font-size: 4vw;
		padding: 10px 3rem;
	}

	.secTitle{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		background: rgba(0,0,0,0.5);
	}
	.millennium_navi ul{

	}

	.millennium_navi li{
	    width: 48%;
	    margin-bottom: 10px;
	}

	.millennium_navi li{
	    display: block;
	    text-align: center;
	}

}