<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="h2_border1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="377" height="836" x="8" y="8" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="377" height="836" x="8" y="8" fill="#ffffff"/><rect width="204.953125" height="88.625" x="94.0234375" y="-25" fill="#ffffff"/></mask><g data-tag="h2" id="h2_border1" class="h2_border" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="204.953125" height="88.625" x="94.0234375" y="-25" fill="rgba(0, 0, 0, 0)" stroke="rgb(34, 34, 34)" stroke-width="4px"/></g><text color="rgb(34, 34, 34)" dominant-baseline="text-after-edge" font-family="&quot;Noto Sans JP&quot;, sans-serif" font-size="44.8px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="5.376px" text-decoration="none solid rgb(34, 34, 34)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(34, 34, 34)"><tspan xml:space="preserve" x="120.4140625" y="44" textLength="152.171875" lengthAdjust="spacingAndGlyphs">サーバータイプ</tspan></text><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="3" height="60" x="194.9921875" y="59.625" fill="rgb(34, 34, 34)"/></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="h2_border1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="818" height="1194" x="8" y="8" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="818" height="1194" x="8" y="8" fill="#ffffff"/><rect width="359.734375" height="152" x="237.1328125" y="-60" fill="#ffffff"/></mask><g data-tag="h2" id="h2_border1" class="h2_border" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="359.734375" height="152" x="237.1328125" y="-60" fill="rgba(0, 0, 0, 0)" stroke="rgb(34, 34, 34)" stroke-width="4px"/></g><text color="rgb(34, 34, 34)" dominant-baseline="text-after-edge" font-family="&quot;Noto Sans JP&quot;, sans-serif" font-size="80px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="9.6px" text-decoration="none solid rgb(34, 34, 34)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(34, 34, 34)"><tspan xml:space="preserve" x="281.1328125" y="60" textLength="271.734375" lengthAdjust="spacingAndGlyphs">サーバータイプ</tspan></text><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="4" height="105" x="414.9765625" y="88" fill="rgb(34, 34, 34)"/></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="h2_border1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1424" height="884" x="8" y="8" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="1424" height="884" x="8" y="8" fill="#ffffff"/><rect width="359.734375" height="152" x="540.1328125" y="-60" fill="#ffffff"/></mask><g data-tag="h2" id="h2_border1" class="h2_border" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="359.734375" height="152" x="540.1328125" y="-60" fill="rgba(0, 0, 0, 0)" stroke="rgb(34, 34, 34)" stroke-width="4px"/></g><text color="rgb(34, 34, 34)" dominant-baseline="text-after-edge" font-family="&quot;Noto Sans JP&quot;, sans-serif" font-size="80px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="9.6px" text-decoration="none solid rgb(34, 34, 34)" text-anchor="start" text-rendering="auto" unicode-bidi="isolate" word-spacing="0px" writing-mode="horizontal-tb" user-select="auto" fill="rgb(34, 34, 34)"><tspan xml:space="preserve" x="584.1328125" y="60" textLength="271.734375" lengthAdjust="spacingAndGlyphs">サーバータイプ</tspan></text><g data-tag="span" id="span1" data-z-index="auto" data-stacking-context="true"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="4" height="105" x="717.9765625" y="88" fill="rgb(34, 34, 34)"/></g></g></g><g data-tag="style" id="style1" data-z-index="auto" data-stacking-context="true"/></g></g></svg>
<body><h2 class="h2_border">サーバータイプ</h2></body>

<style>


body{}

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

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}



@charset "UTF-8";
@import "vendor/common.css";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
@font-face {
  font-family: "epress";
  src: url("https://www.eparkcross.com/wp-content/themes/epresscross_theme/assets/css/fonts/icomoon.eot?uvj346");
  src: url("https://www.eparkcross.com/wp-content/themes/epresscross_theme/assets/css/fonts/icomoon.eot?uvj346#iefix") format("embedded-opentype"), url("https://www.eparkcross.com/wp-content/themes/epresscross_theme/assets/css/fonts/icomoon.ttf?uvj346") format("truetype"), url("https://www.eparkcross.com/wp-content/themes/epresscross_theme/assets/css/fonts/icomoon.woff?uvj346") format("woff"), url("https://www.eparkcross.com/wp-content/themes/epresscross_theme/assets/css/fonts/icomoon.svg?uvj346#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  background: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-size: 1.4em;
  line-height: 1.8;
  letter-spacing: 0.08em;
  color: #222222;
  height: auto !important;
  overflow: hidden;
}
h2 {
  display: block;
  margin: 0 auto 0.8em;
  position: relative;
  text-align: center;
  border: 0;
  font-weight: bold;
  padding: 0 0 0.5em;
  font-size: 28px;
  font-size: 2.8rem;
  color: #222222;
  letter-spacing: 0.12em;
}

h2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 2px;
  width: 60px;
  background: #222222;
}

@media (max-width: 767px) {
  h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.h2_border {
  font-size: 50px;
  font-size: 5rem;
  border: 4px solid #222222;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -60px;
  padding: 0 0.5em;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .h2_border {
    font-size: 28px;
    font-size: 2.8rem;
    top: -25px;
  }
}
.h2_border:after {
  height: 105px;
  width: 4px;
  top: 100%;
  bottom: auto;
}

@media (max-width: 767px) {
  .h2_border:after {
    height: 60px;
    width: 3px;
  }
}

</style>