@charset "UTF-8";
/*-------------------------------------------


custom.css


---------------------------------------------*/





/*ホテル学科の５つのバリューの内部リンク用ナビ*/
nav.value_nav{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 240px;
}
nav.value_nav ul{
margin: 0 auto;
padding: 0;
text-align: center;
}
nav.value_nav ul li{
display: inline-block;
position: relative;
padding-right: 14px;
margin-right: 8px;
}
nav.value_nav ul li a::after,
nav.value_nav ul li a::before {
display: block;
content: "";
position: absolute;
}
nav.value_nav ul li a::after {
top: 25%;
right: 0;
width: 13px;
height: 13px;
background-color: #ccc;
border-radius: 100%;
}
nav.value_nav ul li a.current::after,
nav.value_nav ul li a:hover:after{
background-color: #312a28;
}
nav.value_nav ul li a::before {
z-index: 2;
top: 36%;
right: 4px;
width: 5px;
height: 5px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
nav.value_nav ul li a{
text-decoration: none;
color:#aaa;
display: inline-block;
width: 100%;
}
nav.value_nav ul li a.current{
color:#555;
}
nav.value_nav ul li a:hover{
color:#555;
}