@charset "UTF-8";

/*- - - - - - -*/
.nav {
    display: flex;
    width: 100%;
    max-width: 956px;
    font-size: 0;
	margin-right: auto;
	margin-left: auto;
}
.nav div, .nav2 div {
    display: inline-block;
    font-size: 14px;
    margin: 0 2px;
    overflow: hidden;
}
.nav div {
    width: 134px;
}
.nav2 div {
    width: 134px;
}
.nav div.vo2, .nav2 div.vo2 {
    width: 150px;
}
.nav div.vo3, .nav2 div.vo3 {
    width: 186px;
}
.nav div.vo4, .nav2 div.vo4 {
    width: 188px;
}
.nav div.vo5, .nav2 div.vo5 {
    width: 134px;
}
.nav div.vo6, .nav2 div.vo6 {
    width: 178px;
}
.nav2 {
    display: flex;
    justify-content: center;
    text-align: center;
    background: #dfe1e5;
    padding: 25px 0;
    margin: 20px auto 0;
}
.nav a {
    text-decoration: none;
}
.nav_a {
    background: #FFFFFF;
}
.nav_a:hover {
    background: #ffffce;
}
@media screen and (max-width: 995px) { /* sp */
.nav_a:hover {
    background: #FFFFFF;
}
}
@media screen and (max-width: 995px) { /* sp */
.nav {
    width: 100%;
    max-width: none;
    font-size: 0;
	margin-right: 0;
	margin-left: 0;
    text-align: center;
}

.nav2 {
    text-align: center;
    background: #dfe1e5;
    padding: 25px 0;
    margin-top: 20px;
}
}
@media screen and (max-width: 640px) { /* sp */

.nav div, .nav2 div, .nav div.vo2, .nav2 div.vo2, .nav div.vo3, .nav2 div.vo3, .nav div.vo4, .nav2 div.vo4, .nav div.vo5, .nav2 div.vo5, .nav div.vo6, .nav2 div.vo6 {
    display: inline-block;
    width: 29%;
    overflow: hidden;
}
}