{% block stylesheet %}
<style>
.ec-topicRole_new_nav {
padding: unset;
background: #2479E8;
}
.categoryRole__list_new {
padding: 15px 0;
}
.listItem_new_nav {
border-left: 1px solid #fff;
margin: unset !important;
}
.listItem_new_nav:last-child {
border-right: 1px solid #fff;
}
.listItem_new {
font-family: "Roboto", "ヒラギノ角ゴ ProN", "メイリオ", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
}
.ec-role-sp {
width: 68%;
}
.ec-footerNavi .ec-footerNavi__link a {
font-family: "Roboto", "ヒラギノ角ゴ ProN", "メイリオ", "sans-serif";
font-style: normal;
font-weight: 300;
font-size: 13px;
line-height: 19px;
text-align: center;
color: #FFFFFF;
}
@media screen and (max-width: 768px) {
.ec-topicRole_new_nav {
display: none;
}
}
</style>
{% endblock %}
<div class="ec-categoryRole ec-topicRole_new_nav">
<div class="ec-role ec-role-sp">
<div class="ec-categoryRole__list text-center categoryRole__list_new">
<div class="ec-categoryRole__listItem listItem_new_nav">
<a href="{{ path('guide') }}">
<div class="listItem_new">初めての方へ</div>
</a>
</div>
<div class="ec-categoryRole__listItem listItem_new_nav">
<a href="{{ path('faq') }}">
<div class="listItem_new">FAQ</div>
</a>
</div>
<div class="ec-categoryRole__listItem listItem_new_nav">
<a href="{{ path('contact_emergency') }}">
<div class="listItem_new">お急ぎの方へ</div>
</a>
</div>
</div>
</div>
</div>