/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
  color: inherit;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not([fill]) {
  fill: currentColor;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

.Button,
.FaqCard,
.FeaturePointCard__MoreButton,
.FunctionCard,
.Modal__Body,
.NewsCard__Anchor,
.SingleContent .wp-block-buttons .wp-block-button__link,
.SingleContent blockquote,
.SingleContent .CustomBlock__h3Heading,
.SingleContent .CustomBlock__h4Heading,
.SolutionCard,
.SolutionCard__UsageItem,
.SolutionDetail__MvCapture,
.SolutionSecondaryCard,
.SolutionSecondaryCard::after,
.Contact__FormInput,
.Contact__FormSelect,
.Contact__FormTextArea,
.Contact__AgrmtTerms,
.Developer__DocsCard,
.Developer__DocsCard::after,
.Feature__SpPointAnchor__Link,
.Footer__HeadButton,
.Header__Item.-login .Header__Link,
.Header__Item.-contact .Header__Link,
.Header__Item.-download .Header__Link,
.NewsDetail__Container,
.NewsDetail__Content .wp-block-button__link,
.NewsDetail__Content .wp-block-image > img,
.NewsDetail__Content .wp-block-quote,
.News__Pagination,
.Security__FeaturePointBody,
.Security__FeatureDefItem,
.Trial__SolutionList,
.Top__MvFixedNewsCardAnchor,
.Top__MvFixedNewsCardLabel,
.Top__AboutSolutionList,
.Top__SolutionList {
  border-radius: 4px;
}
.FeaturePointCard__Unit {
  height: 19.02777777777778vw;
  padding-top: 3.472222222222222vw;
  padding-right: 1.388888888888889vw;
  padding-bottom: 2.5vw;
  padding-left: 1.388888888888889vw;
  border-radius: 8px;
  background-color: #fff;
}
.FeatureUseCard {
  width: 100%;
  padding: 60px;
  border-radius: 10px;
  background-color: #fff;
}
.Breadcrumb,
.Button,
.ContactBand__Button,
.ContactBand__TelUnit,
.ContactBanner,
.ContactBanner__Button,
.FaqCard,
.FeaturePointCard__Assets,
.FeaturePointCard__MoreButtonWrap,
.FeatureUseCard,
.FunctionCard__Anchor,
.LowerHead,
.Modal,
.NewsCard__Anchor,
.Pagination__Unit,
.Pagination__Link,
.Pagination__Button,
.SinglePageIndex__Link,
.SingleContent .wp-block-buttons,
.SingleContent .wp-block-buttons .wp-block-button__link,
.SingleContent .wp-block-columns,
.SingleContent .CustomBlock__FuncHeadingDesc,
.SolutionCard__Icon,
.SolutionCard__UsageList,
.SolutionDetail__Mv,
.SolutionDetail__PostButton,
.SolutionSecondaryCard,
.SolutionSecondaryCard::after,
.PageNotFound,
.PageNotFound__Button,
.Contact__FormItem,
.Contact__FormHead,
.Contact__FormBody .Contact__FormCol,
.Contact__FormBody.-radio,
.Contact__FormBody.-threeDiv,
.Contact__FormBody.-secondDiv,
.Contact__FormBody.-secondDiv .Contact__FormWrap,
.Contact__AgrmtUnit,
.Contact__ButtonUnit,
.Confirm__Item,
.Confirm__Head,
.Developer__MvBody,
.Developer__MvButtonUnit,
.Developer__Head,
.Developer__Point,
.Developer__PointItem,
.Developer__PointHeading,
.Developer__DocsCard,
.Developer__DocsCard::after,
.Feature__Mv,
.Feature__PointCardUnit,
.Feature__SpPointAnchor__Link,
.Feature__PointItem,
.Footer__Head,
.Footer__HeadListUnit,
.Footer__SnsList,
.Footer__HeadButton,
.Footer__Bottom,
.Footer__BottomList,
.FunctionDetail__Mv,
.FunctionDetail__PostList,
.Function__PostList,
.Function__Overview,
.Header,
.Header__LogoUnit,
.Header__List,
.NewsDetail__Content .wp-block-button__link,
.NewsDetail__PostButton,
.Price__FixedAmountUnit,
.Price__DefItem,
.Price__FaQButton,
.Security__FeaturePointBody,
.Security__FeaturePointList,
.Security__FeatureDefInnerUnit,
.Security__FaQButton,
.Sitemap__Link,
.Sitemap__InnerLink,
.Solution__Collection,
.Trial_FeatureButton,
.Trial__FeatureCollection,
.Trial__SolutionAnchor,
.Trial__SolutionList,
.Top__MvFixed,
.Top__MvFixedNewsCardAnchor,
.Top__AboutContainer,
.Top__AboutSolutionList,
.Top__AboutSolutionAnchor,
.Top__FeatureCollection,
.Top__FeatureButton,
.Top__SolutionList,
.Top__SolutionAnchor,
.Top__SolutionButton,
.Top__FunctionOverview,
.Top__FunctionPostList,
.Top__FunctionButton,
.Top__NewsButton {
  display: flex;
}
.Contact__FormHead,
.Contact__FormBody.-threeDiv,
.Contact__FormBody.-secondDiv,
.Confirm__Head,
.Feature__Mv,
.Feature__PointCardUnit,
.Feature__PointItem,
.Footer__Head,
.Footer__Bottom,
.FunctionDetail__PostList,
.Function__PostList,
.Header,
.Price__FixedAmountUnit,
.Security__FeaturePointList,
.Solution__Collection,
.Trial__FeatureCollection,
.Top__FeatureCollection,
.Top__FunctionPostList {
  justify-content: space-between;
}
.Button,
.ContactBand__Button,
.ContactBand__TelUnit,
.ContactBanner,
.ContactBanner__Button,
.FaqCard,
.FeaturePointCard__Assets,
.FeaturePointCard__MoreButtonWrap,
.LowerHead,
.Modal,
.NewsCard__Anchor,
.Pagination__Unit,
.Pagination__Link,
.SinglePageIndex__Link,
.SingleContent .wp-block-buttons,
.SingleContent .wp-block-buttons .wp-block-button__link,
.SingleContent .CustomBlock__FuncHeadingDesc,
.SolutionCard__Icon,
.SolutionCard__UsageList,
.SolutionDetail__Mv,
.SolutionDetail__PostButton,
.SolutionSecondaryCard,
.SolutionSecondaryCard::after,
.PageNotFound,
.PageNotFound__Button,
.Contact__AgrmtUnit,
.Contact__ButtonUnit,
.Developer__MvBody,
.Developer__MvButtonUnit,
.Developer__Head,
.Developer__Point,
.Developer__PointItem,
.Developer__PointHeading,
.Developer__DocsCard,
.Developer__DocsCard::after,
.Footer__HeadButton,
.FunctionDetail__Mv,
.Function__Overview,
.NewsDetail__Content .wp-block-button__link,
.NewsDetail__PostButton,
.Price__DefItem,
.Price__FaQButton,
.Security__FeaturePointBody,
.Security__FaQButton,
.Trial_FeatureButton,
.Trial__SolutionAnchor,
.Top__AboutSolutionAnchor,
.Top__FeatureButton,
.Top__SolutionAnchor,
.Top__SolutionButton,
.Top__FunctionOverview,
.Top__FunctionButton,
.Top__NewsButton {
  justify-content: center;
}
.FaqCard,
.NewsCard__Anchor,
.Contact__FormBody.-radio,
.Feature__PointCardUnit,
.Feature__SpPointAnchor__Link,
.Footer__Head,
.Trial__FeatureCollection,
.Top__FeatureCollection,
.Top__FeatureButton,
.Top__SolutionButton {
  align-items: flex-start;
}
.Top__MvFixed {
  position: absolute;
  right: 2.222222222222222vw;
  bottom: -6.944444444444445vw;
  align-items: flex-end;
}
.Footer__SnsList,
.Header__LogoUnit {
  align-items: baseline;
}
.Breadcrumb,
.Button,
.ContactBand__Button,
.ContactBand__TelUnit,
.ContactBanner,
.ContactBanner__Button,
.FeaturePointCard__MoreButtonWrap,
.FeatureUseCard,
.FeatureUseCard__Link,
.FunctionCard__Anchor,
.LowerHead,
.Modal,
.Pagination__Unit,
.Pagination__Link,
.Pagination__Button,
.SinglePageIndex__Link,
.SingleContent .wp-block-buttons,
.SingleContent .wp-block-buttons .wp-block-button__link,
.SingleContent .wp-block-columns,
.SingleContent .CustomBlock__FuncHeadingDesc,
.SolutionCard__Icon,
.SolutionCard__UsageList,
.SolutionDetail__Mv,
.SolutionDetail__PostButton,
.SolutionSecondaryCard,
.SolutionSecondaryCard::after,
.PageNotFound,
.PageNotFound__Button,
.Contact__FormItem,
.Contact__FormHead,
.Contact__FormBody .Contact__FormCol,
.Contact__AgrmtUnit,
.Contact__ButtonUnit,
.Confirm__Item,
.Confirm__Head,
.Developer__MvBody,
.Developer__MvButtonUnit,
.Developer__Head,
.Developer__Point,
.Developer__PointItem,
.Developer__PointHeading,
.Developer__DocsCard,
.Developer__DocsCard::after,
.Feature__Mv,
.Feature__PointItem,
.Footer__HeadButton,
.Footer__Bottom,
.Footer__BottomList,
.FunctionDetail__Mv,
.Function__Overview,
.Header,
.Header__List,
.NewsDetail__Content .wp-block-button__link,
.NewsDetail__PostButton,
.Price__FixedAmountUnit,
.Price__DefItem,
.Price__FaQButton,
.Security__FeaturePointBody,
.Security__FeaturePointList,
.Security__FeatureDefInnerUnit,
.Security__FaQButton,
.Sitemap__Link,
.Sitemap__InnerLink,
.Trial__SolutionAnchor,
.Trial__SolutionList,
.Top__MvFixedNewsCardAnchor,
.Top__AboutContainer,
.Top__AboutSolutionList,
.Top__AboutSolutionAnchor,
.Top__SolutionList,
.Top__SolutionAnchor,
.Top__FunctionOverview,
.Top__FunctionButton,
.Top__NewsButton {
  align-items: center;
}
.Solution__Collection {
  position: relative;
  align-items: stretch;
  margin-right: -20px;
  margin-bottom: 4.166666666666666vw;
  padding-right: 10.416666666666668vw;
  padding-left: 10.416666666666668vw;
  overflow: hidden;
}
.SolutionCard__UsageList,
.Contact__FormBody.-radio,
.Feature__PointCardUnit,
.Footer__HeadListUnit,
.FunctionDetail__PostList,
.Function__PostList,
.Security__FeaturePointList,
.Solution__Collection,
.Trial__FeatureCollection,
.Top__FeatureCollection,
.Top__FunctionPostList {
  flex-wrap: wrap;
}
.ContactBand__TelUnit,
.ContactBanner,
.FaqCard,
.FunctionCard__Anchor,
.NewsCard__Anchor,
.SingleContent .CustomBlock__FuncHeadingDesc,
.SolutionDetail__Mv,
.SolutionSecondaryCard,
.PageNotFound,
.Contact__FormBody.-secondDiv .Contact__FormWrap,
.Developer__MvBody,
.Developer__PointItem,
.Developer__DocsCard,
.Security__FeaturePointBody,
.Trial__SolutionAnchor,
.Top__MvFixed,
.Top__AboutSolutionAnchor,
.Top__SolutionAnchor {
  flex-direction: column;
}
.Breadcrumb__Item,
.Breadcrumb__Link,
.Button,
.Clients__Label,
.Clients__Heading,
.ContactBand__Catch,
.ContactBand__TelLabel,
.ContactBand__TelNumber,
.ContactBand__TelInfo,
.FeaturePointCard__Number,
.FeaturePointCard__Number::after,
.FeaturePointCard__MoreButton,
.FeatureUseCard__Link,
.FunctionCard__Heading,
.Heading.-lh-1,
.LowerHead__Heading,
.Modal__CloseButton,
.NewsCard__Date,
.Pagination__Link,
.SingleContent .CustomBlock__h3Heading,
.SolutionCard__Heading,
.SolutionCard__UsageItem,
.SolutionCard__BeforePublic,
.SolutionSecondaryCard::after,
.SolutionSecondaryCard__Caption,
.PageNotFound__Heading,
.Contact__FormHead,
.Contact__FormHead.-required::after,
.Contact__AgrmtHeading,
.Confirm__Head,
.Developer__PointLabel,
.Developer__DocsCard::after,
.Developer__DocsCaption,
.Feature__MvHeading,
.Feature__PointInnerLink,
.Footer__Logo img,
.Footer__HeadLink,
.Footer__HeadButton,
.Footer__BottomLink,
.Footer__BottomCopyright,
.Header__LogoText,
.Header__Link,
.NewsDetail__Date,
.NewsDetail__Content .wp-block-button__link,
.NewsDetail__Content .wp-block-image > img,
.Price__DefText,
.Price__DefHeading,
.Price__DefDesc,
.Security__FeatureHeading,
.Security__FeaturePointEtc,
.Security__FeatureDefHeading,
.Sitemap__Link,
.Sitemap__InnerLink,
.Trial__SolutionItemLabel,
.Top__MvFixedNewsCardLabel,
.Top__MvFixedNewsCardDate,
.Top__MvFixedNewsCardHeading,
.Top__MvHeading,
.Top__MvCatch,
.Top__AboutSolutionLabel,
.Top__AboutOverviewHeading,
.Top__SolutionLabel,
.Top__SolutionItemLabel,
.Top__NewsText {
  line-height: 1;
}
.ContactBanner__Text,
.FeaturePointCard__Heading,
.FeatureUseCard__Heading,
.Heading.-lh-1-5,
.SolutionDetail__MvDesc,
.Contact__AgrmtTerms,
.Developer__HeadHeading,
.Developer__PointHeading {
  line-height: 1.5;
}
.FeaturePointCard__Text,
.FeatureUseCard__Desc,
.SingleContent blockquote,
.SingleContent .wp-block-columns p,
.SingleContent > p,
.SolutionCard__Desc,
.SolutionDetail__MvDesc,
.PageNotFound__Text,
.Contact__Text,
.Developer__MvText,
.Developer__HeadText,
.Developer__PointText,
.Feature__MvText,
.Feature__PointDesc,
.Feature__PointInnerText,
.Function__OverviewText,
.NewsDetail__Content > p,
.NewsDetail__Content .wp-block-quote > p,
.Price__Text,
.Security__Text,
.Security__FeatureText,
.Security__FeatureDefText,
.Solution__Text,
.Top__MvSubCatch,
.Top__AboutOverviewText,
.Top__SolutionText,
.Top__FunctionOverviewText {
  line-height: 1.8;
}
.SingleContent .CustomBlock__CardText,
.Feature__MvText,
.FunctionDetail__MvDesc,
.Function__OverviewText,
.Top__FunctionOverviewText {
  line-height: 2;
}
.ContactBand__TelInfo,
.SingleContent .CustomBlock__CardText,
.SolutionCard__Desc,
.PageNotFound__Text,
.Contact__FormInput,
.Contact__FormSelect,
.Contact__FormTextArea,
.Contact__AgrmtTerms,
.Contact__FormError,
.Thanks__Text,
.Error__Text,
.Close__Text,
.Footer__BottomLink,
.Footer__BottomCopyright,
.Function__OverviewText,
.NewsDetail__Content > p,
.Price__NoticeBody,
.Price__NoticeBody::before,
.Price__DefText,
.Top__FunctionOverviewText {
  font-weight: 400;
}
.Contact__FormInput:-ms-input-placeholder, .Contact__FormTextArea:-ms-input-placeholder {
  font-weight: 500;
}
.Breadcrumb__Item,
.Breadcrumb__Link,
.Button,
.ContactBand__TelLabel,
.FaqCard__Answer,
.FeaturePointCard__Text,
.FeatureUseCard__Desc,
.Modal__Body,
.SinglePageIndex__Link,
.SingleContent > p > a,
.SingleContent blockquote,
.SingleContent .wp-block-columns p,
.SingleContent > p,
.SingleContent .CustomBlock__FuncDesc,
.SolutionDetail__MvDesc,
.Contact__FormInput::placeholder,
.Contact__FormTextArea::placeholder,
.Confirm__Value,
.Developer__MvText,
.Developer__HeadText,
.Developer__PointText,
.Feature__PointDesc,
.Feature__PointInnerText,
.Footer__HeadLink,
.FunctionDetail__MvDesc,
.Function__OverviewText,
.Header__Item.-contact .Header__Link,
.NewsDetail__Content .wp-block-button__link,
.NewsDetail__Content .wp-block-quote > p,
.Price__Text,
.Price__FixedAmountHead,
.Price__DefItem,
.Security__Text,
.Security__FeaturePointEtc,
.Top__MvFixedNewsCardLabel,
.Top__MvSubCatch,
.Top__SolutionText,
.Top__FunctionOverviewText,
.Top__NewsText {
  font-weight: 500;
}
.Clients__Label,
.Clients__Heading,
.ContactBand__Heading,
.ContactBand__Catch,
.ContactBand__TelNumber,
.ContactBanner__Text,
.FaqCard__Heading,
.FeaturePointCard__Number,
.FeaturePointCard__Number::after,
.FeaturePointCard__Heading,
.FeaturePointCard__MoreButton,
.FeatureUseCard__Heading,
.FeatureUseCard__Link,
.FunctionCard__Heading,
.LowerHead__Heading,
.Modal__CloseButton,
.NewsCard__Date,
.NewsCard__Heading,
.Pagination__Link,
.Pagination__Button,
.SingleContent > ul li,
.SingleContent > ol li,
.SingleContent .wp-block-buttons .wp-block-button__link,
.SingleContent table tbody td,
.SingleContent .CustomBlock__h3Heading,
.SingleContent .CustomBlock__h4Heading,
.SingleContent .CustomBlock__FuncHeading,
.SingleContent .CustomBlock__CardHeading,
.SolutionCard__Heading,
.SolutionCard__UsageItem,
.SolutionCard__BeforePublic,
.SolutionDetail__MvDesc,
.SolutionSecondaryCard::after,
.SolutionSecondaryCard__Caption,
.PageNotFound__Heading,
.Contact__Text,
.Contact__FormHead,
.Contact__FormHead.-required::after,
.Contact__FormBody.-secondDiv .Contact__FormWrap,
.Contact__FormRadioText,
.Contact__AgrmtText,
.Contact__AgrmtHeading,
.Confirm__Head,
.Thanks__Heading,
.Error__Heading,
.Close__Heading,
.Developer__PointLabel,
.Developer__DocsCard::after,
.Developer__DocsCaption,
.Feature__MvHeading,
.Feature__MvText,
.Feature__SpPointAnchor__Link,
.Feature__PointHeading,
.Feature__PointInnerLink,
.Footer__HeadButton,
.FunctionDetail__MvDesc,
.Header__LogoText,
.Header__Link,
.NewsDetail__Date,
.Price__FixedAmountPrice,
.Security__FeaturePointBody,
.Security__FeatureDefHeading,
.Security__FeatureDefText,
.Sitemap__Link,
.Sitemap__InnerLink,
.Trial__SolutionItemLabel,
.Top__MvFixedNewsCardDate,
.Top__MvFixedNewsCardHeading,
.Top__MvHeading,
.Top__MvCatch,
.Top__AboutSolutionLabel,
.Top__SolutionLabel,
.Top__SolutionItemLabel {
  font-weight: 700;
}
.Feature__PointHeadingUnit {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  margin-bottom: 4.166666666666666vw;
  padding: 40px 20px;
  background-color: #ff8e00;
  color: #fff;
  text-align: center;
}
.Br.-pc {
  display: block;
}
.Br.-sp {
  display: none;
}
*,
*:before,
*:after {
  -webkit-backface-visibility: inherit;
          backface-visibility: inherit;
}
* {
  box-sizing: border-box;
}
html {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: #131313;
  font-feature-settings: 'pkna';
  font-size: 0.694444444444444vw;
  font-style: normal;
  font-weight: normal;
/*  option setting font-kerning
    font-feature-settings 'pkna'
    letter-spacing: 0.035em
  */
}
body {
  background-color: #fefaf7;
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP', 'Noto Sans CJK JP Subset', "Helvetica Neue", YuGothic, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
ul {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
canvas,
svg,
img {
  display: block;
}
table {
  border-collapse: collapse;
}
img {
  object-fit: contain;
}
main {
  overflow: hidden;
}
.-notLinkPublish {
  pointer-events: none;
}
.Breadcrumb {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding-top: 1.111111111111111vw;
  padding-bottom: 1.111111111111111vw;
  padding-left: 8.333333333333332vw;
  background-color: rgba(19,19,19,0.05);
}
.Breadcrumb__Item {
  position: relative;
  font-size: 0.833333333333333vw;
  word-break: break-all;
}
.Breadcrumb__Item:not(:last-of-type) {
  margin-right: 1.944444444444444vw;
}
.Breadcrumb__Item:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: -16px;
  width: 0.416666666666667vw;
  height: 0.416666666666667vw;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid #131313;
  border-bottom: 2px solid #131313;
  content: "";
}
.Breadcrumb__Link {
  font-size: 0.833333333333333vw;
  word-break: break-all;
}
.Button {
  position: relative;
  border: 2px solid;
  letter-spacing: 0.03em;
  word-break: keep-all;
  transition: background-color 0.225s, color 0.225s, border-color 0.225s, opacity 0.225s;
}
.Button:hover {
  opacity: 0.9;
}
.Button::after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid;
  border-bottom: 2px solid;
  content: "";
  transition: border-color 0.225s;
}
.Button.-large {
  width: 22.22222222222222vw;
  height: 4.444444444444445vw;
  font-size: 1.25vw;
}
.Button.-large::after {
  width: 0.694444444444444vw;
  height: 0.694444444444444vw;
}
.Button.-medium {
  width: 17.84722222222222vw;
  height: 3.75vw;
  font-size: 0.972222222222222vw;
}
.Button.-medium::after {
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
}
.Button.-orange {
  border-color: #005d7b;
  background-color: #005d7b;
  color: #fff;
}
.Button.-orange:hover {
  border-color: #131313;
  background-color: #fff;
  color: #131313;
}
.Button.-blue {
  border-color: #005d7b;
  background-color: #005d7b;
  color: #fff;
}
.Button.-blue:hover {
  border-color: #131313;
  background-color: #fff;
  color: #131313;
}
.Button.-black {
  border-color: #131313;
  background-color: #131313;
  color: #fff;
}
.Button.-black::after {
  border-color: #fff;
}
.Button.-black:hover {
  border-color: #131313;
  background-color: #fff;
  color: #131313;
}
.Button.-black:hover::after {
  border-color: #131313;
}
.Clients {
  padding: 60px 0;
  background-color: #fff;
}
.Clients .swiper-wrapper {
  transition-timing-function: linear !important;
}
.Clients .swiper-slide {
  width: 10.416666666666668vw;
  height: 5.208333333333334vw;
  pointer-events: none !important;
}
.Clients .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.Clients__Collection.-sp {
  display: none;
}
.Clients__Collection:not(:last-of-type) {
  margin-bottom: 16px;
}
.Clients__Label {
  margin-bottom: 20px;
  font-size: 1.388888888888889vw;
  text-align: center;
}
.Clients__Heading {
  margin-bottom: 32px;
  font-size: 2.222222222222222vw;
  text-align: center;
}
.ContactBand {
  padding: 80px 0 70px;
  background: linear-gradient(90.11deg, #ff8e00 2.11%, #f07000 99.91%);
  text-align: center;
}
.ContactBand__Heading {
  margin-bottom: 24px;
  color: #fff;
  font-size: 3.611111111111111vw;
  line-height: 1.25;
}
.ContactBand__Catch {
  display: inline;
  color: #fff;
  font-size: 1.388888888888889vw;
  vertical-align: middle;
}
.ContactBand__Button {
  margin-top: 2.222222222222222vw;
  margin-bottom: 2.222222222222222vw;
}
.ContactBand__TelUnit {
  text-align: center;
}
.ContactBand__TelLabel {
  margin-bottom: 12px;
  color: #fff;
  font-size: 0.763888888888889vw;
}
.ContactBand__TelNumber {
  position: relative;
  margin-bottom: 10px;
  margin-left: 20px;
  color: #fff;
  font-size: 1.944444444444444vw;
  letter-spacing: 0.03em;
}
.ContactBand__TelNumber::before {
  position: absolute;
  top: 50%;
  left: -2.222222222222222vw;
  width: 1.666666666666667vw;
  height: 1.666666666666667vw;
  transform: translateY(-50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjgyODggMTMuNjFDMTMuMzEzMSAxNC4xMjU3IDEyLjk1NTkgMTQuNzM3MyAxMi43MjggMTUuMzgwOUw2LjMxNjIgOC45Njg3MUM2Ljk2MTEyIDguNzQwNzQgNy41Njk5MiA4LjM4MzUyIDguMDg2OTcgNy44Njc4MkM5LjkzNjk3IDYuMDE3NzEgMy4yMzc1IC0wLjY4MDc4OSAxLjM4NzUgMS4xNjkzM0MtMC40NjI1IDMuMDE5NDQgLTAuNDYyNSA2LjAxNzcxIDEuMzg3NSA3Ljg2NzgyQzEuNTUxNTEgOC4wMzE4NSAxMy42NjYyIDIwLjE0NzIgMTMuODMwMiAyMC4zMTEzQzE1LjY4MDIgMjIuMTYxNCAxOC42Nzk3IDIyLjE2MTQgMjAuNTI5NyAyMC4zMTEzQzIyLjM3OTcgMTguNDYxMSAxNS42Nzg4IDExLjc1OTkgMTMuODI4OCAxMy42MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=) no-repeat center;
  background-size: contain;
  content: "";
}
.ContactBand__TelInfo {
  color: #fff;
  font-size: 0.833333333333333vw;
  letter-spacing: 0.03em;
}
.ContactBanner {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding-top: 4.166666666666666vw;
  padding-bottom: 4.166666666666666vw;
  background-color: #fff;
  text-align: center;
}
.ContactBanner__Text {
  margin-bottom: 2.222222222222222vw;
  font-size: 1.666666666666667vw;
}
.ContactBanner__Button {
  width: 100%;
}
.FaqCard {
  background: #fff;
  position: relative;
  width: 100%;
  text-align: left;
  transition: background-color 0.225s;
  z-index: 0;
}
.FaqCard::after {
  position: absolute;
  top: 1.944444444444444vw;
  right: 1.388888888888889vw;
  width: 1.111111111111111vw;
  height: 1.111111111111111vw;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACySURBVHgB7dbBDYJAEIXht1RACTam1uCZix6404LaGCVsA7rOSsjAHGc3kJD3neACfyDkAdBaQKlLd0UKA5CiXO2OV/+EQ4NSSW6O1MrRSY4HOJWH5ADVwqlGSBUMsRhiMcRiiMUQS9dXV9S9F05jXm19IrqiW/uv9uLVhD0iZnER8r0hP6bNhYhP8yj/Qzt3aXX+7l3X5OdrMcRiiMUQiyHWkUJktNQIpwoh82pPKwqnHwtlJHJ5LDvrAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
  content: "";
  z-index: -1;
}
.FaqCard.-active::after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABbSURBVHgB7dAxFYAwDEXRnypAAspAAzNLcVCJSKgBKO1AQUGzvDslU96JBAAA4Mv6tOyriiWpTBrrrBUx9LUoOkQ0c72dvhCZR8Qr/0LuTe1Nw1nWFQ4BAIDBHg1fDz4ifvgmAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
}
.FaqCard:not(:last-of-type) {
  margin-bottom: 0.833333333333333vw;
}
.FaqCard__Heading {
  position: relative;
  width: 100%;
  padding-top: 1.666666666666667vw;
  padding-right: 4.166666666666666vw;
  padding-bottom: 1.666666666666667vw;
  padding-left: 4.166666666666666vw;
  font-size: 1.25vw;
  line-height: 1.4;
  cursor: pointer;
}
.FaqCard__Heading::before {
  position: absolute;
  top: 50%;
  left: 1.388888888888889vw;
  transform: translateY(-50%);
  color: #005d7b;
  font-family: HelveticaNeue-CondensedBold;
  font-size: 2.222222222222222vw;
  font-weight: 700;
  content: "Q";
}
.FaqCard__Heading.-active::after {
  display: none;
}
.FaqCard__Answer {
  display: none;
  width: 100%;
  padding-top: 1.666666666666667vw;
  padding-right: 1.388888888888889vw;
  padding-bottom: 1.666666666666667vw;
  padding-left: 1.388888888888889vw;
  border-top: 1px solid rgba(19,19,19,0.1);
  font-size: 0.972222222222222vw;
  line-height: 1.8;
}
.FaqCard__Answer a {
  color: #005d7b;
  text-decoration: underline;
}
.FeaturePointCard {
  position: relative;
  width: calc(100% / 3 - 16px);
}
.FeaturePointCard__Number {
  position: absolute;
  top: 1.388888888888889vw;
  left: 1.388888888888889vw;
  color: rgba(19,19,19,0.4);
  font-family: "Helvetica Neue", sans-serif;
  font-size: 2.5vw;
  letter-spacing: 0.03em;
}
.FeaturePointCard__Number::after {
  position: absolute;
  top: -1.041666666666667vw;
  left: 0;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 1.041666666666667vw;
  letter-spacing: 0.02em;
  content: "Point";
}
.FeaturePointCard__Assets {
  z-index: 1;
  position: relative;
  margin-bottom: -1.736111111111111vw;
  pointer-events: none;
}
.FeaturePointCard__Unit.-fixed {
  height: 20.833333333333336vw;
}
.FeaturePointCard__Heading {
  margin-bottom: 1.388888888888889vw;
  font-size: 1.388888888888889vw;
  text-align: center;
}
.FeaturePointCard__Text {
  min-height: 5.555555555555555vw;
  font-size: 1.041666666666667vw;
}
.FeaturePointCard__Text.-fixed {
  min-height: 7.5vw;
}
.FeaturePointCard__InnerPoint {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.FeaturePointCard__MoreButtonWrap {
  margin-top: 20px;
}
.FeaturePointCard__MoreButton {
  position: relative;
  margin: auto 0;
  outline: none;
  color: #005d7b;
  font-size: 0.972222222222222vw;
  text-align: center;
  width: 25%;
}
.FeaturePointCard__MoreButton::after {
  position: absolute;
  top: 50%;
  right: -1.25vw;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  transform: translateY(-50%) rotate(45deg);
  border-right: solid #005d7b;
  border-bottom: solid #005d7b;
  border-width: 0.138888888888889vw;
  content: "";
}
.FeatureUseCard:not(:last-of-type) {
  margin-bottom: 28px;
}
.FeatureUseCard__MetaUnit {
  width: 33.19444444444444vw;
  margin-right: 3vw;
}
.FeatureUseCard__Asstes {
  display: block;
  flex: 1;
  height: 13.88888888888889vw;
}
.FeatureUseCard__Asstes img {
  width: 100%;
  height: 100%;
}
.FeatureUseCard__Heading {
  margin-bottom: 20px;
  font-size: 1.666666666666667vw;
}
.FeatureUseCard__Desc {
  font-size: 0.972222222222222vw;
}
.FeatureUseCard__Link {
  display: inline-flex;
  margin-top: 20px;
  color: #005d7b;
  font-size: 0.972222222222222vw;
  transition: opacity 0.225s;
}
.FeatureUseCard__Link:hover {
  opacity: 0.6;
}
.FeatureUseCard__Link::after {
  display: block;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  margin: 1px 0 0 4px;
  transform: rotate(-45deg);
  border-right: 2px solid #005d7b;
  border-bottom: 2px solid #005d7b;
  content: "";
}
.FunctionCard {
  width: calc(100% / 3 - 48px);
  padding-top: 2.222222222222222vw;
  padding-right: 2.222222222222222vw;
  padding-bottom: 2.777777777777778vw;
  padding-left: 2.222222222222222vw;
  transition: background-color 0.225s, opacity 0.225s;
}
.FunctionCard:hover {
  background-color: #f1f1f1;
  opacity: 0.7;
}
.FunctionCard__Icon {
  width: 4.861111111111112vw;
  height: 4.444444444444445vw;
  margin-right: auto;
  margin-bottom: 1.111111111111111vw;
  margin-left: auto;
}
.FunctionCard__Icon img {
  width: 100%;
  height: 100%;
  line-height: 0;
}
.FunctionCard__Heading {
  margin-bottom: 0.833333333333333vw;
  font-size: 1.388888888888889vw;
  text-align: center;
}
.FunctionCard__Label {
  width: 20.13888888888889vw;
  color: rgba(19,19,19,0.6);
  font-size: 0.833333333333333vw;
  text-align: center;
  word-break: break-all;
}
.Heading {
  font-size: 2.222222222222222vw;
  text-align: center;
}
.Heading.-large {
  font-size: 3.055555555555555vw;
}
.Heading.-sp-large {
  font-size: 3.055555555555555vw;
}
.Heading.-sp-medium-large {
  font-size: 2.222222222222222vw;
}
.Heading.-lh-1-3 {
  line-height: 1.3;
}
.LowerHead {
  position: relative;
  height: 19.444444444444446vw;
  padding-top: 5.555555555555555vw;
  overflow: hidden;
  background: linear-gradient(90.11deg, #ff8e00 2.11%, #eb6600 99.91%);
}
.LowerHead::after {
  position: absolute;
  top: 130%;
  left: 50%;
  width: 69.23611111111111vw;
  height: 69.86111111111111vw;
  margin-top: 6.944444444444445vw;
  transform: translate(-50%, -50%);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2LjEzNDI0MTMgMjcuNjI0MTIzMyI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjUuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS40IEJ1aWxkIDMpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLjA1MjcxMiwzLjg3NDM2ODZjMS43NTMyMjE4LjIwNjc1NiwzLjA2MjM2ODMuODMyMTgyNSwzLjc5ODQwNTMsMS4yNTM1Njg2LDEuMzQ0OTI0NC44NDk2MjI0LDIuNTA0NTksMi4wMjUzMTE0LDMuMzQ1NTY4NiwzLjQ4MTk1ODIsMi4yNTgwMzM1LDMuOTEwODQxNC45MTMxODQsOC45Mjk0ODg0LTIuOTk3NjU3NSwxMS4xODc0MzYzLS42MzUzNzQ2LjM2Njc3MDMtMS4zMTM5NTIxLjYyMjI1MTItMi4wMTI1NTQyLjc2MzUwOC0uNTY1NDExOC4xMjAwOTktMS40OTI2MzMyLjI0NDQxNTYtMi42MTA1OTUzLjA1OTgwMDktMS4wODM0ODMyLS4xNzg5MjE2LTEuOTAxMDk5LS41NzQ1MTUzLTIuMzk0NTgwOC0uODYxNjk1NC0xLjIzMDUwNzgtLjcwOTY4ODgtMi4yMjc0Njc1LTEuODM5NjE0My0yLjc1MTM4Ny0zLjI3OTA2NDQtMS4xNjM4OTkzLTMuMTk3Nzc0My40Mzk3NTg4LTYuNzI4MTY2LDMuNTg3NDgyNS03Ljk2NzUwNDcuMDg1NjU0OC0uMDMzNzI1Mi4xMzAwMzEtLjEyODAwNTEuMDk4NTQ1Ni0uMjE0NTA3MS0uMDI5OTQzMi0uMDgyMjY4My0uMTE4MDMwMi0uMTI5OTAyNy0uMjAyNTQ5LS4xMDcwNzE4LS40NTg2MDczLjEyMzg5NDMtLjkwODcxMjQuMzA3NTY4MS0xLjMzOTA0OTYuNTU2MTA1MS0xLjk0MTAzNTgsMS4xMjA2MTg5LTMuMjMzMzE0MywzLjA0OTk2OTItMy41MjQyODQ0LDUuMzI4NTQ1OC0uMjEyODA5OSwxLjY2NjQ5NzkuMjAzODA3OSwzLjMzNzg4NywxLjEwMzIwMyw0Ljc1Njg5NTcuMjkyODIyNC40NjE5OTEuNjIyNDgzOC44ODk4NDUyLjk4MzE0NDEsMS4yODE1OTU0LjMyMjIyNTcuMzUwMDA2Ni42MzM4Nzc5LjY1NDQzMTYuOTM0MDc3MS44ODA5ODIyLjY5MDY4NzkuNTIxMjM2LDIuMTQwMzI2NywxLjQxNjc2MzUsNC4yNDMxMDA4LDEuNzAxOTE3NywyLjA5ODczMDEuMjg0NjA4OSwzLjc1NTcwMjItLjIxNjA0NjYsNC41MzYzNjk1LS41MDc4OTg4LjM3NDk5NDUtLjEzOTMxMDkuOTcxNjgwNi0uMzAxMDE5OCwxLjcwOTcxMTUtLjI2NDIzNjkuODEyODI4OS4wNDA1MDg3LDEuNDI2NjEwMS4zMDMzMDc3LDEuNzU4MTgyNS40NzQ3Nzc2bC42MzE0NTEuMzY0NTc4N2MuNzY1NDAwMy40NDE4NzU2LDEuNzMyMTg5Ni4yMTUzNjI0LDIuMjI3ODA5Ni0uNDk3Mjg3OGwxLjczMTAxNjMtMi45NDQ0MjYzYy40NjU0ODQzLS44MDYyMTkxLjE4OTI0OTMtMS44MzcxMzM5LS42MTY5Nzc4LTIuMzAyNjA0OWwtLjUxODUyMDQtLjI5OTM2MjcuMDAxMjgyOS0uMDAyMTQ4OWMtMS4wNTY3OTgxLS41NzQ4MzA3LTEuNzc0MzAyMS0xLjY5MzE3NzctMS43NzQzMDIxLTIuOTgxMDY0OCwwLS43MjA0OTc1LjIyNzAzNzEtMS4zODUxMTI0LjYxMTEzNzgtMS45MzIzMTcxLjI3NDc3MzEtLjM1Nzg3NTMuNjE4NjEwOS0uNjYwMDE3NywxLjAxMjY0MzctLjg4NTA3NjlsLS4wMDAyNTY2LS4wMDA0MzgzLjYwMTQzMDItLjM0NzIyNjljLjU1OTQ4ODktLjMyMzAyMjIuODYyNjQ2OS0uOTE4NjY4NS44NDAxNjM1LTEuNTIyMjc5Ny4wMDAzNjM1LS4yODY2NTA5LS4wNzA4OTMtLjU3NzEyOTMtLjIyNDUzNTQtLjg0MzIzMThsLTEuNTYyMDUzNS0yLjcwNTYxODJjLS40NjU0NjAzLS44MDYyMTkxLTEuNDk2Mzc1MS0xLjA4MjQzNTQtMi4zMDI1NzAxLS42MTY5Mjk3bC0uMDEwOTc5OC4wMDYzMzk4Yy0uMDA1OTQ0My4wMDMzMzU2LS4wMTIxMjM4LjAwNTgxNi0uMDE4MDQ2Ni4wMDkyMzcxbC0uNDE0NjAyNS4yMzkzNTMzLS4wMDE4NDk2LS4wMDMzNDYzYy0xLjAyNjI5NjMuNjI4MzE4NS0yLjM1Mzk5NzIuNjkwNzEyLTMuNDY5NjcxNC4wNDY1Mzg1LTEuMDk4MjU4My0uNjM0MDU5Ni0xLjcwNTE1MTctMS43ODg0MjUxLTEuNjk0MzEwOS0yLjk3MTc1Mjh2LS41MDcwMDYxYzAtLjgxODc3MDUtLjU4NDYyMzgtMS41MDAzNzM2LTEuMzU5MDkwMS0xLjY1MTc4MTZDMTQuODc2Mzc3Ny4wMTkxNTg1LDE0Ljc0MDQ4MjYuMDAwMDMyMSwxNC41OTk3OTc4LjAwMDAzMjFsLTMuMTI0MTQ0NC0uMDAwMDMyMWMtLjkzMDkyMDYtLjAwMDAxMDctMS42ODU1ODcuNzU0NjQ3Ny0xLjY4NTU4NywxLjY4NTU2ODJ2LjU5ODc4NjlzLS4wMTI5NTc3LjQzMDU1MzctLjA0Nzg5NjMuNjQxODg1NWMtLjAyOTY4OTMuMTc3MTc2My0uMDg4MjY4Ny40MTU1MDU5LS4yMTA1MjIuNjc3NDc5LS4xMTc1NzA1LjI1MTkzOTUtLjI1NTkzMjYuNDQ0MTEwMS0uMzY4ODQ3MS41Nzg2Mjg3LjgwODAyMDUtLjIyODE3ODQsMi4xODkxOTMyLS41MDg1NDU2LDMuODg5OTEwOC0uMzA3OTc5OFoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuMDgxNTI5MywyMy43NDk3NTQ3Yy0xLjc1MzIyMTgtLjIwNjc1Ni0zLjA2MjM2ODMtLjgzMjE4MjUtMy43OTg0MDUzLTEuMjUzNTY4Ni0xLjM0NDkyNDQtLjg0OTYyMjQtMi41MDQ1OS0yLjAyNTMxMTQtMy4zNDU1Njg2LTMuNDgxOTU4Mi0yLjI1ODAzMzUtMy45MTA4NDE0LS45MTMxODQtOC45Mjk0ODg0LDIuOTk3NjU3NS0xMS4xODc0MzYzLjYzNTM3NDYtLjM2Njc3MDMsMS4zMTM5NTIxLS42MjIyNTEyLDIuMDEyNTU0Mi0uNzYzNTA4LjU2NTQxMTgtLjEyMDA5OSwxLjQ5MjYzMzItLjI0NDQxNTYsMi42MTA1OTUzLS4wNTk4MDA5LDEuMDgzNDgzMi4xNzg5MjE2LDEuOTAxMDk5LjU3NDUxNTMsMi4zOTQ1ODA4Ljg2MTY5NTQsMS4yMzA1MDc4LjcwOTY4ODgsMi4yMjc0Njc1LDEuODM5NjE0MywyLjc1MTM4NywzLjI3OTA2NDQsMS4xNjM4OTkzLDMuMTk3Nzc0My0uNDM5NzU4OCw2LjcyODE2Ni0zLjU4NzQ4MjUsNy45Njc1MDQ3LS4wODU2NTQ4LjAzMzcyNTItLjEzMDAzMS4xMjgwMDUxLS4wOTg1NDU2LjIxNDUwNzEuMDI5OTQzMi4wODIyNjgzLjExODAzMDIuMTI5OTAyNy4yMDI1NDkuMTA3MDcxOC40NTg2MDczLS4xMjM4OTQzLjkwODcxMjQtLjMwNzU2ODEsMS4zMzkwNDk2LS41NTYxMDUxLDEuOTQxMDM1OC0xLjEyMDYxODksMy4yMzMzMTQzLTMuMDQ5OTY5MiwzLjUyNDI4NDQtNS4zMjg1NDU4LjIxMjgwOTktMS42NjY0OTc5LS4yMDM4MDc5LTMuMzM3ODg3LTEuMTAzMjAzLTQuNzU2ODk1Ny0uMjkyODIyNC0uNDYxOTkxLS42MjI0ODM4LS44ODk4NDUyLS45ODMxNDQxLTEuMjgxNTk1NC0uMzIyMjI1Ny0uMzUwMDA2Ni0uNjMzODc3OS0uNjU0NDMxNi0uOTM0MDc3MS0uODgwOTgyMi0uNjkwNjg3OS0uNTIxMjM2LTIuMTQwMzI2Ny0xLjQxNjc2MzUtNC4yNDMxMDA4LTEuNzAxOTE3Ny0yLjA5ODczMDEtLjI4NDYwODktMy43NTU3MDIyLjIxNjA0NjYtNC41MzYzNjk1LjUwNzg5ODgtLjM3NDk5NDUuMTM5MzEwOS0uOTcxNjgwNi4zMDEwMTk4LTEuNzA5NzExNS4yNjQyMzY5LS44MTI4Mjg5LS4wNDA1MDg3LTEuNDI2NjEwMS0uMzAzMzA3Ny0xLjc1ODE4MjUtLjQ3NDc3NzZsLS42MzE0NTEtLjM2NDU3ODdjLS43NjU0MDAzLS40NDE4NzU2LTEuNzMyMTg5Ni0uMjE1MzYyNC0yLjIyNzgwOTYuNDk3Mjg3OEwuMjI2MTE5Nyw4LjMwMTc3NzdjLS40NjU0ODQzLjgwNjIxOTEtLjE4OTI0OTMsMS44MzcxMzM5LjYxNjk3NzgsMi4zMDI2MDQ5bC41MTg1MjA0LjI5OTM2MjctLjAwMTI4MjkuMDAyMTQ4OWMxLjA1Njc5ODEuNTc0ODMwNywxLjc3NDMwMjEsMS42OTMxNzc3LDEuNzc0MzAyMSwyLjk4MTA2NDgsMCwuNzIwNDk3NS0uMjI3MDM3MSwxLjM4NTExMjQtLjYxMTEzNzgsMS45MzIzMTcxLS4yNzQ3NzMxLjM1Nzg3NTMtLjYxODYxMDkuNjYwMDE3Ny0xLjAxMjY0MzcuODg1MDc2OWwuMDAwMjU2Ni4wMDA0MzgzLS42MDE0MzAyLjM0NzIyNjljLS41NTk0ODg5LjMyMzAyMjItLjg2MjY0NjkuOTE4NjY4NS0uODQwMTYzNSwxLjUyMjI3OTctLjAwMDM2MzUuMjg2NjUwOS4wNzA4OTMuNTc3MTI5My4yMjQ1MzU0Ljg0MzIzMThsMS41NjIwNTM1LDIuNzA1NjE4MmMuNDY1NDYwMy44MDYyMTkxLDEuNDk2Mzc1MSwxLjA4MjQzNTQsMi4zMDI1NzAxLjYxNjkyOTdsLjAxMDk3OTgtLjAwNjMzOThjLjAwNTk0NDMtLjAwMzMzNTYuMDEyMTIzOC0uMDA1ODE2LjAxODA0NjYtLjAwOTIzNzFsLjQxNDYwMjUtLjIzOTM1MzMuMDAxODQ5Ni4wMDMzNDYzYzEuMDI2Mjk2My0uNjI4MzE4NSwyLjM1Mzk5NzItLjY5MDcxMiwzLjQ2OTY3MTQtLjA0NjUzODUsMS4wOTgyNTgzLjYzNDA1OTYsMS43MDUxNTE3LDEuNzg4NDI1MSwxLjY5NDMxMDksMi45NzE3NTI4di41MDcwMDYxYzAsLjgxODc3MDUuNTg0NjIzOCwxLjUwMDM3MzYsMS4zNTkwOTAxLDEuNjUxNzgxNi4xMzA2MzUxLjAzMjQ2OS4yNjY1MzAyLjA1MTU5NTUuNDA3MjE0OS4wNTE1OTU1bDMuMTI0MTQ0NC4wMDAwMzIxYy45MzA5MjA2LjAwMDAxMDcsMS42ODU1ODctLjc1NDY0NzcsMS42ODU1ODctMS42ODU1Njgydi0uNTk4Nzg2OXMuMDEyOTU3Ny0uNDMwNTUzNy4wNDc4OTYzLS42NDE4ODU1Yy4wMjk2ODkzLS4xNzcxNzYzLjA4ODI2ODctLjQxNTUwNTkuMjEwNTIyLS42Nzc0NzkuMTE3NTcwNS0uMjUxOTM5NS4yNTU5MzI2LS40NDQxMTAxLjM2ODg0NzEtLjU3ODYyODctLjgwODAyMDUuMjI4MTc4NC0yLjE4OTE5MzIuNTA4NTQ1Ni0zLjg4OTkxMDguMzA3OTc5OFoiLz4KPC9zdmc+) no-repeat center;
  background-size: contain;
  content: "";
  opacity: 0.1;
}
.LowerHead__Heading {
  z-index: 1;
  position: relative;
  color: #fff;
  font-size: 2.777777777777778vw;
  letter-spacing: 0.03em;
}
.MenuButton {
  display: none;
}
.MenuButton__Line {
  display: block;
  position: absolute;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: #005d7b;
  transition: transform 0.225s;
}
.MenuButton__Line.-active:nth-of-type(1) {
  top: 1.560468140442133vw;
  transform: rotate(45deg);
}
.MenuButton__Line.-active:nth-of-type(2) {
  display: none;
}
.MenuButton__Line.-active:nth-of-type(3) {
  top: 1.560468140442133vw;
  width: 100%;
  transform: rotate(-45deg);
}
.MenuButton__Line:nth-of-type(1) {
  top: 0;
}
.MenuButton__Line:nth-of-type(2) {
  top: 1.560468140442133vw;
  width: calc(100% - 5px);
}
.MenuButton__Line:nth-of-type(3) {
  top: 3.120936280884266vw;
  width: calc(100% - 10px);
}
.Modal {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.225s;
}
.Modal.-active {
  opacity: 1;
  pointer-events: auto;
}
.Modal__Overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19,19,19,0.8);
}
.Modal__Body {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  position: relative;
  width: 55.55555555555556vw;
  max-height: 46.31944444444444vw;
  padding: 40px;
  overflow: scroll;
  background-color: #fff;
  font-size: 0.972222222222222vw;
  line-height: 1.8;
}
.Modal__CloseButton {
  z-index: 1;
  position: relative;
  margin-top: 20px;
  outline: none;
  color: #fff;
  font-size: 0.972222222222222vw;
}
.NewsCard:not(:last-of-type) {
  margin-bottom: 12px;
}
.NewsCard__Anchor {
  position: relative;
  width: 100%;
  min-height: 80px;
  padding: 20px 60px 20px 20px;
  background-color: #fff;
  text-align: left;
  transition: background-color 0.225s;
}
.NewsCard__Anchor::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid rgba(19,19,19,0.3);
  border-bottom: 2px solid rgba(19,19,19,0.3);
  content: "";
  transition: border-color 0.225s;
}
.NewsCard__Anchor:hover {
  background-color: #005d7b;
}
.NewsCard__Anchor:hover::after {
  border-color: #fff;
}
.NewsCard__Anchor:hover .NewsCard__Date,
.NewsCard__Anchor:hover .NewsCard__Heading {
  color: #fff;
}
.NewsCard__Anchor:not(:last-of-type) {
  margin-bottom: 12px;
}
.NewsCard__Date {
  margin-bottom: 8px;
  color: #005d7b;
  font-size: 0.833333333333333vw;
  transition: color 0.225s;
}
.NewsCard__Heading {
  font-size: 1.111111111111111vw;
  transition: color 0.225s;
}
.Pagination__Unit {
  position: relative;
}
.Pagination__PageItem:not(:last-of-type) {
  margin-right: 20px;
}
.Pagination__Link {
  width: 2.222222222222222vw;
  height: 2.222222222222222vw;
  padding-bottom: 2px;
  border-radius: 100px;
  color: rgba(19,19,19,0.5);
  font-size: 1.111111111111111vw;
  transition: color 0.225s, background-color 0.225s;
}
.Pagination__Link.-active {
  background-color: #005d7b;
  color: #fff;
}
.Pagination__Link:hover {
  background-color: #005d7b;
  color: #fff;
}
.Pagination__Button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.972222222222222vw;
}
.Pagination__Button::after,
.Pagination__Button::before {
  content: "";
}
.Pagination__Button.-prev {
  left: 0;
}
.Pagination__Button.-prev::before {
  width: 1.25vw;
  height: 0.555555555555556vw;
  margin-right: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAYAAAB+690jAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEsSURBVHgBzZaxT4QwFMZbSjElIgnVSRKjo4a4uNzk/+7ioIOLswsD5DiiTaAkd4Af5LgYwnku1PuSl/a1DL+897WUkMMSQRAsEGfEgOhvm57nSc75g2VZvMsZY+9pmn6QGWXv2/B9/wYwt8SwJiuE9tyhKtdD3rZtiXjN81yRmWWNcrvzyxhGCPFsAmYMJKSUj4CRw0LTNKsoip7iONbEkPqWjc27hVkjn9XAk0D/Zd59sgBjkyPSrmWO49xTSt3dBqVfdV2bb9kwCcNQaK0XP6GgJMuyN4wbYkhsmCilNjhlSVVV5zDzyXb5FEf+EqCJKai/Xowa8WLiLmJTi6jI0nX7zvV3EtrIEVfw2rooik9iGqhTWZYrQCj8UC8w9t+hasu5gQ6qM7vJ58c31QlmIV8U1ZAAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.Pagination__Button.-next {
  right: 0;
}
.Pagination__Button.-next::after {
  width: 1.25vw;
  height: 0.555555555555556vw;
  margin-left: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAQCAYAAABz9a1kAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEsSURBVHgBxZVNa4NAEIZ3dQMqSMWPQmlDSQ89tEh+Qf9Bf3UuOefSQ67x0FIU6UEtEe07aQIbyQc5zOYF2d1hwIedeXeEYFYYhq9xHD+fy7MFn1QQBKlt24/YR47jqLquv48lW4JPcu9HlvWUJMkbAR5K5ryRrmmaL8/zaB9tY47ruve4mU/sW1MgG1VVleswUsoRYO6GMOwgOxjf99d939/qMPhyAP1uYujqB2FON+iViR7oum5RFMVKwlrv4vpacrrmIpGVlsKQUIYIpYkGsf/SCENCL44BMdUA1ljmgPihs5HS0BOvQ8A9FSw920GQlGAWzRosEx0Ctp1nWVbreZw3QrNmqtsV5cjTNJ0NIUicPTICyItSakyHtm1XZVkujiWbmjU5+uHjVPIfDDZxG/Eqjv8AAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
}
.SinglePageIndex__List {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 69.16666666666667vw;
  margin: 0 auto;
}
/*.SinglePageIndex__List::after {
  display: block;
  width: calc(100% / 3 - 24px);
  content: "";
}*/
.SinglePageIndex__Item {
  width: calc(100% / 3 - 24px);
  margin: auto 10px 1.388888888888889vw;
}
.SinglePageIndex__Link {
  position: relative;
  padding: 14px 32px 14px 20px;
  border: 2px solid #005d7b;
  border-radius: 50px;
  background-color: #005d7b;
  color: #fff;
  font-size: 1.111111111111111vw;
  transition: 0.225s;
}
.SinglePageIndex__Link::after {
  position: absolute;
  top: 50%;
  right: 1.736111111111111vw;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}
.SingleContent {
  width: 55.55555555555556vw;
  margin: 0 auto;
}
.SingleContent > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3.333333333333333vw;
}
.SingleContent > ul li {
  margin: 0 20px 20px 20px;
  font-size: 1.111111111111111vw;
  list-style-type: disc;
}
.SingleContent > ol {
  margin-bottom: 3.333333333333333vw;
}
.SingleContent > ol li {
  margin-bottom: 20px;
  font-size: 1.111111111111111vw;
}
.SingleContent > p > a {
  display: inline-block;
  margin-bottom: 2.222222222222222vw;
  padding-bottom: 2px;
  border-bottom: 2px solid #005d7b;
  color: #005d7b;
  font-size: 1.111111111111111vw;
  transition: opacity 0.225s;
}
.SingleContent > p > a:hover {
  opacity: 0.6;
}
.SingleContent .wp-block-buttons {
  margin-bottom: 3.333333333333333vw;
}
.SingleContent .wp-block-buttons.aligncenter .wp-block-button__link {
  margin-right: auto;
  margin-left: auto;
}
.SingleContent .wp-block-buttons.alignright .wp-block-button__link {
  margin-left: auto;
}
.SingleContent .wp-block-buttons .wp-block-button {
  width: 100%;
}
.SingleContent .wp-block-buttons .wp-block-button__link {
  position: relative;
  width: 22.22222222222222vw;
  height: 4.444444444444445vw;
  border: 2px solid #005d7b;
  background-color: #005d7b;
  color: #fff;
  font-size: 1.25vw;
  transition: 0.225s;
}
.SingleContent .wp-block-buttons .wp-block-button__link:hover {
  background-color: #fff;
  color: #005d7b;
}
.SingleContent .wp-block-buttons .wp-block-button__link:hover::after {
  border-color: #005d7b;
}
.SingleContent .wp-block-buttons .wp-block-button__link::after {
  position: absolute;
  top: 50%;
  right: 1.388888888888889vw;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  transition: border-color 0.225s;
}
.SingleContent blockquote {
  margin-bottom: 3.333333333333333vw;
  padding-top: 1.666666666666667vw;
  padding-right: 1.666666666666667vw;
  padding-bottom: 1.666666666666667vw;
  padding-left: 1.666666666666667vw;
  background-color: rgba(19,19,19,0.05);
  font-size: 0.972222222222222vw;
}
.SingleContent .wp-block-columns {
  margin-bottom: 3.333333333333333vw;
}
.SingleContent .wp-block-columns h2 {
  margin-bottom: 1.666666666666667vw;
  font-size: 1.25vw;
}
.SingleContent .wp-block-columns p {
  font-size: 0.972222222222222vw;
}
.SingleContent .wp-block-columns .wp-block-image {
  width: 100%;
  height: 24.305555555555554vw;
  max-height: 420px;
  margin: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.SingleContent .wp-block-columns .wp-block-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  line-height: 0;
}
.SingleContent table {
  margin-bottom: 48px;
  border-collapse: initial;
  border-spacing: 0px !important;
}
.SingleContent table thead {
  background-color: #005d7b;
  color: #fff;
}
.SingleContent table thead th {
  padding: 16px;
  font-size: 0.902777777777778vw;
}
.SingleContent table thead th:not(:last-of-type) {
  border-right: 1px solid #fff;
}
.SingleContent table tbody td {
  padding: 12px;
  font-size: 0.902777777777778vw;
  line-height: 20px;
}
.SingleContent > p {
  margin-bottom: 2.222222222222222vw;
  font-size: 1.111111111111111vw;
}
.SingleContent > figure {
  display: block;
  margin-top: 3.333333333333333vw;
  margin-bottom: 3.333333333333333vw;
  border-radius: 4px;
}
.SingleContent > figure img {
  width: 44.44444444444444vw;
  height: 27.77777777777778vw;
  margin: 0 auto;
  object-fit: contain;
  border-radius: 4px;
}
.SingleContent .CustomBlock__h3Heading {
  position: relative;
  width: 100%;
  margin-bottom: 2.222222222222222vw;
  padding-top: 1.111111111111111vw;
  padding-right: 2.222222222222222vw;
  padding-bottom: 1.111111111111111vw;
  padding-left: 2.222222222222222vw;
  background-color: rgba(19,19,19,0.05);
  font-size: 1.388888888888889vw;
}
.SingleContent .CustomBlock__h3Heading::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.833333333333333vw;
  height: 100%;
  border-radius: 4px 0 0 4px;
  background-color: #005d7b;
  content: "";
}
.SingleContent .CustomBlock__h4Heading {
  margin-bottom: 2.222222222222222vw;
  color: #005d7b;
  font-size: 1.388888888888889vw;
  line-height: 1.3;
}
.SingleContent .CustomBlock__FuncHeadingDesc {
  width: 100vw;
  height: 10.13888888888889vw;
  margin: 0 calc(50% - 50vw) 60px;
  background-color: #ff8e00;
  color: #fff;
  text-align: center;
}
.SingleContent .CustomBlock__FuncHeading {
  font-size: 2.222222222222222vw;
  line-height: 1.2;
}
.SingleContent .CustomBlock__FuncDesc {
  margin-top: 1.111111111111111vw;
  font-size: 1.25vw;
}
.SingleContent .CustomBlock__FuncDesc:empty {
  display: none;
}
.SingleContent .wp-block-group .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.SingleContent .wp-block-group .wp-block-group__inner-container::after {
  display: block;
  width: calc(100% / 3 - 10px);
  content: "";
}
.SingleContent .CustomBlock__Card {
  width: calc(100% / 3 - 10px);
  margin-bottom: 20px;
  padding-top: 2.222222222222222vw;
  padding-right: 1.388888888888889vw;
  padding-bottom: 2.222222222222222vw;
  padding-left: 1.388888888888889vw;
  border-radius: 4px;
  background-color: rgba(19,19,19,0.05);
}
.SingleContent .CustomBlock__CardHeading {
  margin-bottom: 24px;
  font-size: 1.111111111111111vw;
  line-height: 1.3;
  text-align: center;
}
.SingleContent .CustomBlock__CardText {
  font-size: 0.972222222222222vw;
}
.SolutionCard {
  display: block;
  position: relative;
  width: 26.111111111111114vw;
  min-height: 24.23611111111111vw;
  margin: 0 0 20px 0;
  padding-top: 2.777777777777778vw;
  padding-right: 1.388888888888889vw;
  padding-bottom: 2.777777777777778vw;
  padding-left: 1.388888888888889vw;
  float: left;
  background-color: #fff;
}
.SolutionCard__Icon {
  margin: 0 auto 20px;
}
.SolutionCard__Heading {
  margin-bottom: 24px;
  font-size: 1.666666666666667vw;
  text-align: center;
}
.SolutionCard__UsageList {
  margin-bottom: 1.388888888888889vw;
}
.SolutionCard__UsageItem {
  min-width: 8.333333333333332vw;
  margin: 0 8px 8px 0;
  padding: 8px;
  background-color: #005d7b;
  color: #fff;
  font-size: 0.763888888888889vw;
  text-align: center;
}
.SolutionCard__Desc {
  color: rgba(19,19,19,0.7);
  font-size: 0.972222222222222vw;
}
.SolutionCard__BeforePublic {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 8px 12px;
  border-radius: 2px;
  background-color: #e7e7e7;
  font-size: 0.694444444444444vw;
}
.SolutionDetail__Mv {
  padding-top: 4.583333333333333vw;
  padding-bottom: 4.583333333333333vw;
  background-color: #fff;
}
.SolutionDetail__MvHeading {
  margin-bottom: 40px;
  font-size: 2.638888888888889vw;
  text-align: let;
  width: 80%;
}
.SolutionDetail__MvCapture {
  display: none;
  width: 55.55555555555556vw;
  height: 31.25vw;
  margin-bottom: 32px;
  overflow: hidden;
  /*border: 2px solid #000;*/
}
.SolutionDetail__MvCapture img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.SolutionDetail__MvDesc {
  font-size: 1.25vw;
  text-align: left;
  width: 80%;
}
.SolutionDetail__Body {
  padding-bottom: 80px;
  background-color: #fff;
}
.SolutionDetail__Collection {
  width: 83.33333333333334vw;
  margin: 80px auto;
}
.SolutionDetail__PostList {
  display: none;
  margin-right: -24px;
  margin-bottom: 52px;
  overflow: hidden;
}
.SolutionDetail__PostHeading {
  display: none;
  margin-bottom: 56px;
}
.SolutionDetail__PageIndex {
  padding: 40px 0;
  background-color: rgba(19,19,19,0.02);
}
.SolutionSecondaryCard {
  position: relative;
  width: calc(100% / 5 - 24px);
  height: 10.13888888888889vw;
  margin: 0 24px 20px 0;
  float: left;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}
.SolutionSecondaryCard:hover::after {
  opacity: 1;
}
.SolutionSecondaryCard::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 0 0 20px 20px;
  border-style: solid;
  border-color: transparent transparent #005d7b transparent;
  content: "";
  pointer-events: none;
}
.SolutionSecondaryCard::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,93,123,0.9);
  color: #fff;
  font-size: 1.180555555555556vw;
  content: "詳しく見る";
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.225s;
}
.SolutionSecondaryCard__Icon {
  width: 2.5vw;
  height: 2.5vw;
  margin-right: auto;
  margin-bottom: 1.111111111111111vw;
  margin-left: auto;
}
.SolutionSecondaryCard__Icon img {
  width: 100%;
  height: 100%;
}
.SolutionSecondaryCard__Caption {
  font-size: 1.180555555555556vw;
  text-align: center;
}
.PageNotFound {
  margin: 80px 0 60px;
  text-align: center;
}
.PageNotFound__Heading {
  margin-bottom: 28px;
  font-size: 2.222222222222222vw;
}
.PageNotFound__Text {
  margin-bottom: 48px;
  font-size: 1.111111111111111vw;
}
.PageNotFound__Button {
  width: 100%;
}
.Contact {
  margin-top: 5.555555555555555vw;
  margin-bottom: 5.555555555555555vw;
}
.Contact__Text {
  margin-bottom: 4.166666666666666vw;
  font-size: 1.111111111111111vw;
  text-align: center;
}
.Contact__Form {
  max-width: 55.55555555555556vw;
  margin: 0 auto;
}
.Contact__FormList {
  margin-bottom: 3.611111111111111vw;
}
.Contact__FormItem:not(:last-of-type) {
  margin-bottom: 2.222222222222222vw;
}
.Contact__FormHead {
  position: relative;
  flex: 1;
  margin-right: 3.333333333333333vw;
  font-size: 1.041666666666667vw;
}
.Contact__FormHead.-selfStart {
  align-self: flex-start;
}
.Contact__FormHead.-required::after {
  padding: 6px 8px;
  border-radius: 2px;
  background-color: #005d7b;
  color: #fff;
  font-size: 0.833333333333333vw;
  content: "必須";
}
.Contact__FormBody {
  width: 38.19444444444444vw;
}
.Contact__FormBody.-radio {
  padding-left: 1.666666666666667vw;
}
.Contact__FormBody.-radio .Contact__FormRadioWrap {
  margin-right: 2.777777777777778vw;
  margin-bottom: 1.388888888888889vw;
}
.Contact__FormBody.-threeDiv .Contact__FormWrap {
  position: relative;
  width: 100%;
  font-size: 0.972222222222222vw;
}
.Contact__FormBody.-threeDiv .Contact__FormWrap:not(:last-of-type) {
  margin-right: 1.388888888888889vw;
}
.Contact__FormBody.-threeDiv .Contact__FormWrap:not(:last-of-type)::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -0.902777777777778vw;
  width: 0.416666666666667vw;
  height: 2px;
  transform: translateY(-50%);
  background-color: rgba(19,19,19,0.6);
  content: "";
}
.Contact__FormBody.-secondDiv .Contact__FormWrap {
  width: 100%;
  color: rgba(19,19,19,0.6);
  font-size: 0.972222222222222vw;
}
.Contact__FormBody.-secondDiv .Contact__FormWrap:not(:last-of-type) {
  margin-right: 1.388888888888889vw;
}
.Contact__FormBody.-secondDiv .Contact__FormInnerLabel {
  margin-right: 0.555555555555556vw;
}
.Contact__FormInput {
  width: 100%;
  padding: 20px;
  border: 1px solid rgba(19,19,19,0.1);
  outline: none;
  background-color: #fff;
  font-size: 16px;
}
.Contact__FormInput.-complate {
  border: 1px solid #005d7b;
  background-color: rgba(0,135,180,0.03);
}
.Contact__FormInput.-error {
  border: 1px solid #d1113f;
  background-color: rgba(209,17,63,0.03);
}
.Contact__FormInput:-ms-input-placeholder {
  color: rgba(19,19,19,0.3);
  font-size: 0.972222222222222vw;
}
.Contact__FormInput::placeholder {
  color: rgba(19,19,19,0.3);
  font-size: 0.972222222222222vw;
}
.Contact__FormSelect {
  width: 100%;
  padding: 20px;
  border: 1px solid rgba(19,19,19,0.1);
  outline: none;
  background-color: #fff;
  color: rgba(19,19,19,0.6);
  font-size: 16px;
}
.Contact__FormSelect.-complate {
  border: 1px solid #005d7b;
  background-color: rgba(0,135,180,0.03);
}
.Contact__FormSelect.-error {
  border: 1px solid #d1113f;
  background-color: rgba(209,17,63,0.03);
}
.Contact__FormTextArea {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  max-height: 15.972222222222221vw;
  padding: 20px;
  overflow-y: scroll;
  border: 1px solid rgba(19,19,19,0.1);
  outline: none;
  background-color: #fff;
  font-size: 16px;
}
.Contact__FormTextArea:-ms-input-placeholder {
  color: rgba(19,19,19,0.3);
  font-size: 0.972222222222222vw;
}
.Contact__FormTextArea::placeholder {
  color: rgba(19,19,19,0.3);
  font-size: 0.972222222222222vw;
}
.Contact__FormTextArea::-webkit-scrollbar {
  display: none;
}
.Contact__FormRadio,
.Contact__FormCheckbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  text-indent: -100%;
  opacity: 0;
}
.Contact__FormRadio:checked+.Contact__FormRadioText::after,
.Contact__FormCheckbox:checked+.Contact__FormRadioText::after,
.Contact__FormRadio:checked+.Contact__AgrmtText::after,
.Contact__FormCheckbox:checked+.Contact__AgrmtText::after {
  opacity: 1;
}
.Contact__FormRadioText,
.Contact__AgrmtText {
  position: relative;
  padding-left: 0.277777777777778vw;
  color: rgba(19,19,19,0.7);
  font-size: 0.972222222222222vw;
  cursor: pointer;
}
.Contact__FormRadioText::before,
.Contact__AgrmtText::before,
.Contact__FormRadioText::after,
.Contact__AgrmtText::after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  transition: opacity 0.125s;
}
.Contact__FormRadioText::after,
.Contact__AgrmtText::after {
  left: -1.319444444444444vw;
  width: 0.694444444444444vw;
  height: 0.694444444444444vw;
  background-color: #005d7b;
  opacity: 0;
}
.Contact__FormRadioText::before,
.Contact__AgrmtText::before {
  left: -1.666666666666667vw;
  width: 1.388888888888889vw;
  height: 1.388888888888889vw;
  border: 2px solid #9fa0a0;
}
.Contact__Agrmt {
  margin-bottom: 3.611111111111111vw;
}
.Contact__AgrmtText {
  padding-bottom: 2px;
  color: #131313;
  font-size: 1.111111111111111vw;
}
.Contact__AgrmtHeading {
  margin-bottom: 1.666666666666667vw;
  font-size: 1.111111111111111vw;
  text-align: center;
}
.Contact__AgrmtTerms {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  height: 17.36111111111111vw;
  max-height: 17.36111111111111vw;
  margin-bottom: 2.222222222222222vw;
  padding: 20px;
  overflow-y: scroll;
  background-color: rgba(19,19,19,0.1);
  font-size: 0.833333333333333vw;
}
.Contact__AgrmtTerms p {
  margin-bottom: 24px;
}
.Contact__AgrmtTerms a {
  color: #005d7b;
  text-decoration: underline;
}
.Contact__AgrmtTerms::-webkit-scrollbar {
  display: none;
}
.Contact__FormError {
  display: none;
  margin-top: 0.277777777777778vw;
  color: #d1113f;
  font-size: 0.694444444444444vw;
}
.Contact__FormError.-show {
  display: block;
}
.Contact__Button:disabled {
  border-color: rgba(19,19,19,0.1);
  background-color: rgba(19,19,19,0.2);
  color: #777;
  pointer-events: none;
}
.Confirm {
  margin-top: 5.555555555555555vw;
  margin-bottom: 5.555555555555555vw;
}
.Confirm__Form {
  max-width: 55.55555555555556vw;
  margin: 0 auto;
}
.Confirm__List {
  margin-bottom: 2.222222222222222vw;
  padding: 60px;
  border-radius: 4px;
  background-color: #fff;
}
.Confirm__Item:not(:last-of-type) {
  margin-bottom: 2.222222222222222vw;
}
.Confirm__Head {
  position: relative;
  flex: 1;
  margin-right: 3.333333333333333vw;
  font-size: 1.041666666666667vw;
}
.Confirm__Value,
.Confirm__ValueWrap {
  width: 70%;
}
.Confirm__Value {
  font-size: 0.972222222222222vw;
  line-height: 1.8;
}
.ConFirm__ButtonUnit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ConFirm__ButtonItem:not(:last-of-type) {
  margin-right: 12px;
}
.Thanks,
.Error,
.Close {
  margin-top: 5.555555555555555vw;
  margin-bottom: 5.555555555555555vw;
}
.Thanks__Heading,
.Error__Heading,
.Close__Heading {
  margin-bottom: 2.777777777777778vw;
  font-size: 2.222222222222222vw;
  line-height: 1;
  text-align: center;
}
.Thanks__Text,
.Error__Text,
.Close__Text {
  font-size: 1.111111111111111vw;
  line-height: 1.8;
  text-align: center;
}
.Thanks__Text:not(:last-of-type),
.Error__Text:not(:last-of-type),
.Close__Text:not(:last-of-type) {
  margin-bottom: 20px;
}
.Thanks__ButtonUnit,
.Close__ButtonUnit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.Container {
  margin: 0 auto;
}
.Container.-large {
  width: 83.33333333333334vw;
}
.Container.-default {
  width: 72.22222222222221vw;
}
.Container.-small {
  width: 52.083333333333336vw;
}
.Developer {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.Developer__Mv {
  position: relative;
  min-height: 35.76388888888889vw;
  margin-bottom: 0.694444444444444vw;
  padding-top: 4.25vw;
}
.Developer__MvBg {
  z-index: -1;
  position: absolute;
  top: -0.077777777777778vw;
  left: 0;
  width: 100vw;
  height: 41.25vw;
  overflow: hidden;
  pointer-events: none;
}
.Developer__MvBg::after {
  position: absolute;
  top: -20%;
  left: 0;
  right: 0;
  width: 69.23611111111111vw;
  height: 69.86111111111111vw;
  margin: auto;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2LjEzNDI0MTMgMjcuNjI0MTIzMyI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjUuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS40IEJ1aWxkIDMpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLjA1MjcxMiwzLjg3NDM2ODZjMS43NTMyMjE4LjIwNjc1NiwzLjA2MjM2ODMuODMyMTgyNSwzLjc5ODQwNTMsMS4yNTM1Njg2LDEuMzQ0OTI0NC44NDk2MjI0LDIuNTA0NTksMi4wMjUzMTE0LDMuMzQ1NTY4NiwzLjQ4MTk1ODIsMi4yNTgwMzM1LDMuOTEwODQxNC45MTMxODQsOC45Mjk0ODg0LTIuOTk3NjU3NSwxMS4xODc0MzYzLS42MzUzNzQ2LjM2Njc3MDMtMS4zMTM5NTIxLjYyMjI1MTItMi4wMTI1NTQyLjc2MzUwOC0uNTY1NDExOC4xMjAwOTktMS40OTI2MzMyLjI0NDQxNTYtMi42MTA1OTUzLjA1OTgwMDktMS4wODM0ODMyLS4xNzg5MjE2LTEuOTAxMDk5LS41NzQ1MTUzLTIuMzk0NTgwOC0uODYxNjk1NC0xLjIzMDUwNzgtLjcwOTY4ODgtMi4yMjc0Njc1LTEuODM5NjE0My0yLjc1MTM4Ny0zLjI3OTA2NDQtMS4xNjM4OTkzLTMuMTk3Nzc0My40Mzk3NTg4LTYuNzI4MTY2LDMuNTg3NDgyNS03Ljk2NzUwNDcuMDg1NjU0OC0uMDMzNzI1Mi4xMzAwMzEtLjEyODAwNTEuMDk4NTQ1Ni0uMjE0NTA3MS0uMDI5OTQzMi0uMDgyMjY4My0uMTE4MDMwMi0uMTI5OTAyNy0uMjAyNTQ5LS4xMDcwNzE4LS40NTg2MDczLjEyMzg5NDMtLjkwODcxMjQuMzA3NTY4MS0xLjMzOTA0OTYuNTU2MTA1MS0xLjk0MTAzNTgsMS4xMjA2MTg5LTMuMjMzMzE0MywzLjA0OTk2OTItMy41MjQyODQ0LDUuMzI4NTQ1OC0uMjEyODA5OSwxLjY2NjQ5NzkuMjAzODA3OSwzLjMzNzg4NywxLjEwMzIwMyw0Ljc1Njg5NTcuMjkyODIyNC40NjE5OTEuNjIyNDgzOC44ODk4NDUyLjk4MzE0NDEsMS4yODE1OTU0LjMyMjIyNTcuMzUwMDA2Ni42MzM4Nzc5LjY1NDQzMTYuOTM0MDc3MS44ODA5ODIyLjY5MDY4NzkuNTIxMjM2LDIuMTQwMzI2NywxLjQxNjc2MzUsNC4yNDMxMDA4LDEuNzAxOTE3NywyLjA5ODczMDEuMjg0NjA4OSwzLjc1NTcwMjItLjIxNjA0NjYsNC41MzYzNjk1LS41MDc4OTg4LjM3NDk5NDUtLjEzOTMxMDkuOTcxNjgwNi0uMzAxMDE5OCwxLjcwOTcxMTUtLjI2NDIzNjkuODEyODI4OS4wNDA1MDg3LDEuNDI2NjEwMS4zMDMzMDc3LDEuNzU4MTgyNS40NzQ3Nzc2bC42MzE0NTEuMzY0NTc4N2MuNzY1NDAwMy40NDE4NzU2LDEuNzMyMTg5Ni4yMTUzNjI0LDIuMjI3ODA5Ni0uNDk3Mjg3OGwxLjczMTAxNjMtMi45NDQ0MjYzYy40NjU0ODQzLS44MDYyMTkxLjE4OTI0OTMtMS44MzcxMzM5LS42MTY5Nzc4LTIuMzAyNjA0OWwtLjUxODUyMDQtLjI5OTM2MjcuMDAxMjgyOS0uMDAyMTQ4OWMtMS4wNTY3OTgxLS41NzQ4MzA3LTEuNzc0MzAyMS0xLjY5MzE3NzctMS43NzQzMDIxLTIuOTgxMDY0OCwwLS43MjA0OTc1LjIyNzAzNzEtMS4zODUxMTI0LjYxMTEzNzgtMS45MzIzMTcxLjI3NDc3MzEtLjM1Nzg3NTMuNjE4NjEwOS0uNjYwMDE3NywxLjAxMjY0MzctLjg4NTA3NjlsLS4wMDAyNTY2LS4wMDA0MzgzLjYwMTQzMDItLjM0NzIyNjljLjU1OTQ4ODktLjMyMzAyMjIuODYyNjQ2OS0uOTE4NjY4NS44NDAxNjM1LTEuNTIyMjc5Ny4wMDAzNjM1LS4yODY2NTA5LS4wNzA4OTMtLjU3NzEyOTMtLjIyNDUzNTQtLjg0MzIzMThsLTEuNTYyMDUzNS0yLjcwNTYxODJjLS40NjU0NjAzLS44MDYyMTkxLTEuNDk2Mzc1MS0xLjA4MjQzNTQtMi4zMDI1NzAxLS42MTY5Mjk3bC0uMDEwOTc5OC4wMDYzMzk4Yy0uMDA1OTQ0My4wMDMzMzU2LS4wMTIxMjM4LjAwNTgxNi0uMDE4MDQ2Ni4wMDkyMzcxbC0uNDE0NjAyNS4yMzkzNTMzLS4wMDE4NDk2LS4wMDMzNDYzYy0xLjAyNjI5NjMuNjI4MzE4NS0yLjM1Mzk5NzIuNjkwNzEyLTMuNDY5NjcxNC4wNDY1Mzg1LTEuMDk4MjU4My0uNjM0MDU5Ni0xLjcwNTE1MTctMS43ODg0MjUxLTEuNjk0MzEwOS0yLjk3MTc1Mjh2LS41MDcwMDYxYzAtLjgxODc3MDUtLjU4NDYyMzgtMS41MDAzNzM2LTEuMzU5MDkwMS0xLjY1MTc4MTZDMTQuODc2Mzc3Ny4wMTkxNTg1LDE0Ljc0MDQ4MjYuMDAwMDMyMSwxNC41OTk3OTc4LjAwMDAzMjFsLTMuMTI0MTQ0NC0uMDAwMDMyMWMtLjkzMDkyMDYtLjAwMDAxMDctMS42ODU1ODcuNzU0NjQ3Ny0xLjY4NTU4NywxLjY4NTU2ODJ2LjU5ODc4NjlzLS4wMTI5NTc3LjQzMDU1MzctLjA0Nzg5NjMuNjQxODg1NWMtLjAyOTY4OTMuMTc3MTc2My0uMDg4MjY4Ny40MTU1MDU5LS4yMTA1MjIuNjc3NDc5LS4xMTc1NzA1LjI1MTkzOTUtLjI1NTkzMjYuNDQ0MTEwMS0uMzY4ODQ3MS41Nzg2Mjg3LjgwODAyMDUtLjIyODE3ODQsMi4xODkxOTMyLS41MDg1NDU2LDMuODg5OTEwOC0uMzA3OTc5OFoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuMDgxNTI5MywyMy43NDk3NTQ3Yy0xLjc1MzIyMTgtLjIwNjc1Ni0zLjA2MjM2ODMtLjgzMjE4MjUtMy43OTg0MDUzLTEuMjUzNTY4Ni0xLjM0NDkyNDQtLjg0OTYyMjQtMi41MDQ1OS0yLjAyNTMxMTQtMy4zNDU1Njg2LTMuNDgxOTU4Mi0yLjI1ODAzMzUtMy45MTA4NDE0LS45MTMxODQtOC45Mjk0ODg0LDIuOTk3NjU3NS0xMS4xODc0MzYzLjYzNTM3NDYtLjM2Njc3MDMsMS4zMTM5NTIxLS42MjIyNTEyLDIuMDEyNTU0Mi0uNzYzNTA4LjU2NTQxMTgtLjEyMDA5OSwxLjQ5MjYzMzItLjI0NDQxNTYsMi42MTA1OTUzLS4wNTk4MDA5LDEuMDgzNDgzMi4xNzg5MjE2LDEuOTAxMDk5LjU3NDUxNTMsMi4zOTQ1ODA4Ljg2MTY5NTQsMS4yMzA1MDc4LjcwOTY4ODgsMi4yMjc0Njc1LDEuODM5NjE0MywyLjc1MTM4NywzLjI3OTA2NDQsMS4xNjM4OTkzLDMuMTk3Nzc0My0uNDM5NzU4OCw2LjcyODE2Ni0zLjU4NzQ4MjUsNy45Njc1MDQ3LS4wODU2NTQ4LjAzMzcyNTItLjEzMDAzMS4xMjgwMDUxLS4wOTg1NDU2LjIxNDUwNzEuMDI5OTQzMi4wODIyNjgzLjExODAzMDIuMTI5OTAyNy4yMDI1NDkuMTA3MDcxOC40NTg2MDczLS4xMjM4OTQzLjkwODcxMjQtLjMwNzU2ODEsMS4zMzkwNDk2LS41NTYxMDUxLDEuOTQxMDM1OC0xLjEyMDYxODksMy4yMzMzMTQzLTMuMDQ5OTY5MiwzLjUyNDI4NDQtNS4zMjg1NDU4LjIxMjgwOTktMS42NjY0OTc5LS4yMDM4MDc5LTMuMzM3ODg3LTEuMTAzMjAzLTQuNzU2ODk1Ny0uMjkyODIyNC0uNDYxOTkxLS42MjI0ODM4LS44ODk4NDUyLS45ODMxNDQxLTEuMjgxNTk1NC0uMzIyMjI1Ny0uMzUwMDA2Ni0uNjMzODc3OS0uNjU0NDMxNi0uOTM0MDc3MS0uODgwOTgyMi0uNjkwNjg3OS0uNTIxMjM2LTIuMTQwMzI2Ny0xLjQxNjc2MzUtNC4yNDMxMDA4LTEuNzAxOTE3Ny0yLjA5ODczMDEtLjI4NDYwODktMy43NTU3MDIyLjIxNjA0NjYtNC41MzYzNjk1LjUwNzg5ODgtLjM3NDk5NDUuMTM5MzEwOS0uOTcxNjgwNi4zMDEwMTk4LTEuNzA5NzExNS4yNjQyMzY5LS44MTI4Mjg5LS4wNDA1MDg3LTEuNDI2NjEwMS0uMzAzMzA3Ny0xLjc1ODE4MjUtLjQ3NDc3NzZsLS42MzE0NTEtLjM2NDU3ODdjLS43NjU0MDAzLS40NDE4NzU2LTEuNzMyMTg5Ni0uMjE1MzYyNC0yLjIyNzgwOTYuNDk3Mjg3OEwuMjI2MTE5Nyw4LjMwMTc3NzdjLS40NjU0ODQzLjgwNjIxOTEtLjE4OTI0OTMsMS44MzcxMzM5LjYxNjk3NzgsMi4zMDI2MDQ5bC41MTg1MjA0LjI5OTM2MjctLjAwMTI4MjkuMDAyMTQ4OWMxLjA1Njc5ODEuNTc0ODMwNywxLjc3NDMwMjEsMS42OTMxNzc3LDEuNzc0MzAyMSwyLjk4MTA2NDgsMCwuNzIwNDk3NS0uMjI3MDM3MSwxLjM4NTExMjQtLjYxMTEzNzgsMS45MzIzMTcxLS4yNzQ3NzMxLjM1Nzg3NTMtLjYxODYxMDkuNjYwMDE3Ny0xLjAxMjY0MzcuODg1MDc2OWwuMDAwMjU2Ni4wMDA0MzgzLS42MDE0MzAyLjM0NzIyNjljLS41NTk0ODg5LjMyMzAyMjItLjg2MjY0NjkuOTE4NjY4NS0uODQwMTYzNSwxLjUyMjI3OTctLjAwMDM2MzUuMjg2NjUwOS4wNzA4OTMuNTc3MTI5My4yMjQ1MzU0Ljg0MzIzMThsMS41NjIwNTM1LDIuNzA1NjE4MmMuNDY1NDYwMy44MDYyMTkxLDEuNDk2Mzc1MSwxLjA4MjQzNTQsMi4zMDI1NzAxLjYxNjkyOTdsLjAxMDk3OTgtLjAwNjMzOThjLjAwNTk0NDMtLjAwMzMzNTYuMDEyMTIzOC0uMDA1ODE2LjAxODA0NjYtLjAwOTIzNzFsLjQxNDYwMjUtLjIzOTM1MzMuMDAxODQ5Ni4wMDMzNDYzYzEuMDI2Mjk2My0uNjI4MzE4NSwyLjM1Mzk5NzItLjY5MDcxMiwzLjQ2OTY3MTQtLjA0NjUzODUsMS4wOTgyNTgzLjYzNDA1OTYsMS43MDUxNTE3LDEuNzg4NDI1MSwxLjY5NDMxMDksMi45NzE3NTI4di41MDcwMDYxYzAsLjgxODc3MDUuNTg0NjIzOCwxLjUwMDM3MzYsMS4zNTkwOTAxLDEuNjUxNzgxNi4xMzA2MzUxLjAzMjQ2OS4yNjY1MzAyLjA1MTU5NTUuNDA3MjE0OS4wNTE1OTU1bDMuMTI0MTQ0NC4wMDAwMzIxYy45MzA5MjA2LjAwMDAxMDcsMS42ODU1ODctLjc1NDY0NzcsMS42ODU1ODctMS42ODU1Njgydi0uNTk4Nzg2OXMuMDEyOTU3Ny0uNDMwNTUzNy4wNDc4OTYzLS42NDE4ODU1Yy4wMjk2ODkzLS4xNzcxNzYzLjA4ODI2ODctLjQxNTUwNTkuMjEwNTIyLS42Nzc0NzkuMTE3NTcwNS0uMjUxOTM5NS4yNTU5MzI2LS40NDQxMTAxLjM2ODg0NzEtLjU3ODYyODctLjgwODAyMDUuMjI4MTc4NC0yLjE4OTE5MzIuNTA4NTQ1Ni0zLjg4OTkxMDguMzA3OTc5OFoiLz4KPC9zdmc+) no-repeat center;
  background-size: contain;
  content: "";
  opacity: 0.1;
}
.Developer__MvBg .-pc {
  display: block;
}
.Developer__MvBg .-md {
  display: none;
}
.Developer__MvBg .-sp {
  display: none;
}
.Developer__MvBg img {
  width: 100%;
  height: 100%;
}
.Developer__MvBody {
  width: 100%;
}
.Developer__MvHeading {
  margin-bottom: 2.222222222222222vw;
  color: #fff;
}
.Developer__MvHeadingBody {
  display: block;
  line-height: 1.3;
  text-align: center;
}
.Developer__MvHeadingBody.-large {
  margin-bottom: 0.277777777777778vw;
  padding-left: 1.388888888888889vw;
  font-size: 4.027777777777778vw;
  letter-spacing: 0.03em;
}
.Developer__MvHeadingBody.-small {
  font-size: 2.777777777777778vw;
}
.Developer__MvText {
  margin-bottom: 2.777777777777778vw;
  color: #fff;
  font-size: 1.111111111111111vw;
  letter-spacing: 0.03em;
  text-align: center;
}
.Developer__MvButton:not(:last-of-type) {
  margin: 0 20px 0 0;
}
.Developer__knowledgeButton {
  background: url(/wp-content/themes/cl-spiral-v2/assets/images/developer/knowledgesite_banner_h.png) no-repeat 0 0;
  background-size: 19.22222222222222vw 4.604444444444445vw;
  height: 4.604444444444445vw;
  margin-top: 1.5vw;
  text-align: center;
  width: 19.22222222222222vw;
}
.Developer__knowledgeButton a:hover img {
  opacity: 0;
  transition: all 0.3s;
}
.Developer__knowledgeButton img {
  height: 4.624444444444445vw;
  opacity: 1;
  transition: all 0.3s;
  width: 19.22222222222222vw;
}
.Developer__Head {
  margin-bottom: 6.944444444444445vw;
}
.Developer__HeadAssets {
  width: 38.88888888888889vw;
  height: 30.208333333333332vw;
  margin-right: 2.777777777777778vw;
}
.Developer__HeadAssets img {
  width: 100%;
  height: 100%;
}
.Developer__HeadMetaUnit {
  flex: 1;
}
.Developer__HeadHeading {
  margin-bottom: 1.388888888888889vw;
  font-size: 2.222222222222222vw;
}
.Developer__HeadText {
  font-size: 1.111111111111111vw;
}
.Developer__Point {
  margin-bottom: 6.944444444444445vw;
}
.Developer__PointItem {
  position: relative;
  width: calc(100% / 3);
  min-height: 41.66666666666667vw;
  padding-top: 2.222222222222222vw;
  padding-right: 1.388888888888889vw;
  padding-bottom: 2.777777777777778vw;
  padding-left: 1.388888888888889vw;
  overflow: hidden;
  background-color: #fff;
}
.Developer__PointItem:not(:last-of-type) {
  border-right: 1px solid rgba(19,19,19,0.1);
}
.Developer__PointItem:nth-of-type(1) {
  border-radius: 4px 0 0 4px;
}
.Developer__PointItem:nth-of-type(3) {
  border-radius: 0 4px 4px 0;
}
.Developer__PointLabel {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
  background-color: #005d7b;
  color: #fff;
  font-size: 1.111111111111111vw;
}
.Developer__PointAssets {
  width: 19.444444444444446vw;
  height: 19.444444444444446vw;
  margin-bottom: 1.388888888888889vw;
  pointer-events: none;
}
.Developer__PointAssets img {
  width: 100%;
  height: 100%;
}
.Developer__PointHeading {
  height: 4.166666666666666vw;
  margin-bottom: 2.222222222222222vw;
  font-size: 1.388888888888889vw;
  text-align: center;
}
.Developer__PointText {
  font-size: 0.972222222222222vw;
}
.Developer__Figure {
  margin-right: auto;
  margin-bottom: 6.944444444444445vw;
  margin-left: auto;
}
.Developer__Figure img {
  width: 100%;
  height: 100%;
}
.Developer__Figure__sp {
  display: none;
}
.Developer__DocsHeading {
  margin-bottom: 2.222222222222222vw;
}
.Developer__CollectionWrap {
  margin-right: -1.666666666666667vw;
}
.Developer__Collection {
  max-width: 66.66666666666666vw;
  margin: 0 auto;
  margin-bottom: 52px;
  overflow: hidden;
}
.Developer__DocsCard {
  position: relative;
  width: 11vw;
  height: 10.13888888888889vw;
  margin-right: 1.666666666666667vw;
  margin-bottom: 1.388888888888889vw;
  float: left;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
}
.Developer__DocsCard.-app::before {
  border-color: transparent transparent #005d7b transparent;
}
.Developer__DocsCard.-app::after {
  background-color: rgba(0,93,123,0.9);
}
.Developer__DocsCard.-site::before {
  border-color: transparent transparent #538534 transparent;
}
.Developer__DocsCard.-site::after {
  background-color: rgba(83,133,52,0.9);
}
.Developer__DocsCard.-api::before {
  border-color: transparent transparent #d8d8d8 transparent;
}
.Developer__DocsCard.-api::after {
  background-color: rgba(19,19,19,0.9);
}
.Developer__DocsCard:hover::after {
  opacity: 1;
}
.Developer__DocsCard::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 0 0 20px 20px;
  border-style: solid;
  content: "";
  pointer-events: none;
}
.Developer__DocsCard::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.180555555555556vw;
  content: "詳しく見る";
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.225s;
}
.Developer__DocsIcon {
  height: 3.060416666666667vw;
  margin-right: auto;
  margin-bottom: 1.111111111111111vw;
  margin-left: auto;
}
.Developer__DocsIcon img {
  width: 100%;
  height: 100%;
}
.Developer__DocsCaption {
  font-size: 1.180555555555556vw;
  text-align: center;
}
.Developer__Flow {
  margin-bottom: 6.944444444444445vw;
}
.Developer__Flow h2 {
  margin-bottom: 3vw;  
}
.Developer__api {
  margin-bottom: 6.944444444444445vw;
  max-width: 66.66666666666666vw;
  margin: 0 auto 5.555555555555555vw;
}
.Developer__api h2 {
  margin-bottom: 3vw;  
}
.Developer__api h3 {
  background-color: rgba(19,19,19,0.05);
  border-radius: 4px;
  border-left: 10px solid #005d7b;
  font-size: 18px;
  margin-bottom: 2vw;
  padding: 10px 20px;
}
.Developer__Text {
  margin: 0 auto 48px;
  font-size: 1.111111111111111vw;
  font-weight: bold;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 3vw;
}
.Developer__H3Text {
  font-size: 0.972222222222222vw;
  line-height: 1.8;
}
.Developer__H3Text:not(:last-of-type) {
  margin-bottom: 3vw;
}
.FaQ {
  margin-top: 5.555555555555555vw;
  margin-bottom: 5.555555555555555vw;
}
.Feature {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.Feature__Heading {
  margin-bottom: 3.888888888888889vw;
}
.Feature__Mv {
  position: relative;
  margin-bottom: 5.555555555555555vw;
  padding-top: 3vw;
  padding-right: 8.333333333333332vw;
  padding-left: 8.333333333333332vw;
}
.Feature__MvBg {
  z-index: -1;
  position: absolute;
  top: -4.861111111111112vw;
  left: 0;
  width: 100vw;
  height: 45.48611111111111vw;
  overflow: hidden;
  pointer-events: none;
}
.Feature__MvBg::after {
  position: absolute;
  top: 48%;
  left: 30%;
  width: 69.23611111111111vw;
  height: 69.86111111111111vw;
  margin-top: 1.388888888888889vw;
  margin-left: -3.472222222222222vw;
  transform: translate(-50%, -50%);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2LjEzNDI0MTMgMjcuNjI0MTIzMyI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjUuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS40IEJ1aWxkIDMpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLjA1MjcxMiwzLjg3NDM2ODZjMS43NTMyMjE4LjIwNjc1NiwzLjA2MjM2ODMuODMyMTgyNSwzLjc5ODQwNTMsMS4yNTM1Njg2LDEuMzQ0OTI0NC44NDk2MjI0LDIuNTA0NTksMi4wMjUzMTE0LDMuMzQ1NTY4NiwzLjQ4MTk1ODIsMi4yNTgwMzM1LDMuOTEwODQxNC45MTMxODQsOC45Mjk0ODg0LTIuOTk3NjU3NSwxMS4xODc0MzYzLS42MzUzNzQ2LjM2Njc3MDMtMS4zMTM5NTIxLjYyMjI1MTItMi4wMTI1NTQyLjc2MzUwOC0uNTY1NDExOC4xMjAwOTktMS40OTI2MzMyLjI0NDQxNTYtMi42MTA1OTUzLjA1OTgwMDktMS4wODM0ODMyLS4xNzg5MjE2LTEuOTAxMDk5LS41NzQ1MTUzLTIuMzk0NTgwOC0uODYxNjk1NC0xLjIzMDUwNzgtLjcwOTY4ODgtMi4yMjc0Njc1LTEuODM5NjE0My0yLjc1MTM4Ny0zLjI3OTA2NDQtMS4xNjM4OTkzLTMuMTk3Nzc0My40Mzk3NTg4LTYuNzI4MTY2LDMuNTg3NDgyNS03Ljk2NzUwNDcuMDg1NjU0OC0uMDMzNzI1Mi4xMzAwMzEtLjEyODAwNTEuMDk4NTQ1Ni0uMjE0NTA3MS0uMDI5OTQzMi0uMDgyMjY4My0uMTE4MDMwMi0uMTI5OTAyNy0uMjAyNTQ5LS4xMDcwNzE4LS40NTg2MDczLjEyMzg5NDMtLjkwODcxMjQuMzA3NTY4MS0xLjMzOTA0OTYuNTU2MTA1MS0xLjk0MTAzNTgsMS4xMjA2MTg5LTMuMjMzMzE0MywzLjA0OTk2OTItMy41MjQyODQ0LDUuMzI4NTQ1OC0uMjEyODA5OSwxLjY2NjQ5NzkuMjAzODA3OSwzLjMzNzg4NywxLjEwMzIwMyw0Ljc1Njg5NTcuMjkyODIyNC40NjE5OTEuNjIyNDgzOC44ODk4NDUyLjk4MzE0NDEsMS4yODE1OTU0LjMyMjIyNTcuMzUwMDA2Ni42MzM4Nzc5LjY1NDQzMTYuOTM0MDc3MS44ODA5ODIyLjY5MDY4NzkuNTIxMjM2LDIuMTQwMzI2NywxLjQxNjc2MzUsNC4yNDMxMDA4LDEuNzAxOTE3NywyLjA5ODczMDEuMjg0NjA4OSwzLjc1NTcwMjItLjIxNjA0NjYsNC41MzYzNjk1LS41MDc4OTg4LjM3NDk5NDUtLjEzOTMxMDkuOTcxNjgwNi0uMzAxMDE5OCwxLjcwOTcxMTUtLjI2NDIzNjkuODEyODI4OS4wNDA1MDg3LDEuNDI2NjEwMS4zMDMzMDc3LDEuNzU4MTgyNS40NzQ3Nzc2bC42MzE0NTEuMzY0NTc4N2MuNzY1NDAwMy40NDE4NzU2LDEuNzMyMTg5Ni4yMTUzNjI0LDIuMjI3ODA5Ni0uNDk3Mjg3OGwxLjczMTAxNjMtMi45NDQ0MjYzYy40NjU0ODQzLS44MDYyMTkxLjE4OTI0OTMtMS44MzcxMzM5LS42MTY5Nzc4LTIuMzAyNjA0OWwtLjUxODUyMDQtLjI5OTM2MjcuMDAxMjgyOS0uMDAyMTQ4OWMtMS4wNTY3OTgxLS41NzQ4MzA3LTEuNzc0MzAyMS0xLjY5MzE3NzctMS43NzQzMDIxLTIuOTgxMDY0OCwwLS43MjA0OTc1LjIyNzAzNzEtMS4zODUxMTI0LjYxMTEzNzgtMS45MzIzMTcxLjI3NDc3MzEtLjM1Nzg3NTMuNjE4NjEwOS0uNjYwMDE3NywxLjAxMjY0MzctLjg4NTA3NjlsLS4wMDAyNTY2LS4wMDA0MzgzLjYwMTQzMDItLjM0NzIyNjljLjU1OTQ4ODktLjMyMzAyMjIuODYyNjQ2OS0uOTE4NjY4NS44NDAxNjM1LTEuNTIyMjc5Ny4wMDAzNjM1LS4yODY2NTA5LS4wNzA4OTMtLjU3NzEyOTMtLjIyNDUzNTQtLjg0MzIzMThsLTEuNTYyMDUzNS0yLjcwNTYxODJjLS40NjU0NjAzLS44MDYyMTkxLTEuNDk2Mzc1MS0xLjA4MjQzNTQtMi4zMDI1NzAxLS42MTY5Mjk3bC0uMDEwOTc5OC4wMDYzMzk4Yy0uMDA1OTQ0My4wMDMzMzU2LS4wMTIxMjM4LjAwNTgxNi0uMDE4MDQ2Ni4wMDkyMzcxbC0uNDE0NjAyNS4yMzkzNTMzLS4wMDE4NDk2LS4wMDMzNDYzYy0xLjAyNjI5NjMuNjI4MzE4NS0yLjM1Mzk5NzIuNjkwNzEyLTMuNDY5NjcxNC4wNDY1Mzg1LTEuMDk4MjU4My0uNjM0MDU5Ni0xLjcwNTE1MTctMS43ODg0MjUxLTEuNjk0MzEwOS0yLjk3MTc1Mjh2LS41MDcwMDYxYzAtLjgxODc3MDUtLjU4NDYyMzgtMS41MDAzNzM2LTEuMzU5MDkwMS0xLjY1MTc4MTZDMTQuODc2Mzc3Ny4wMTkxNTg1LDE0Ljc0MDQ4MjYuMDAwMDMyMSwxNC41OTk3OTc4LjAwMDAzMjFsLTMuMTI0MTQ0NC0uMDAwMDMyMWMtLjkzMDkyMDYtLjAwMDAxMDctMS42ODU1ODcuNzU0NjQ3Ny0xLjY4NTU4NywxLjY4NTU2ODJ2LjU5ODc4NjlzLS4wMTI5NTc3LjQzMDU1MzctLjA0Nzg5NjMuNjQxODg1NWMtLjAyOTY4OTMuMTc3MTc2My0uMDg4MjY4Ny40MTU1MDU5LS4yMTA1MjIuNjc3NDc5LS4xMTc1NzA1LjI1MTkzOTUtLjI1NTkzMjYuNDQ0MTEwMS0uMzY4ODQ3MS41Nzg2Mjg3LjgwODAyMDUtLjIyODE3ODQsMi4xODkxOTMyLS41MDg1NDU2LDMuODg5OTEwOC0uMzA3OTc5OFoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuMDgxNTI5MywyMy43NDk3NTQ3Yy0xLjc1MzIyMTgtLjIwNjc1Ni0zLjA2MjM2ODMtLjgzMjE4MjUtMy43OTg0MDUzLTEuMjUzNTY4Ni0xLjM0NDkyNDQtLjg0OTYyMjQtMi41MDQ1OS0yLjAyNTMxMTQtMy4zNDU1Njg2LTMuNDgxOTU4Mi0yLjI1ODAzMzUtMy45MTA4NDE0LS45MTMxODQtOC45Mjk0ODg0LDIuOTk3NjU3NS0xMS4xODc0MzYzLjYzNTM3NDYtLjM2Njc3MDMsMS4zMTM5NTIxLS42MjIyNTEyLDIuMDEyNTU0Mi0uNzYzNTA4LjU2NTQxMTgtLjEyMDA5OSwxLjQ5MjYzMzItLjI0NDQxNTYsMi42MTA1OTUzLS4wNTk4MDA5LDEuMDgzNDgzMi4xNzg5MjE2LDEuOTAxMDk5LjU3NDUxNTMsMi4zOTQ1ODA4Ljg2MTY5NTQsMS4yMzA1MDc4LjcwOTY4ODgsMi4yMjc0Njc1LDEuODM5NjE0MywyLjc1MTM4NywzLjI3OTA2NDQsMS4xNjM4OTkzLDMuMTk3Nzc0My0uNDM5NzU4OCw2LjcyODE2Ni0zLjU4NzQ4MjUsNy45Njc1MDQ3LS4wODU2NTQ4LjAzMzcyNTItLjEzMDAzMS4xMjgwMDUxLS4wOTg1NDU2LjIxNDUwNzEuMDI5OTQzMi4wODIyNjgzLjExODAzMDIuMTI5OTAyNy4yMDI1NDkuMTA3MDcxOC40NTg2MDczLS4xMjM4OTQzLjkwODcxMjQtLjMwNzU2ODEsMS4zMzkwNDk2LS41NTYxMDUxLDEuOTQxMDM1OC0xLjEyMDYxODksMy4yMzMzMTQzLTMuMDQ5OTY5MiwzLjUyNDI4NDQtNS4zMjg1NDU4LjIxMjgwOTktMS42NjY0OTc5LS4yMDM4MDc5LTMuMzM3ODg3LTEuMTAzMjAzLTQuNzU2ODk1Ny0uMjkyODIyNC0uNDYxOTkxLS42MjI0ODM4LS44ODk4NDUyLS45ODMxNDQxLTEuMjgxNTk1NC0uMzIyMjI1Ny0uMzUwMDA2Ni0uNjMzODc3OS0uNjU0NDMxNi0uOTM0MDc3MS0uODgwOTgyMi0uNjkwNjg3OS0uNTIxMjM2LTIuMTQwMzI2Ny0xLjQxNjc2MzUtNC4yNDMxMDA4LTEuNzAxOTE3Ny0yLjA5ODczMDEtLjI4NDYwODktMy43NTU3MDIyLjIxNjA0NjYtNC41MzYzNjk1LjUwNzg5ODgtLjM3NDk5NDUuMTM5MzEwOS0uOTcxNjgwNi4zMDEwMTk4LTEuNzA5NzExNS4yNjQyMzY5LS44MTI4Mjg5LS4wNDA1MDg3LTEuNDI2NjEwMS0uMzAzMzA3Ny0xLjc1ODE4MjUtLjQ3NDc3NzZsLS42MzE0NTEtLjM2NDU3ODdjLS43NjU0MDAzLS40NDE4NzU2LTEuNzMyMTg5Ni0uMjE1MzYyNC0yLjIyNzgwOTYuNDk3Mjg3OEwuMjI2MTE5Nyw4LjMwMTc3NzdjLS40NjU0ODQzLjgwNjIxOTEtLjE4OTI0OTMsMS44MzcxMzM5LjYxNjk3NzgsMi4zMDI2MDQ5bC41MTg1MjA0LjI5OTM2MjctLjAwMTI4MjkuMDAyMTQ4OWMxLjA1Njc5ODEuNTc0ODMwNywxLjc3NDMwMjEsMS42OTMxNzc3LDEuNzc0MzAyMSwyLjk4MTA2NDgsMCwuNzIwNDk3NS0uMjI3MDM3MSwxLjM4NTExMjQtLjYxMTEzNzgsMS45MzIzMTcxLS4yNzQ3NzMxLjM1Nzg3NTMtLjYxODYxMDkuNjYwMDE3Ny0xLjAxMjY0MzcuODg1MDc2OWwuMDAwMjU2Ni4wMDA0MzgzLS42MDE0MzAyLjM0NzIyNjljLS41NTk0ODg5LjMyMzAyMjItLjg2MjY0NjkuOTE4NjY4NS0uODQwMTYzNSwxLjUyMjI3OTctLjAwMDM2MzUuMjg2NjUwOS4wNzA4OTMuNTc3MTI5My4yMjQ1MzU0Ljg0MzIzMThsMS41NjIwNTM1LDIuNzA1NjE4MmMuNDY1NDYwMy44MDYyMTkxLDEuNDk2Mzc1MSwxLjA4MjQzNTQsMi4zMDI1NzAxLjYxNjkyOTdsLjAxMDk3OTgtLjAwNjMzOThjLjAwNTk0NDMtLjAwMzMzNTYuMDEyMTIzOC0uMDA1ODE2LjAxODA0NjYtLjAwOTIzNzFsLjQxNDYwMjUtLjIzOTM1MzMuMDAxODQ5Ni4wMDMzNDYzYzEuMDI2Mjk2My0uNjI4MzE4NSwyLjM1Mzk5NzItLjY5MDcxMiwzLjQ2OTY3MTQtLjA0NjUzODUsMS4wOTgyNTgzLjYzNDA1OTYsMS43MDUxNTE3LDEuNzg4NDI1MSwxLjY5NDMxMDksMi45NzE3NTI4di41MDcwMDYxYzAsLjgxODc3MDUuNTg0NjIzOCwxLjUwMDM3MzYsMS4zNTkwOTAxLDEuNjUxNzgxNi4xMzA2MzUxLjAzMjQ2OS4yNjY1MzAyLjA1MTU5NTUuNDA3MjE0OS4wNTE1OTU1bDMuMTI0MTQ0NC4wMDAwMzIxYy45MzA5MjA2LjAwMDAxMDcsMS42ODU1ODctLjc1NDY0NzcsMS42ODU1ODctMS42ODU1Njgydi0uNTk4Nzg2OXMuMDEyOTU3Ny0uNDMwNTUzNy4wNDc4OTYzLS42NDE4ODU1Yy4wMjk2ODkzLS4xNzcxNzYzLjA4ODI2ODctLjQxNTUwNTkuMjEwNTIyLS42Nzc0NzkuMTE3NTcwNS0uMjUxOTM5NS4yNTU5MzI2LS40NDQxMTAxLjM2ODg0NzEtLjU3ODYyODctLjgwODAyMDUuMjI4MTc4NC0yLjE4OTE5MzIuNTA4NTQ1Ni0zLjg4OTkxMDguMzA3OTc5OFoiLz4KPC9zdmc+) no-repeat center;
  background-size: contain;
  content: "";
  opacity: 0.1;
}
.Feature__MvBg .-pc {
  display: block;
}
.Feature__MvBg .-sp {
  display: none;
}
.Feature__MvBg img {
  width: 100%;
  height: 100%;
}
.Feature__MvMetaUnit {
  margin-right: 2.222222222222222vw;
  margin-bottom: 4.166666666666666vw;
}
.Feature__MvHeading {
  margin-bottom: 2.222222222222222vw;
  color: #fff;
  font-size: 5.555555555555555vw;
}
.Feature__MvText {
  color: #fff;
  font-size: 1.25vw;
  white-space: pre-line;
}
.Feature__AssetsContainer {
  width: 39.19375vw;
  height: 29.67430555555556vw;
  overflow: visible;
}
.Feature__AssetsContainer .swiper-pagination {
  bottom: -30px;
}
.Feature__AssetsContainer .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 5px;
}
.Feature__AssetsContainer .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #005d7b;
}
.Feature__AssetsContainer img {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.Feature__Collection {
  margin-bottom: 5.555555555555555vw;
}
.Feature__PointCardUnit {
  margin-bottom: 3.611111111111111vw;
}
.Feature__SpPointAnchor {
  display: none;
}
.Feature__SpPointAnchor__Item {
  counter-increment: num;
}
.Feature__SpPointAnchor__Item:not(:last-of-type) {
  margin-bottom: 2.600780234070221vw;
}
.Feature__SpPointAnchor__Link {
  position: relative;
  padding-top: 2.080624187256177vw;
  padding-right: 5.201560468140442vw;
  padding-bottom: 2.080624187256177vw;
  padding-left: 10.403120936280883vw;
  border: 2px solid #005d7b;
  color: #005d7b;
  font-size: 2.600780234070221vw;
}
.Feature__SpPointAnchor__Link::after {
  position: absolute;
  top: 50%;
  right: 3.250975292587777vw;
  width: 1.560468140442133vw;
  height: 1.560468140442133vw;
  transform: rotate(45deg) translateY(-50%);
  border-right: 2px solid #005d7b;
  border-bottom: 2px solid #005d7b;
  content: "";
}
.Feature__SpPointAnchor__Link::before {
  position: absolute;
  top: 50%;
  left: 3.250975292587777vw;
  transform: translateY(-50%);
  font-size: 4.161248374512354vw;
  content: counter(num, decimal-leading-zero);
}
.Feature__Point {
  margin-bottom: 8.333333333333332vw;
}
.Feature__PointSection:not(:last-of-type) {
  margin-bottom: 6.944444444444445vw;
}
.Feature__PointHeading {
  margin-bottom: 0.833333333333333vw;
  font-size: 2.222222222222222vw;
  letter-spacing: 0.03em;
}
.Feature__PointDesc {
  font-size: 1.111111111111111vw;
}
.Feature__PointItem.-reverse {
  flex-direction: row-reverse;
}
.Feature__PointItem.-reverse .Feature__PointMetaUnit {
  margin-right: 0vw;
  margin-left: 4.166666666666666vw;
}
.Feature__PointItem:not(:last-of-type) {
  margin-bottom: 2.777777777777778vw;
}
.Feature__PointMetaUnit {
  flex: 1;
  margin-right: 4.166666666666666vw;
}
.Feature__PointInnerHeading {
  margin-bottom: 1.388888888888889vw;
  font-size: 1.944444444444444vw;
  line-height: 1.4;
}
.Feature__PointInnerText {
  font-size: 0.972222222222222vw;
}
.Feature__PointInnerLink {
  display: inline-block;
  margin-top: 0.833333333333333vw;
  color: #005d7b;
  font-size: 0.833333333333333vw;
  transition: opacity 0.225s;
}
.Feature__PointInnerLink:hover {
  opacity: 0.6;
}
.Feature__PointAsset {
  width: 31.25vw;
  height: 21.805555555555557vw;
}
.Feature__PointAsset img {
  width: 100%;
  height: 100%;
}
.Feature__Use {
  padding-top: 5.555555555555555vw;
  padding-right: 0;
  padding-bottom: 5.555555555555555vw;
  padding-left: 0;
  background-color: #f2f2f2;
}
.Footer__Head {
  padding-top: 4.166666666666666vw;
  padding-right: 8.333333333333332vw;
  padding-bottom: 4.166666666666666vw;
  padding-left: 8.333333333333332vw;
  background-color: #fff;
}
.Footer__SnsNav {
  position: relative;
}
.Footer__SnsNav::after {
  position: absolute;
  top: -25px;
  left: 0;
  width: 32px;
  height: 1px;
  background-color: rgba(19,19,19,0.2);
  content: "";
}
.Footer__Logo {
  display: block;
  width: 250px;
  height: 45px;
  margin-bottom: 52px;
}
.Footer__Logo img {
  width: 100%;
  object-fit: contain;
}
.Footer__SnsItem:not(:last-of-type) {
  margin-right: 16px;
}
.Footer__SnsLink {
  display: inline-block;
  transition: opacity 0.225s;
}
.Footer__SnsLink:hover {
  opacity: 0.6;
}
.Footer__HeadList {
  flex: none;
}
.Footer__HeadList:not(:last-child) {
  margin-right: 9.722222222222223vw;
}
.Footer__HeadItem:not(:last-of-type) {
  margin-bottom: 20px;
}
.Footer__HeadLink {
  font-size: 0.972222222222222vw;
  transition: color 0.225s;
}
.Footer__HeadLink:hover {
  color: #005d7b;
}
.Footer__HeadButton {
  width: 11.25vw;
  height: 3.472222222222222vw;
  border: 2px solid #131313;
  background-color: #131313;
  color: #fff;
  font-size: 0.972222222222222vw;
  transition: color 0.225s, background-color 0.225s;
}
.Footer__HeadButton:hover {
  background-color: #fff;
  color: #131313;
}
.Footer__Bottom {
  padding-top: 20px;
  padding-right: 13.88888888888889vw;
  padding-bottom: 20px;
  padding-left: 13.88888888888889vw;
  background-color: #f0f0f0;
}
.Footer__BottomItem:not(:last-of-type) {
  margin-right: 20px;
}
.Footer__BottomLink {
  font-size: 0.833333333333333vw;
  transition: opacity 0.225s;
}
.Footer__BottomLink:hover {
  opacity: 0.6;
}
.Footer__BottomCopyright {
  font-size: 0.633333333333333vw;
}
.FunctionDetail {
  overflow: hidden;
}
.FunctionDetail__Mv {
  padding-top: 4.583333333333333vw;
  padding-right: 5.555555555555555vw;
  padding-bottom: 4.583333333333333vw;
  padding-left: 8.333333333333332vw;
  background-color: #fff;
}
.FunctionDetail__MvMetaUnit {
  flex: 1;
  padding-right: 4.166666666666666vw;
}
.FunctionDetail__MvHeading {
  margin-bottom: 24px;
  font-size: 2.538888888888889vw;
}
.FunctionDetail__MvDesc {
  font-size: 1.111111111111111vw;
}
.FunctionDetail__MvCapture {
  display: block;
  position: relative;
  width: 40.97222222222222vw;
  height: 31.319444444444443vw;
  overflow: hidden;
}
.FunctionDetail__MvCapture img {
  width: 100%;
  height: 100%;
}
.FunctionDetail__MvCaptureScreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 40.97222222222222vw;
  height: 31.319444444444443vw;
  pointer-events: none;
}
.FunctionDetail__MvCaptureImage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 38.19444444444444vw;
  height: 28.61111111111111vw;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.FunctionDetail__PageIndex {
  padding: 40px 0 24px;
  background-color: rgba(19,19,19,0.02);
}
.FunctionDetail__Body {
  padding-bottom: 80px;
  background-color: #fff;
}
.FunctionDetail__Collection {
  width: 72.22222222222221vw;
  margin: 80px auto;
}
.FunctionDetail__PostList {
  position: relative;
  margin-bottom: 52px;
}
.FunctionDetail__PostList::after {
  display: block;
  width: calc(100% / 3 - 48px);
  content: "";
}
.FunctionDetail__PostHeading {
  margin-bottom: 56px;
}
.Function {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
}
.Function__Head {
  margin-bottom: 4.166666666666666vw;
}
.Function__Heading {
  margin-bottom: 1.388888888888889vw;
}
.Function__PostHeading {
  margin-bottom: 2.777777777777778vw;
}
.Function__PostList {
  -webkit-flex-wrap: wrap;
  display: -ms-flexbox;
  position: relative;
}
.Function__PostList::after {
  display: block;
  width: calc(100% / 3 - 48px);
  content: "";
}
.Function__Overview {
  margin-bottom: 5.555555555555555vw;
}
.Function__OverviewMetaUnit {
  width: 33.33333333333333vw;
  margin-right: 4.861111111111112vw;
}
.Function__OverviewHeading {
  margin-bottom: 1.666666666666667vw;
  font-size: 1.844444444444444vw;
  line-height: 1.6;
}
.Function__OverviewText {
  font-size: 1.111111111111111vw;
}
.Function__OverviewAssets {
  width: 36.11111111111111vw;
}
.Function__OverviewAssets img {
  width: 100%;
  height: 100%;
}
.Function__Contact {
  background: #fff;
  padding: 4.166666666666666vw 0;
}
.Function__Contact p {
  font-size: 1.666666666666667vw;
  font-weight: 700;
  margin-bottom: 2.222222222222222vw;
  text-align: center;
}
.Function__Contact .ContactBand__Button {
  margin: 0 !important;
}
.Header {
  z-index: 10;
  position: fixed;
  width: 100%;
  height: 5.555555555555555vw;
  padding: 0 32px;
  transition: background-color 0.225s;
}
.Header.-lower {
  background-color: #fff;
}
.Header.-active {
  background-color: #fff;
}
.Header__LogoUnit {
  z-index: 1;
  position: relative;
}
.Header__LogoImage {
  width: 13vw;
  height: auto;
}
.Header__LogoText {
  display: block;
  position: relative;
  top: -4px;
  margin-left: 0.416666666666667vw;
  color: rgba(19,19,19,0.6);
  font-size: 1.388888888888889vw;
}
.Header__Nav {
  display: flex;
  justify-content: space-between;
  margin-left: 70px;
  width: 100%;
}
.Header__Nav.-active {
  transition: opacity 0.225s;
}
.Header__Item:not(:last-of-type) {
  margin-right: 1.666666666666667vw;
}
.Header__Item.-contact .Header__Link {
  padding: 0.5vw 2vw;
  border: 2px solid #005d7b;
  background-color: #005d7b;
  color: #fff;
  transition: background-color 0.225s, color 0.225s, border-color 0.225s;
}
.Header__Item.-contact .Header__Link:hover {
  border: 2px solid #131313;
  background-color: #fff;
  color: #131313;
}
.Header__Item.-contact .Header__Link.trial {
  border: 2px solid #23A885;
  background-color: #23A885;
  transition: background-color 0.225s, color 0.225s, border-color 0.225s;
}
.Header__Item.-contact .Header__Link.trial:hover {
  border: 2px solid #131313;
  background-color: #fff;
  color: #131313;
}
.Header__Item.-download .Header__Link {
  border: 2px solid #131313;
  background-color: #fff;
  padding: 0.5vw 2vw;
  color: #131313;
  transition: background-color 0.225s, color 0.225s, border-color 0.225s;
}
.Header__Item.-download .Header__Link:hover {
  border: 2px solid #005d7b;
  background-color: #005d7b;
  color: #fff;
}
.Header__Link {
  position: relative;
  font-size: 0.9vw;
  transition: color 0.225s;
}
.Header__Link.-active {
  padding-bottom: 2px;
  border-bottom: 2px solid #005d7b;
  color: #005d7b;
}
.Header__Link:hover {
  color: #005d7b;
}
.NewsDetail {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
}
.NewsDetail__Container {
  z-index: 1;
  max-width: 72.22222222222221vw;
  margin-top: -6.944444444444445vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
  padding-top: 5.555555555555555vw;
  padding-right: 4.166666666666666vw;
  padding-bottom: 3.333333333333333vw;
  padding-left: 4.166666666666666vw;
  background-color: #fff;
  pointer-events: relative;
}
.NewsDetail__Thumbnail {
  width: 100%;
  height: 27.77777777777778vw;
  pointer-events: none;
}
.NewsDetail__Thumbnail.-noPost {
  height: 13.88888888888889vw;
}
.NewsDetail__Thumbnail img {
  speek: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.NewsDetail__Date {
  margin-bottom: 1.666666666666667vw;
  color: #005d7b;
  font-size: 1.111111111111111vw;
}
.NewsDetail__Heading {
  margin-bottom: 4.166666666666666vw;
  font-size: 2.222222222222222vw;
  line-height: 1.4;
}
.NewsDetail__Content .wp-block-button__link {
  position: relative;
  width: 22.22222222222222vw;
  height: 4.444444444444445vw;
  border: 2px solid;
  border-color: #005d7b;
  background-color: #005d7b;
  color: #fff;
  font-size: 1.25vw;
  letter-spacing: 0.03em;
  word-break: keep-all;
  transition: background-color 0.225s, color 0.225s, border-color 0.225s, opacity 0.225s;
}
.NewsDetail__Content .wp-block-button__link:hover {
  border-color: #131313;
  background-color: #fff;
  color: #131313;
}
.NewsDetail__Content .wp-block-button__link::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 0.694444444444444vw;
  height: 0.694444444444444vw;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid;
  border-bottom: 2px solid;
  content: "";
  transition: border-color 0.225s;
}
.NewsDetail__Content h2 {
  margin-bottom: 2.222222222222222vw;
  font-size: 1.666666666666667vw;
}
.NewsDetail__Content h3,
.NewsDetail__Content h4,
.NewsDetail__Content h5,
.NewsDetail__Content h6 {
  margin-bottom: 2.222222222222222vw;
  font-size: 1.388888888888889vw;
}
.NewsDetail__Content > p {
  margin-bottom: 2.222222222222222vw;
  font-size: 1.111111111111111vw;
}
.NewsDetail__Content .wp-block-image {
  width: 44.44444444444444vw;
  height: 27.77777777777778vw;
  margin: 0 auto;
  margin-bottom: 2.222222222222222vw;
  overflow: hidden;
}
.NewsDetail__Content .wp-block-image > img {
  speek: none;
  width: 100%;
  height: 100%;
}
.NewsDetail__Content .wp-block-quote {
  margin-bottom: 32px;
  padding: 24px 80px;
  background-color: rgba(19,19,19,0.05);
}
.NewsDetail__Content .wp-block-quote > p {
  font-size: 0.972222222222222vw;
}
.NewsDetail__PostHeading {
  margin-bottom: 2.222222222222222vw;
}
.NewsDetail__PostList {
  max-width: 52.083333333333336vw;
  margin-right: auto;
  margin-bottom: 3.611111111111111vw;
  margin-left: auto;
}
.News {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
}
.News__PostList {
  margin-bottom: 3.055555555555555vw;
}
.News__Pagination {
  padding: 20px;
  background-color: #fff;
}
.News__Pagination:empty {
  display: none;
}
.News__Pagination:blank {
  display: none;
}
.Price {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
}
.Price__Heading {
  margin-bottom: 2.222222222222222vw;
}
.Price__Heading.-large {
  margin-bottom: 2.777777777777778vw;
}
.Price__Text {
  margin-bottom: 3.333333333333333vw;
  font-size: 1.111111111111111vw;
  text-align: center;
}
.Price__Block:not(:last-of-type) {
  margin-bottom: 5.555555555555555vw;
}
.Price__FixedAmountContainer,
.Price__Notice {
  width: 60.416666666666664vw;
  margin: 60px auto 0;
}
.Price__NoticeBody {
  position: relative;
  padding-left: 1.388888888888889vw;
  font-feature-settings: "palt";
  font-size: 0.972222222222222vw;
  line-height: 1.6;
}
.Price__NoticeBody::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.972222222222222vw;
  line-height: 1.6;
  content: "※";
}
.Price__NoticeBody:not(:last-of-type) {
  margin-bottom: 0.138888888888889vw;
}
.Price__FixedAmountItem {
  width: 27.77777777777778vw;
}
.Price__FixedAmountItem:not(:last-of-type) {
  position: relative;
}
.Price__FixedAmountItem:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: -3.333333333333333vw;
  width: 1.666666666666667vw;
  height: 1.666666666666667vw;
  transform: translateY(-50%);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAB9CAYAAABkt9cmAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANqSURBVHgB7d3LUdtgFIbh48sisPIgCnAqCB2AK4BUEFJBkgogu+wCHdBBSAemA9hlFxUAjHZsbCvnzzgbW/JFZGGd731mPGaEhwFe67csz+iYAQCC65iQgfO7o36/fzqbzdLX1u12i8lk8rMoirEJkQmfZdm5333326DmIfl0Ov2o8gTomYDDw8MLv7vy25sVDxv43n++t7dnLy8vdxZc+PApelmWl5s+vtPpnOzv7z94/F8WWOil3l/Sh71e77dtr/Bl/60v+4UF1bXAPPqFNfN32bfAQod3J9ZQWvItsLDh52/dhtbcOwss8h4/MNSKvtSjBuFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRa29bHm6Jmyv1zsry/K40+kMrSX8dx3473xkzaVLlt9bi/jffO9/893T09Pt2seu+ubBwcEn/2GXxnVh22btmJXaCRXzcR7fbPU4D+ymtWNWKvf4bcd5YHf5nj+q2vOXwr9inAd2U+6v+W8XNy4d1fsS8dkQyTDLsrPFjVVv544NofjL9unitqXwfhT/mrdA2E1LTTmBI6oqfG4IxVfxpfl5VeFbdbYK66WzeYvbql7jrw2hzGazm8VtS+EfHx/Hfjc2RHHtJ3DyxY2VB3fpPK8vD7mh1bzhvbe8rPpeZfj0DPHlYUT8VhunhnWDkWvfzqX4z8/P6VRf2vs54GuPsR+njfw07WjVNOyNx4inz+X7/X5rTu74kzV9lPzDmiv8H/jeWmIymaTI+aajz8POj/8PHzZVfrgRBWfuRBFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXhThRRFeFOFFEV4U4UURXlTY8OkizGVZbnRd1xq5BRZ6j09Ddq25Bwss+lLfeMzKdDq9ssBCh5+P0x7b9m6qxnlEEv7gbtsxK/NxHl8suPDhtxyzcrtqnEckYQcVVMmy7NzvPvjt5N+2dOSfDgL99nU+gQuRpQkW6WYAAMT0ByUWADeFQW/YAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
  content: "";
}
.Price__FixedAmountHead {
  padding-top: 1.388888888888889vw;
  padding-bottom: 1.388888888888889vw;
  border-radius: 4px 4px 0 0;
  background-color: #005d7b;
  color: #fff;
  font-size: 1.666666666666667vw;
  text-align: center;
}
.Price__FixedAmountPrice {
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 2.777777777777778vw;
  letter-spacing: 0.03em;
  text-align: center;
}
.Price__FixedAmountPrice span {
  font-size: 2.222222222222222vw;
}
.Price__DefList {
  margin-bottom: 12px;
}
.Price__DefText {
  color: rgba(19,19,19,0.6);
  font-size: 0.833333333333333vw;
}
.Price__DefItem {
  text-align: center;
}
.Price__DefItem:first-child .Price__DefHeading {
  border-top-left-radius: 4px;
}
.Price__DefItem:first-child .Price__DefDesc {
  border-top-right-radius: 4px;
}
.Price__DefItem:last-child .Price__DefHeading {
  border-bottom-left-radius: 4px;
}
.Price__DefItem:last-child .Price__DefDesc {
  border-bottom-right-radius: 4px;
}
.Price__DefHeading {
  width: 50%;
  padding-top: 1.527777777777778vw;
  padding-bottom: 1.527777777777778vw;
  border-bottom: 1px solid rgba(19,19,19,0.05);
  background-color: #005d7b;
  color: #fff;
  font-size: 1.25vw;
}
.Price__DefDesc {
  width: 50%;
  padding-top: 1.527777777777778vw;
  padding-bottom: 1.527777777777778vw;
  border-bottom: 1px solid rgba(19,19,19,0.05);
  background-color: #fff;
  font-size: 1.25vw;
}
.Price__OptionTable {
  width: 60.416666666666664vw;
  min-width: 60.416666666666664vw;
  margin: 0 auto;
  border-collapse: initial;
  border-spacing: 0px !important;
}
.Price__OptionTable .-none {
  background-color: transparent;
}
.Price__OptionTable .-top {
  width: 30%;
  background-color: rgba(19,19,19,0.03);
  font-size: 1.111111111111111vw;
  font-weight: 700;
}
.Price__OptionTable .-left {
  text-align: left;
}
.Price__OptionTable .-large {
  font-size: 1.25vw;
}
.Price__OptionTable .-small {
  font-size: 0.833333333333333vw;
}
.Price__OptionTable .-xsmall {
  color: rgba(19,19,19,0.6);
  font-size: 0.694444444444444vw;
}
.Price__OptionTable .-text {
  font-size: 0.972222222222222vw;
  font-weight: 400;
  line-height: 1.8;
  text-align: left;
  vertical-align: top;
}
.Price__OptionThead th {
  min-width: 15.069444444444443vw;
  padding: 20px 8px;
  border-right: 1px solid rgba(19,19,19,0.05);
  background-color: #005d7b;
  color: #fff;
  font-size: 1.111111111111111vw;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.Price__OptionThead th span {
  font-size: 2.222222222222222vw;
  letter-spacing: 0.03em;
}
.Price__OptionTbody td {
  width: 15.069444444444443vw;
  max-width: 15.069444444444443vw;
  padding: 20px 8px;
  border-right: 1px solid rgba(19,19,19,0.05);
  border-bottom: 1px solid rgba(19,19,19,0.05);
  background-color: #fff;
  font-size: 1.25vw;
  font-weight: 700;
  text-align: center;
}
.Price__ContactBanner {
  margin-bottom: 4.166666666666666vw;
}
.Price__FaQList {
  max-width: 52.083333333333336vw;
  margin-right: auto;
  margin-bottom: 3.888888888888889vw;
  margin-left: auto;
}
.Price__FaQHeading {
  margin-bottom: 2.777777777777778vw;
}
.Security {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
}
.Security__Heading {
  margin-bottom: 1.388888888888889vw;
}
.Security__Text {
  margin-bottom: 4.166666666666666vw;
  font-size: 1.111111111111111vw;
  text-align: center;
}
.Security__Feature {
  margin-bottom: 5.555555555555555vw;
  padding-top: 4.166666666666666vw;
  padding-right: 4.166666666666666vw;
  padding-bottom: 4.166666666666666vw;
  padding-left: 4.166666666666666vw;
  border-radius: 10px;
  background-color: #fff;
}
.Security__FeatureHeading {
  margin-bottom: 1.388888888888889vw;
  font-size: 2.222222222222222vw;
  text-align: center;
}
.Security__FeatureText {
  margin-bottom: 2.777777777777778vw;
  font-size: 1.111111111111111vw;
  text-align: center;
}
.Security__FeaturePoint {
  margin-bottom: 2.777777777777778vw;
  padding-top: 3.055555555555555vw;
  padding-bottom: 2.222222222222222vw;
  border-radius: 10px;
  background-color: rgba(19,19,19,0.03);
}
.Security__FeaturePointBody {
  width: calc(100% / 3 - 10px);
  max-width: 22.22222222222222vw;
  height: 13.88888888888889vw;
  min-height: 13.88888888888889vw;
  max-height: 13.88888888888889vw;
  margin-bottom: 1.388888888888889vw;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
  background-color: #fff;
  font-size: 1.25vw;
  line-height: 1.3;
  text-align: center;
}
.Security__FeaturePointBody span {
  display: block;
  margin-top: 12px;
}
.Security__FeaturePointList {
  position: relative;
  width: 58.333333333333336vw;
  max-width: 58.333333333333336vw;
  margin: 0 auto;
}
.Security__FeaturePointEtc {
  position: absolute;
  right: 1.388888888888889vw;
  bottom: -0.833333333333333vw;
  font-size: 0.972222222222222vw;
}
.Security__FeatureDefItem {
  width: 100%;
  padding-top: 4.166666666666666vw;
  padding-right: 2.222222222222222vw;
  padding-bottom: 4.166666666666666vw;
  padding-left: 2.222222222222222vw;
  background-color: rgba(19,19,19,0.03);
}
.Security__FeatureDefItem:not(:last-of-type) {
  margin-bottom: 1.388888888888889vw;
}
.Security__FeatureDefHeading {
  margin-bottom: 2.777777777777778vw;
  font-size: 1.666666666666667vw;
  text-align: center;
}
.Security__FeatureDefInnerUnit {
  max-width: 50vw;
  margin: 0 auto;
}
.Security__FeatureDefInnerUnit .Security__FeatureDefText {
  flex: 1;
  text-align: left;
}
.Security__FeatureDefInnerUnit .Security__FeatureDefText span {
  font-size: 0.972222222222222vw;
}
.Security__FeatureDefImage {
  height: 18vw;
  margin-right: auto;
  margin-bottom: 2.222222222222222vw;
  margin-left: auto;
}
.Security__FeatureDefImage.-eva {
  width: 8.333333333333332vw;
  margin-right: 4.861111111111112vw;
  margin-bottom: 0.694444444444444vw;
}
.Security__FeatureDefImage.-sec {
  width: 100%;
  padding-right: 2.083333333333333vw;
  padding-left: 2.083333333333333vw;
}
.Security__FeatureDefImage.-teacher {
  width: 44.09722222222222vw;
  height: 35.205555555555556vw;
}
.Security__FeatureDefImage img {
  width: 100%;
  height: 100%;
}
.Security__FeatureDefText {
  font-size: 1.25vw;
  text-align: center;
}
.Security__FeatureDefText.-text-left {
  text-align: left;
}
.Security__FeatureDefText:not(:last-of-type) {
  margin-bottom: 16px;
}
.Security__FaQList {
  max-width: 52.083333333333336vw;
  margin-right: auto;
  margin-bottom: 3.888888888888889vw;
  margin-left: auto;
}
.Security__FaQHeading {
  margin-bottom: 2.777777777777778vw;
}
.Sitemap {
  max-width: 860px;
  margin: 80px auto 0;
}
.Sitemap__List {
  margin-bottom: 80px;
}
.Sitemap__Item {
  border-bottom: 1px solid rgba(19,19,19,0.2);
}
.Sitemap__Item:first-child {
  border-top: 1px solid rgba(19,19,19,0.2);
}
.Sitemap__Link {
  position: relative;
  padding-top: 2.222222222222222vw;
  padding-bottom: 2.222222222222222vw;
  color: #131313;
  font-size: 1.388888888888889vw;
  transition: color 0.225s;
}
.Sitemap__Link:hover {
  color: #005d7b;
}
.Sitemap__Link::before {
  display: block;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  margin-right: 0.833333333333333vw;
  transform: rotate(-45deg);
  border-right: 2px solid #005d7b;
  border-bottom: 2px solid #005d7b;
  content: "";
}
.Sitemap__InnerList {
  padding-bottom: 2.222222222222222vw;
  padding-left: 32px;
}
.Sitemap__InnerItem:not(:last-of-type) {
  margin-bottom: 20px;
}
.Sitemap__InnerLink {
  position: relative;
  font-size: 1.111111111111111vw;
  transition: color 0.225s;
}
.Sitemap__InnerLink:hover {
  color: #005d7b;
}
.Sitemap__InnerLink::before {
  display: block;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  margin-right: 0.833333333333333vw;
  transform: rotate(-45deg);
  border-right: 2px solid #005d7b;
  border-bottom: 2px solid #005d7b;
  content: "";
}
.Solution {
  margin-top: 5.555555555555555vw;
}
.Solution__Heading {
  margin-bottom: 2.222222222222222vw;
}
.Solution__Text {
  margin: 0 auto 48px;
  font-size: 1.111111111111111vw;
  font-weight: 400;
  text-align: center;
}
.Solution__Collection::after {
  display: block;
  width: 26.111111111111114vw;
  content: "";
}
.Top {
  overflow: hidden;
}
.Top__Mv {
  z-index: 2;
  position: relative;
  margin-bottom: 8.333333333333332vw;
  padding-top: 8.333333333333332vw;
}
.Top__MvFixedDeveloper .-h {
  opacity: 0;
  pointer-events: none;
}
.Top__MvFixedDeveloper .-b {
  opacity: 1;
  pointer-events: auto;
}
.Top__MvFixedDeveloper:hover .-h {
  opacity: 1;
  pointer-events: auto;
}
.Top__MvFixedDeveloper:hover .-b {
  opacity: 0;
  pointer-events: none;
}
.Top__MvFixedDeveloperBanner {
  position: relative;
  width: 27.77777777777778vw;
  height: 7.847222222222222vw;
}
.Top__MvFixedDeveloperBanner img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.225s;
}
.Top__MvFixedDeveloperMeta {
  flex: 1;
}
.Top__MvFixedDeveloper {
  filter: drop-shadow(20px 20px 30px rgba(34,34,34,0.1));
}
.Top__MvFixedNewsCard {
  min-width: 31.25vw;
  max-width: 36.80555555555556vw;
  margin-bottom: 1.666666666666667vw;
}
.Top__MvFixedNewsCardAnchor {
  padding: 12px 16px;
  background-color: #fff;
  filter: drop-shadow(20px 20px 30px rgba(34,34,34,0.1));
  transition: background-color 0.225s;
}
.Top__MvFixedNewsCardAnchor:hover {
  background-color: #005d7b;
}
.Top__MvFixedNewsCardAnchor:hover .Top__MvFixedNewsCardLabel {
  background-color: #fff;
  color: #005d7b;
}
.Top__MvFixedNewsCardAnchor:hover .Top__MvFixedNewsCardDate,
.Top__MvFixedNewsCardAnchor:hover .Top__MvFixedNewsCardHeading {
  color: #fff;
}
.Top__MvFixedNewsCardAnchor:hover .Top__MvFixedNewsCardDate::after {
  background-color: #fff;
}
.Top__MvFixedNewsCardLabel {
  margin-right: 12px;
  padding: 8px;
  background-color: #005d7b;
  color: #fff;
  font-size: 0.694444444444444vw;
  text-transform: uppercase;
  transition: background-color 0.225s, color 0.225s;
}
.Top__MvFixedNewsCardDate {
  position: relative;
  margin-right: 20px;
  color: rgba(19,19,19,0.5);
  font-size: 0.972222222222222vw;
  transition: color 0.225s;
}
.Top__MvFixedNewsCardDate::after {
  display: block;
  position: absolute;
  top: 0;
  right: -10px;
  width: 1px;
  height: 100%;
  background-color: rgba(19,19,19,0.5);
  content: "";
  transition: background-color 0.225s;
}
.Top__MvFixedNewsCardHeading {
  font-size: 0.972222222222222vw;
  transition: color 0.225s;
}
.Top__MvContainer {
  position: relative;
  padding-right: 3.472222222222222vw;
  padding-left: 8.333333333333332vw;
}
.Top__MvBlock:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.Top__MvBlock:nth-of-type(2) {
  padding-left: 1.388888888888889vw;
}
.Top__MvHeading {
  margin-bottom: 2.222222222222222vw;
  font-size: 2.9vw;
  z-index: 10;
}
.Top__MvHeading span {
  display: block;
}
.Top__MvHeading span:nth-of-type(1) {
  margin-bottom: 1.111111111111111vw;
}
.Top__MvCanvas {
  position: absolute;
  top: -3.472222222222222vw;
  right: 1.388888888888889vw;
  width: 52.083333333333336vw;
  height: 32.96458333333333vw;
  pointer-events: none;
}
.Top__MvCatch {
  margin-bottom: 1.388888888888889vw;
  padding-left: 4px;
  font-size: 1.388888888888889vw;
}
.Top__MvSubCatch {
  margin-bottom: 2.777777777777778vw;
  padding-left: 0.277777777777778vw;
  font-size: 0.868055555555556vw;
}
.Top__About {
  z-index: 1;
  position: relative;
  margin-bottom: 6.944444444444445vw;
  padding-bottom: 5.208333333333334vw;
}
.Top__AboutBg {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 56.25vw;
  margin-top: -3.472222222222222vw;
  overflow: hidden;
  pointer-events: none;
}
.Top__AboutBg::after {
  position: absolute;
  top: 60%;
  right: -6.944444444444445vw;
  width: 80.06944444444444vw;
  height: 80.69444444444444vw;
  margin-top: -4.861111111111112vw;
  margin-right: -4.861111111111112vw;
  transform: translateY(-50%);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI2LjEzNDI0MTMgMjcuNjI0MTIzMyI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjUuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS40IEJ1aWxkIDMpICAtLT4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLnN0MCB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTEzLjA1MjcxMiwzLjg3NDM2ODZjMS43NTMyMjE4LjIwNjc1NiwzLjA2MjM2ODMuODMyMTgyNSwzLjc5ODQwNTMsMS4yNTM1Njg2LDEuMzQ0OTI0NC44NDk2MjI0LDIuNTA0NTksMi4wMjUzMTE0LDMuMzQ1NTY4NiwzLjQ4MTk1ODIsMi4yNTgwMzM1LDMuOTEwODQxNC45MTMxODQsOC45Mjk0ODg0LTIuOTk3NjU3NSwxMS4xODc0MzYzLS42MzUzNzQ2LjM2Njc3MDMtMS4zMTM5NTIxLjYyMjI1MTItMi4wMTI1NTQyLjc2MzUwOC0uNTY1NDExOC4xMjAwOTktMS40OTI2MzMyLjI0NDQxNTYtMi42MTA1OTUzLjA1OTgwMDktMS4wODM0ODMyLS4xNzg5MjE2LTEuOTAxMDk5LS41NzQ1MTUzLTIuMzk0NTgwOC0uODYxNjk1NC0xLjIzMDUwNzgtLjcwOTY4ODgtMi4yMjc0Njc1LTEuODM5NjE0My0yLjc1MTM4Ny0zLjI3OTA2NDQtMS4xNjM4OTkzLTMuMTk3Nzc0My40Mzk3NTg4LTYuNzI4MTY2LDMuNTg3NDgyNS03Ljk2NzUwNDcuMDg1NjU0OC0uMDMzNzI1Mi4xMzAwMzEtLjEyODAwNTEuMDk4NTQ1Ni0uMjE0NTA3MS0uMDI5OTQzMi0uMDgyMjY4My0uMTE4MDMwMi0uMTI5OTAyNy0uMjAyNTQ5LS4xMDcwNzE4LS40NTg2MDczLjEyMzg5NDMtLjkwODcxMjQuMzA3NTY4MS0xLjMzOTA0OTYuNTU2MTA1MS0xLjk0MTAzNTgsMS4xMjA2MTg5LTMuMjMzMzE0MywzLjA0OTk2OTItMy41MjQyODQ0LDUuMzI4NTQ1OC0uMjEyODA5OSwxLjY2NjQ5NzkuMjAzODA3OSwzLjMzNzg4NywxLjEwMzIwMyw0Ljc1Njg5NTcuMjkyODIyNC40NjE5OTEuNjIyNDgzOC44ODk4NDUyLjk4MzE0NDEsMS4yODE1OTU0LjMyMjIyNTcuMzUwMDA2Ni42MzM4Nzc5LjY1NDQzMTYuOTM0MDc3MS44ODA5ODIyLjY5MDY4NzkuNTIxMjM2LDIuMTQwMzI2NywxLjQxNjc2MzUsNC4yNDMxMDA4LDEuNzAxOTE3NywyLjA5ODczMDEuMjg0NjA4OSwzLjc1NTcwMjItLjIxNjA0NjYsNC41MzYzNjk1LS41MDc4OTg4LjM3NDk5NDUtLjEzOTMxMDkuOTcxNjgwNi0uMzAxMDE5OCwxLjcwOTcxMTUtLjI2NDIzNjkuODEyODI4OS4wNDA1MDg3LDEuNDI2NjEwMS4zMDMzMDc3LDEuNzU4MTgyNS40NzQ3Nzc2bC42MzE0NTEuMzY0NTc4N2MuNzY1NDAwMy40NDE4NzU2LDEuNzMyMTg5Ni4yMTUzNjI0LDIuMjI3ODA5Ni0uNDk3Mjg3OGwxLjczMTAxNjMtMi45NDQ0MjYzYy40NjU0ODQzLS44MDYyMTkxLjE4OTI0OTMtMS44MzcxMzM5LS42MTY5Nzc4LTIuMzAyNjA0OWwtLjUxODUyMDQtLjI5OTM2MjcuMDAxMjgyOS0uMDAyMTQ4OWMtMS4wNTY3OTgxLS41NzQ4MzA3LTEuNzc0MzAyMS0xLjY5MzE3NzctMS43NzQzMDIxLTIuOTgxMDY0OCwwLS43MjA0OTc1LjIyNzAzNzEtMS4zODUxMTI0LjYxMTEzNzgtMS45MzIzMTcxLjI3NDc3MzEtLjM1Nzg3NTMuNjE4NjEwOS0uNjYwMDE3NywxLjAxMjY0MzctLjg4NTA3NjlsLS4wMDAyNTY2LS4wMDA0MzgzLjYwMTQzMDItLjM0NzIyNjljLjU1OTQ4ODktLjMyMzAyMjIuODYyNjQ2OS0uOTE4NjY4NS44NDAxNjM1LTEuNTIyMjc5Ny4wMDAzNjM1LS4yODY2NTA5LS4wNzA4OTMtLjU3NzEyOTMtLjIyNDUzNTQtLjg0MzIzMThsLTEuNTYyMDUzNS0yLjcwNTYxODJjLS40NjU0NjAzLS44MDYyMTkxLTEuNDk2Mzc1MS0xLjA4MjQzNTQtMi4zMDI1NzAxLS42MTY5Mjk3bC0uMDEwOTc5OC4wMDYzMzk4Yy0uMDA1OTQ0My4wMDMzMzU2LS4wMTIxMjM4LjAwNTgxNi0uMDE4MDQ2Ni4wMDkyMzcxbC0uNDE0NjAyNS4yMzkzNTMzLS4wMDE4NDk2LS4wMDMzNDYzYy0xLjAyNjI5NjMuNjI4MzE4NS0yLjM1Mzk5NzIuNjkwNzEyLTMuNDY5NjcxNC4wNDY1Mzg1LTEuMDk4MjU4My0uNjM0MDU5Ni0xLjcwNTE1MTctMS43ODg0MjUxLTEuNjk0MzEwOS0yLjk3MTc1Mjh2LS41MDcwMDYxYzAtLjgxODc3MDUtLjU4NDYyMzgtMS41MDAzNzM2LTEuMzU5MDkwMS0xLjY1MTc4MTZDMTQuODc2Mzc3Ny4wMTkxNTg1LDE0Ljc0MDQ4MjYuMDAwMDMyMSwxNC41OTk3OTc4LjAwMDAzMjFsLTMuMTI0MTQ0NC0uMDAwMDMyMWMtLjkzMDkyMDYtLjAwMDAxMDctMS42ODU1ODcuNzU0NjQ3Ny0xLjY4NTU4NywxLjY4NTU2ODJ2LjU5ODc4NjlzLS4wMTI5NTc3LjQzMDU1MzctLjA0Nzg5NjMuNjQxODg1NWMtLjAyOTY4OTMuMTc3MTc2My0uMDg4MjY4Ny40MTU1MDU5LS4yMTA1MjIuNjc3NDc5LS4xMTc1NzA1LjI1MTkzOTUtLjI1NTkzMjYuNDQ0MTEwMS0uMzY4ODQ3MS41Nzg2Mjg3LjgwODAyMDUtLjIyODE3ODQsMi4xODkxOTMyLS41MDg1NDU2LDMuODg5OTEwOC0uMzA3OTc5OFoiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuMDgxNTI5MywyMy43NDk3NTQ3Yy0xLjc1MzIyMTgtLjIwNjc1Ni0zLjA2MjM2ODMtLjgzMjE4MjUtMy43OTg0MDUzLTEuMjUzNTY4Ni0xLjM0NDkyNDQtLjg0OTYyMjQtMi41MDQ1OS0yLjAyNTMxMTQtMy4zNDU1Njg2LTMuNDgxOTU4Mi0yLjI1ODAzMzUtMy45MTA4NDE0LS45MTMxODQtOC45Mjk0ODg0LDIuOTk3NjU3NS0xMS4xODc0MzYzLjYzNTM3NDYtLjM2Njc3MDMsMS4zMTM5NTIxLS42MjIyNTEyLDIuMDEyNTU0Mi0uNzYzNTA4LjU2NTQxMTgtLjEyMDA5OSwxLjQ5MjYzMzItLjI0NDQxNTYsMi42MTA1OTUzLS4wNTk4MDA5LDEuMDgzNDgzMi4xNzg5MjE2LDEuOTAxMDk5LjU3NDUxNTMsMi4zOTQ1ODA4Ljg2MTY5NTQsMS4yMzA1MDc4LjcwOTY4ODgsMi4yMjc0Njc1LDEuODM5NjE0MywyLjc1MTM4NywzLjI3OTA2NDQsMS4xNjM4OTkzLDMuMTk3Nzc0My0uNDM5NzU4OCw2LjcyODE2Ni0zLjU4NzQ4MjUsNy45Njc1MDQ3LS4wODU2NTQ4LjAzMzcyNTItLjEzMDAzMS4xMjgwMDUxLS4wOTg1NDU2LjIxNDUwNzEuMDI5OTQzMi4wODIyNjgzLjExODAzMDIuMTI5OTAyNy4yMDI1NDkuMTA3MDcxOC40NTg2MDczLS4xMjM4OTQzLjkwODcxMjQtLjMwNzU2ODEsMS4zMzkwNDk2LS41NTYxMDUxLDEuOTQxMDM1OC0xLjEyMDYxODksMy4yMzMzMTQzLTMuMDQ5OTY5MiwzLjUyNDI4NDQtNS4zMjg1NDU4LjIxMjgwOTktMS42NjY0OTc5LS4yMDM4MDc5LTMuMzM3ODg3LTEuMTAzMjAzLTQuNzU2ODk1Ny0uMjkyODIyNC0uNDYxOTkxLS42MjI0ODM4LS44ODk4NDUyLS45ODMxNDQxLTEuMjgxNTk1NC0uMzIyMjI1Ny0uMzUwMDA2Ni0uNjMzODc3OS0uNjU0NDMxNi0uOTM0MDc3MS0uODgwOTgyMi0uNjkwNjg3OS0uNTIxMjM2LTIuMTQwMzI2Ny0xLjQxNjc2MzUtNC4yNDMxMDA4LTEuNzAxOTE3Ny0yLjA5ODczMDEtLjI4NDYwODktMy43NTU3MDIyLjIxNjA0NjYtNC41MzYzNjk1LjUwNzg5ODgtLjM3NDk5NDUuMTM5MzEwOS0uOTcxNjgwNi4zMDEwMTk4LTEuNzA5NzExNS4yNjQyMzY5LS44MTI4Mjg5LS4wNDA1MDg3LTEuNDI2NjEwMS0uMzAzMzA3Ny0xLjc1ODE4MjUtLjQ3NDc3NzZsLS42MzE0NTEtLjM2NDU3ODdjLS43NjU0MDAzLS40NDE4NzU2LTEuNzMyMTg5Ni0uMjE1MzYyNC0yLjIyNzgwOTYuNDk3Mjg3OEwuMjI2MTE5Nyw4LjMwMTc3NzdjLS40NjU0ODQzLjgwNjIxOTEtLjE4OTI0OTMsMS44MzcxMzM5LjYxNjk3NzgsMi4zMDI2MDQ5bC41MTg1MjA0LjI5OTM2MjctLjAwMTI4MjkuMDAyMTQ4OWMxLjA1Njc5ODEuNTc0ODMwNywxLjc3NDMwMjEsMS42OTMxNzc3LDEuNzc0MzAyMSwyLjk4MTA2NDgsMCwuNzIwNDk3NS0uMjI3MDM3MSwxLjM4NTExMjQtLjYxMTEzNzgsMS45MzIzMTcxLS4yNzQ3NzMxLjM1Nzg3NTMtLjYxODYxMDkuNjYwMDE3Ny0xLjAxMjY0MzcuODg1MDc2OWwuMDAwMjU2Ni4wMDA0MzgzLS42MDE0MzAyLjM0NzIyNjljLS41NTk0ODg5LjMyMzAyMjItLjg2MjY0NjkuOTE4NjY4NS0uODQwMTYzNSwxLjUyMjI3OTctLjAwMDM2MzUuMjg2NjUwOS4wNzA4OTMuNTc3MTI5My4yMjQ1MzU0Ljg0MzIzMThsMS41NjIwNTM1LDIuNzA1NjE4MmMuNDY1NDYwMy44MDYyMTkxLDEuNDk2Mzc1MSwxLjA4MjQzNTQsMi4zMDI1NzAxLjYxNjkyOTdsLjAxMDk3OTgtLjAwNjMzOThjLjAwNTk0NDMtLjAwMzMzNTYuMDEyMTIzOC0uMDA1ODE2LjAxODA0NjYtLjAwOTIzNzFsLjQxNDYwMjUtLjIzOTM1MzMuMDAxODQ5Ni4wMDMzNDYzYzEuMDI2Mjk2My0uNjI4MzE4NSwyLjM1Mzk5NzItLjY5MDcxMiwzLjQ2OTY3MTQtLjA0NjUzODUsMS4wOTgyNTgzLjYzNDA1OTYsMS43MDUxNTE3LDEuNzg4NDI1MSwxLjY5NDMxMDksMi45NzE3NTI4di41MDcwMDYxYzAsLjgxODc3MDUuNTg0NjIzOCwxLjUwMDM3MzYsMS4zNTkwOTAxLDEuNjUxNzgxNi4xMzA2MzUxLjAzMjQ2OS4yNjY1MzAyLjA1MTU5NTUuNDA3MjE0OS4wNTE1OTU1bDMuMTI0MTQ0NC4wMDAwMzIxYy45MzA5MjA2LjAwMDAxMDcsMS42ODU1ODctLjc1NDY0NzcsMS42ODU1ODctMS42ODU1Njgydi0uNTk4Nzg2OXMuMDEyOTU3Ny0uNDMwNTUzNy4wNDc4OTYzLS42NDE4ODU1Yy4wMjk2ODkzLS4xNzcxNzYzLjA4ODI2ODctLjQxNTUwNTkuMjEwNTIyLS42Nzc0NzkuMTE3NTcwNS0uMjUxOTM5NS4yNTU5MzI2LS40NDQxMTAxLjM2ODg0NzEtLjU3ODYyODctLjgwODAyMDUuMjI4MTc4NC0yLjE4OTE5MzIuNTA4NTQ1Ni0zLjg4OTkxMDguMzA3OTc5OFoiLz4KPC9zdmc+) no-repeat center;
  background-size: contain;
  content: "";
  opacity: 0.1;
}
.Top__AboutBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Top__AboutContainer {
  padding-right: 8.333333333333332vw;
  padding-left: 8.333333333333332vw;
}
.Top__AboutAssets {
  width: 41.388888888888886vw;
  height: 31.38888888888889vw;
  margin-bottom: 2.222222222222222vw;
}
.Top__AboutAssets img {
  width: 100%;
  height: 100%;
}
.Top__AboutSolutionUnit {
  position: relative;
}
.Top__AboutSolutionList {
  height: 7.777777777777778vw;
  padding: 12px 0;
  background-color: #fff;
}
.Top__AboutSolutionItem {
  width: calc(100% / 4);
}
.Top__AboutSolutionItem:not(:last-of-type) {
  border-right: 1px solid rgba(19,19,19,0.1);
}
.Top__AboutSolutionAnchor {
  height: 100%;
  transition: opacity 0.225s;
}
.Top__AboutSolutionAnchor:hover {
  opacity: 0.6;
}
.Top__AboutSolutionLabel {
  margin-top: 12px;
  color: rgba(19,19,19,0.6);
  font-size: 0.833333333333333vw;
  padding: 0 1.5vw;
  text-align: center;
  line-height: 1.4;
}
.Top__AboutSolutionScrollButton {
  z-index: -1;
  position: absolute;
  bottom: -1.736111111111111vw;
  left: 50%;
  width: 3.472222222222222vw;
  height: 3.472222222222222vw;
  transform: translateX(-50%);
  border-radius: 100px;
  outline: none;
  background-color: #fff;
}
.Top__AboutSolutionScrollButton::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  margin-top: 0.347222222222222vw;
  transform: translate(-50%, -50%) rotate(45deg);
  border-right: 2px solid rgba(19,19,19,0.3);
  border-bottom: 2px solid rgba(19,19,19,0.3);
  content: "";
}
.Top__AboutOverviewUnit {
  margin-left: 70px;
  padding-top: 5.555555555555555vw;
}
.Top__AboutOverviewHeading {
  margin-bottom: 1.944444444444444vw;
  color: #fff;
  font-size: 3.333333333333333vw;
}
.Top__AboutOverviewText {
  margin-bottom: 2.777777777777778vw;
  color: #fff;
  font-size: 1.25vw;
}
.Top__Feature {
  z-index: 1;
  position: relative;
  margin-bottom: 5.555555555555555vw;
}
.Top__FeatureCollection {
  margin-bottom: 3.611111111111111vw;
}
.Top__FeatureHeading {
  margin-bottom: 4.722222222222222vw;
}
.Top__Solution {
  margin-bottom: 80px;
}
.Top__SolutionLabel {
  margin-bottom: 16px;
  color: rgba(19,19,19,0.7);
  font-size: 1.388888888888889vw;
  text-align: center;
}
.Top__SolutionHeading {
  margin-bottom: 24px;
}
.Top__SolutionText {
  margin-bottom: 40px;
  font-size: 0.972222222222222vw;
  text-align: center;
}
.Top__SolutionList {
  height: 9.027777777777777vw;
  margin-bottom: 52px;
  padding: 20px 0;
  background-color: #fff;
}
.Top__SolutionItem {
  width: calc(100% / 7);
  height: 100%;
}
.Top__SolutionItem:not(:last-of-type) {
  border-right: 1px solid rgba(19,19,19,0.1);
}
.Top__SolutionAnchor {
  width: 100%;
  height: 100%;
  transition: opacity 0.225s;
}
.Top__SolutionAnchor:hover {
  opacity: 0.6;
}
.Top__SolutionItemLabel {
  margin-top: 16px;
  color: rgba(19,19,19,0.6);
  font-size: 0.833333333333333vw;
}
.Top__Use {
  padding: 80px 0;
  background-color: rgba(13,13,13,0.03);
}
.Top__UseHeading {
  margin-bottom: 56px;
}
.Top__Function {
  margin: 80px 0;
}
.Top__FcuntionHeading {
  margin-bottom: 40px;
}
.Top__FunctionOverview {
  margin-bottom: 60px;
}
.Top__FunctionOverviewMetaUnit {
  width: 33.33333333333333vw;
  margin-right: 4.861111111111112vw;
}
.Top__FunctionOverviewHeading {
  margin-bottom: 24px;
  font-size: 1.844444444444444vw;
  line-height: 1.6;
}
.Top__FunctionOverviewText {
  font-size: 1.111111111111111vw;
}
.Top__FunctionOverviewAssets {
  width: 36.11111111111111vw;
}
.Top__FunctionOverviewAssets img {
  width: 100%;
  height: 100%;
}
.Top__FunctionPostHeading {
  margin-bottom: 40px;
}
.Top__FunctionPostList {
  position: relative;
  margin-bottom: 52px;
}
.Top__FunctionPostList::after {
  display: block;
  width: calc(100% / 3 - 48px);
  content: "";
}
.Top__News {
  padding: 80px 0;
  background-color: #f2f2f2;
}
.Top__NewsHeading {
  margin-bottom: 20px;
}
.Top__NewsText {
  margin-bottom: 40px;
  font-size: 0.972222222222222vw;
  text-align: center;
}
.Top__NewsPostList {
  margin-bottom: 52px;
}
.wp-block-my-block-plugin-my-block {
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 24px;
  border-radius: 4px;
  background-color: #5cb1e3;
  color: rgba(255,255,255,0.95);
}
@media (min-width: 1200px) {
  .SolutionCard__Icon {
    width: 2.222222222222222vw;
    height: 2.777777777777778vw;
  }
  .SolutionCard__Icon img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1441px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 1279px) {
  .FeaturePointCard__Unit {
    height: auto;
  }
  .FeaturePointCard__Heading {
    height: auto;
    font-size: 1.563721657544957vw;
  }
}
@media (max-width: 769px) {
  .Br.-pc {
    display: none;
  }
  .Br.-sp {
    display: block;
  }
  .Breadcrumb {
    flex-wrap: wrap;
    padding-top: 2.600780234070221vw;
    padding-right: 2.600780234070221vw;
    padding-bottom: 2.600780234070221vw;
    padding-left: 2.600780234070221vw;
  }
  .Breadcrumb__Item {
    margin: 4px;
    font-size: 2.080624187256177vw;
    font-weight: 700;
    line-height: 1.3;
  }
  .Breadcrumb__Item:not(:last-of-type) {
    margin-right: 5.333333333333334vw;
  }
  .Breadcrumb__Item:not(:last-of-type)::after {
    right: -2.860858257477243vw;
    width: 1.040312093628089vw;
    height: 1.040312093628089vw;
  }
  .Breadcrumb__Link {
    font-size: 2.080624187256177vw;
    font-weight: 700;
    line-height: 1.3;
  }
  .Button {
    font-weight: 700;
  }
  .Button.-large {
    width: 100%;
    height: 10.403120936280883vw;
    font-size: 2.600780234070221vw;
  }
  .Button.-large::after {
    width: 1.30039011703511vw;
    height: 1.30039011703511vw;
  }
  .Button.-medium {
    width: 100%;
    height: 10.403120936280883vw;
    font-size: 2.600780234070221vw;
  }
  .Button.-medium::after {
    width: 1.30039011703511vw;
    height: 1.30039011703511vw;
  }
  .Header__LogoUnit {
    margin-bottom: 0;
  }
  .Clients {
    padding: 40px 0;
  }
  .Clients .swiper-container {
    display: none;
  }
  .Clients__Collection.-sp {
    display: flex;
    flex-wrap: wrap;
  }
  .Clients__SpLogo {
    width: calc(100% / 3);
    height: 13.333333333333334vw;
    margin-bottom: 12px;
  }
  .Clients__SpLogo img {
    width: 100%;
    height: 100%;
  }
  .Clients__Label {
    margin-bottom: 8px;
    font-size: 3.733333333333334vw;
    line-height: 1.6;
  }
  .Clients__Label span {
    display: none;
  }
  .Clients__Heading {
    margin-bottom: 24px;
    font-size: 7.466666666666668vw;
    line-height: 1.2;
  }
  .ContactBand {
    padding: 60px 16px;
  }
  .ContactBand__Heading {
    margin-bottom: 16px;
    font-size: 6.033333333333333vw;
    line-height: 1.3;
    text-align: center;
  }
  .ContactBand__Catch {
    margin-bottom: 24px;
    font-size: 3.733333333333334vw;
    font-weight: 500;
    line-height: 1.4;
  }
  .ContactBand__Button {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .ContactBand__TelLabel {
    font-size: 3.2vw;
  }
  .ContactBand__TelNumber {
    margin-bottom: 8px;
    font-size: 8.533333333333333vw;
  }
  .ContactBand__TelNumber::before {
    left: -8.533333333333333vw;
    width: 6.4vw;
    height: 6.4vw;
  }
  .ContactBand__TelInfo {
    font-size: 4.266666666666667vw;
  }
  .ContactBanner {
    padding-top: 10.666666666666668vw;
    padding-right: 4.266666666666667vw;
    padding-bottom: 10.666666666666668vw;
    padding-left: 4.266666666666667vw;
  }
  .ContactBanner__Text {
    margin-bottom: 4.161248374512354vw;
    font-size: 3.120936280884266vw;
    line-height: 1.7;
  }
  .FaqCard::after {
    top: 2.990897269180754vw;
    right: 1.950585175552666vw;
    width: 2.600780234070221vw;
    height: 2.600780234070221vw;
  }
  .FaqCard:not(:last-of-type) {
    margin-bottom: 1.560468140442133vw;
  }
  .FaqCard__Heading {
    padding-top: 2.600780234070221vw;
    padding-right: 6.501950585175553vw;
    padding-bottom: 2.600780234070221vw;
    padding-left: 8.452535760728217vw;
    font-size: 2.600780234070221vw;
  }
  .FaqCard__Heading::before {
    left: 2.600780234070221vw;
    font-size: 4.681404421326398vw;
  }
  .FaqCard__Answer {
    padding-top: 2.600780234070221vw;
    padding-right: 2.600780234070221vw;
    padding-bottom: 2.600780234070221vw;
    padding-left: 2.600780234070221vw;
    font-size: 2.340702210663199vw;
    font-weight: 400;
  }
  .FeaturePointCard {
    width: 100%;
  }
  .FeaturePointCard:not(:last-of-type) {
    margin-bottom: 24px;
  }
  .FeaturePointCard__Number {
    top: 6.666666666666667vw;
    left: 8.533333333333333vw;
    font-size: 8.533333333333333vw;
  }
  .FeaturePointCard__Number::after {
    top: 4vw;
    left: -8.533333333333333vw;
    width: 5.333333333333334vw;
    height: 0.533333333333333vw;
    background-color: rgba(19,19,19,0.3);
    content: "";
  }
  .FeaturePointCard__Assets {
    width: 42.66666666666667vw;
    height: auto;
    margin-right: auto;
    margin-bottom: -8vw;
    margin-left: auto;
  }
  .FeaturePointCard__Assets img {
    width: 100%;
    height: 100%;
  }
  .FeaturePointCard__Unit {
    height: auto;
    padding-top: 14.933333333333335vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 8.533333333333333vw;
    padding-left: 5.333333333333334vw;
  }
  .FeaturePointCard__Heading {
    height: auto;
    margin-bottom: 2.600780234070221vw;
    font-size: 4.681404421326398vw;
  }
  .FeaturePointCard__Text {
    min-height: initial;
    font-size: 2.600780234070221vw;
  }
  .FeaturePointCard__MoreButton {
    font-size: 2.600780234070221vw;
  }
  .FeatureUseCard {
    flex-direction: column-reverse;
    justify-content: center;
    padding: 32px 20px;
  }
  .FeatureUseCard__MetaUnit {
    width: 100%;
    margin: 28px 0 0 0;
  }
  .FeatureUseCard__Asstes {
    width: 100%;
    height: auto;
  }
  .FeatureUseCard__Heading {
    font-size: 4.681404421326398vw;
    text-align: center;
  }
  .FeatureUseCard__Desc {
    font-size: 2.600780234070221vw;
    font-weight: 400;
  }
  .FeatureUseCard__Link {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    font-size: 2.600780234070221vw;
    text-align: center;
  }
  .FeatureUseCard__Link::after {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
  }
  .FunctionCard {
    width: 100%;
    padding-top: 3.120936280884266vw;
    padding-right: 2.600780234070221vw;
    padding-bottom: 3.120936280884266vw;
    padding-left: 2.600780234070221vw;
    background-color: #fff;
  }
  .FunctionCard:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .FunctionCard__Anchor {
    position: relative;
    flex-direction: row;
    align-items: flex-start;
  }
  .FunctionCard__Anchor::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
    transform: translateY(-50%) rotate(-45deg);
    border-right: 2px solid rgba(19,19,19,0.3);
    border-bottom: 2px solid rgba(19,19,19,0.3);
    content: "";
  }
  .FunctionCard__Icon {
    width: 7.802340702210664vw;
    height: 7.802340702210664vw;
    margin: 0 20px 0 0;
  }
  .FunctionCard__MetaUnit {
    flex: 1;
    padding-right: 5.333333333333334vw;
  }
  .FunctionCard__Heading {
    margin-bottom: 1.560468140442133vw;
    font-size: 4.161248374512354vw;
    text-align: left;
  }
  .FunctionCard__Label {
    width: 100%;
    font-size: 2.080624187256177vw;
    line-height: 1.8;
    text-align: left;
  }
  .Heading {
    font-size: 4.681404421326398vw;
  }
  .Heading.-large {
    font-size: 4.161248374512354vw;
  }
  .Heading.-sp-large {
    font-size: 6.4vw;
  }
  .Heading.-sp-medium-large {
    font-size: 5.866666666666666vw;
  }
  .Header__Nav {
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .LowerHead {
    height: 32.50975292587776vw;
    padding-top: 10.403120936280883vw;
  }
  .LowerHead::after {
    width: 45.9037711313394vw;
    height: 46.29388816644994vw;
    margin-top: 5.201560468140442vw;
  }
  .LowerHead__Heading {
    font-size: 4.161248374512354vw;
  }
  .MenuButton {
    display: block;
    position: relative;
    width: 5.201560468140442vw;
    height: 3.120936280884266vw;
    outline: none;
  }
  .Modal__Body {
    width: 95%;
    height: 86.73602080624188vw;
    max-height: 86.73602080624188vw;
    padding: 32px 20px;
    font-size: 2.600780234070221vw;
  }
  .Modal__CloseButton {
    font-size: 2.600780234070221vw;
  }
  .NewsCard__Date {
    font-size: 1.820546163849155vw;
  }
  .NewsCard__Heading {
    font-size: 2.600780234070221vw;
  }
  .SinglePageIndex__List::after {
    display: none;
  }
  .SinglePageIndex__List {
    flex-direction: column;
  }
  .SinglePageIndex__Item {
    width: 100%;
    margin: auto 0 16px;
  }
  .SinglePageIndex__Link {
    padding: 16px;
    font-size: 2.600780234070221vw;
    font-weight: 700;
  }
  .SinglePageIndex__Link::after {
    right: 3.250975292587777vw;
    width: 1.040312093628089vw;
    height: 1.040312093628089vw;
  }
  .SingleContent {
    width: 100%;
    padding: 0 16px;
  }
  .SingleContent > ul {
    margin-bottom: 8.533333333333333vw;
  }
  .SingleContent > ul li {
    font-size: 2.600780234070221vw;
  }
  .SingleContent > ol {
    margin-bottom: 8.533333333333333vw;
    padding: 0 20px;
  }
  .SingleContent > ol li {
    font-size: 2.600780234070221vw;
  }
  .SingleContent > p > a {
    margin-bottom: 6.4vw;
    font-size: 2.600780234070221vw;
  }
  .SingleContent .wp-block-buttons {
    width: 100%;
    margin-bottom: 8.533333333333333vw;
  }
  .SingleContent .wp-block-buttons .wp-block-button__link {
    width: 100%;
    height: 17.066666666666666vw;
    font-size: 2.600780234070221vw;
  }
  .SingleContent .wp-block-buttons .wp-block-button__link::after {
    right: 2.600780234070221vw;
    width: 1.040312093628089vw;
    height: 1.040312093628089vw;
  }
  .SingleContent blockquote {
    margin-bottom: 8.533333333333333vw;
    padding-top: 6.4vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 6.4vw;
    padding-left: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
  }
  .SingleContent .wp-block-columns {
    margin-bottom: 8.533333333333333vw;
  }
  .SingleContent .wp-block-columns h2 {
    margin-bottom: 1.560468140442133vw;
    font-size: 2.340702210663199vw;
  }
  .SingleContent .wp-block-columns p {
    font-size: 2.600780234070221vw;
  }
  .SingleContent .wp-block-columns .wp-block-image {
    height: 26.007802340702213vw;
    margin: 20px 0;
  }
  .SingleContent .wp-block-tabl {
    -ms-overflow-style: none;
    scrollbar-width: none;
    min-width: 800px;
    overflow: scroll;
  }
  .SingleContent table {
    min-width: 800px;
    margin-bottom: 32px;
    overflow: scroll;
  }
  .SingleContent table thead th {
    font-size: 2.340702210663199vw;
  }
  .SingleContent table tbody td {
    font-size: 2.340702210663199vw;
  }
  .SingleContent > p {
    margin-bottom: 3.120936280884266vw;
    font-size: 2.600780234070221vw;
  }
  .SingleContent > figure {
    margin-top: 4.161248374512354vw;
    margin-bottom: 4.161248374512354vw;
  }
  .SingleContent > figure img {
    width: 100%;
    height: 26.007802340702213vw;
    object-fit: cover;
  }
  .SingleContent .CustomBlock__h3Heading {
    margin-bottom: 3.120936280884266vw;
    padding-top: 2.080624187256177vw;
    padding-right: 2.600780234070221vw;
    padding-bottom: 2.080624187256177vw;
    padding-left: 4.161248374512354vw;
    font-size: 2.080624187256177vw;
  }
  .SingleContent .CustomBlock__h3Heading::after {
    width: 1.560468140442133vw;
  }
  .SingleContent .CustomBlock__h4Heading {
    margin-bottom: 3.120936280884266vw;
    font-size: 2.600780234070221vw;
    line-height: 1.5;
  }
  .SingleContent .CustomBlock__FuncHeadingDesc {
    height: auto;
    margin-bottom: 40px;
    padding: 32px 16px;
  }
  .SingleContent .CustomBlock__FuncHeading {
    font-size: 3.120936280884266vw;
    line-height: 1.4;
  }
  .SingleContent .CustomBlock__FuncDesc {
    margin-top: 2.080624187256177vw;
    font-size: 2.600780234070221vw;
    font-weight: 400;
    line-height: 1.5;
  }
  .SingleContent .CustomBlock__Card {
    width: 100%;
    margin-bottom: 16px;
    padding: 32px 20px;
  }
  .SingleContent .CustomBlock__CardHeading {
    margin-bottom: 20px;
    font-size: 2.600780234070221vw;
  }
  .SingleContent .CustomBlock__CardText {
    font-size: 2.340702210663199vw;
  }
  .SolutionCard {
    width: 100%;
    min-width: initial;
    min-height: initial;
    margin: 0 0 20px 0;
    padding: 32px 20px;
    float: none;
  }
  .SolutionCard__Icon {
    width: 10.403120936280883vw;
    height: 12.483745123537062vw;
  }
  .SolutionCard__Heading {
    font-size: 4.161248374512354vw;
  }
  .SolutionCard__UsageList {
    margin-bottom: 16px;
  }
  .SolutionCard__UsageItem {
    min-width: 15.604681404421328vw;
    font-size: 2.080624187256177vw;
  }
  .SolutionCard__Desc {
    font-size: 2.600780234070221vw;
  }
  .SolutionCard__BeforePublic {
    font-size: 1.820546163849155vw;
  }
  .SolutionDetail__Mv {
    padding: 40px 20px;
  }
  .SolutionDetail__MvHeading {
    margin-bottom: 24px;
    font-size: 4.161248374512354vw;
    line-height: 1.6;
	width:95%;
  }
  .SolutionDetail__MvCapture {
    width: 100%;
    height: auto;
    margin-bottom: 28px;
  }
  .SolutionDetail__MvDesc {
    font-size: 2.600780234070221vw;
    text-align: justify;
	width: 95%;
  }
  .SolutionDetail__Body {
    padding-bottom: 40px;
  }
  .SolutionDetail__Collection {
    width: 100%;
    margin: 60px auto;
    padding: 0 16px;
  }
  .SolutionDetail__PostList {
    display: none;
    /*display: flex;*/
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .SolutionDetail__PostHeading {
    margin-bottom: 40px;
  }
  .SolutionDetail__PageIndex {
    padding: 32px 20px;
  }
  .SolutionSecondaryCard {
    width: calc(100% / 2 - 5px);
    height: 26.007802340702213vw;
    margin-right: 0;
    margin-bottom: 1.30039011703511vw;
    margin-left: 0;
    float: none;
  }
  .SolutionSecondaryCard::before {
    border-width: 0 0 16px 16px;
  }
  .SolutionSecondaryCard::after {
    font-size: 2.340702210663199vw;
  }
  .SolutionSecondaryCard__Icon {
    width: 7.802340702210664vw;
    height: 7.802340702210664vw;
    margin-bottom: 2.600780234070221vw;
  }
  .SolutionSecondaryCard__Caption {
    font-size: 2.600780234070221vw;
  }
  .PageNotFound {
    margin: 40px 0 60px;
    padding: 0 16px;
  }
  .PageNotFound__Heading {
    margin-bottom: 16px;
    font-size: 5.333333333333334vw;
  }
  .PageNotFound__Text {
    margin-bottom: 40px;
    font-size: 3.733333333333334vw;
  }
  .Contact {
    margin-top: 10.403120936280883vw;
    margin-bottom: 10.403120936280883vw;
  }
  .Contact__Text {
    margin-bottom: 5.201560468140442vw;
    padding: 0 20px;
    font-size: 1.950585175552666vw;
    text-align: left;
  }
  .Contact__Form {
    max-width: initial;
    padding: 0 20px;
  }
  .Contact__FormList {
    margin-bottom: 6.762028608582575vw;
  }
  .Contact__FormItem:not(:last-of-type) {
    margin-bottom: 4.161248374512354vw;
  }
  .Contact__FormItem {
    flex-direction: column;
    width: 100%;
  }
  .Contact__FormHead {
    justify-content: flex-start;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.560468140442133vw;
    font-size: 1.950585175552666vw;
  }
  .Contact__FormHead.-required::after {
    margin-left: 1.560468140442133vw;
    font-size: 1.560468140442133vw;
  }
  .Contact__FormBody {
    width: 100%;
  }
  .Contact__FormBody.-radio {
    padding-left: 3.120936280884266vw;
  }
  .Contact__FormBody.-radio .Contact__FormRadioWrap {
    width: 100%;
    margin-right: 5.201560468140442vw;
    margin-bottom: 2.600780234070221vw;
  }
  .Contact__FormBody.-threeDiv .Contact__FormWrap {
    font-size: 1.820546163849155vw;
  }
  .Contact__FormBody.-threeDiv .Contact__FormWrap:not(:last-of-type) {
    margin-right: 1.040312093628089vw;
  }
  .Contact__FormBody.-threeDiv .Contact__FormWrap:not(:last-of-type)::after {
    display: none;
  }
  .Contact__FormBody.-secondDiv .Contact__FormWrap {
    font-size: 1.560468140442133vw;
  }
  .Contact__FormBody.-secondDiv .Contact__FormWrap:not(:last-of-type) {
    margin-right: 2.600780234070221vw;
  }
  .Contact__FormBody.-secondDiv .Contact__FormInnerLabel {
    margin-right: 1.040312093628089vw;
  }
  .Contact__FormInput {
    padding: 24px;
  }
  .Contact__FormInput:-ms-input-placeholder {
    font-size: 2.080624187256177vw;
  }
  .Contact__FormInput::placeholder {
    font-size: 2.080624187256177vw;
  }
  .Contact__FormTextArea {
    max-height: 48vw;
  }
  .Contact__FormTextArea:-ms-input-placeholder {
    font-size: 1.820546163849155vw;
  }
  .Contact__FormTextArea::placeholder {
    font-size: 1.820546163849155vw;
  }
  .Contact__FormRadioText,
  .Contact__AgrmtText {
    padding-left: 0.520156046814044vw;
    font-size: 1.820546163849155vw;
  }
  .Contact__FormRadioText::after,
  .Contact__AgrmtText::after {
    left: -2.47074122236671vw;
    width: 1.30039011703511vw;
    height: 1.30039011703511vw;
  }
  .Contact__FormRadioText::before,
  .Contact__AgrmtText::before {
    left: -3.120936280884266vw;
    width: 2.600780234070221vw;
    height: 2.600780234070221vw;
  }
  .Contact__Agrmt {
    margin-bottom: 6.241872561768531vw;
  }
  .Contact__AgrmtText {
    font-size: 1.820546163849155vw;
  }
  .Contact__AgrmtHeading {
    margin-bottom: 3.120936280884266vw;
    font-size: 2.080624187256177vw;
  }
  .Contact__AgrmtTerms {
    height: 32.50975292587776vw;
    max-height: 32.50975292587776vw;
    margin-bottom: 4.161248374512354vw;
    font-size: 1.560468140442133vw;
  }
  .Contact__FormError {
    margin-top: 0.520156046814044vw;
    font-size: 1.30039011703511vw;
  }
  .Confirm {
    margin-top: 10.403120936280883vw;
    margin-bottom: 10.403120936280883vw;
  }
  .Confirm__Form {
    max-width: initial;
    padding: 0 20px;
  }
  .Confirm__List {
    margin-bottom: 4.161248374512354vw;
    padding: 32px 20px;
  }
  .Confirm__Item:not(:last-of-type) {
    margin-bottom: 4.161248374512354vw;
    padding-bottom: 4.161248374512354vw;
    border-bottom: 1px solid rgba(19,19,19,0.1);
  }
  .Confirm__Item {
    flex-direction: column;
    width: 100%;
  }
  .Confirm__Head {
    justify-content: flex-start;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.560468140442133vw;
    font-size: 1.950585175552666vw;
  }
  .Confirm__Value,
  .Confirm__ValueWrap {
    width: 100%;
  }
  .Confirm__Value {
    font-size: 1.950585175552666vw;
    line-height: 1.6;
  }
  .ConFirm__ButtonUnit {
    flex-direction: column;
  }
  .ConFirm__ButtonItem {
    width: 100%;
  }
  .ConFirm__ButtonItem:not(:last-of-type) {
    margin: 0 0 12px 0;
  }
  .Thanks,
  .Error,
  .Close {
    margin-top: 10.403120936280883vw;
    margin-bottom: 10.403120936280883vw;
  }
  .Thanks__Heading,
  .Error__Heading,
  .Close__Heading {
    font-size: 3.120936280884266vw;
    line-height: 1.6;
  }
  .Thanks__Text,
  .Error__Text,
  .Close__Text {
    font-size: 2.600780234070221vw;
    line-height: 1.6;
  }
  .Container.-large {
    width: 100%;
  }
  .Container.-default {
    width: 100%;
  }
  .Container.-small {
    width: 100%;
  }
  .Container {
    padding-right: 2.600780234070221vw;
    padding-left: 2.600780234070221vw;
  }
  .Developer {
    margin-top: 10.403120936280883vw;
  }
  .Developer__Mv {
    position: static;
    flex-direction: column;
    min-height: 39.01170351105331vw;
    margin-bottom: 20.806241872561767vw;
    padding: 0;
  }
  .Developer__MvBg {
    top: 10vw;
    width: 100vw;
    height: 58.517555266579976vw;
  }
  .Developer__MvBg::after {
    width: 154.66666666666666vw;
    height: 176vw;
    margin: 0;
    left: -30%;
    top: 0;
  }
  .Developer__MvBg .-pc {
    display: none;
  }
  .Developer__MvBg .-md {
    display: block;
  }
  .Developer__MvBg .-sp {
    display: none;
  }
  .Developer__MvBg img {
    height: auto;
  }
  .Developer__MvBody {
    padding-top: 7.802340702210664vw;
    padding-right: 2.600780234070221vw;
    padding-left: 2.600780234070221vw;
  }
  .Developer__MvHeading {
    margin-bottom: 2.600780234070221vw;
  }
  .Developer__MvHeadingBody.-large {
    margin-bottom: 0.520156046814044vw;
    padding-left: 2.600780234070221vw;
    font-size: 4.161248374512354vw;
  }
  .Developer__MvHeadingBody.-small {
    font-size: 3.120936280884266vw;
  }
  .Developer__MvText {
    margin-bottom: 2.600780234070221vw;
    font-size: 1.820546163849155vw;
  }
  .Developer__MvButtonUnit {
    width: 100%;
  }
  .Developer__MvButton {
    width: 100%;
  }
  .Developer__MvButton:not(:last-of-type) {
    margin: 0 12px 0 0;
  }
  .Developer__knowledgeButton {
    background-size: 100% auto;
    height: auto;
    margin-top: 3vw;
    width: 100%;
  }
  .Developer__knowledgeButton img {
    height: auto;
    width: 100%;
  }
  .Developer__Head {
    flex-direction: column;
  }
  .Developer__HeadAssets {
    width: 91.02730819245774vw;
    height: 52.015604681404426vw;
    margin-right: 0;
    margin-bottom: 2.600780234070221vw;
  }
  .Developer__HeadHeading {
    margin-bottom: 2.600780234070221vw;
    font-size: 3.120936280884266vw;
    text-align: center;
  }
  .Developer__HeadText {
    font-size: 2.080624187256177vw;
    text-align: center;
  }
  .Developer__Point {
    flex-direction: column;
    margin-bottom: 10.403120936280883vw;
  }
  .Developer__PointItem {
    width: 100%;
    min-height: auto;
    padding-top: 4.161248374512354vw;
    padding-right: 2.600780234070221vw;
    padding-bottom: 4.161248374512354vw;
    padding-left: 2.600780234070221vw;
  }
  .Developer__PointItem:not(:last-of-type) {
    margin-bottom: 4.161248374512354vw;
    border: 0;
    border-radius: 4px 0 0 0;
  }
  .Developer__PointItem:nth-of-type(3) {
    border-radius: 4px 0 0 0;
  }
  .Developer__PointLabel {
    font-size: 2.080624187256177vw;
  }
  .Developer__PointAssets {
    width: 36.41092327698309vw;
    height: 36.41092327698309vw;
    margin-bottom: 2.600780234070221vw;
  }
  .Developer__PointHeading {
    height: auto;
    margin-bottom: 2.600780234070221vw;
    font-size: 3.120936280884266vw;
  }
  .Developer__PointText {
    font-size: 2.340702210663199vw;
  }
  .Developer__Figure {
    width: 100%;
    height: 45.51365409622887vw;
    margin-bottom: 10.403120936280883vw;
  }
  .Developer__DocsHeading {
    margin-bottom: 7.802340702210664vw;
  }
  .Developer__CollectionWrap {
    margin-right: 0;
  }
  .Developer__Collection {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 40px;
  }
  .Developer__DocsCard {
    width: calc(100% / 2 - 5px);
    height: 26.007802340702213vw;
    margin-right: 0;
    margin-bottom: 1.30039011703511vw;
    margin-left: 0;
    float: none;
  }
  .Developer__DocsCard::before {
    border-width: 0 0 16px 16px;
  }
  .Developer__DocsCard::after {
    font-size: 2.340702210663199vw;
  }
  .Developer__DocsIcon {
    height: 7.802340702210664vw;
    margin-bottom: 2.600780234070221vw;
  }
  .Developer__DocsCaption {
    font-size: 2.600780234070221vw;
  }
  .Developer__Figure img {
    width: 100%;
    height:100%;
  }
  .Developer__api {
    max-width: 100%;
    margin: 0 auto 20vw;
  }
  .Developer__api h2 {
    margin-bottom: 8vw;  
  }
  .Developer__api h3 {
    border-radius: 1vw;
    border-left: 2vw solid #005d7b;
    font-size: 5vw;
    margin-bottom: 8vw;
    padding: 3vw 5vw;
  }
  .Developer__H3Text {
    font-size: 3.733333333333334vw;
  }
  .Developer__H3Text:not(:last-of-type) {
    margin-bottom: 8vw;
  }
  .FaQ {
    margin: 40px 0 60px;
  }
  .Feature {
    margin-top: 10.403120936280883vw;
  }
  .Feature__Heading {
    margin-bottom: 32px;
  }
  .Feature__Heading.-large {
    margin-bottom: 40px;
  }
  .Feature__Mv {
    position: static;
    flex-direction: column;
    margin-bottom: 4.266666666666667vw;
    padding: 0;
  }
  .Feature__MvBg::after {
    width: 154.66666666666666vw;
    height: 176vw;
    margin: 0;
  }
  .Feature__MvBg {
    top: auto;
    width: 100%;
    height: 126.4vw;
  }
  .Feature__MvBg .-pc {
    display: none;
  }
  .Feature__MvBg .-sp {
    display: block;
  }
  .Feature__MvBg img {
    height: auto;
  }
  .Feature__MvBg::after {
    top: 60%;
    left: 50%;
  }
  .Feature__MvMetaUnit {
    width: 100%;
    margin: 0;
    padding: 40px 20px 12px;
  }
  .Feature__MvHeading {
    margin-bottom: 5.333333333333334vw;
    font-size: 11.733333333333333vw;
  }
  .Feature__MvText {
    font-size: 3.733333333333334vw;
    font-weight: 500;
    white-space: initial;
  }
  .Feature__AssetsContainer {
    width: 100%;
    /*height: 66.66666666666666vw;*/
  }
  .Feature__Assets {
    width: 75% !important;
    transform: scale(0.9);
    opacity: 0.7;
  }
  .Feature__Assets.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
  }
  .Feature__Collection {
    margin-bottom: 10.666666666666668vw;
  }
  .Feature__PointCardUnit {
    display: none;
  }
  .Feature__SpPointAnchor {
    display: block;
  }
  .Feature__PointSection:not(:last-of-type) {
    margin-bottom: 7.802340702210664vw;
  }
  .Feature__PointHeadingUnit {
    padding: 32px 16px;
  }
  .Feature__PointHeading {
    margin-bottom: 2.080624187256177vw;
    font-size: 4.161248374512354vw;
    line-height: 1.5;
  }
  .Feature__PointDesc {
    font-size: 2.340702210663199vw;
    line-height: 1.7;
  }
  .Feature__PointItem {
    flex-direction: column-reverse;
  }
  .Feature__PointItem.-reverse {
    flex-direction: column-reverse;
  }
  .Feature__PointItem.-reverse .Feature__PointMetaUnit {
    margin: 0;
  }
  .Feature__PointItem:not(:last-of-type) {
    margin-bottom: 10.403120936280883vw;
  }
  .Feature__PointMetaUnit {
    margin-right: 0;
  }
  .Feature__PointInnerHeading {
    font-size: 3.641092327698309vw;
    line-height: 1.5;
    text-align: center;
  }
  .Feature__PointInnerText {
    font-size: 2.080624187256177vw;
  }
  .Feature__PointInnerLink {
    display: block;
    margin-top: 2.600780234070221vw;
    font-size: 1.820546163849155vw;
  }
  .Feature__PointAsset {
    width: 70%;
    height: auto;
    margin-right: auto;
    margin-bottom: 2.600780234070221vw;
    margin-left: auto;
  }
  .Feature__Use {
    padding: 40px 0;
  }
  .Footer {
    padding: 60px 20px 40px;
    background-color: #fff;
  }
  .Footer__Head {
    flex-direction: column;
    margin-bottom: 36px;
    padding: 0;
  }
  .Footer__SnsNav::after {
    width: 20px;
  }
  .Footer__Logo {
    width: 160px;
    height: 30px;
    margin-bottom: 44px;
  }
  .Footer__SnsList {
    margin-bottom: 60px;
  }
  .Footer__SnsLink {
    display: block;
    width: 16px;
    height: 16px;
  }
  .Footer__SnsLink img {
    width: 100%;
    object-fit: contain;
  }
  .Footer__HeadList:not(:last-child) {
    margin-right: 0;
  }
  .Footer__HeadList:not(:last-of-type) {
    margin-right: 0;
  }
  .Footer__HeadList.-button {
    display: none;
  }
  .Footer__HeadItem:not(:last-of-type) {
    margin-bottom: 24px;
  }
  .Footer__HeadLink {
    font-size: 2.600780234070221vw;
  }
  .Footer__Bottom {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    background-color: initial;
  }
  .Footer__BottomList {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }
  .Footer__BottomItem:not(:last-of-type) {
    margin: 0 0 24px 0;
  }
  .Footer__BottomLink {
    font-size: 2.080624187256177vw;
  }
  .Footer__BottomCopyright {
    font-size: 1.820546163849155vw;
  }
  .FunctionDetail__Mv {
    flex-direction: column-reverse;
    padding: 40px 20px 60px;
  }
  .FunctionDetail__MvHeading {
    font-size: 4.161248374512354vw;
    line-height: 1.6;
    text-align: center;
  }
  .FunctionDetail__MvDesc {
    font-size: 2.600780234070221vw;
    text-align: center;
  }
  .FunctionDetail__MvCapture {
    width: 80.62418725617685vw;
    height: 60.33810143042913vw;
    margin-bottom: 3.120936280884266vw;
  }
  .FunctionDetail__MvCaptureScreen {
    width: 80vw;
    height: 61.192vw;
  }
  .FunctionDetail__MvCaptureImage {
    width: 74.66133333333333vw;
    height: 55.96vw;
  }
  .FunctionDetail__PageIndex {
    padding: 32px 20px 16px;
  }
  .FunctionDetail__Body {
    padding-bottom: 60px;
  }
  .FunctionDetail__Collection {
    width: 100%;
    margin: 60px auto;
    padding: 0 16px;
  }
  .FunctionDetail__PostList::after {
    display: none;
  }
  .FunctionDetail__PostHeading {
    margin-bottom: 40px;
  }
  .Function {
    margin: 40px auto 60px;
  }
  .Function__Head {
    margin-bottom: 16vw;
  }
  .Function__Heading {
    margin-bottom: 5.333333333333334vw;
  }
  .Function__PostHeading {
    margin-bottom: 10.666666666666668vw;
  }
  .Function__Overview {
    flex-direction: column-reverse;
    margin-bottom: 16vw;
  }
  .Function__OverviewMetaUnit {
    width: 100%;
    margin: 0;
  }
  .Function__OverviewHeading .-pc {
    display: none;
  }
  .Function__OverviewHeading {
    margin-bottom: 4.266666666666667vw;
    font-size: 5.866666666666666vw;
    line-height: 1.5;
    text-align: center;
  }
  .Function__OverviewText {
    font-size: 2.600780234070221vw;
  }
  .Function__OverviewAssets {
    width: 100%;
    margin-bottom: 6.4vw;
  }
  .Function__Contact {
    padding: 10vw 4vw;
  }
  .Function__Contact p {
    font-size: 4.033333333333333vw;
    margin-bottom: 5.333333333333334vw;
  }
  .Function__Contact .ContactBand__Button {
    margin: 0 1vw 0 !important;
  }
  .Header {
    height: 10.403120936280883vw;
    padding: 0 16px;
    background-color: #fff;
  }
  .Header__LogoImage {
    width: 30.007802340702213vw;
    height: 5.721716514954486vw;
  }
  .Header__LogoText {
    margin-top: 1.040312093628089vw;
    margin-left: 0.780234070221066vw;
    font-size: 2.600780234070221vw;
  }
  .Header__Nav.-active {
    opacity: 1;
    pointer-events: auto;
  }
  .Header__Nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 14.933333333333335vw;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
  }
  .Header__List {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .Header__List .item01 { order: 1; }
  .Header__List .item02 { order: 2; }
  .Header__List .item03 { order: 3; }
  .Header__List .item04 { order: 4; }
  .Header__List .item05 { order: 5; }
  .Header__List .item06 { order: 6; }
  .Header__List .item07 { order: 7; }
  .Header__List .item08 { order: 10; }
  .Header__List .item09 { order: 8; }
  .Header__List .item10 { order: 9; }
  .Header__List .item11 { order: 11; }
  .Header__Item {
    width: 100%;
  }
/*  .Header__Item:not(:last-of-type) {
    border-bottom: 1px solid rgba(19,19,19,0.1);
  }*/
  .Header__Item:not(:nth-last-of-type(-n+2)) {
    border-bottom: 1px solid rgba(19,19,19,0.1);
  }
  .Header__Item.-login .Header__Link {
    margin: 24px 0 8px;
    padding-top: 3.5vw;
    padding-right: 10.666666666666668vw;
    padding-bottom: 3.5vw;
    padding-left: 10.666666666666668vw;
	border: 2px solid #0087b4;
    background-color: #0087b4;
    color: #fff;
    text-align: center;
  }
  .Header__Item.-login .Header__Link:hover {
    background-color: #fff;
	border: 2px solid #131313;
	color: #000;
    transition: background-color 0.225s, color 0.225s, border-color 0.225s, opacity 0.225s;
  }
  .Header__Item.-login .Header__Link::after {
    border-color: #fff;
  }
  .Header__Item.-contact .Header__Link {
    padding-top: 3.5vw;
    padding-right: 10.666666666666668vw;
    padding-bottom: 3.5vw;
    padding-left: 10.666666666666668vw;
	border: 2px solid #005d7b; 
    text-align: center;
  }
  .Header__Item.-contact .Header__Link.trial {
    margin-bottom: 8px;
  }
  .Header__Item.-contact .Header__Link:hover {
	border: 2px solid #131313;    
  }
  .Header__Item.-contact .Header__Link::after {
    border-color: #fff;
  }
  .Header__Item.-download .Header__Link {
    padding-top: 3.5vw;
    padding-right: 10.666666666666668vw;
    padding-bottom: 3.5vw;
    padding-left: 10.666666666666668vw;
	border: 2px solid #131313; 
    text-align: center;
    margin: 5vw 0;
  }
  .Header__Item.-download .Header__Link:hover {
	border: 2px solid #005d7b;    
  }
  .Header__Item.-download .Header__Link::after {
    border-color: #fff;
  }
  .Header__Link {
    display: block;
    position: relative;
    padding-top: 3.5vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 3.5vw;
    padding-left: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
  }
  .Header__Link.-active {
    padding-top: 4.266666666666667vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 4.266666666666667vw;
    padding-left: 5.333333333333334vw;
    border: 0;
    color: #131313;
    opacity: 0.3;
    pointer-events: none;
  }
  .Header__Link::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 1.820546163849155vw;
    height: 1.820546163849155vw;
    transform: translateY(-50%) rotate(-45deg);
    border-right: 2px solid #005d7b;
    border-bottom: 2px solid #005d7b;
    content: "";
  }
  .NewsDetail {
    margin-top: 5.201560468140442vw;
    margin-bottom: 7.802340702210664vw;
  }
  .NewsDetail__Container {
    max-width: 95.83875162548765vw;
    margin-top: -26.007802340702213vw;
    margin-bottom: 10.403120936280883vw;
    padding-top: 6.762028608582575vw;
    padding-right: 4.161248374512354vw;
    padding-bottom: 6.762028608582575vw;
    padding-left: 4.161248374512354vw;
  }
  .NewsDetail__Thumbnail.-noPost {
    height: 52.015604681404426vw;
  }
  .NewsDetail__Thumbnail {
    height: 52.015604681404426vw;
  }
  .NewsDetail__Date {
    margin-bottom: 2.600780234070221vw;
    font-size: 2.600780234070221vw;
  }
  .NewsDetail__Heading {
    margin-bottom: 4.161248374512354vw;
    font-size: 4.161248374512354vw;
  }
  .NewsDetail__Content .wp-block-button {
    width: 100%;
  }
  .NewsDetail__Content .wp-block-button__link {
    width: 100%;
    height: 10.403120936280883vw;
    font-size: 2.600780234070221vw;
    font-weight: 700;
  }
  .NewsDetail__Content .wp-block-button__link::after {
    width: 1.30039011703511vw;
    height: 1.30039011703511vw;
  }
  .NewsDetail__Content h2 {
    margin-bottom: 4.161248374512354vw;
    font-size: 3.641092327698309vw;
    line-height: 1.3;
  }
  .NewsDetail__Content h3,
  .NewsDetail__Content h4,
  .NewsDetail__Content h5,
  .NewsDetail__Content h6 {
    margin-bottom: 4.161248374512354vw;
    font-size: 3.120936280884266vw;
    line-height: 1.3;
  }
  .NewsDetail__Content > p {
    margin-bottom: 3.120936280884266vw;
    font-size: 2.340702210663199vw;
    line-height: 1.8;
  }
  .NewsDetail__Content .wp-block-image {
    width: 100%;
    height: 39.01170351105331vw;
    margin-bottom: 4.161248374512354vw;
  }
  .NewsDetail__Content .wp-block-quote {
    padding: 24px 20px;
  }
  .NewsDetail__Content .wp-block-quote > p {
    font-size: 2.340702210663199vw;
    font-weight: 400;
    line-height: 1.8;
  }
  .NewsDetail__Post {
    padding: 0 20px;
  }
  .NewsDetail__PostHeading {
    margin-bottom: 8.533333333333333vw;
  }
  .NewsDetail__PostList {
    max-width: 100%;
    margin-bottom: 8.533333333333333vw;
  }
  .News {
    margin: 40px auto 60px;
  }
  .News__PostList {
    margin-bottom: 11.733333333333333vw;
  }
  .Price {
    margin: 40px auto 60px;
  }
  .Price__Heading {
    margin-bottom: 5.333333333333334vw;
    text-align: center;
  }
  .Price__Heading.-large {
    margin-bottom: 6.4vw;
  }
  .Price__Text {
    margin-bottom: 6.241872561768531vw;
    font-size: 2.600780234070221vw;
    line-height: 1.8;
    text-align: center;
  }
  .Price__Block .Container {
    padding: 0;
  }
  .Price__Block.-sp-large .Price__OptionTable {
    min-width: 100vw;
  }
  .Price__Block.-sp-large .Price__OptionTable .-top {
    width: 30%;
    min-width: 15.604681404421328vw;
  }
  .Price__Block.-sp-large .Price__OptionTbody td {
    width: 70%;
    min-width: 26.007802340702213vw;
  }
  .Price__Block:not(:last-of-type) {
    margin-bottom: 12.8vw;
  }
  .Price__FixedAmountContainer,
  .Price__Notice {
    width: 100vw;
    padding: 0 16px;
  }
  .Price__NoticeBody::before {
    font-size: 1.820546163849155vw;
    line-height: 1.5;
  }
  .Price__NoticeBody {
    font-size: 1.820546163849155vw;
    line-height: 1.5;
  }
  .Price__NoticeBody:not(:last-of-type) {
    margin-bottom: 0.260078023407022vw;
  }
  .Price__FixedAmountItem {
    width: 39.661898569570866vw;
  }
  .Price__FixedAmountItem:not(:last-of-type)::after {
    right: -10.403120936280883vw;
    width: 4.161248374512354vw;
    height: 4.161248374512354vw;
  }
  .Price__FixedAmountHead {
    padding-top: 2.080624187256177vw;
    padding-bottom: 2.080624187256177vw;
    font-size: 2.080624187256177vw;
  }
  .Price__FixedAmountPrice {
    padding-top: 2.080624187256177vw;
    padding-bottom: 2.080624187256177vw;
    font-size: 3.120936280884266vw;
  }
  .Price__FixedAmountPrice span {
    font-size: 2.600780234070221vw;
  }
  .Price__DefText {
    font-size: 1.560468140442133vw;
    line-height: 1.5;
  }
  .Price__DefHeading {
    padding-top: 2.340702210663199vw;
    padding-bottom: 2.340702210663199vw;
    font-size: 1.820546163849155vw;
  }
  .Price__DefDesc {
    padding-top: 2.340702210663199vw;
    padding-bottom: 2.340702210663199vw;
    font-size: 1.820546163849155vw;
  }
  .Price__Option {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: scroll;
  }
  .Price__OptionTable {
    min-width: 100vw;
  }
  .Price__OptionTable .-top {
    width: 40%;
    font-size: 2.080624187256177vw;
  }
  .Price__OptionTable .-large {
    font-size: 2.340702210663199vw;
  }
  .Price__OptionTable .-small {
    font-size: 1.560468140442133vw;
  }
  .Price__OptionTable .-xsmall {
    font-size: 1.30039011703511vw;
  }
  .Price__OptionTable .-text {
    font-size: 1.560468140442133vw;
  }
  .Price__OptionThead th {
    min-width: initial;
    padding: 16px 8px;
    font-size: 1.820546163849155vw;
  }
  .Price__OptionThead th span {
    font-size: 2.600780234070221vw;
  }
  .Price__OptionTbody td {
    width: 13.003901170351106vw;
    max-width: 100px;
    padding: 16px 8px;
    font-size: 2.080624187256177vw;
  }
  .Price__ContactBanner {
    margin-bottom: 7.802340702210664vw;
  }
  .Price__FaQ {
    padding: 0 16px;
  }
  .Price__FaQList {
    max-width: initial;
    margin-bottom: 14.933333333333335vw;
  }
  .Price__FaQHeading {
    margin-bottom: 8.533333333333333vw;
  }
  .Security {
    margin-top: 5.201560468140442vw;
    margin-bottom: 7.802340702210664vw;
  }
  .Security__Heading {
    margin-bottom: 3.120936280884266vw;
    text-align: center;
  }
  .Security__Text {
    margin-bottom: 5.201560468140442vw;
    font-size: 2.600780234070221vw;
    line-height: 1.8;
    text-align: left;
  }
  .Security__Feature {
    margin-bottom: 7.802340702210664vw;
    padding-top: 7.802340702210664vw;
    padding-right: 2.080624187256177vw;
    padding-bottom: 7.802340702210664vw;
    padding-left: 2.080624187256177vw;
  }
  .Security__FeatureHeading {
    margin-bottom: 1.560468140442133vw;
    font-size: 4.161248374512354vw;
    line-height: 1.5;
  }
  .Security__FeatureText {
    margin-bottom: 6.241872561768531vw;
    font-size: 2.600780234070221vw;
    line-height: 1.5;
  }
  .Security__FeaturePoint {
    margin-bottom: 8.322496749024708vw;
    padding: 0;
    background-color: transparent;
  }
  .Security__FeaturePointBody {
    width: calc(100% / 2 - 5px);
    max-width: initial;
    height: initial;
    min-height: initial;
    max-height: initial;
    margin-bottom: 1.30039011703511vw;
    font-size: 2.600780234070221vw;
  }
  .Security__FeaturePointBody img {
    padding: 10px;
  }
  .Security__FeaturePointList {
    width: 100%;
    max-width: initial;
  }
  .Security__FeaturePointEtc {
    right: 5.201560468140442vw;
    bottom: -2.600780234070221vw;
    font-size: 2.600780234070221vw;
  }
  .Security__FeatureDefList {
    flex-direction: column;
  }
  .Security__FeatureDefItem {
    width: 100%;
    padding-top: 5.201560468140442vw;
    padding-right: 2.080624187256177vw;
    padding-bottom: 5.201560468140442vw;
    padding-left: 2.080624187256177vw;
  }
  .Security__FeatureDefItem:not(:last-of-type) {
    margin-bottom: 2.600780234070221vw;
  }
  .Security__FeatureDefHeading {
    margin-bottom: 3.641092327698309vw;
    font-size: 4.161248374512354vw;
    line-height: 1.4;
  }
  .Security__FeatureDefInnerUnit {
    flex-direction: column;
    max-width: 100%;
  }
  .Security__FeatureDefInnerUnit .Security__FeatureDefText span {
    font-size: 0.972222222222222vw;
  }
  .Security__FeatureDefImage {
    height: 26.007802340702213vw;
    margin-bottom: 3.641092327698309vw;
  }
  .Security__FeatureDefImage.-eva {
    width: 100%;
    margin-right: auto;
    margin-bottom: 3.641092327698309vw;
    margin-left: auto;
    padding: 0;
  }
  .Security__FeatureDefImage.-sec {
    width: 100%;
    height: 100%;
    padding: 0 150px;
  }
  .Security__FeatureDefImage.-teacher {
    width: 100%;
    height: 100%;
  }
  .Security__FeatureDefText {
    font-size: 2.080624187256177vw;
    line-height: 1.5;
    text-align: left;
  }
  .Security__FaQList {
    max-width: initial;
    margin-bottom: 5.201560468140442vw;
  }
  .Security__FaQHeading {
    margin-bottom: 5.201560468140442vw;
  }
  .Sitemap {
    margin: 40px auto 60px;
    padding: 0 16px;
  }
  .Sitemap__Link {
    padding-top: 7.466666666666668vw;
    padding-bottom: 7.466666666666668vw;
    font-size: 4.8vw;
  }
  .Sitemap__Link::before {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
    margin-right: 3.2vw;
  }
  .Sitemap__InnerList {
    padding-bottom: 8.533333333333333vw;
    padding-left: 5.333333333333334vw;
  }
  .Sitemap__InnerLink {
    font-size: 3.733333333333334vw;
  }
  .Sitemap__InnerLink::before {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
    margin-right: 3.2vw;
  }
  .Solution {
    margin: 40px auto 0;
    padding: 0 16px;
  }
  .Solution__Heading {
    margin-bottom: 3.2vw;
  }
  .Solution__Text {
    max-width: initial;
    margin-bottom: 5.201560468140442vw;
    font-size: 2.600780234070221vw;
    font-weight: 500;
    line-height: 2;
  }
  .Solution__Collection {
    flex-direction: column;
    margin: 0 0 40px 0;
    padding: 0;
  }
  .Solution__Collection::after {
    display: none;
  }
  .Top__Mv {
    margin-bottom: 15.604681404421328vw;
    padding-top: 15.604681404421328vw;
  }
  .Top__MvFixed {
    display: none;
  }
  .Top__MvFixedNewsCard {
    display: none;
  }
  .Top__MvContainer {
    padding-right: 2.600780234070221vw;
    padding-left: 2.600780234070221vw;
  }
  .Top__MvBlock {
    width: 100%;
  }
  .Top__MvBlock:nth-of-type(1) {
    margin-right: 0;
  }
  .Top__MvBlock:nth-of-type(2) {
    display: none;
  }
  .Top__MvHeading {
    width: 100%;
    margin-bottom: 2.600780234070221vw;
    transform: scale(1.05);
    transform-origin: left;
    font-size: 6.241872561768531vw;
    letter-spacing: 0.01em;
    line-height: 1.25;
    text-align: center;
  }
  .Top__MvHeading span:nth-of-type(1) {
    margin-bottom: 2px;
  }
  .Top__MvCanvas {
    position: static;
    width: 91.02730819245774vw;
    height: 58.517555266579976vw;
    margin-right: auto;
    margin-bottom: 1.560468140442133vw;
    margin-left: auto;
    padding-left: 2.600780234070221vw;
  }
  .Top__MvCatch {
    width: 100%;
    margin-bottom: 4.161248374512354vw;
    padding: 0;
    font-size: 3.641092327698309vw;
    line-height: 1.4;
    text-align: center;
  }
  .Top__MvSubCatch {
    width: 100%;
    margin-bottom: 5.201560468140442vw;
    padding-left: 0;
    font-size: 2.340702210663199vw;
    text-align: center;
  }
  .Top__MvButton {
    width: 100%;
  }
  .Top__About {
    margin-bottom: 19.505851755526656vw;
  }
  .Top__AboutBg {
    width: 100vw;
    height: 146.16384915474643vw;
    margin-top: -13.003901170351106vw;
  }
  .Top__AboutBg::after {
    display: none;
  }
  .Top__AboutContainer {
    flex-direction: column;
    padding-top: 2.600780234070221vw;
    padding-right: 2.600780234070221vw;
    padding-left: 2.600780234070221vw;
  }
  .Top__AboutAssets {
    width: 104.03120936280885vw;
    height: 58.517555266579976vw;
    margin-bottom: 3.641092327698309vw;
  }
  .Top__AboutSolutionUnit {
    display: none;
  }
  .Top__AboutOverviewUnit {
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
  .Top__AboutOverviewHeading {
    margin-bottom: 3.120936280884266vw;
    font-size: 6.762028608582575vw;
    text-align: center;
  }
  .Top__AboutOverviewText {
    margin-bottom: 4.161248374512354vw;
    font-size: 2.600780234070221vw;
    line-height: 1.7;
  }
  .Top__Feature {
    margin-bottom: 60px;
  }
  .Top__FeatureCollection {
    margin-bottom: 32px;
  }
  .Top__FeatureHeading {
    margin-bottom: 36px;
  }
  .Top__Solution {
    margin-bottom: 60px;
  }
  .Top__SolutionLabel {
    margin-bottom: 16px;
    font-size: 2.600780234070221vw;
  }
  .Top__SolutionHeading {
    margin-bottom: 20px;
  }
  .Top__SolutionText {
    margin-bottom: 32px;
    font-size: 2.600780234070221vw;
    text-align: left;
  }
  .Top__SolutionList {
    flex-wrap: wrap;
    height: initial;
    margin-bottom: 12px;
    padding: 0;
    background-color: transparent;
  }
  .Top__SolutionItem {
    width: calc(100% / 2);
    margin-bottom: 40px;
  }
  .Top__SolutionItem.-more {
    display: none;
  }
  .Top__SolutionItem:not(:last-of-type) {
    border: 0;
  }
  .Top__SolutionAnchor img {
    width: 10.666666666666668vw;
    height: 12.266666666666666vw;
  }
  .Top__SolutionItemLabel {
    margin-top: 20px;
    color: #000;
    font-size: 3.733333333333334vw;
    line-height: 1.4;
    text-align: center;
  }
  .Top__Use {
    padding: 40px 0;
  }
  .Top__UseHeading {
    margin-bottom: 32px;
  }
  .Top__FunctionOverview {
    flex-direction: column-reverse;
  }
  .Top__FunctionOverviewMetaUnit {
    width: 100%;
    margin: 0;
  }
  .Top__FunctionOverviewHeading .-pc {
    display: none;
  }
  .Top__FunctionOverviewHeading {
    margin-bottom: 16px;
    font-size: 4.433333333333334vw;
    line-height: 1.5;
    text-align: center;
  }
  .Top__FunctionOverviewText {
    font-size: 2.600780234070221vw;
  }
  .Top__FunctionOverviewAssets {
    width: 100%;
    margin-bottom: 24px;
  }
  .Top__FunctionPostList::after {
    display: none;
  }
  .Top__News {
    padding: 40px 0 60px;
  }
  .Top__NewsHeading {
    margin-bottom: 12px;
  }
  .Top__NewsText {
    margin-bottom: 4.161248374512354vw;
    font-size: 2.600780234070221vw;
    line-height: 1.5;
  }
  .Top__NewsPostList {
    margin-bottom: 32px;
  }
}
@media (max-width: 415px) {
  html {
    -ms-overflow-style: initial;
    scrollbar-width: initial;
    font-size: 2.666666666666667vw;
  }
  html::-webkit-scrollbar {
    display: initial;
  }
  .Breadcrumb {
    padding-top: 4.266666666666667vw;
    padding-right: 4.266666666666667vw;
    padding-bottom: 4.266666666666667vw;
    padding-left: 4.266666666666667vw;
  }
  .Breadcrumb__Item {
    font-size: 2.666666666666667vw;
  }
  .Breadcrumb__Item:not(:last-of-type)::after {
    right: -2.933333333333333vw;
    width: 1.333333333333333vw;
    height: 1.333333333333333vw;
    border-width: 1px;
  }
  .Breadcrumb__Link {
    font-size: 2.666666666666667vw;
  }
  .Button.-large {
    height: 16vw;
    font-size: 4.266666666666667vw;
  }
  .Button.-large::after {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .Button.-medium {
    width: 74.66666666666667vw;
    height: 14.399999999999999vw;
    font-size: 3.733333333333334vw;
  }
  .Button.-medium::after {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
  }
  .ContactBanner__Text {
    margin-bottom: 5.333333333333334vw;
    font-size: 4.533333333333333vw;
  }
  .FaqCard::after {
    top: 6.133333333333333vw;
    right: 4vw;
    width: 3.2vw;
    height: 3.2vw;
  }
  .FaqCard:not(:last-of-type) {
    margin-bottom: 3.2vw;
  }
  .FaqCard__Heading {
    padding-top: 5.333333333333334vw;
    padding-right: 10.666666666666668vw;
    padding-bottom: 5.333333333333334vw;
    padding-left: 12vw;
    font-size: 3.733333333333334vw;
  }
  .FaqCard__Heading::before {
    left: 3.466666666666666vw;
    font-size: 7.466666666666668vw;
  }
  .FaqCard__Answer {
    padding-top: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 5.333333333333334vw;
    padding-left: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
  }
  .FeaturePointCard__Heading {
    margin-bottom: 3.2vw;
    font-size: 4.8vw;
    line-height: 1.6;
  }
  .FeaturePointCard__Text {
    font-size: 3.733333333333334vw;
  }
  .FeaturePointCard__MoreButton {
    font-size: 3.466666666666666vw;
  }
  .FeatureUseCard__Asstes.-sp-small {
    width: 70%;
  }
  .FeatureUseCard__Heading {
    font-size: 5.333333333333334vw;
  }
  .FeatureUseCard__Desc {
    font-size: 3.733333333333334vw;
  }
  .FeatureUseCard__Link {
    font-size: 3.733333333333334vw;
  }
  .FunctionCard {
    padding-top: 6.4vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 6.4vw;
    padding-left: 5.333333333333334vw;
  }
  .FunctionCard__Icon {
    width: 12.8vw;
    height: 12.8vw;
  }
  .FunctionCard__Heading {
    margin-bottom: 3.2vw;
    font-size: 4.8vw;
  }
  .FunctionCard__Label {
    font-size: 3.2vw;
  }
  .Heading {
    font-size: 5.866666666666666vw;
  }
  .Heading.-large {
    font-size: 5.333333333333334vw;
  }
  .LowerHead {
    height: 40vw;
    padding-top: 14.933333333333335vw;
  }
  .LowerHead::after {
    width: 94.13333333333334vw;
    height: 94.93333333333334vw;
    margin-top: 10.666666666666668vw;
  }
  .LowerHead__Heading {
    font-size: 5.333333333333334vw;
  }
  .MenuButton {
    width: 6.666666666666667vw;
    height: 3.2vw;
  }
  .MenuButton__Line.-active:nth-of-type(1) {
    top: 1.6vw;
  }
  .MenuButton__Line.-active:nth-of-type(3) {
    top: 1.6vw;
  }
  .MenuButton__Line:nth-of-type(2) {
    top: 1.6vw;
  }
  .MenuButton__Line:nth-of-type(3) {
    top: 3.2vw;
  }
  .Modal__Body {
    height: 146.66666666666666vw;
    max-height: 146.66666666666666vw;
    font-size: 4vw;
  }
  .Modal__CloseButton {
    font-size: 3.733333333333334vw;
  }
  .NewsCard__Date {
    font-size: 3.2vw;
  }
  .NewsCard__Heading {
    font-size: 3.733333333333334vw;
  }
  .SinglePageIndex__Link {
    font-size: 4.266666666666667vw;
  }
  .SinglePageIndex__Link::after {
    right: 5.333333333333334vw;
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
  }
  .SingleContent > ul li {
    font-size: 3.733333333333334vw;
  }
  .SingleContent > ol li {
    font-size: 3.733333333333334vw;
  }
  .SingleContent > p > a {
    font-size: 3.733333333333334vw;
  }
  .SingleContent .wp-block-buttons .wp-block-button__link {
    font-size: 3.733333333333334vw;
  }
  .SingleContent .wp-block-buttons .wp-block-button__link::after {
    right: 5.333333333333334vw;
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
  }
  .SingleContent .wp-block-columns h2 {
    margin-bottom: 3.2vw;
    font-size: 4.8vw;
  }
  .SingleContent .wp-block-columns p {
    font-size: 3.733333333333334vw;
  }
  .SingleContent .wp-block-columns .wp-block-image {
    height: 53.333333333333336vw;
  }
  .SingleContent table thead th {
    font-size: 3.466666666666666vw;
  }
  .SingleContent table tbody td {
    font-size: 3.466666666666666vw;
  }
  .SingleContent > p {
    margin-bottom: 6.4vw;
    font-size: 3.733333333333334vw;
  }
  .SingleContent > figure {
    margin-top: 8.533333333333333vw;
    margin-bottom: 8.533333333333333vw;
  }
  .SingleContent > figure img {
    height: 53.333333333333336vw;
  }
  .SingleContent .CustomBlock__h3Heading {
    margin-bottom: 6.4vw;
    padding-top: 4.266666666666667vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 4.266666666666667vw;
    padding-left: 8.533333333333333vw;
    font-size: 4.266666666666667vw;
  }
  .SingleContent .CustomBlock__h3Heading::after {
    width: 3.2vw;
  }
  .SingleContent .CustomBlock__h4Heading {
    margin-bottom: 6.4vw;
    font-size: 4.266666666666667vw;
  }
  .SingleContent .CustomBlock__FuncHeading {
    font-size: 6.4vw;
  }
  .SingleContent .CustomBlock__FuncDesc {
    margin-top: 4.266666666666667vw;
    font-size: 3.733333333333334vw;
  }
  .SingleContent .CustomBlock__CardHeading {
    font-size: 4.266666666666667vw;
  }
  .SingleContent .CustomBlock__CardText {
    font-size: 3.733333333333334vw;
  }
  .SolutionCard__Icon {
    width: 10.594666666666667vw;
    height: 12.8vw;
  }
  .SolutionCard__Heading {
    font-size: 6.4vw;
  }
  .SolutionCard__UsageItem {
    min-width: 32vw;
    font-size: 2.933333333333333vw;
  }
  .SolutionCard__Desc {
    font-size: 3.733333333333334vw;
  }
  .SolutionCard__BeforePublic {
    font-size: 2.666666666666667vw;
  }
  .SolutionDetail__MvHeading {
    font-size: 5.333333333333334vw;
  }
  .SolutionDetail__MvCapture {
    height: 53.333333333333336vw;
  }
  .SolutionDetail__MvDesc {
    font-size: 3.733333333333334vw;
  }
  .SolutionSecondaryCard {
    height: 29.333333333333332vw;
    margin-bottom: 2.666666666666667vw;
  }
  .SolutionSecondaryCard::after {
    font-size: 3.733333333333334vw;
  }
  .SolutionSecondaryCard__Icon {
    width: 8vw;
    height: 8vw;
    margin-bottom: 5.333333333333334vw;
  }
  .SolutionSecondaryCard__Caption {
    font-size: 3.733333333333334vw;
  }
  .Contact {
    margin-top: 10.666666666666668vw;
    margin-bottom: 16vw;
  }
  .Contact__Text {
    margin-bottom: 6.4vw;
    font-size: 3.733333333333334vw;
  }
  .Contact__FormList {
    margin-bottom: 10.666666666666668vw;
  }
  .Contact__FormItem:not(:last-of-type) {
    margin-bottom: 5.333333333333334vw;
  }
  .Contact__FormHead {
    margin-bottom: 3.2vw;
    font-size: 3.733333333333334vw;
  }
  .Contact__FormHead.-required::after {
    margin-left: 3.2vw;
    font-size: 3.2vw;
  }
  .Contact__FormBody.-radio {
    padding-left: 6.4vw;
  }
  .Contact__FormBody.-radio .Contact__FormRadioWrap {
    margin-right: 10.666666666666668vw;
    margin-bottom: 5.333333333333334vw;
  }
  .Contact__FormBody.-threeDiv .Contact__FormWrap {
    font-size: 3.733333333333334vw;
  }
  .Contact__FormBody.-threeDiv .Contact__FormWrap:not(:last-of-type) {
    margin-right: 2.133333333333333vw;
  }
  .Contact__FormBody.-secondDiv .Contact__FormWrap {
    font-size: 3.2vw;
  }
  .Contact__FormBody.-secondDiv .Contact__FormWrap:not(:last-of-type) {
    margin-right: 5.333333333333334vw;
  }
  .Contact__FormBody.-secondDiv .Contact__FormInnerLabel {
    margin-right: 2.133333333333333vw;
  }
  .Contact__FormInput {
    padding: 16px;
  }
  .Contact__FormInput:-ms-input-placeholder {
    font-size: 3.733333333333334vw;
  }
  .Contact__FormInput::placeholder {
    font-size: 3.733333333333334vw;
  }
  .Contact__FormTextArea:-ms-input-placeholder {
    font-size: 3.733333333333334vw;
  }
  .Contact__FormTextArea::placeholder {
    font-size: 3.733333333333334vw;
  }
  .Contact__FormRadioText,
  .Contact__AgrmtText {
    padding-left: 1.066666666666667vw;
    font-size: 3.733333333333334vw;
  }
  .Contact__FormRadioText::after,
  .Contact__AgrmtText::after {
    left: -5.066666666666666vw;
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .Contact__FormRadioText::before,
  .Contact__AgrmtText::before {
    left: -6.4vw;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
  .Contact__Agrmt {
    margin-bottom: 12.8vw;
  }
  .Contact__AgrmtText {
    font-size: 3.733333333333334vw;
  }
  .Contact__AgrmtHeading {
    margin-bottom: 6.4vw;
    font-size: 4.266666666666667vw;
  }
  .Contact__AgrmtTerms {
    height: 53.333333333333336vw;
    max-height: 53.333333333333336vw;
    margin-bottom: 8.533333333333333vw;
    font-size: 3.2vw;
  }
  .Contact__FormError {
    margin-top: 1.066666666666667vw;
    font-size: 2.666666666666667vw;
  }
  .Confirm {
    margin-top: 10.666666666666668vw;
    margin-bottom: 16vw;
  }
  .Confirm__List {
    margin-bottom: 8.533333333333333vw;
  }
  .Confirm__Item:not(:last-of-type) {
    margin-bottom: 6.4vw;
    padding-bottom: 6.4vw;
  }
  .Confirm__Head {
    margin-bottom: 3.2vw;
    font-size: 3.2vw;
  }
  .Confirm__Value {
    font-size: 4vw;
  }
  .Thanks,
  .Error,
  .Close {
    margin-top: 10.666666666666668vw;
    margin-bottom: 16vw;
  }
  .Thanks__Heading,
  .Error__Heading,
  .Close__Heading {
    font-size: 5.333333333333334vw;
  }
  .Thanks__Text,
  .Error__Text,
  .Close__Text {
    font-size: 3.733333333333334vw;
  }
  .Container {
    padding-right: 5.333333333333334vw;
    padding-left: 5.333333333333334vw;
  }
  .Developer {
    margin-top: 14.933333333333335vw;
  }
  .Developer__Mv {
    min-height: initial;
    margin-bottom: 26.666666666666668vw;
  }
  .Developer__MvBg {
    width: 100%;
    height: 130vw;
  }
  .Developer__MvBg .-md {
    display: none;
  }
  .Developer__MvBg .-sp {
    display: block;
  }
  .Developer__MvBody {
    padding-top: 10.666666666666668vw;
    padding-right: 5.333333333333334vw;
    padding-left: 5.333333333333334vw;
  }
  .Developer__MvHeading {
    width: 100%;
    margin-bottom: 6.4vw;
  }
  .Developer__MvHeadingBody.-large {
    margin-bottom: 2.133333333333333vw;
    padding-left: 0;
    font-size: 9.966666666666668vw;
    text-align: left;
  }
  .Developer__MvHeadingBody.-small {
    font-size: 7.466666666666668vw;
    text-align: left;
  }
  .Developer__MvText {
    margin-bottom: 8.533333333333333vw;
    font-size: 3.733333333333334vw;
    text-align: left;
  }
  .Developer__MvButtonUnit {
    flex-direction: column;
  }
  .Developer__MvButton:not(:last-of-type) {
    margin: 0 0 3.3vw 0;
  }
  .Developer__Head {
    margin-bottom: 10.666666666666668vw;
  }
  .Developer__HeadAssets {
    width: 91.46666666666667vw;
    height: 71.09066666666666vw;
    margin-bottom: 5.333333333333334vw;
  }
  .Developer__HeadHeading {
    margin-bottom: 4.266666666666667vw;
    font-size: 5.333333333333334vw;
  }
  .Developer__HeadText {
    font-size: 3.733333333333334vw;
    text-align: left;
  }
  .Developer__Point {
    margin-bottom: 16vw;
  }
  .Developer__PointItem {
    padding-top: 12.8vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 8.533333333333333vw;
    padding-left: 5.333333333333334vw;
  }
  .Developer__PointItem:not(:last-of-type) {
    margin-bottom: 4.266666666666667vw;
  }
  .Developer__PointLabel {
    padding: 8px;
    font-size: 3.2vw;
  }
  .Developer__PointAssets {
    width: 48vw;
    height: 48vw;
    margin-bottom: 5.333333333333334vw;
  }
  .Developer__PointHeading {
    margin-bottom: 5.333333333333334vw;
    font-size: 4.8vw;
  }
  .Developer__PointText {
    font-size: 3.733333333333334vw;
  }
  /*.Developer__Figure {
    width: 100%;
    height: 53.333333333333336vw;
    margin-bottom: 16vw;
  }*/
  .Developer__Figure {
    display: none;
  }
  .Developer__Figure__sp {
    display: block;
    margin: 10vw auto 16vw;
  }
  .Developer__Figure__sp img {  
	height: auto;
	width: 100%;
  }
  .Developer__DocsHeading {
    margin-bottom: 10.666666666666668vw;
  }
  .Developer__DocsCard {
    height: 29.333333333333332vw;
    margin-bottom: 2.666666666666667vw;
  }
  .Developer__DocsCard::after {
    font-size: 3.733333333333334vw;
  }
  .Developer__DocsIcon {
    height: 8vw;
    margin-bottom: 5.333333333333334vw;
  }
  .Developer__DocsCaption {
    font-size: 3.733333333333334vw;
  }
  .Developer__Text {
    max-width: initial;
    margin-bottom: 10vw;
    font-size: 3.733333333333334vw;
    font-weight: 500;
    line-height: 2;
  }
  .Developer__Text a {
    margin-top: 2vw;
    padding-bottom: 1vw;
  }
  .Feature {
    margin-top: 14.933333333333335vw;
  }
  .Feature__MvText {
    line-height: 1.8;
  }
  .Feature__SpPointAnchor__Item:not(:last-of-type) {
    margin-bottom: 3.2vw;
  }
  .Feature__SpPointAnchor__Link {
    padding-top: 4.266666666666667vw;
    padding-right: 10.666666666666668vw;
    padding-bottom: 4.266666666666667vw;
    padding-left: 13.333333333333334vw;
    font-size: 3.733333333333334vw;
  }
  .Feature__SpPointAnchor__Link::after {
    right: 5.333333333333334vw;
    width: 2.4vw;
    height: 2.4vw;
  }
  .Feature__SpPointAnchor__Link::before {
    left: 4vw;
    font-size: 5.333333333333334vw;
  }
  .Feature__PointSection:not(:last-of-type) {
    margin-bottom: 13.866666666666665vw;
  }
  .Feature__PointHeadingUnit {
    margin-bottom: 8.533333333333333vw;
  }
  .Feature__PointHeading {
    margin-bottom: 4.266666666666667vw;
    font-size: 5.866666666666666vw;
  }
  .Feature__PointDesc {
    font-size: 4vw;
  }
  .Feature__PointItem:not(:last-of-type) {
    margin-bottom: 12.8vw;
  }
  .Feature__PointInnerHeading {
    margin-bottom: 4.266666666666667vw;
    font-size: 5.866666666666666vw;
  }
  .Feature__PointInnerText {
    font-size: 4vw;
    line-height: 1.8;
  }
  .Feature__PointInnerLink {
    margin-top: 3.2vw;
    font-size: 3.466666666666666vw;
  }
  .Feature__PointAsset {
    width: 90%;
    margin-bottom: 6.666666666666667vw;
  }
  .Footer__HeadLink {
    font-size: 3.2vw;
  }
  .Footer__BottomLink {
    font-size: 3.2vw;
  }
  .Footer__BottomCopyright {
    font-size: 2.7vw;
	line-height: 1.4;
	text-align: center;
  }
  .FunctionDetail__MvHeading {
    font-size: 5.333333333333334vw;
  }
  .FunctionDetail__MvDesc {
    font-size: 3.733333333333334vw;
    text-align: justify;
  }
  .FunctionDetail__MvCapture {
    width: 80vw;
    height: 61.192vw;
    margin-bottom: 6.4vw;
  }
  .Function__OverviewText {
    font-size: 3.733333333333334vw;
  }
  .Footer__Bottom small {
    width: 100%;
  }
  .Header {
    height: 14.933333333333335vw;
  }
  .Header__LogoImage {
    width: 45.666666666666668vw;
    height: 15.133333333333333vw;
  }
  .Header__LogoText {
    top: -0.533333333333333vw;
    margin-top: 2.133333333333333vw;
    margin-left: 1.6vw;
    font-size: 3.733333333333334vw;
  }
  .Header__Link::after {
    width: 1.866666666666667vw;
    height: 1.866666666666667vw;
  }
  .NewsDetail {
    margin-top: 10.666666666666668vw;
    margin-bottom: 16vw;
  }
  .NewsDetail__Container {
    max-width: 91.46666666666667vw;
    margin-top: -26.666666666666668vw;
    margin-bottom: 16vw;
    padding-top: 8.533333333333333vw;
    padding-right: 5.333333333333334vw;
    padding-bottom: 8.533333333333333vw;
    padding-left: 5.333333333333334vw;
  }
  .NewsDetail__Thumbnail.-noPost {
    height: 48vw;
  }
  .NewsDetail__Thumbnail {
    height: 66.66666666666666vw;
  }
  .NewsDetail__Date {
    margin-bottom: 5.333333333333334vw;
    font-size: 3.466666666666666vw;
  }
  .NewsDetail__Heading {
    margin-bottom: 5.333333333333334vw;
    font-size: 3.466666666666666vw;
  }
  .NewsDetail__Content .wp-block-button__link {
    height: 16vw;
    font-size: 4.266666666666667vw;
  }
  .NewsDetail__Content .wp-block-button__link::after {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .NewsDetail__Content h2 {
    margin-bottom: 8.533333333333333vw;
    font-size: 4.8vw;
  }
  .NewsDetail__Content h3,
  .NewsDetail__Content h4,
  .NewsDetail__Content h5,
  .NewsDetail__Content h6 {
    margin-bottom: 8.533333333333333vw;
    font-size: 4.266666666666667vw;
  }
  .NewsDetail__Content > p {
    margin-bottom: 6.4vw;
    font-size: 3.733333333333334vw;
  }
  .NewsDetail__Content .wp-block-image {
    height: 53.333333333333336vw;
    margin-bottom: 8.533333333333333vw;
  }
  .NewsDetail__Content .wp-block-quote > p {
    font-size: 3.2vw;
  }
  .Price__Text {
    margin-bottom: 12.8vw;
    font-size: 3.733333333333334vw;
  }
  .Price__Block.-sp-large .Price__OptionTable {
    min-width: 133.33333333333331vw;
  }
  .Price__Block.-sp-large .Price__OptionTable .-top {
    min-width: 32vw;
  }
  .Price__Block.-sp-large .Price__OptionTbody td {
    min-width: 53.333333333333336vw;
  }
  .Price__FixedAmountContainer,
  .Price__Notice {
    width: 100vw;
  }
  .Price__NoticeBody::before {
    font-size: 3.2vw;
  }
  .Price__NoticeBody {
    font-size: 3.2vw;
  }
  .Price__NoticeBody:not(:last-of-type) {
    margin-bottom: 0.533333333333333vw;
  }
  .Price__FixedAmountItem {
    width: 40vw;
    font-size: 3.733333333333334vw;
  }
  .Price__FixedAmountItem:not(:last-of-type)::after {
    right: -8vw;
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
  }
  .Price__FixedAmountHead {
    padding-top: 4.266666666666667vw;
    padding-bottom: 4.266666666666667vw;
    font-size: 4.266666666666667vw;
  }
  .Price__FixedAmountPrice {
    padding-top: 4.266666666666667vw;
    padding-bottom: 4.266666666666667vw;
    font-size: 6.4vw;
  }
  .Price__FixedAmountPrice span {
    font-size: 4.266666666666667vw;
  }
  .Price__DefText {
    font-size: 3.2vw;
  }
  .Price__DefHeading {
    padding-top: 4.8vw;
    padding-bottom: 4.8vw;
    font-size: 3.733333333333334vw;
  }
  .Price__DefDesc {
    padding-top: 4.8vw;
    padding-bottom: 4.8vw;
    font-size: 3.733333333333334vw;
  }
  .Price__OptionTable {
    min-width: 100vw;
  }
  .Price__OptionTable .-top {
    font-size: 3.2vw;
  }
  .Price__OptionTable .-large {
    font-size: 4.8vw;
  }
  .Price__OptionTable .-small {
    font-size: 3.2vw;
  }
  .Price__OptionTable .-xsmall {
    font-size: 2.666666666666667vw;
  }
  .Price__OptionTable .-text {
    font-size: 3.2vw;
  }
  .Price__OptionThead th {
    font-size: 3.733333333333334vw;
  }
  .Price__OptionThead th span {
    font-size: 5.333333333333334vw;
  }
  .Price__OptionTbody td {
    width: 26.666666666666668vw;
    font-size: 4.266666666666667vw;
  }
  .Price__ContactBanner {
    margin-bottom: 16vw;
  }
  .Security {
    margin-top: 10.666666666666668vw;
    margin-bottom: 16vw;
  }
  .Security__Heading {
    margin-bottom: 5.333333333333334vw;
  }
  .Security__Text {
    margin-bottom: 10.666666666666668vw;
    font-size: 3.733333333333334vw;
  }
  .Security__Feature {
    margin-bottom: 10.666666666666668vw;
    padding-top: 8.533333333333333vw;
    padding-right: 4.266666666666667vw;
    padding-bottom: 8.533333333333333vw;
    padding-left: 4.266666666666667vw;
  }
  .Security__FeatureHeading {
    margin-bottom: 3.2vw;
    font-size: 5.333333333333334vw;
  }
  .Security__FeatureText {
    margin-bottom: 6.4vw;
    font-size: 3.733333333333334vw;
  }
  .Security__FeaturePoint {
    margin-bottom: 12.8vw;
  }
  .Security__FeaturePointBody {
    margin-bottom: 2.666666666666667vw;
    font-size: 3.2vw;
  }
  .Security__FeaturePointEtc {
    right: 2.666666666666667vw;
    bottom: -4vw;
    font-size: 3.2vw;
  }
  .Security__FeatureDefItem {
    padding-top: 10.666666666666668vw;
    padding-right: 4.266666666666667vw;
    padding-bottom: 10.666666666666668vw;
    padding-left: 4.266666666666667vw;
  }
  .Security__FeatureDefItem:not(:last-of-type) {
    margin-bottom: 5.333333333333334vw;
  }
  .Security__FeatureDefHeading {
    margin-bottom: 8.533333333333333vw;
    font-size: 5.333333333333334vw;
  }
  .Security__FeatureDefInnerUnit .Security__FeatureDefText span {
    font-size: 3.2vw;
  }
  .Security__FeatureDefImage {
    height: 100%;
    margin-bottom: 7.466666666666668vw;
  }
  .Security__FeatureDefImage.-eva {
    width: 37.333333333333336vw;
    margin-bottom: 7.466666666666668vw;
  }
  .Security__FeatureDefImage.-sec {
    padding: 0 30px;
  }
  .Security__FeatureDefText {
    font-size: 3.733333333333334vw;
  }
  .Security__FaQList {
    margin-bottom: 10.666666666666668vw;
  }
  .Security__FaQHeading {
    margin-bottom: 8.533333333333333vw;
  }
  .Solution__Text {
    margin-bottom: 10.666666666666668vw;
    font-size: 3.733333333333334vw;
  }
  .Top__Mv {
    margin-bottom: 21.333333333333336vw;
    padding-top: 26.666666666666668vw;
  }
  .Top__MvContainer {
    padding-right: 5.333333333333334vw;
    padding-left: 5.333333333333334vw;
  }
  .Top__MvHeading {
    margin-bottom: 4.266666666666667vw;
    font-size: 6.0vw;
  }
  .Top__MvCanvas {
    width: 85.33333333333334vw;
    height: 53.821333333333335vw;
    margin-bottom: 2.133333333333333vw;
    padding-left: 2.666666666666667vw;
  }
  .Top__MvCatch {
    margin-bottom: 3.2vw;
    font-size: 3.733333333333334vw;
  }
  .Top__MvSubCatch {
    margin-bottom: 8.533333333333333vw;
    font-size: 3.2vw;
  }
  .Top__About {
    margin-bottom: 22vw;
    padding-bottom: 22vw;
  }
  .Top__AboutBg {
    width: 100vw;
    height: 218.66666666666666vw;
    margin-top: -13.333333333333334vw;
  }
  .Top__AboutContainer {
    padding-top: 5.333333333333334vw;
    padding-right: 4.266666666666667vw;
    padding-left: 4.266666666666667vw;
  }
  .Top__AboutAssets {
    width: 85.33333333333334vw;
    height: 64vw;
    margin-bottom: 7.466666666666668vw;
  }
  .Top__AboutOverviewHeading {
    margin-bottom: 6.4vw;
    font-size: 8.533333333333333vw;
    text-align: center;
  }
  .Top__AboutOverviewText {
    margin-bottom: 6.4vw;
    font-size: 4.266666666666667vw;
  }
  .Top__SolutionLabel {
    font-size: 5.333333333333334vw;
  }
  .Top__SolutionText {
    font-size: 3.733333333333334vw;
  }
  .Top__Function {
    margin: 60px 0;
  }
  .Top__FunctionOverviewText {
    font-size: 3.733333333333334vw;
  }
  .Top__NewsText {
    margin-bottom: 8.533333333333333vw;
    font-size: 3.733333333333334vw;
  }
}

/* 2023/06/16 お役立ち情報　パートナー　ページ追加 */

.sp {
  display: none;
}
.Header__Item.-partner a,
.Header__Item.-useful-info a {
  border: 1px solid #aaa;
  border-radius: 0.2vw;
  font-size: 0.82vw;
  padding: 0.3vw 0.9vw 0.35vw;
  transition: 0.225s;
}
.Header__Item.-partner a:hover,
.Header__Item.-useful-info a:hover {
  background: #005d7b;
  border: 1px solid #005d7b;
  color: #fff;
  transition: 0.225s;
}
.Useful-Info, .Partner {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
}
.Useful-Info__Container,
.Partner__Container {
  margin: 60px auto 0;
  width: 83.33333333333334vw;
}
.Useful-Info__Heading,
.Partner__Heading {
  margin-bottom: 4vw;
}
.Useful-Info__Text,
.Partner__Text {
  margin-bottom: 2vw;
  font-size: 1.1vw;
  text-align: center;
}
.Useful-Info h2,
.Partner h2 {
  line-height: 1.5 !important;
}
.Useful-Info__Unit,
.Partner__Unit {
  display: flex;
  flex-wrap: wrap; 
  justify-content: center;
  margin-bottom: 8vw;
}
.Useful-Info .Useful-Info__Unit a {
  transition: 0.2s;
}
.Useful-Info .Useful-Info__Unit a:hover {
  opacity: 0.7;
  transition: 0.2s;
}
.Useful-Info__Unit .Useful-Info__Item:first-of-type {
  margin: 0 1.5vw 2vw;
}
.Useful-Info__Unit .Useful-Info__Item {
  background: #fff;
  border-radius: 8px;
  margin: 0 1.5vw 3vw;
  width: 65vw;
}
.Useful-Info__Unit .Useful-Info__Item dl,
.Partner__Unit .Partner__Item dl {
  border-radius: 0.3vw;
  display: flex;
  justify-content: space-around;
}
.Useful-Info__Unit .Useful-Info__Item dt {
  border-radius: 8px 0 0 8px;
  border-right: 1px solid #eee;
  width: 40%;
}
.Useful-Info__Unit .Useful-Info__Item dt img {
  border-radius: 8px 0 0 8px;
  hight: auto;
  object-fit: cover;
  width: 100%;
}
.Useful-Info__Unit .Useful-Info__Item dd {
  padding: 1.8vw 2.5vw;
  width: 60%;
}
.Useful-Info__Unit .Useful-Info__Item dd h3 {
  font-size: 1.666666666666667vw;
  margin-bottom: 0.5vw;
}
.Useful-Info__Unit .Useful-Info__Item dd p {
  font-size: 1.041666666666667vw;
  text-align: justify;
}
.Useful-Info__Unit a.Useful-Info__Item.col3 {
  margin: 0 1.2vw 2vw;
  width: 30%;
}
.Useful-Info__Unit .Useful-Info__Item.col3 dl {
  display: block;
  padding: 1vw;
  width: 100%;
}
.Useful-Info__Unit .Useful-Info__Item.col3 dt,
.Useful-Info__Unit .Useful-Info__Item.col3 dd {
  width: 100%;
}
.Useful-Info__Unit .Useful-Info__Item.col3 dt {
  border-radius: 0.3vw;
  border-right: none;
  margin-bottom: 0.6vw;
}
.Useful-Info__Unit .Useful-Info__Item.col3 dt img {
  border: 1px solid #eee;
  border-radius: 0.3vw;
}
.Useful-Info__Unit .Useful-Info__Item.col3 dd {
  padding: 0;
}
.Useful-Info__Unit .Useful-Info__Item.col3 dd h3 {
  font-size: 1.388888888888889vw;
  margin-bottom: 0.6vw;
}
.Useful-Info__Unit .Useful-Info__Item.col3 dd p {
  font-size: 1.041666666666667vw;
  margin-bottom: 0.8vw;
}
.Useful-Info__Container .facebook {
  border: 1px solid #ddd;
  border-radius: 8px;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  width: 500px;
}
.Partner__Text.mb7vw {
  margin-bottom: 7vw;
}
.Partner__Text a {
  color: #005d7b;
  position: relative;
}
.Partner__Text a::after {
  border-right: 2px solid;
  border-bottom: 2px solid;
  content: "";
  height: 0.555555555555556vw;
  position: absolute;
   top: 50%;
   right: -20px;
  transform: translateY(-50%) rotate(45deg);
  transition: border-color 0.225s;
  width: 0.555555555555556vw;
}
.Partner__Unit .Partner__Item {
  background: #fff;
  border-radius: 0.3vw;
  display: flex;
  justify-content: center;
  margin: 0 1.5vw 1.5vw;
  width: 65vw;
}
.Partner__Unit .Partner__Item dt {
  padding: 1.5vw 0 1.5vw 2.5vw;
  width: 36%;
}
.Partner__Unit .Partner__Item dt a img {
  transition: 0.2s;
}
.Partner__Unit .Partner__Item dt a:hover img {
  opacity: 0.7;
  transition: 0.2s;
}
.Partner__Unit .Partner__Item dt img {
  border-radius: 0.3vw;
  hight: auto;
  object-fit: cover;
  width: 100%;
}
.Partner__Unit .Partner__Item dd {
  padding: 1.8vw 2vw;
  width: 64%;
}
.Partner .Partner__Item dd h3 {
  font-size: 1.4vw;
  margin-bottom: 0.8vw;
}
.Partner__Unit .Partner__Item dd p {
  font-size: 0.95vw;
  margin-bottom: 0.8vw;
}
.Partner__Unit .Button.-medium {
  height: 3.3vw;
  font-size: 0.8vw;
  width: 40%;
}
.Partner__Unit .Button::after {
  right: 15px;
}
.Partner__Unit .Partner__Item dd a.link {
  color: #005d7b;
  display: block;
  font-size: 0.95vw;
  margin-bottom: 1vw;
  text-decoration: underline;
}
.Partner_Btn_2col {
  display: flex;
  justify-content: space-around;
  width: 40vw;
}
.Partner_Btn_2col .Button.-medium {
  width: 100%;
}
.Partner_Btn_2col div {
  width: 18vw;
}
.Partner_Btn_2col div p {
  font-size: 0.75vw;
  margin-top: 0.5vw;
  text-align: center;
}
.Partner__Unit .sdp img {
  border: 1px solid #ddd;
  margin-bottom: 2vw;
  width: 800px;
}

@media (max-width: 769px) {
.pc {
  display: none;
}
.sp {
  display: block;
}
.Header__Item.-useful-info,
.Header__Item.-partner {
  border-bottom: 1px solid rgba(19,19,19,0.1);
}
.Header__Item.-useful-info a,
.Header__Item.-partner a {
  display: block;
  position: relative;
  padding-top: 3.5vw !important;
  padding-right: 5.333333333333334vw !important;
  padding-bottom: 3.5vw !important;
  padding-left: 5.333333333333334vw !important;
  font-size: 3.733333333333334vw !important;
}
.Header__Item.-partner a,
.Header__Item.-useful-info a {
  background: #fff;
  border: none !important;
  color: #161616;
}
.Header__Item.-partner a:hover,
.Header__Item.-useful-info a:hover {
  background: #fff;
  color: #005d7b;
}
.Useful-Info__Container,
.Partner__Container {
  margin: 15vw auto 0;
  padding: 0 5vw;
  width: 100vw;
}
.Useful-Info__Heading,
.Partner__Heading {
  margin-bottom: 5.333333333333334vw;
}
.Useful-Info__Unit .Useful-Info__Item {
  display: block;
  margin: 0;
  padding: 5vw;
  width: 100%;
}
.Useful-Info__Unit .Useful-Info__Item:not(:last-of-type),
.Useful-Info__Unit .Useful-Info__Item.col3:not(:last-of-type) {
  margin-bottom: 7vw;
}
.Useful-Info__Unit a.Useful-Info__Item.col3 {
  margin: 0;
  padding: 4vw;
  width: 100%;
}
.Useful-Info__Unit a.Useful-Info__Item.col3:not(:last-of-type) {
  margin-right: 0;
}
.Useful-Info__Unit .Useful-Info__Item dl {
  display: block;
}
.Useful-Info__Unit .Useful-Info__Item dt,
.Useful-Info__Unit .Useful-Info__Item dd {
  width: 100%
}
.Useful-Info__Unit .Useful-Info__Item dd h3, 
.Useful-Info__Unit .Useful-Info__Item.col3 dd h3 {
  font-size: 4.5vw;
  margin-bottom: 3vw;
  text-align: center;
}
.Useful-Info__Unit .Useful-Info__Item dd p,
.Useful-Info__Unit .Useful-Info__Item.col3 dd p {
  font-size: 3.5vw;
}
.Useful-Info__Unit .Useful-Info__Item dt,
.Useful-Info__Unit .Useful-Info__Item.col3 dt {
  border: none;
  border-radius: 1.4vw;
  margin-bottom: 4vw;
}
.Useful-Info__Unit .Useful-Info__Item dt img,
.Useful-Info__Unit .Useful-Info__Item.col3 dt img {
  border: 1px solid #eee;
  border-radius: 1.4vw;
}
.Useful-Info__Container .facebook {
  height: 70vw;
  margin: 0;
  width: 100%;
}
.Partner__Unit .Partner__Item dt {
  padding: 4vw 4vw 0;
  width: 100%;
}
.Partner__Unit .Partner__Item dt img {
  border-radius: 1.2vw;
}
.Partner__Unit .Partner__Item dd {
  padding: 4vw;
  width: 100%;
}
.Partner__Text {
  font-size: 3.2vw;
}
.Partner__Text a {
  font-size: 3.5vw;
}
.Partner__Text a::after {
  height: 2vw;
  position: absolute;
   right: -3vw;
  width: 2vw;
}
.Partner__Unit .Partner__Item {
  border-radius: 0.3vw;
  display: block;
  margin: 0 0 7vw;
  width: 100%;
}
.Partner .Partner__Item dd h3 {
  font-size: 4.5vw;
  margin-bottom: 3vw;
  text-align: center;
}
.Partner__Unit .Partner__Item dd p,
.Partner__Unit .Partner__Item dd a.link {
  font-size: 3.5vw;
  margin-bottom: 4vw;
}
.Partner__Unit .Partner__Item dd a.link {
  text-align: center;
}
.Partner__Unit .Button.-medium {
  font-size: 3.7vw;
  height: 12vw;
  margin: 0 auto 2vw;
  width: 100%;
}
.Partner_Btn_2col {
  display: block;
  width: 100%;
}
.Partner_Btn_2col div {
  margin: 3vw auto 0;
  width: 100%;
}
.Partner_Btn_2col div p {
  font-size: 2.5vw;
  text-align: center;
}
.Partner__Unit .sdp img {
  width: 100%;
}
.Footer__HeadListUnit {
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  width: 100%;
}
.Footer__HeadListUnit .Footer__HeadList {
  width: 30%;
}
}

/* 2023/06/16 無料トライアル　ページ追加 */

/*.Trial {
  margin-top: 5.555555555555555vw;
  margin-right: auto;
  margin-bottom: 5.555555555555555vw;
  margin-left: auto;
}
.Trial .Button {
  background-color: #23A885;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  border-color: #23A885;
  border-style: solid;
  border-width: 2px;
  color: #fff;
  margin: 0 auto;
  transition: background-color 0.225s, color 0.225s, border-color 0.225s;
}
.Trial .Button:hover {
  background-color: #fff;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-origin: padding-box;
  border-color: #131313;
  border-style: solid;
  border-width: 2px;
  color: #131313;
  transition: background-color 0.225s, color 0.225s, border 0.225s;
}
.Trial .Button::after {
  position: absolute;
   top: 50%;
   right: 18px;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 2px solid;
  border-bottom: 2px solid;
  content: "";
  transition: border-color 0.225s;
}
.Trial .Button:hover::after {
  right: 18px;
  transition: border-color 0.225s;
}
.Trial__Solution,.Trial__Feature, .Trial__Flow, .Trial__Learning {
  z-index: 1;
  position: relative;
  margin-bottom: 7.466666666666668vw;
}
.Trial__Solution .Container {
  margin: 60px auto 0;
  width: 72.916666666666666vw;
}
.Trial__Solution__Text {
  margin-bottom: 40px;
  font-size: 0.972222222222222vw;
  text-align: center;
}
.Trial__FeatureCollection {
  margin-bottom: 3.611111111111111vw;
}
.Trial__Heading {
  margin-bottom: 56px;
}
.Trial__SolutionText {
  font-size: 1.041666666666667vw;
  text-align: justify;
  max-width: 55vw;
  margin: 0 auto 40px;
}
.Trial__SolutionList {
  height: 9.027777777777777vw;
  margin-bottom: 52px;
  padding: 20px 0;
  background-color: #fff;
}
.Trial__SolutionItem:not(:last-of-type) {
  border-right: 1px solid rgba(19,19,19,0.1);
}
.Trial__SolutionItem {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: calc(100% / 6);
}
.Trial__SolutionAnchor {
  width: 100%;
  height: 100%;
  transition: opacity 0.225s;
}
.Trial__SolutionAnchor:hover {
  opacity: 0.6;
}
.Trial__SolutionItemLabel {
  margin-top: 16px;
  color: rgba(19,19,19,0.6);
  font-size: 0.833333333333333vw;
}
.Trial__Flow .Container {
  width: 64vw;
}
.Trial__FlowList {
  border-radius: 6px;
  display: flex;
  margin-bottom: 52px;
  padding: 20px 0;
  background-color: #fff;
}
.Trial__FlowItem {
  position: relative;
}
.Trial__FlowItem:not(:last-of-type)::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
  border-right: 3px solid #ddd;
  border-bottom: 3px solid #ddd;
  content: "";
  width: 20px;
  height: 20px;
}
.Trial__FlowItem {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 2.2vw;
  width: calc(100% / 3);
}
.Trial__FlowAnchor {
  width: 100%;
  height: 100%;
  text-align: center;
  transition: opacity 0.225s;
}
.Trial__FlowAnchor:hover {
  opacity: 0.6;
}
.Trial__FlowAnchor img {
  margin: 0 auto;
  width: 8vw;
}
.Trial__FlowItemLabel {
  font-size: 1.388888888888889vw;
  font-weight: bold;
  margin-top: 20px;
}
.Trial__FlowText {
  font-size: 1.041666666666667vw;
  margin-top: 1.388888888888889vw;
  text-align: justify;
}
.Trial__Feature .FeaturePointCard__Text {
  font-weight: normal !important;
}
.Trial__LearningList {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5vw 3vw;
  width: 52.083333333333336vw;
}
.Trial__LearningItem {
  background: #fff;
  border-radius: 6px;
  padding: 1.5vw 2vw;
  transition-duration: 0.3s;
  width: 47%;
}
.Trial__LearningItem:hover {
  background: #d5ebf8;
  transition-duration: 0.3s;
}
.Trial__LearningItem dt img {
  border: 1px solid #E6E6E6;
  border-radius: 0.3vw;
  margin-bottom: 0.972222222222222vw;
  object-fit: cover;
  width: 100%;
}
.Trial__LearningItem dd {
  font-size: 1.041666666666667vw;
  text-align: justify;
}
.Trial__FaQ {
  z-index: 1;
  position: relative;
}
.FaQ__PostList {
  margin-bottom: 2vw;
}
.FaqCard__Answer a:hover {
  opacity: 0.7;
}
.Trial__Text {
  margin-bottom: 5.555555555555555vw;
  font-size: 1vw;
  text-align: center;
}
.Trial__Text a {
  color: #005d7b;
  position: relative;
  text-decoration: underline;
  transition: 0.225s;
}
.Trial__Text a:hover {
  opacity: 0.7;
  transition: 0.225s;
}
@media (max-width: 769px) {
  .Trial__Heading {
    margin-bottom: 9.027777777777777vw;
  }
  .Trial__Solution, .Trial__Feature, .Trial__Flow, .Trial__Learning, .Trial__FaQ {
    margin-bottom: 13.88888888888889vw;
  }
  .Trial__Solution .Container {
    width: 100%;
  }
  .Trial__SolutionText {
    font-size: 3.733333333333334vw;
  }
  .Trial__FeatureCollection {
    margin-bottom: 32px;
  }
  .Trial__SolutionList {
    flex-wrap: wrap;
    height: initial;
    margin-bottom: 12px;
    padding: 0;
    background-color: transparent;
  }
  .Trial__SolutionItem {
    width: calc(100% / 2);
    margin-bottom: 40px;
  }
  .Trial__SolutionItem.-more {
    display: none;
  }
  .Trial__SolutionItem:not(:last-of-type) {
    border: 0;
  }
  .Trial__SolutionAnchor img {
    width: 10.666666666666668vw;
    height: 12.266666666666666vw;
  }
  .Trial__SolutionItemLabel {
    margin-top: 20px;
    color: #000;
    font-size: 3.733333333333334vw;
  }
  .Trial__SolutionAnchor img {
    width: 10.666666666666668vw;
    height: 12.266666666666666vw;
  }
  .Trial__SolutionItemLabel {
    margin-top: 20px;
    color: #000;
    font-size: 3.733333333333334vw;
  }
  .Trial__SolutionText {
    width: 100%;
  }
  .Trial__Flow .Container {
    width: 100%;
  }
  .Trial__FlowList {
    display: block;
    height: initial;
    margin-bottom: 12px;
    padding: 0;
    background-color: #fff;
  }
  .Trial__FlowItem {
    padding: 8vw;
    width: 100%;
  }
  .Trial__FlowItem.-more {
    display: none;
  }
  .Trial__FlowItem:not(:last-of-type)::after {
    position: absolute;
    bottom: -40vw;
    left: 0;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
    border-right: 3px solid #ddd;
    border-bottom: 3px solid #ddd;
    content: "";
    margin: auto;
    width: 20px;
    height: 20px;
  }
  .Trial__FlowAnchor img {
    width: 40vw;
  }
  .Trial__FlowItemLabel {
    font-size: 4.8vw;
    margin-top: 3.2vw;
  }
  .Trial__FlowText {
    font-size: 3.733333333333334vw;
    margin-top: 3.2vw;
  }
  .Trial__Feature .Container {
    width: 100%;
  }
  .Trial__Feature .FeaturePointCard__Text {
    font-weight: normal !important;
  }
  .Trial__LearningList {
    gap: 8vw;
    width: 100%;
  }
  .Trial__LearningItem {
    border-radius: 2vw;
    padding: 5vw 6vw;
    width: 100%;
  }
  .Trial__LearningItem dt img {
    border-radius: 1.5vw;
  }
  .Trial__LearningItem dd {
    font-size: 3.733333333333334vw;
    margin-top: 3.2vw;
  }
  .FaQ__PostList {
    margin-bottom: 6vw;
  }
  .Trial__Text {
    margin-bottom: 7vw;
    font-size: 3.5vw;
  }
}
@media (max-width: 415px) {
  .Container {
    padding-right: 5.333333333333334vw;
    padding-left: 5.333333333333334vw;
  }
  .Trial__SolutionText {
    font-size: 3.733333333333334vw;
    max-width: 100%;
  }
}

/* 追加CSS */
@media (min-width: 770px) and (max-width: 1140px) {
  .Header {
    display: block;
    height: inherit;
    padding: 16px 20px;
  }

  .Header__Nav {
    padding-left: 1vw;
    margin-left: 0;
  }

  .Header__List {
    justify-content: space-around;
  }

  .Header__Item:not(:last-of-type) {
    margin-right: 3vw;
  }
  .Header__LogoUnit {
    display: block;
    margin-bottom: 1vw;
    width: 13vw;
  }

  .Top__Mv {
    padding-top: 12vw;
  }
}
/*# sourceMappingURL=style.css.map*/


/* 2026/02/26 無料お試しアカウントのご案内　ページ追加 */

.only-sp {
  display: none;
}
#trial, #beta {
  background: #fff;
}
#trial img, #beta img {
  width: 100%;
}
.l-inner, .l-inner--sr {
  max-width: 1180px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  box-sizing: content-box;
}
#trial .header, #beta .header {
  background: #f5f5f5;
  max-width: 100%;
  padding: 7vw 0 50px 0;
}
.trial__txt {
  margin: 0 auto;
  text-align: center;
  max-width: 960px;
}
.trial__txt h1 {
  color: #2b2b2b;
  font-size: 44px;
  font-weight: bold;
  text-align: center;
}
.trial__txt h1 span {
  font-size: 22px;
}
.trial__sub-txt {
  color: #2b2b2b;
  font-size: 16px;
  margin: 15px 0 0;
  text-align: center;
}
#trial .trial__sub-txt {
  color: #2b2b2b;
  font-size: 16px;
  margin: 15px 0 0;
  text-align: center;
}
#trial .tab_wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 50px auto;
  max-width: 960px;
}
#trial .tab_wrap a {
  border: 1px solid #2778be;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.2s;
  width: 50%;
}
#trial .tab_wrap a.tab_trial {
  pointer-events: none;
}
#trial .tab_wrap a.tab_beta {
  opacity: 0.5;
  transition: 0.2s;
}
#trial .tab_wrap a.tab_beta:hover {
  opacity: 1;
  transition: 0.2s;
}
#trial .tab_wrap h2 {
  background: #2778be;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  padding: 10px 0 20px;
  text-align: center;
}
#trial .tab_wrap h2 span {
  font-size: 14px;
}
#trial .tab_wrap dl {
  padding: 15px 30px 30px;
}
#trial .tab_wrap dt {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
#trial .tab_wrap dd {
  font-size: 15px;
  margin-left: 20px;
  position: relative;
}
#trial .tab_wrap dd:not(:last-of-type) {
  margin-bottom: 5px;
}
#trial .tab_wrap a.tab_trial dd:before {
  content: "　";
  background-image: url(/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_check_bl.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0.5em;
  bottom: 0;
  left: -20px;
  width: 1em;
}
#trial .tab_wrap a.tab_beta dd:before {
  content: "　";
  background-image: url(/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_check_gr.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0.5em;
  bottom: 0;
  left: -20px;
  width: 1em;
}
#trial .tab_wrap dd {
  font-size: 15px;
}
#trial .tab_wrap .btn {
  border-radius: 40px;
  color: #444;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  margin:  0 auto 30px;
  padding: 10px 0;
  width: 80%;
}
#trial .tab_wrap .tab_trial .btn {
  background: #2778be;
  border: 1px solid #2778be;
  color: #fff;
}
#trial .tab_wrap .tab_beta {
  border: 1px solid #6cbb5a;
}
#trial .tab_wrap .tab_beta h2 {
  background: #6cbb5a;
}
#trial .tab_wrap .tab_beta .btn {
  border: 1px solid #6cbb5a;
  color: #6cbb5a;
  transition: 0.2s;
}
#trial .tab_wrap .tab_beta:hover .btn {
  background: #6cbb5a;
  border: 1px solid #6cbb5a;
  color: #fff;
  transition: 0.2s;
}
#beta .tab_wrap {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 50px auto;
  max-width: 960px;
}
#beta .tab_wrap a {
  border: 1px solid #2778be;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.2s;
  width: 50%;
}
#beta .tab_wrap a.tab_beta{
  border: 1px solid #6cbb5a;
  pointer-events: none;
}
#beta .tab_wrap a.tab_trial {
  opacity: 0.5;
  transition: 0.2s;
}
#beta .tab_wrap a.tab_trial:hover {
  opacity: 1;
  transition: 0.2s;
}
#beta .tab_wrap h2 {
  background: #2778be;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
  padding: 10px 0 20px;
  text-align: center;
}
#beta .tab_wrap h2 span {
  font-size: 14px;
}
#beta .tab_wrap dl {
  padding: 15px 30px 30px;
}
#beta .tab_wrap dt {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
}
#beta .tab_wrap dd {
  font-size: 15px;
  margin-left: 20px;
  position: relative;
}
#beta .tab_wrap dd:not(:last-of-type) {
  margin-bottom: 5px;
}
#beta .tab_wrap a.tab_trial dd:before {
  content: "　";
  background-image: url(/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_check_bl.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0.5em;
  bottom: 0;
  left: -20px;
  width: 1em;
}
#beta .tab_wrap a.tab_beta dd:before {
  content: "　";
  background-image: url(/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_check_gr.svg);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0.5em;
  bottom: 0;
  left: -20px;
  width: 1em;
}
#beta .tab_wrap .btn {
  border-radius: 40px;
  color: #444;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: center;
  margin:  0 auto 30px;
  padding: 10px 0;
  width: 80%;
}
#beta .tab_wrap .tab_beta .btn {
  background: #6cbb5a;
  border: 1px solid #6cbb5a;
  color: #fff;
}
#beta .tab_wrap .tab_trial {
  border: 1px solid #2778be;
}
#beta .tab_wrap .tab_beta h2 {
  background: #6cbb5a;
}
#beta .tab_wrap .tab_trial .btn {
  border: 1px solid #2778be;
  color: #2778be;
  transition: 0.2s;
}
#beta .tab_wrap .tab_trial:hover .btn {
  background: #2778be;
  border: 1px solid #2778be;
  color: #fff;
  transition: 0.2s;
}
#feature {
  background: #f5f5f5;
  padding: 100px 0;
}
#feature h2 {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}
#feature .sub-txt {
  font-size: 16px; 
  margin: 0 040px;
  text-align: center;
}
#feature h3 {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
#feature .point h3 {
  letter-spacing: 0.5em;
  margin-left: 0.5em;
}
#feature .point {
  margin-top: 50px;
  max-width: 960px;
}
#feature section {
  margin: 30px auto 80px;
}
#feature .point_wrap {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  margin-top: 30px;
}
#trial #feature .point_wrap dl {
  align-items: center;
  aspect-ratio: 1 / 1;
  background: #005d7b;
  background-size: cover;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 30px 0;
  text-align: center;
  width: 33%;
}
#beta #feature .point_wrap dl {
  align-items: center;
  aspect-ratio: 1 / 1;
  background: #6cbb5a;
  background-size: cover;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 30px 0;
  text-align: center;
  width: 33%;
}
#feature .point_wrap dt, #feature .point_wrap dd {
  width: 100%;
}
#feature .point_wrap dd {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.4;
}
#feature .point_wrap dd span {
  font-size: 19px;
}
#feature .point_wrap dd img {
  margin: 0 auto;
  max-height: 90px; 
}
#feature .needs, #feature .flow {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  margin: 50px auto 0;
  max-width: 960px;
  text-align: center;
}
#feature dl {
  background: #fff;
  border-radius: 10px;
  padding: 25px;
  width: 30%;
}
#feature .flow dl {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
#feature .flow dl.arrow:after {
  content: "";
  background-image: url('/wp-content/themes/cl-spiral-v2/assets/images/trial/arrow_right_bk.svg');
  background-size: contain;
  background-repeat: no-repeat;
  height: 3em;
  margin: auto;
  opacity: 0.5;
  position: absolute;
   top: 0;
   right: -36px;
   bottom: 0;
  width: 2em;
}
#feature dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%
}
#feature dd {
  width: 100%
}
#feature .flow img {
  height: 110px;
  margin: 0 auto 15px;
}
#feature .flow .notes {
  font-size: 13px;
  display: block;
  margin: 5px 0  0 1.2em;
  position: relative;
}
#feature .flow .notes:before {
  content: "";
  background-image: url('/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_asterisk.svg');
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 95%;
  height: 10px;
  position: absolute;
   top: 0.4em;
   left: -1.2em;
  width: 10px;
}
#feature .flow .item01 {
  order: 2;
}
#feature .flow .item02 {
  font-size: 16px;
  min-height: 90px;
  order: 3;
  text-align: justify;
}
#feature .flow .item03 {
  order: 1;
}
#feature .btn_trial {
  background: #fff;
  border-radius: 50px;
  border: 1px solid #005d7b;
  color: #005d7b;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 100px auto 0;
  padding: 15px 0;
  position: relative;
  text-align: center;
  transition: 0.2s;
  width: 500px;
}
#feature .btn_trial:hover {
  background: #005d7b;
  color: #fff;
  transition: 0.2s;
}
#feature .btn_beta {
  background: #fff;
  border-radius: 50px;
  border: 1px solid #6cbb5a;
  color: #6cbb5a;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 100px auto 0;
  padding: 15px 0;
  position: relative;
  text-align: center;
  transition: 0.2s;
  width: 500px;
}
#feature .btn_beta:hover {
  background: #6cbb5a;
  color: #fff;
  transition: 0.2s;
}
#faq {
  margin: 100px 0;  
}
#faq h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 50px;
  text-align: center;
}
.faqCardWrap {
  max-width: 960px;
}
#faq .faqCard {
  border-bottom: 1px solid #ddd;
}
#faq .faqcard__heading {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  padding-top: 25px;
  padding-right: 60px;
  padding-bottom: 25px;
  padding-left: 70px;
  position: relative;
  width: 100%;
}
#faq .faqcard__heading:before {
  content: "";
  background: url("/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_question.svg") no-repeat center/contain;
  cursor: pointer;
  width: 24px;
  height: 30px;
  display: block;
  margin: auto;
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
}
.faqcard__heading:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url("/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_plus.svg") no-repeat center;
  background-size: contain;
  content: "";
  margin: auto;
}
.faqcard__heading.active:after {
  background: url("/wp-content/themes/cl-spiral-v2/assets/images/trial/icon_minus.svg") no-repeat center;
  background-size: contain;
}
#faq .faqCard .faqcard__answer {
  display: none;
  width: 100%;
  padding-top: 1.666666666666667vw;
  padding-right: 1.666666666666667vw;
  padding-bottom: 1.666666666666667vw;
  padding-left: 70px;
  border-top: 1px solid rgba(19, 19, 19, 0.1);
  font-size: 16px;
  line-height: 1.8;
}
#cta {
  background: #f5f5f5;
  margin-bottom: 10px;
  padding: 50px 0;
  text-align: center;
}
#cta .cta_txt {
  font-size: 27px;
  font-weight: bold;
}
#cta .wrap_cta {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 960px;
}
#cta .wrap_cta .trial, #cta .wrap_cta .beta {
  width: 40%;
}
#cta .wrap_cta p {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    margin-bottom: 5px;
    padding: 0.5em 0 0.1em;
}
#cta .wrap_cta p:before {
    content: "";
    border-left: 1px solid;
    height: 1.5em;
    margin-top: -4px;
    transform: rotate(-30deg);
    width: 1em;
}
#cta .wrap_cta p:after {
    content: "";
    border-right: 1px solid;
    height: 1.5em;
    margin-top: -4px;
    transform: rotate(30deg);
    width: 1em;
}
#cta .wrap_cta a {
  background: #fff;
  border-radius: 50px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
  position: relative;
  transition: 0.2s;
  width: 100%;
}
#cta .wrap_cta a:hover {
  color: #fff;
  transition: 0.2s;
}
#cta a.btn_trial {
  border: 1px solid #2778be;
  color: #2778be;
}
#cta a.btn_trial:hover {
  background: #2778be;
}
#cta a.btn_trial:hover p {
  color: #fff;
}
#cta a.btn_trial:hover span {
  color: #2778be;
}
#cta a.btn_beta {
  border: 1px solid #6cbb5a;
  color: #6cbb5a;
}
#cta a.btn_beta:hover {
  background: #6cbb5a;
}
#cta a.btn_beta:hover p {
  color: #fff;
}
#cta a.btn_beta:hover span {
  color: #6cbb5a;
}
.breadcrumb {
  background: #F5F5F5;
  padding: 14px 0;
}

 /*----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
#feature .point_wrap dd {
  font-size: 2.7vw;
}
#feature .point_wrap dd span {
  font-size: 1.6vw;
}
}

 /*----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
.only-sp {
  display: block;
}
.only-pc {
  display: none;
}
.main {
  padding-top: 72px;
}
.l-header  {
  margin-top: 0;
}
#trial .header, #beta .header {
  margin-top: 7vw;
  padding: 7vw 0 7vw;
  width: 100%;
}
.trial__txt {
  width: 100%;
}
.l-inner, .l-inner--sr {
  padding-right: 5.3333333333vw;
  padding-left: 5.3333333333vw;
  width: 100%;
  box-sizing: border-box;
}
.trial__txt h1 {
  font-size: 6vw;
}
.trial__txt h1 span {
  font-size: 3vw;
}
.trial__sub-txt {
  font-size: 3.5vw;
}
#trial .tab_wrap {
  flex-wrap: wrap;
  gap: 5vw;
  margin: 10vw auto;
}
#trial .tab_wrap a {
  width: 100%;
}
#trial .tab_wrap h2 {
  font-size: 6.5vw;
}
#trial .tab_wrap h2 span {
  font-size: 4vw;
}
#trial .tab_wrap dl {
  padding: 6vw;
}
#trial .tab_wrap dt {
  font-size: 4.5vw;
  margin-bottom: 4vw;
}
#trial .tab_wrap dd {
  font-size: 3.5vw;
  margin-left: 5vw;
}
#trial .tab_wrap dd:not(:last-of-type) {
  margin-bottom: 2vw;
}
#trial .tab_wrap a.tab_trial dd:before, #trial .tab_wrap a.tab_beta dd:before {
  left: -5vw;
}
#trial .tab_wrap .tab_trial .btn, #trial .tab_wrap .tab_beta .btn {
  font-size: 3.5vw;
}
#trial .tab_wrap .btn {
  margin-bottom: 7vw;
}
#beta .tab_wrap {
  flex-wrap: wrap;
  gap: 5vw;
  margin: 10vw auto;
}
#beta .tab_wrap a {
  width: 100%;
}
#beta .tab_wrap a.item01 {
  order: 2;
}
#beta .tab_wrap a.item02 {
  order: 1;
}
#beta .tab_wrap h2 {
  font-size: 6.5vw;
}
#beta .tab_wrap h2 span {
  font-size: 4vw;
}
#beta .tab_wrap dl {
  padding: 6vw;
}
#beta .tab_wrap dt {
  font-size: 4.5vw;
  margin-bottom: 4vw;
}
#beta .tab_wrap dd {
  font-size: 3.5vw;
  margin-left: 5vw;
}
#beta .tab_wrap a.tab_trial dd:before, #beta .tab_wrap a.tab_beta dd:before {
  left: -5vw;
}
#beta .tab_wrap .tab_trial .btn, #beta .tab_wrap .tab_beta .btn {
  font-size: 3.5vw;
}
#feature {
  padding: 15vw 0;
}
#feature h2 {
  font-size: 7vw;
}
#feature .sub-txt {
  font-size: 3.5vw;
}
#feature section {
  margin: 6vw auto 10vw;
}
#feature .needs, #feature .flow {
  display: block;
}
#feature dl {
  padding: 8vw;
  width: 100%;
}
#feature .flow dl.arrow:after {
  height: 12em;
   top: auto;
   left: 0;
   right: 0;
   bottom: -11vw;
  transform: rotate(90deg);
  width: 10em;
}
#feature .needs dl:not(:last-of-type) {
  margin-bottom: 5vw;
}
#feature .flow dl:not(:last-of-type) {
  margin-bottom: 13vw;
}
#feature .flow .item02 {
  font-size: 3.5vw;
}
#feature dt {
  font-size: 4.5vw;
}
#feature dd {
  font-size: 3.5vw;
}
#feature h3 {
  font-size: 6vw;
}
#trial #feature .point_wrap, #beta #feature .point_wrap {
  flex-wrap: wrap;
  gap: 5vw;
}
#trial #feature .point_wrap dl, #beta #feature .point_wrap dl  {
  margin: 0 auto;
  width: 80%;
}
#feature .point_wrap dd {
  font-size: 8vw;
}
#feature .point_wrap dd span {
  font-size: 5vw;
}
#feature .point_wrap dd img {
  max-height: 22vw;
}
#feature .point_wrap dd span {
  font-size: 5vw;
}
#feature .flow .notes {
  font-size: 3vw;
}
#feature .flow .notes:before {
  height: 2.5vw;
  width: 2.5vw;
}
#feature .flow img {
  height: 30vw;
  margin-bottom: 4vw;
}
#feature .btn_trial, #feature .btn_beta {
  margin: 0;
  width: 100%;
}
#faq {
  margin: 15vw 0;
}
#faq .faqCard .faqcard__heading {
  font-size: 4vw;
  padding: 5vw 7vw 5vw 9vw;
}
#faq .faqCard .faqcard__heading::before {
  font-size: 2.222222222222222vw;
  left: 1.388888888888889vw;
  font-size: 6vw;
}
#faq .faqCard .faqcard__heading::after {
  right: 1vw;
  height: 4vw;
  width: 4vw;
}
#faq .faqCard .faqcard__heading.active::after {
  right: 1vw;
  height: 4vw;
  width: 4vw;
}
#faq .faqCard .faqcard__answer {
  font-size: 3.5vw;
  line-heihght: 1.5;
  padding-top: 3vw;
  padding-right: 4vw;
  padding-bottom: 3vw;
  padding-left: 9.5vw;
}
#cta .wrap_cta {
  flex-wrap: wrap;
  gap: 5vw;
  margin: 5vw auto 0;
}
#cta .wrap_cta p {
  font-size: 4vw;
}
#cta .cta_txt {
  font-size: 4.5vw;
}
#cta .wrap_cta .trial, #cta .wrap_cta .beta {
  width: 100%;
}
#cta .wrap_cta a {
  font-size: 4.5vw;
  width: 100%;
}
#cta .wrap_cta a span {
  top: -11vw;
}
.breadcrumb {
  display: block;
  padding-bottom: 6vw;
}
.breadcrumb li {
  font-size: 3.5vw;
}
}