<header class="header">
<div class="header__inner inner">
<div class="header__main">
<h1 class="header__logo">
<a href="{{ url('homepage') }}">
<picture>
<source srcset="{{ asset('img/sp/logo.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/logo.svg', 'user_data') }}" alt="家庭洗濯物代行サービス">
</picture>
</a>
</h1>
<div class="header__right">
<div class="header__menu">
<ul class="header__menu-list">
{% if app.user %}
<li class="header__menu-item no-tab no-sp">
<a href="{{ url('logout') }}" class="header__menu-item-link">ログアウト</a>
</li>
{% else %}
<li class="header__menu-item no-tab no-sp">
<a href="{{ url('mypage') }}" class="header__menu-item-link">ログイン</a>
</li>
{% endif %}
<li class="header__menu-item no-tab no-sp">
<a href="{{ url('entry') }}" class="header__menu-item-link">会員登録</a>
</li>
{% if app.user %}
<li class="header__menu-item no-pc">
<a href="{{ url('logout') }}" class="header__menu-item-link"><img src="{{ asset('img/sp/icon-logout.svg', 'user_data') }}" alt="ログアウト"></a>
</li>
{% else %}
<li class="header__menu-item no-pc">
<a href="{{ url('mypage') }}" class="header__menu-item-link"><img src="{{ asset('img/sp/icon-login.svg', 'user_data') }}" alt="ログイン"></a>
</li>
{% endif %}
<li class="header__menu-item no-pc">
<a href="{{ url('entry') }}" class="header__menu-item-link"><img src="{{ asset('img/sp/icon-register.svg', 'user_data') }}" alt="会員登録"></a>
</li>
{{ include('Block/cart.twig') }}
</ul>
</div>
<div class="header__burger-btn burger-btn">
<span></span>
<span></span>
<span></span>
</div>
<nav class="header__burger burger-nav">
<ul class="burger-nav__list">
<li class="burger-nav__item">
<a href="{{ url('homepage') }}" class="burger-nav__item-link">HOME</a>
</li>
<li class="burger-nav__item">
<a href="{{ url('homepage') }}#about" class="burger-nav__item-link">洗濯代行とは?</a>
</li>
<li class="burger-nav__item">
<a href="{{ url('homepage') }}#how" class="burger-nav__item-link">ご利用方法</a>
</li>
<li class="burger-nav__item">
<a href="{{ url('homepage') }}#price" class="burger-nav__item-link">ご利用料金</a>
</li>
<li class="burger-nav__item">
<a href="{{ url('homepage') }}#case" class="burger-nav__item-link">ご利用事例</a>
</li>
<li class="burger-nav__item">
<a href="{{ url('help_about') }}" class="burger-nav__item-link">会社概要</a>
</li>
<li class="burger-nav__item">
<a href="{{ url('contact') }}" class="burger-nav__item-link">お問い合わせ</a>
</li>
</ul>
</nav>
</div>
</div>
<nav class="header__global global-nav">
<ul class="global-nav__list">
<li class="global-nav__item">
<a href="{{ url('homepage') }}" class="global-nav__item-link">HOME</a>
</li>
<li class="global-nav__item">
<a href="{{ url('homepage') }}#about" class="global-nav__item-link">洗濯代行とは?</a>
</li>
<li class="global-nav__item">
<a href="{{ url('homepage') }}#how" class="global-nav__item-link">ご利用方法</a>
</li>
<li class="global-nav__item">
<a href="{{ url('homepage') }}#price" class="global-nav__item-link">ご利用料金</a>
</li>
<li class="global-nav__item">
<a href="{{ url('homepage') }}#case" class="global-nav__item-link">ご利用事例</a>
</li>
<li class="global-nav__item">
<a href="{{ url('help_about') }}" class="global-nav__item-link">会社概要</a>
</li>
<li class="global-nav__item">
<a href="{{ url('contact') }}" class="global-nav__item-link">お問い合わせ</a>
</li>
</ul>
</nav>
</div>
</header>