<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="662" height="1110" viewBox="0 0 662 1110"><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="border_box1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="646" height="979.03125" x="8" y="8" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="646" height="979.03125" x="8" y="8" fill="#ffffff"/></mask><g data-tag="div" id="border_box1" class="border_box content02" data-z-index="auto" data-stacking-context="true" aria-owns="h2_021 row1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="646" height="979.03125" x="8" y="8" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="3px" rx="10" ry="10"/></g><g data-tag="h2" id="h2_021" class="h2_02 white" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span1"><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="&quot;Noto Sans JP&quot;, sans-serif" font-size="22.4px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="1.792px" 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="253.1875" y="75.296875" textLength="155.609375" lengthAdjust="spacingAndGlyphs">3 FEATURES</tspan></text></g><text color="rgb(255, 255, 255)" dominant-baseline="text-after-edge" font-family="&quot;Noto Sans JP&quot;, sans-serif" font-size="51.2px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="6.144px" 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="264" y="157.625" textLength="133.984375" lengthAdjust="spacingAndGlyphs">3つの特徴</tspan></text></g><g data-tag="div" id="row1" class="row" data-z-index="auto" data-stacking-context="true" aria-owns="col1"><g data-tag="div" id="col1" class="col span_12" data-z-index="auto" data-stacking-context="true" aria-owns="figure1"><g data-tag="figure" id="figure1" data-z-index="auto" data-stacking-context="true" role="figure" aria-owns="pc-only1 sp-only1"><g data-tag="img" id="pc-only1" class="pc-only" data-z-index="auto" data-stacking-context="true" role="img" aria-label="3つの特徴" mask="url(#mask-for-pc-only11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-pc-only11"><rect width="0" height="0" x="0" y="0" fill="#ffffff"/></mask><image id="pc-only1-image" xlink:href="/39fb084e.png" x="0" y="0" width="0" height="0" aria-label="3つの特徴"/></g><g data-tag="img" id="sp-only1" class="sp-only" data-z-index="auto" data-stacking-context="true" role="img" aria-label="3つの特徴" mask="url(#mask-for-sp-only11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-sp-only11"><rect width="640" height="735" x="30.375" y="216.734375" fill="#ffffff"/></mask><image id="sp-only1-image" xlink:href="/6cbf037a.png" x="30.375" y="216.734375" width="640" height="735" aria-label="3つの特徴"/></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="1236" height="1210" viewBox="0 0 1236 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="border_box1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1220" height="1067" x="8" y="8" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="1220" height="1067" x="8" y="8" fill="#ffffff"/></mask><g data-tag="div" id="border_box1" class="border_box content02" data-z-index="auto" data-stacking-context="true" aria-owns="h2_021 row1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1220" height="698.59375" x="8" y="8" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="3px" rx="10" ry="10"/></g><g data-tag="h2" id="h2_021" class="h2_02 white" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span1"><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="&quot;Noto Sans JP&quot;, sans-serif" font-size="32px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="2.56px" 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="506.8125" y="118" textLength="222.375" lengthAdjust="spacingAndGlyphs">3 FEATURES</tspan></text></g><text color="rgb(255, 255, 255)" 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(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="513.3125" y="245.59375" textLength="209.375" lengthAdjust="spacingAndGlyphs">3つの特徴</tspan></text></g><g data-tag="div" id="row1" class="row" data-z-index="auto" data-stacking-context="true" aria-owns="col1"><g data-tag="div" id="col1" class="col span_12" data-z-index="auto" data-stacking-context="true" aria-owns="figure1"><g data-tag="figure" id="figure1" data-z-index="auto" data-stacking-context="true" role="figure" aria-owns="pc-only1 sp-only1"><g data-tag="img" id="pc-only1" class="pc-only" data-z-index="auto" data-stacking-context="true" role="img" aria-label="3つの特徴" mask="url(#mask-for-pc-only11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-pc-only11"><rect width="1200" height="305" x="47.59375" y="337.59375" fill="#ffffff"/></mask><image id="pc-only1-image" xlink:href="/39fb084e.png" x="47.59375" y="337.59375" width="1200" height="305" aria-label="3つの特徴"/></g><g data-tag="img" id="sp-only1" class="sp-only" data-z-index="auto" data-stacking-context="true" role="img" aria-label="3つの特徴" mask="url(#mask-for-sp-only11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-sp-only11"><rect width="0" height="0" x="0" y="0" fill="#ffffff"/></mask><image id="sp-only1-image" xlink:href="/6cbf037a.png" x="0" y="0" width="0" height="0" aria-label="3つの特徴"/></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="border_box1 style1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1424" height="757" x="8" y="8" fill="rgb(255, 255, 255)"/></g><mask id="mask-for-body11"><rect width="1424" height="757" x="8" y="8" fill="#ffffff"/></mask><g data-tag="div" id="border_box1" class="border_box content02" data-z-index="auto" data-stacking-context="true" aria-owns="h2_021 row1"><g data-stacking-layer="rootBackgroundAndBorders"><rect width="1424" height="718.96875" x="8" y="8" fill="rgba(0, 0, 0, 0)" stroke="rgb(255, 255, 255)" stroke-width="3px" rx="10" ry="10"/></g><g data-tag="h2" id="h2_021" class="h2_02 white" data-z-index="auto" data-stacking-context="true" role="heading" aria-level="2" aria-owns="span1"><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="&quot;Noto Sans JP&quot;, sans-serif" font-size="32px" font-size-adjust="none" font-stretch="100%" font-style="normal" font-variant="normal" font-weight="700" direction="ltr" letter-spacing="2.56px" 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="608.8125" y="128.1875" textLength="222.375" lengthAdjust="spacingAndGlyphs">3 FEATURES</tspan></text></g><text color="rgb(255, 255, 255)" 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(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="615.3125" y="255.78125" textLength="209.375" lengthAdjust="spacingAndGlyphs">3つの特徴</tspan></text></g><g data-tag="div" id="row1" class="row" data-z-index="auto" data-stacking-context="true" aria-owns="col1"><g data-tag="div" id="col1" class="col span_12" data-z-index="auto" data-stacking-context="true" aria-owns="figure1"><g data-tag="figure" id="figure1" data-z-index="auto" data-stacking-context="true" role="figure" aria-owns="pc-only1 sp-only1"><g data-tag="img" id="pc-only1" class="pc-only" data-z-index="auto" data-stacking-context="true" role="img" aria-label="3つの特徴" mask="url(#mask-for-pc-only11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-pc-only11"><rect width="1200" height="305" x="120" y="347.78125" fill="#ffffff"/></mask><image id="pc-only1-image" xlink:href="/39fb084e.png" x="120" y="347.78125" width="1200" height="305" aria-label="3つの特徴"/></g><g data-tag="img" id="sp-only1" class="sp-only" data-z-index="auto" data-stacking-context="true" role="img" aria-label="3つの特徴" mask="url(#mask-for-sp-only11)"><g data-stacking-layer="rootBackgroundAndBorders"/><g data-stacking-layer="childStackingContextsWithNegativeStackLevels"/><g data-stacking-layer="inFlowNonInlineNonPositionedDescendants"/><g data-stacking-layer="nonPositionedFloats"/><g data-stacking-layer="inFlowInlineLevelNonPositionedDescendants"/><g data-stacking-layer="childStackingContextsWithStackLevelZeroAndPositionedDescendantsWithStackLevelZero"/><g data-stacking-layer="childStackingContextsWithPositiveStackLevels"/><mask id="mask-for-sp-only11"><rect width="0" height="0" x="0" y="0" fill="#ffffff"/></mask><image id="sp-only1-image" xlink:href="/6cbf037a.png" x="0" y="0" width="0" height="0" aria-label="3つの特徴"/></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="border_box content02"><h2 class="h2_02 white"><span>3 FEATURES </span>3つの特徴</h2><div class="row"><div class="col span_12"><figure><img alt="3つの特徴" class="pc-only" src="http://localhost:3000/39fb084e.png"><img alt="3つの特徴" class="sp-only" src="http://localhost:3000/6cbf037a.png"></figure></div></div></div></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;
}

figure {
  margin: 0;
  text-align: center;
}

img {
  vertical-align: middle;
}
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 span {
  letter-spacing: 0.08em;
  display: block;
}

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_02 {
  padding: 0;
}



.h2_02:after,
.h2_02:before {
  content: none;
}

@media (max-width: 767px) {
  
  .pc-only {
    display: none !important;
  }
}
@media (min-width: 768px) {
  
  .sp-only {
    display: none !important;
  }
}

.h2_02 {
  font-size: 50px;
  font-size: 5rem;
}

@media (max-width: 767px) {
  .h2_02 {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.h2_02.white {
  color: #fff;
}

.h2_02 span {
  font-size: 20px;
  font-size: 2rem;
}

@media (max-width: 767px) {
  .h2_02 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.border_box {
  border-radius: 10px;
  border: 3px solid #fff;
  padding: 5% 3%;
  margin-bottom: 135px;
}

@media (max-width: 767px) {
  .border_box {
    margin-bottom: 150px;
  }
}

</style>