<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" aria-owns="h2_wrap1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="827" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="h2_wrap1" class="h2_wrap" data-z-index="auto" data-stacking-context="true" aria-owns="wrapper1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="393" height="511.1875" x="0" y="0" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="393" height="511.1875" preserveAspectRatio="xMidYMid slice" xlink:href="https://fs-oomiya.com/images/kv.jpg" x="0" y="0"/></g><g data-tag="div" id="wrapper1" class="wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="box1"><g data-tag="div" id="box1" class="box" data-z-index="auto" data-stacking-context="true" aria-owns="h21"><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="br1 span1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="游ゴシック体, YuGothic, 游ゴシック, &quot;Yu Gothic&quot;, メイリオ, sans-serif" font-size="42px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="135.828125" y="294.46875" textLength="121.328125" lengthAdjust="spacingAndGlyphs">BLOG</tspan></text><g data-tag="br" id="br1" data-z-index="auto" data-stacking-context="true"/><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="游ゴシック体, YuGothic, 游ゴシック, &quot;Yu Gothic&quot;, メイリオ, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="187.734375" y="308.46875" textLength="17.53125" lengthAdjust="spacingAndGlyphs">ブログ</tspan></text></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="1200" height="1210" viewBox="0 0 1200 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" aria-owns="h2_wrap1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1200" height="1180" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="h2_wrap1" class="h2_wrap" data-z-index="auto" data-stacking-context="true" aria-owns="wrapper1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1200" height="726" x="0" y="0" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="1200" height="726" preserveAspectRatio="xMidYMid slice" xlink:href="/9812cfd9.jpeg" x="0" y="0"/></g><g data-tag="div" id="wrapper1" class="wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="box1"><g data-tag="div" id="box1" class="box" data-z-index="auto" data-stacking-context="true" aria-owns="h21"><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="br1 span1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="游ゴシック体, YuGothic, 游ゴシック, &quot;Yu Gothic&quot;, メイリオ, sans-serif" font-size="42px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="539.328125" y="428.765625" textLength="121.328125" lengthAdjust="spacingAndGlyphs">BLOG</tspan></text><g data-tag="br" id="br1" data-z-index="auto" data-stacking-context="true"/><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="游ゴシック体, YuGothic, 游ゴシック, &quot;Yu Gothic&quot;, メイリオ, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="591.234375" y="442.765625" textLength="17.53125" lengthAdjust="spacingAndGlyphs">ブログ</tspan></text></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" aria-owns="h2_wrap1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="870" x="0" y="0" fill="rgb(255, 255, 255)"/></g><g data-tag="div" id="h2_wrap1" class="h2_wrap" data-z-index="auto" data-stacking-context="true" aria-owns="wrapper1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1440" height="540" x="0" y="0" fill="rgba(0, 0, 0, 0)"/><image id="background-image1" width="1440" height="540" preserveAspectRatio="xMidYMid slice" xlink:href="/9812cfd9.jpeg" x="0" y="0"/></g><g data-tag="div" id="wrapper1" class="wrapper" data-z-index="auto" data-stacking-context="true" aria-owns="box1"><g data-tag="div" id="box1" class="box" data-z-index="auto" data-stacking-context="true" aria-owns="h21"><g data-tag="h2" id="h21" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="br1 span1"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="游ゴシック体, YuGothic, 游ゴシック, &quot;Yu Gothic&quot;, メイリオ, sans-serif" font-size="42px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="659.328125" y="330.1875" textLength="121.328125" lengthAdjust="spacingAndGlyphs">BLOG</tspan></text><g data-tag="br" id="br1" data-z-index="auto" data-stacking-context="true"/><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="游ゴシック体, YuGothic, 游ゴシック, &quot;Yu Gothic&quot;, メイリオ, sans-serif" font-size="16px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="normal" text-decoration="none solid rgb(255, 255, 255)" text-anchor="start" text-rendering="auto" unicode-bidi="normal" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(255, 255, 255)"><tspan xml:space="preserve" x="711.234375" y="344.1875" textLength="17.53125" lengthAdjust="spacingAndGlyphs">ブログ</tspan></text></g></g></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><div class="h2_wrap"><div class="wrapper"><div class="box"><h2>BLOG<br><span>ブログ</span></h2></div></div></div></body>

<style>

body,div,h2 {margin: 0; padding: 0;}

body {background: #FFF; color: #000;}

body {font:12px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}

h2 {clear: both; font-size: 100%; font-weight: normal;}


@charset "utf-8";

body {
    font-size: 1em;
    color: #333;
    line-height: 1.6;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    word-wrap: break-word;
    -webkit-text-size-adjust: 100%
}

.wrapper {
    width: 75pc;
    margin: 0 auto
}

@media(max-width:736px) {
    body {
        font-size: 1pc
    }

    .wrapper {
        width: 98%
    }
}

@charset "utf-8";


h2 {
    color: #231815
}


.h2_wrap h2,
h2 {
    text-align: center
}


.h2_wrap h2,
h2 {
    font-size: 42px
}

h2 {
    line-height: 1
}

h2 {
    margin: 0 auto 30px
}

h2 {
    font-weight: 700
}

h2 span {
    font-size: 16px
}

.h2_wrap h2 {
    color: #fff;
    margin: 0;
    padding: 0
}

.h2_wrap {
    background: url(http://localhost:3000/9812cfd9.jpeg) center 15%/cover no-repeat;
    height: 60vh;
    margin-bottom: 30px
}

.h2_wrap .wrapper {
    display: table;
    top: 53%;
    position: relative
}

.h2_wrap .box {
    display: table-cell;
    vertical-align: middle
}

@-webkit-keyframes sdb {
    50% {
        -webkit-transformopacityopacity: rotate(-45deg) translate(0, 0) 0 1
    }

    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0
    }
}

@keyframes sdb {
    50% {
        transformopacityopacity: rotate(-45deg) translate(0, 0) 0 1
    }

    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    body {
        -webkit-text-size-adjust: none
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:736px) {

    .h2_wrap {
        margin-bottom: 25px;
        background: url(https://fs-oomiya.com/images/kv.jpg) center/cover no-repeat
    }

    .h2_wrap .wrapper {
        display: block;
        height: auto;
        top: 49%
    }

    
    .h2_wrap .box {
        display: block
    }

    .h2_wrap h2 {
        margin: 0;
        padding: 0
    }
}

</style>