<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="393" height="852" viewBox="0 0 393 852"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="852" x="0" y="0" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="393" height="852" x="0" y="0" fill="#ffffff"/></mask><g data-tag="header" id="header1" data-z-index="auto" data-stacking-context="true" role="banner" aria-owns="inner1"><g data-tag="div" id="inner1" class="inner" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-inner11)" aria-owns="title1 gb_nav"><mask id="mask-for-inner11"><rect width="393" height="79.96875" x="0" y="0" fill="#ffffff"/></mask><g data-tag="h1" id="title1" class="title" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="1" aria-owns="a1"><a href="https://www.f-katamura.com/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="369" height="27.96875" x="12" y="16" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="369" height="27.96875" preserveAspectRatio="xMidYMid slice" xlink:href="https://www.f-katamura.com/wp/wp-content/themes/f-katamura2019/images/f-katamura-logo-smp.svg" x="12" y="16"/></g><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="nav" id="gb_nav" data-z-index="auto" data-stacking-context="true" role="navigation" aria-owns="ul1"><g data-tag="ul" id="ul1" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="nav-works1 nav-photo1 nav-movie1 nav-personalworks1 nav-profile1"><g data-tag="li" id="nav-works1" class="nav-works" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain1"><a href="https://www.f-katamura.com/category/works/" data-tag="a" id="plain1" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span2"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="32" height="14" x="66.265625" y="65.96875" fill="rgba(0, 0, 0, 0)"/><image id="background-image2" width="32" height="14" preserveAspectRatio="xMidYMid slice" xlink:href="/3551449c.svg" x="66.265625" y="65.96875"/></g><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-photo1" class="nav-photo" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain2"><a href="https://www.f-katamura.com/category/photograph/" data-tag="a" id="plain2" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span3"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="28.578125" height="14" x="114.265625" y="65.96875" fill="rgba(0, 0, 0, 0)"/><image id="background-image3" width="28.578125" height="14" preserveAspectRatio="xMidYMid slice" xlink:href="/54f82978.svg" x="114.265625" y="65.96875"/></g><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-movie1" class="nav-movie" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="active1"><a href="https://www.f-katamura.com/category/movie/" data-tag="a" id="active1" class="active" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span4"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="31" height="14" x="158.84375" y="65.96875" fill="rgba(0, 0, 0, 0)"/><image id="background-image4" width="31" height="14" preserveAspectRatio="xMidYMid slice" xlink:href="/f4c939f2.svg" x="158.84375" y="65.96875"/></g><g data-tag="span" id="span4" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-personalworks1" class="nav-personalworks" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain3"><a href="https://www.f-katamura.com/category/personal-works/" data-tag="a" id="plain3" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span5"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="72.890625" height="14" x="205.84375" y="65.96875" fill="rgba(0, 0, 0, 0)"/><image id="background-image5" width="72.890625" height="14" preserveAspectRatio="xMidYMid slice" xlink:href="/96a63b1b.svg" x="205.84375" y="65.96875"/></g><g data-tag="span" id="span5" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-profile1" class="nav-profile" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain4"><a href="https://www.f-katamura.com/profile/" data-tag="a" id="plain4" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span6"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="32" height="14" x="294.734375" y="65.96875" fill="rgba(0, 0, 0, 0)"/><image id="background-image6" width="32" height="14" preserveAspectRatio="xMidYMid slice" xlink:href="/9ebef530.svg" x="294.734375" y="65.96875"/></g><g data-tag="span" id="span6" data-z-index="auto" data-stacking-context="true"/></a></g></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="834" height="1210" viewBox="0 0 834 1210"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="834" height="1210" x="0" y="0" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="834" height="1210" x="0" y="0" fill="#ffffff"/></mask><g data-tag="header" id="header1" data-z-index="auto" data-stacking-context="true" role="banner" aria-owns="inner1"><g data-tag="div" id="inner1" class="inner" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-inner11)" aria-owns="title1 gb_nav"><mask id="mask-for-inner11"><rect width="720" height="132" x="57" y="0" fill="#ffffff"/></mask><g data-tag="h1" id="title1" class="title" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="1" aria-owns="a1"><a href="https://www.f-katamura.com/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="568" height="36" x="133" y="36" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="568" height="36" preserveAspectRatio="none" xlink:href="/c8415522.svg" x="133" y="36"/></g><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="nav" id="gb_nav" data-z-index="auto" data-stacking-context="true" role="navigation" aria-owns="ul1"><g data-tag="ul" id="ul1" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="nav-works1 nav-photo1 nav-movie1 nav-personalworks1 nav-profile1"><g data-tag="li" id="nav-works1" class="nav-works" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain1"><a href="https://www.f-katamura.com/category/works/" data-tag="a" id="plain1" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span2"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="55" height="25" x="161.390625" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image2" width="55" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/3551449c.svg" x="161.390625" y="107"/></g><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-photo1" class="nav-photo" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain2"><a href="https://www.f-katamura.com/category/photograph/" data-tag="a" id="plain2" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span3"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="51.046875" height="25" x="258.390625" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image3" width="51.046875" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/54f82978.svg" x="258.390625" y="107"/></g><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-movie1" class="nav-movie" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="active1"><a href="https://www.f-katamura.com/category/movie/" data-tag="a" id="active1" class="active" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span4"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="52" height="25" x="351.4375" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image4" width="52" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/f4c939f2.svg" x="351.4375" y="107"/></g><g data-tag="span" id="span4" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-personalworks1" class="nav-personalworks" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain3"><a href="https://www.f-katamura.com/category/personal-works/" data-tag="a" id="plain3" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span5"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="130.171875" height="25" x="445.4375" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image5" width="130.171875" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/96a63b1b.svg" x="445.4375" y="107"/></g><g data-tag="span" id="span5" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-profile1" class="nav-profile" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain4"><a href="https://www.f-katamura.com/profile/" data-tag="a" id="plain4" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span6"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="55" height="25" x="617.609375" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image6" width="55" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/9ebef530.svg" x="617.609375" y="107"/></g><g data-tag="span" id="span6" data-z-index="auto" data-stacking-context="true"/></a></g></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1440" height="900" viewBox="0 0 1440 900"><g id="html1"><g data-tag="head" id="head1" data-z-index="auto" data-stacking-context="true" aria-owns="script1"><g data-tag="script" id="script1" data-z-index="auto" data-stacking-context="true"/></g><g data-tag="body" id="body1" data-z-index="auto" data-stacking-context="true" role="document" mask="url(#mask-for-body11)" aria-owns="header1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="900" x="0" y="0" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="1440" height="900" x="0" y="0" fill="#ffffff"/></mask><g data-tag="header" id="header1" data-z-index="auto" data-stacking-context="true" role="banner" aria-owns="inner1"><g data-tag="div" id="inner1" class="inner" data-z-index="auto" data-stacking-context="true" mask="url(#mask-for-inner11)" aria-owns="title1 gb_nav"><mask id="mask-for-inner11"><rect width="1200" height="132" x="120" y="0" fill="#ffffff"/></mask><g data-tag="h1" id="title1" class="title" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="1" aria-owns="a1"><a href="https://www.f-katamura.com/" data-tag="a" id="a1" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="568" height="36" x="436" y="36" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="568" height="36" preserveAspectRatio="none" xlink:href="/c8415522.svg" x="436" y="36"/></g><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="nav" id="gb_nav" data-z-index="auto" data-stacking-context="true" role="navigation" aria-owns="ul1"><g data-tag="ul" id="ul1" data-z-index="auto" data-stacking-context="true" role="list" aria-owns="nav-works1 nav-photo1 nav-movie1 nav-personalworks1 nav-profile1"><g data-tag="li" id="nav-works1" class="nav-works" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain1"><a href="https://www.f-katamura.com/category/works/" data-tag="a" id="plain1" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span2"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="55" height="25" x="464.390625" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image2" width="55" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/3551449c.svg" x="464.390625" y="107"/></g><g data-tag="span" id="span2" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-photo1" class="nav-photo" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain2"><a href="https://www.f-katamura.com/category/photograph/" data-tag="a" id="plain2" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span3"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="51.046875" height="25" x="561.390625" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image3" width="51.046875" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/54f82978.svg" x="561.390625" y="107"/></g><g data-tag="span" id="span3" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-movie1" class="nav-movie" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="active1"><a href="https://www.f-katamura.com/category/movie/" data-tag="a" id="active1" class="active" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span4"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="52" height="25" x="654.4375" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image4" width="52" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/f4c939f2.svg" x="654.4375" y="107"/></g><g data-tag="span" id="span4" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-personalworks1" class="nav-personalworks" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain3"><a href="https://www.f-katamura.com/category/personal-works/" data-tag="a" id="plain3" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span5"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="130.171875" height="25" x="748.4375" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image5" width="130.171875" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/96a63b1b.svg" x="748.4375" y="107"/></g><g data-tag="span" id="span5" data-z-index="auto" data-stacking-context="true"/></a></g><g data-tag="li" id="nav-profile1" class="nav-profile" data-z-index="auto" data-stacking-context="true" role="listitem" aria-owns="plain4"><a href="https://www.f-katamura.com/profile/" data-tag="a" id="plain4" class="plain" data-z-index="auto" data-stacking-context="true" role="link" aria-owns="span6"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="55" height="25" x="920.609375" y="107" fill="rgba(0, 0, 0, 0)"/><image id="background-image6" width="55" height="25" preserveAspectRatio="xMidYMid slice" xlink:href="/9ebef530.svg" x="920.609375" y="107"/></g><g data-tag="span" id="span6" data-z-index="auto" data-stacking-context="true"/></a></g></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><header><div class="inner"><h1 class="title"><a href="https://www.f-katamura.com"><span>Fumihito Katamura Photograph Office</span></a></h1><nav id="gb_nav"><ul><li class="nav-works"><a href="https://www.f-katamura.com/category/works/" class="plain"><span>Works</span></a></li><li class="nav-photo"><a href="https://www.f-katamura.com/category/photograph/" class="plain"><span>Movie</span></a></li><li class="nav-movie"><a href="https://www.f-katamura.com/category/movie/" class="active"><span>Movie</span></a></li><li class="nav-personalworks"><a href="https://www.f-katamura.com/category/personal-works/" class="plain"><span>Personal works</span></a></li><li class="nav-profile"><a href="https://www.f-katamura.com/profile/" class="plain"><span>Profile</span></a></li></ul></nav></div></header></body>

<style>




a:link { text-decoration: none; color: #9FA0A0; }
a:visited { text-decoration: none; color: #9FA0A0; }
a:hover { text-decoration: none; color:#000; }
a:active { text-decoration: none; color:#000; }


body,div,ul,li,h1 {  margin:0;   padding:0;}ul { list-style:none;
}h1 {    font-size:100%; font-weight:normal;}

body {
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
} 

ul li{
    list-style: none;
}

body{
    font-family:'游ゴシック体','Yu Gothic', YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ','メイリオ', Meiryo, sans-serif;
    font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif;
    border: solid 0px #FFFFFF;
    background: #FFFFFF;
    font-size: 12px;
    line-height: 24px;
}


h1{
    font-size: 12px;
    line-height: 24px;
}

header{
    overflow: visible;
}
    header .inner{
        padding-top: 36px;
    }
        h1.title a:link,
        h1.title a:visited{
            background: url(http://localhost:3000/c8415522.svg) no-repeat -0px -0px;
            background-size: 568px 36px;
            display: block;
            height: 36px;
            width: 568px;
            margin: 0 auto 35px;
        }
            h1.title span{
                display: none;
            }
        header ul{
            float: left;
            left: 50%;
            position: relative;
        }
            header ul li{
                float: left;
                left: -50%;
                margin: 0 21px;
                position: relative;
            }
        header ul li.nav-works a:link,
        header ul li.nav-works a:visited{
            background: url(http://localhost:3000/3551449c.svg) no-repeat;
            background-size: cover;
            display: block;
            height: 25px;
            width: 55px;
        }
            header ul li.nav-works a:hover,
            header ul li.nav-works a.active:hover,
            header ul li.nav-works a.active:visited,
            header ul li.nav-works a.active:link{
                background: url(https://www.f-katamura.com/wp/wp-content/themes/f-katamura2019/images/nav/works-on.svg) no-repeat;
                background-size: cover;
                display: block;
                height: 25px;
                width: 55px;
            }
        header ul li.nav-photo a:link,
        header ul li.nav-photo a:visited{
            background: url(http://localhost:3000/54f82978.svg) no-repeat;
            background-size: cover;
            display: block;
            height: 25px;
            width: 51.054px;
        }
            header ul li.nav-photo a:hover,
            header ul li.nav-photo a.active:hover,
            header ul li.nav-photo a.active:visited,
            header ul li.nav-photo a.active:link{
                background: url(https://www.f-katamura.com/wp/wp-content/themes/f-katamura2019/images/nav/photo-on.svg) no-repeat;
                background-size: cover;
                display: block;
                height: 25px;
                width: 51.054px;
            }
        header ul li.nav-personalworks a:link,
        header ul li.nav-personalworks a:visited{
            background: url(http://localhost:3000/96a63b1b.svg) no-repeat;
            background-size: cover;
            display: block;
            height: 25px;
            width: 130.176px;
        }
            header ul li.nav-personalworks a:hover,
            header ul li.nav-personalworks a.active:hover,
            header ul li.nav-personalworks a.active:visited,
            header ul li.nav-personalworks a.active:link{
                background: url(https://www.f-katamura.com/wp/wp-content/themes/f-katamura2019/images/nav/personal-on.svg) no-repeat;
                background-size: cover;
                display: block;
                height: 25px;
                width: 130.176px;
            }
        header ul li.nav-movie a:link,
        header ul li.nav-movie a:visited{
            background: url(https://www.f-katamura.com/wp/wp-content/themes/f-katamura2019/images/nav/movie.svg) no-repeat;
            background-size: cover;
            display: block;
            height: 25px;
            width: 52px;
        }
            header ul li.nav-movie a:hover,
            header ul li.nav-movie a.active:hover,
            header ul li.nav-movie a.active:visited,
            header ul li.nav-movie a.active:link{
                background: url(http://localhost:3000/f4c939f2.svg) no-repeat;
                background-size: cover;
                display: block;
                height: 25px;
                width: 52px;
            }
        header ul li.nav-profile a:link,
        header ul li.nav-profile a:visited{
            background: url(http://localhost:3000/9ebef530.svg) no-repeat;
            background-size: cover;
            display: block;
            height: 25px;
            width: 55px;
        }
            header ul li.nav-profile a:hover,
            header ul li.nav-profile a.active:hover,
            header ul li.nav-profile a.active:visited,
            header ul li.nav-profile a.active:link{
                background: url(https://www.f-katamura.com/wp/wp-content/themes/f-katamura2019/images/nav/profile-on.svg) no-repeat;
                background-size: cover;
                display: block;
                height: 25px;
                width: 55px;
            }

        header ul li span{
            display: none;
        }



.inner{
    max-width: 1128px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    padding: 0 36px;
}
    .photograph{
        width: 25%;
        height: auto;
        float: left;
    }


@media screen and (max-width: 1128px){
    .inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 720px;
        overflow: hidden;
        padding: 0 0px;
        width: 100%;
    }
            .photograph{
                width: 33.33333%;
            }


}


@media screen and (max-width: 748px){
 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
    .inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 724px;
        overflow: hidden;
        padding: 0 12px;
        width: 100%;
    }
    .photograph {
        width: 50%;
    }
    header .inner {
        padding-top: 16px;
    }

        h1.title a:link,
        h1.title a:visited{
            background: url(https://www.f-katamura.com/wp/wp-content/themes/f-katamura2019/images/f-katamura-logo-smp.svg) no-repeat -0px -0px;
            background-size: cover;
            display: block;
            height: 0px;
            padding-top: 7.581931695%;
            width: 100%;
            margin: 0 auto 22px;
        }
            h1.title span{
                display: none;
            }
        header ul{
            float: left;
            left: 50%;
            position: relative;
        }
            header ul li{
                float: left;
                left: -50%;
                margin: 0 8px;
                position: relative;
            }
        header ul li.nav-works a:link,
        header ul li.nav-works a:visited{
            display: block;
            height: 14px;
            width: 32px;
        }
            header ul li.nav-works a:hover,
            header ul li.nav-works a.active:hover,
            header ul li.nav-works a.active:visited,
            header ul li.nav-works a.active:link{

                display: block;
                height: 14px;
                width: 32px;
            }
        header ul li.nav-photo a:link,
        header ul li.nav-photo a:visited{
            display: block;
            height: 14px;
            width: 28.591px;
        }
            header ul li.nav-photo a:hover,
            header ul li.nav-photo a.active:hover,
            header ul li.nav-photo a.active:visited,
            header ul li.nav-photo a.active:link{
                display: block;
                height: 14px;
                width: 28.591px;
            }

        header ul li.nav-personalworks a:link,
        header ul li.nav-personalworks a:visited{

            display: block;
            height: 14px;
            width: 72.898px;
        }
            header ul li.nav-personalworks a:hover,
            header ul li.nav-personalworks a.active:hover,
            header ul li.nav-personalworks a.active:visited,
            header ul li.nav-personalworks a.active:link{

                display: block;
                height: 14px;
                width: 72.898px;
            }
        header ul li.nav-movie a:link,
        header ul li.nav-movie a:visited{

            display: block;
            height: 14px;
            width: 31px;
        }
            header ul li.nav-movie a:hover,
            header ul li.nav-movie a.active:hover,
            header ul li.nav-movie a.active:visited,
            header ul li.nav-movie a.active:link{

                display: block;
                height: 14px;
                width: 31px;
            }
        header ul li.nav-profile a:link,
        header ul li.nav-profile a:visited{

            display: block;
            height: 14px;
            width: 32px;
        }
            header ul li.nav-profile a:hover,
            header ul li.nav-profile a.active:hover,
            header ul li.nav-profile a.active:visited,
            header ul li.nav-profile a.active:link{

                display: block;
                height: 14px;
                width: 32px;
            }

}


@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v30/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI96.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aX8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aX8.ttf) format('truetype');
}


</style>