@charset "UTF-8";

.util-link--blank:after,
.util-link--excel:after,
.util-link--modal:after,
.util-link--pdf:after,
.util-link--powerpoint:after,
.util-link--rss:after,
.util-link--video:after,
.util-link--word:after,
.util-link--zip:after {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: no-repeat 50%/contain;
  text-indent: 100%;
  vertical-align: middle;
  white-space: nowrap;
  content: "";
  will-change: background
}

.util-link--blank:after {
  background-image: url(/app-files/img/sprite/icon.svg#blank-usage)
}

.util-link--pdf:after {
  background-image: url(/app-files/img/sprite/icon.svg#pdf-usage)
}

.util-link--excel:after {
  background-image: url(/app-files/img/sprite/icon.svg#excel-usage)
}

.util-link--word:after {
  background-image: url(/app-files/img/sprite/icon.svg#word-usage)
}

.util-link--powerpoint:after {
  background-image: url(/app-files/img/sprite/icon.svg#powerpoint-usage)
}

.util-link--zip:after {
  background-image: url(/app-files/img/sprite/icon.svg#zip-usage)
}

.util-link--video:after {
  background-image: url(/app-files/img/sprite/icon.svg#video-usage)
}

.util-link--modal:after {
  background-image: url(/app-files/img/sprite/icon.svg#modal-usage)
}

.util-link--rss:after {
  background-image: url(/app-files/img/sprite/icon.svg#rss-usage)
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  margin: .67em 0;
  font-size: 2em
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
  appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: -webkit-fill-available;
  font-size: 62.5%
}

body {
  word-wrap: break-word;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background-color: var(--color__base__base--white);
  color: var(--color__font__font--TX1);
  word-break: break-word
}

body *,
body :after,
body :before {
  box-sizing: border-box
}

figure {
  margin: 0
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

a {
  transition: all .25s cubic-bezier(.4, 0, .2, 1) 0s
}

a:link,
a:visited {
  color: var(--color__font__font--link);
  text-decoration: none
}

a:hover {
  color: var(--color__font__font--hover)
}

a:active,
a:hover {
  text-decoration: none
}

a:active {
  color: var(--color__font__font--link)
}

button,
input,
pre,
select,
textarea {
  border-radius: 0;
  box-shadow: none;
  color: var(--color__font__font--TX1)
}

input[type=text],
textarea {
  -webkit-appearance: none;
  appearance: none
}

button:not([disabled]),
input[type=submit] {
  cursor: pointer
}

::-webkit-input-placeholder {
  color: #999 !important
}

:-moz-placeholder,
::-moz-placeholder {
  color: #999 !important
}

::-moz-placeholder {
  opacity: 1
}

:-ms-input-placeholder {
  color: #999 !important
}

:placeholder-shown {
  color: #999 !important
}

.util-sub,
.util-sup {
  position: relative;
  font-size: 60%;
  line-height: 1
}

.util-sup {
  top: -.6em
}

.util-sub {
  bottom: -.1em
}

.util-italic {
  font-style: italic !important
}

.util-underline {
  text-decoration: underline !important
}

.util-color--main {
  color: var(--color__base__base--main) !important
}

.util-color--sub {
  color: var(--color__base__base--sub) !important
}

.util-color--sub1 {
  color: var(--color__sub__sub--1) !important
}

.util-color--sub2 {
  color: var(--color__sub__sub--2) !important
}

.util-color--sub3 {
  color: var(--color__sub__sub--3) !important
}

.util-color--sub4 {
  color: var(--color__sub__sub--4) !important
}

.util-color--accent {
  color: var(--color__base__base--accent) !important
}

.util-color--white {
  color: var(--color__base__base--white) !important
}

.util-color--base {
  color: var(--color__font__font--TX1) !important
}

.util-color--secondary {
  color: var(--color__font__font--TX2) !important
}

.util-color--disable {
  color: var(--color__font__font--noLink) !important
}

.util-color--placeholder {
  color: #999 !important
}

.util-color--bright {
  color: var(--color__base__base--white) !important
}

.util-color--red {
  color: var(--color__font__font--red) !important
}

.util-highlight--main {
  color: var(--color__base__base--main) !important
}

.util-highlight--sub {
  color: var(--color__base__base--sub) !important
}

.util-highlight--sub1 {
  color: var(--color__sub__sub--1) !important
}

.util-highlight--sub2 {
  color: var(--color__sub__sub--2) !important
}

.util-highlight--sub3 {
  color: var(--color__sub__sub--3) !important
}

.util-highlight--sub4 {
  color: var(--color__sub__sub--4) !important
}

.util-highlight--accent {
  color: var(--color__base__base--accent) !important
}

.util-highlight--white {
  color: var(--color__base__base--white) !important
}

.util-highlight--base {
  color: var(--color__font__font--TX1) !important
}

.util-highlight--secondary {
  color: var(--color__font__font--TX2) !important
}

.util-highlight--disable {
  color: var(--color__font__font--noLink) !important
}

.util-highlight--placeholder {
  color: #999 !important
}

.util-highlight--bright {
  color: var(--color__base__base--white) !important
}

.util-highlight--red {
  color: var(--color__font__font--red) !important
}

.util-link,
.util-link--blank,
.util-link--excel,
.util-link--modal,
.util-link--pdf,
.util-link--powerpoint,
.util-link--rss,
.util-link--video,
.util-link--word,
.util-link--zip {
  display: inline
}

.util-link--blank:active,
.util-link--blank:focus,
.util-link--blank:hover,
.util-link--blank:link,
.util-link--blank:visited,
.util-link--excel:active,
.util-link--excel:focus,
.util-link--excel:hover,
.util-link--excel:link,
.util-link--excel:visited,
.util-link--modal:active,
.util-link--modal:focus,
.util-link--modal:hover,
.util-link--modal:link,
.util-link--modal:visited,
.util-link--pdf:active,
.util-link--pdf:focus,
.util-link--pdf:hover,
.util-link--pdf:link,
.util-link--pdf:visited,
.util-link--powerpoint:active,
.util-link--powerpoint:focus,
.util-link--powerpoint:hover,
.util-link--powerpoint:link,
.util-link--powerpoint:visited,
.util-link--rss:active,
.util-link--rss:focus,
.util-link--rss:hover,
.util-link--rss:link,
.util-link--rss:visited,
.util-link--video:active,
.util-link--video:focus,
.util-link--video:hover,
.util-link--video:link,
.util-link--video:visited,
.util-link--word:active,
.util-link--word:focus,
.util-link--word:hover,
.util-link--word:link,
.util-link--word:visited,
.util-link--zip:active,
.util-link--zip:focus,
.util-link--zip:hover,
.util-link--zip:link,
.util-link--zip:visited,
.util-link:active,
.util-link:focus,
.util-link:hover,
.util-link:link,
.util-link:visited {
  color: var(--color__font__font--link);
  text-decoration: underline
}

.util-link__filesize {
  font-style: normal
}

.util-link--blank:after,
.util-link--excel:after,
.util-link--modal:after,
.util-link--pdf:after,
.util-link--powerpoint:after,
.util-link--rss:after,
.util-link--video:after,
.util-link--word:after,
.util-link--zip:after {
  position: relative;
  top: -2px;
  margin: 0 .5em
}

.util-visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  white-space: nowrap !important
}

body:before {
  display: none
}

@font-face {
  src: url(/app-files/font/Sysmex-Regular.woff) format("woff"), url(/app-files/font/Sysmex-Regular.ttf) format("ttf"), url(/app-files/font/Sysmex-Regular.otf) format("otf");
  font-family: SysmexRegular;
  font-style: normal;
  font-weight: 400
}

@font-face {
  src: url(/app-files/font/Sysmex-Medium.woff) format("woff"), url(/app-files/font/Sysmex-Medium.ttf) format("ttf"), url(/app-files/font/Sysmex-Medium.otf) format("otf");
  font-family: SysmexMedium;
  font-style: normal;
  font-weight: 500
}

@font-face {
  src: url(/app-files/font/Sysmex-Light.woff) format("woff"), url(/app-files/font/Sysmex-Light.ttf) format("ttf"), url(/app-files/font/Sysmex-Light.otf) format("otf");
  font-family: SysmexLight;
  font-style: normal;
  font-weight: 300
}

@font-face {
  src: url(/app-files/font/Sysmex-Bold.woff) format("woff"), url(/app-files/font/Sysmex-Bold.ttf) format("ttf"), url(/app-files/font/Sysmex-Bold.otf) format("otf");
  font-family: SysmexBold;
  font-style: normal;
  font-weight: 700
}

body {
  font-family: Noto Sans JP, Arial, Meiryo, Hiragino Kaku Gothic Pro, Hiragino Sans, Osaka, Yu Gothic, MS PGothic, sans-serif !important
}

.Header__inner {
  display: flex;
  position: relative;
  flex-direction: column
}

.Header .header-logo--sysmex {
  display: inline-block
}

.Header .header-menu__inner {
  width: 100%;
  background: #fff
}

.Header .header-gnav__list {
  margin: 0;
  padding: 0;
  list-style: none
}

.Header .header-gnav__list>li {
  margin: 0
}

.Header .header-gnav__type {
  display: block;
  position: relative;
  color: #333
}

.Header .header-utility__button.is-active>[class*=__type]:after,
.Header .header-utility__button.is-active>[class*=__type]:before,
.Header .header-utility__button.is-active>[class*=__type]>[class*=__label] {
  display: none
}

.Header .header-utility__button.is-active>[class*=__type]>[class*=__close] {
  display: inline-block
}

.Header .header-utility__button.is-active>[class*=__type]>[class*=__close]:after,
.Header .header-utility__button.is-active>[class*=__type]>[class*=__close]:before {
  display: block;
  position: absolute;
  border: none;
  background: #7dccf3;
  content: ""
}

.Header .header-utility__button.is-active>[class*=__type]>[class*=__close]:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.Header .header-utility__button.is-active>[class*=__type]>[class*=__close]:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.Header .header-utility__button.is-active>[class*=__type]>[class*=__close]:after,
.Header .header-utility__button.is-active>[class*=__type]>[class*=__close]:before {
  top: calc(50% - 12px);
  left: calc(50% - 17px);
  width: 24px;
  height: 3px;
  border-radius: 999px;
  transition: top .25s cubic-bezier(.4, 0, .2, 1) 0s
}

.footer-logo {
  margin-top: 1.8rem
}

.footer-logo__image {
  text-align: center
}

.footer-nav {
  margin-top: 1.8rem;
  padding: 0 15px
}

.footer-nav__link {
  gap: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
  padding: 20px 0;
  border-top: 1px dashed #aaa;
  border-bottom: 1px dashed #aaa
}

.footer-nav__link>li {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  list-style: none
}

.footer-copyright {
  padding: 20px 15px
}

.footer-copyright__label {
  color: #333;
  font-family: SysmexRegular;
  font-size: 1.2rem;
  line-height: 1.4
}

.home-hero {
  position: relative;
  width: 100%;
  min-height: 336px;
  padding: 17px 15px;
  border-radius: 20px 20px 0 0;
  background-color: #fff7e4
}

.home-hero__heading {
  margin: .9rem 0 0
}

.home-hero__inner {
  z-index: 3;
  position: relative
}

.home-hero__subtitle {
  display: inline-block;
  padding: 2px 8px 3px;
  border-radius: 30px;
  background: #fff;
  color: #005bac;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4
}

.home-hero:after {
  position: absolute;
  top: 20px;
  right: 0;
  width: 227px;
  height: 291px;
  background-image: url(/img/index_bg01.webp);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-hero__text {
  margin-top: .3rem;
  font-size: 1.2rem;
  line-height: 1.4
}

.home-hero__lead {
  margin-top: 1rem;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6
}

.home-hero__highlight {
  background: linear-gradient(0deg, #fff 0, #fff 25%, transparent 0, transparent);
  color: #005bac
}

.home-hero__button-wrap {
  margin-top: 1.8rem
}

.home-hero__button {
  display: flex;
  min-width: 180px
}

.home-hero__button__type {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 14px 23px 12px 54px;
  border: 3px solid #df77aa;
  border-radius: 60px;
  background: #fff;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, .1);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none
}

.home-hero__button__type:before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 2.3rem;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url(/app-files/img/cmn_ic01.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-hero__button__subtext {
  font-size: 1.4rem
}

.home-layout__inner {
  padding: 30px 15px
}

.home-layout__inner>:first-child,
.home-layout__inner>[class^=list-wrap]>:first-child,
.home-layout__inner>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-layout-v2 {
  position: relative;
  background-color: #e5eef7
}

.home-layout-v2__inner {
  padding: 30px 15px
}

.home-layout-v2__inner>:first-child,
.home-layout-v2__inner>[class^=list-wrap]>:first-child,
.home-layout-v2__inner>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-layout-v2:before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-bottom: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 23px #fff;
  border-style: solid;
  content: ""
}

.home-layout-v3 {
  background-color: #e5eef7
}

.home-layout-v3__inner {
  padding: 30px 15px
}

.home-layout-v3__inner>:first-child,
.home-layout-v3__inner>[class^=list-wrap]>:first-child,
.home-layout-v3__inner>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-highlight--blue {
  color: #005bac
}

.home-highlight--pink {
  color: #d7358c
}

.home-heading2 {
  margin-top: 2rem
}

.home-heading2__title {
  margin: 0;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.home-heading2-v2 {
  margin-top: 2rem
}

.home-heading2-v2__title {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.home-heading2-v3 {
  position: relative;
  margin-top: 3rem
}

.home-heading2-v3__title {
  margin: 0;
  padding-bottom: 12px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: center
}

.home-heading2-v3:after {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 65px;
  height: 5px;
  transform: translateX(-50%);
  background-image: url(/img/index_bg06.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-heading2-v3+* {
  margin-top: 2rem !important
}

.home-heading2-v4 {
  margin-top: 2rem;
  text-align: center
}

.home-heading2-v4__title {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.home-heading2-v4__logo {
  width: 150px;
  margin-right: 5px
}

.home-heading2-v4+* {
  margin-top: 2rem !important
}

.home-heading2-v5 {
  position: relative
}

.home-heading2-v5__title {
  margin: 0;
  padding-left: 51px;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4
}

.home-heading2-v5:after {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 36px;
  height: 32px;
  transform: translateY(-50%);
  background-image: url(/img/index_ic08.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-heading2-v5+* {
  margin-top: 1.8rem !important
}

.home-heading3 {
  position: relative;
  margin-top: 3rem
}

.home-heading3__title {
  margin: 0;
  padding-bottom: 15px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.home-heading3:after {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 20px;
  height: 3px;
  transform: translateX(-50%);
  background-color: #7dccf3;
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-heading3+* {
  margin-top: 1.8rem !important
}

.home-check-list-wrap {
  margin-top: 2.1rem
}

.home-check-list {
  margin: 0;
  padding: 0
}

.home-check-list>li {
  position: relative;
  padding-left: 29px;
  font-size: 1.4rem;
  line-height: 1.6;
  list-style: none
}

.home-check-list>li:before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  background-image: url(/img/index_ic01.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-check-list>li+li {
  margin-top: .8rem
}

.home-text,
.home-text--center {
  margin: 1.2rem 0 0;
  font-size: 1.6rem;
  line-height: 1.6
}

.home-text--center {
  text-align: center
}

.home-text-v2,
.home-text-v2--center {
  margin: 1.2rem 0 0;
  font-size: 1.4rem;
  line-height: 1.6
}

.home-lead,
.home-text-v2--center {
  text-align: center
}

.home-lead {
  margin: 1.3rem 0 0;
  color: #005bac;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6
}

.home-lead+* {
  margin: 1.6rem 0 0
}

.home-lead-v2 {
  color: #d7358c;
  font-size: 2.2rem
}

.home-lead-v2,
.home-lead-v3 {
  margin: 1.2rem 0 0;
  font-weight: 700;
  line-height: 1.6;
  text-align: center
}

.home-lead-v3 {
  font-size: 1.4rem
}

.home-lead-v3+.home-lead-v2 {
  margin: 0
}

.home-lead-v4 {
  margin: .3rem 0 0;
  color: #005bac;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center
}

.home-link--blank {
  color: #333 !important;
  text-decoration: underline !important
}

.home-link--blank:after {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 14px;
  height: 14px;
  margin: 0 .5em;
  overflow: hidden;
  background: no-repeat 50%;
  background-image: url(/app-files/img/cmn_ic05.svg);
  background-size: contain;
  text-indent: 100%;
  vertical-align: middle;
  white-space: nowrap;
  content: ""
}

.home-box {
  margin-top: 2rem;
  padding: 20px;
  border-radius: 20px;
  background-color: #fff
}

.home-box__head+.home-box__body {
  margin-top: 1.4rem
}

.home-box__body>:first-child,
.home-box__body>[class^=list-wrap]>:first-child,
.home-box__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-box__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center
}

.home-box__title.text-sub-left {
  font-size: 1.4rem;
  text-align: left
}

.home-box__image,
.home-box__image+.home-box__text,
.home-box__title {
  margin-top: 1.4rem
}

.home-box__frame {
  display: inline-block
}

.home-box__frame>img {
  border-radius: 10px
}

.home-box__text {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.6
}

.home-box-v2 {
  margin-top: 3rem;
  border-radius: 20px;
  background-color: #e5eef7
}

.home-box-v2__head {
  padding: 20px 20px 0
}

.home-box-v2__title,
.home-box-v2__title--center {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4
}

.home-box-v2__title--center {
  text-align: center
}

.home-box-v2__body {
  position: relative;
  padding: 18px 20px
}

.home-box-v2__body>:first-child,
.home-box-v2__body>[class^=list-wrap]>:first-child,
.home-box-v2__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-box-v2__image,
.home-box-v2__image+.home-box-v2__text {
  margin-top: 1.4rem
}

.home-box-v2__frame {
  display: inline-block
}

.home-box-v2__frame>img {
  border-radius: 10px
}

.home-box-v2__text {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.6
}

.home-box-v3 {
  margin-top: 3rem;
  border-radius: 20px;
  background-color: #e5eef7
}

.home-box-v3__head {
  padding: 20px 20px 0
}

.home-box-v3__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.home-box-v3__body {
  position: relative;
  padding: 14px 20px 18px
}

.home-box-v3__body.padding-top-zero {
  padding-top: 0
}

.home-box-v3__body>:first-child,
.home-box-v3__body>[class^=list-wrap]>:first-child,
.home-box-v3__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-box-v3__image,
.home-box-v3__image+.home-box-v3__text {
  margin-top: 1.4rem
}

.home-box-v3__frame {
  display: inline-block
}

.home-box-v3__frame>img {
  border-radius: 10px
}

.home-box-v3__text {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.6
}

.home-video-wrap {
  margin-top: 2rem
}

.home-video {
  display: block;
  width: 100%;
  border-radius: 15px
}

.home-accordion {
  margin: 3rem 0 0
}

.home-accordion__head {
  display: block;
  width: 100%;
  padding: 1.9rem 2rem 1.8rem;
  border: none;
  border-radius: 20px;
  background-color: #e5eef7;
  text-align: left;
  transition: all .25s cubic-bezier(.4, 0, .2, 1) 0s
}

.home-accordion__head.is-active {
  border-radius: 20px 20px 0 0
}

.home-accordion__title {
  display: block;
  position: relative;
  padding-right: calc(1.4rem + 15px);
  color: #333;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4
}

.home-accordion__title:after,
.home-accordion__title:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  width: 15px;
  height: 2px;
  margin: 0;
  border-radius: 10px;
  background: #7dccf3;
  content: "";
  transition: -webkit-transform .25s cubic-bezier(.4, 0, .2, 1) 0s;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1) 0s;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1) 0s, -webkit-transform .25s cubic-bezier(.4, 0, .2, 1) 0s
}

.home-accordion__title:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.home-accordion__head.is-active .home-accordion__title:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.home-accordion__body {
  position: relative;
  padding: 0 2rem 2rem;
  border-radius: 0 0 20px 20px;
  background-color: #e5eef7
}

.home-accordion__body>:first-child,
.home-accordion__body>[class^=list-wrap]>:first-child,
.home-accordion__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-media {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap
}

.home-media__head {
  width: 47.54098%;
  margin-right: 15px
}

.home-media__image {
  width: 100%
}

.home-media__body {
  flex: 1 1
}

.home-media__body>:first-child,
.home-media__body>[class^=list-wrap]>:first-child,
.home-media__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-media__text {
  margin: 1.2rem 0 0;
  font-size: 1.4rem;
  line-height: 1.57
}

.home-media__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6
}

.home-media-v2 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center
}

.home-media-v2__head {
  width: 164px;
  margin-right: 15px
}

.home-media-v2__image {
  width: 100%
}

.home-media-v2__body {
  flex: 1 1
}

.home-media-v2__body>:first-child,
.home-media-v2__body>[class^=list-wrap]>:first-child,
.home-media-v2__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-media-v2__text {
  margin: 1rem 0 0;
  font-size: 1.4rem;
  line-height: 1.6
}

.home-media-v2__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6
}

.home-media-v2__title rt {
  padding-bottom: .5em;
  font-size: 1rem;
  line-height: 1.6
}

.home-media-v2+* {
  margin-top: 1.4rem
}

.home-media-v2+.home-media-v2 {
  margin-top: 1.8rem
}

.home-media-v3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap
}

.home-media-v3__head {
  width: 110px;
  margin-right: 15px
}

.home-media-v3__image {
  width: 100%
}

.home-media-v3__body {
  flex: 1 1
}

.home-media-v3__body>:first-child,
.home-media-v3__body>[class^=list-wrap]>:first-child,
.home-media-v3__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-media-v3__text {
  margin: 1.2rem 0 0;
  font-size: 1.4rem;
  line-height: 1.57
}

.home-media-v3__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6
}

.home-media-v3+.home-media-v3 {
  margin-top: 1.8rem
}

.home-media-v4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap
}

.home-media-v4__head {
  width: 77px;
  margin-right: 15px
}

.home-media-v4__image {
  width: 100%
}

.home-media-v4__body {
  flex: 1 1
}

.home-media-v4__body>:first-child,
.home-media-v4__body>[class^=list-wrap]>:first-child,
.home-media-v4__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-media-v4__text {
  margin: 1rem 0 0;
  font-size: 1.4rem;
  line-height: 1.6
}

.home-media-v4__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6
}

.home-media-v4+*,
.home-media-v4+.home-media-v4 {
  margin-top: 2rem
}

.home-explain-list__title {
  position: relative;
  padding-left: 36px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4
}

.home-explain-list__title:before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: calc(50% + 1px);
  left: 0;
  width: 27px;
  height: 23px;
  transform: translateY(-50%);
  background-image: url(/img/index_ic03.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-explain-list__list {
  margin: 1.5rem 0 0;
  padding: 0
}

.home-explain-list__list.margin-top-zero {
  margin-top: 0
}

.home-explain-list__list>li {
  position: relative;
  padding-left: 18px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  list-style: none
}

.home-explain-list__list>li:before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 11px;
  left: 0;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #7dccf3;
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-explain-list__list>li+li {
  margin-top: .8rem
}

.home-figure-wrap {
  display: flex;
  margin: 1.5rem 0 0
}

.home-figure-wrap+* {
  margin-top: 2.2rem
}

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

.home-figure__frame {
  display: inline-block
}

.home-list-wrap {
  margin-top: 1.6rem
}

.home-list-wrap-v2 {
  display: flex;
  justify-content: center;
  margin-top: 1rem
}

.home-note-list {
  margin: 0;
  padding: 0
}

.home-note-list>li {
  position: relative;
  padding-left: calc(1em + 8px);
  font-size: 1.4rem;
  line-height: 1.6;
  list-style: none
}

.home-note-list__mark {
  position: absolute;
  top: 0;
  left: 0
}

.home-note-list>li+li {
  margin-top: .8rem
}

.home-note-list-v2 {
  margin: 0;
  padding: 0
}

.home-note-list-v2>li {
  position: relative;
  padding-left: calc(1em + 6px);
  font-size: 1rem;
  line-height: 1.6;
  list-style: none
}

.home-note-list-v2__mark {
  position: absolute;
  top: 0;
  left: 0
}

.home-note-list-v2>li+li {
  margin-top: .8rem
}

.home-member-box {
  padding: 20px 15px;
  background-color: #df77aa;
  text-align: center
}

.home-member-box__title {
  display: inline-block;
  position: relative;
  min-width: 220px;
  padding: 6px 14px;
  border-radius: 10px;
  background-color: #fff;
  font-size: 1.2rem;
  font-weight: 700
}

.home-member-box__title:after {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: -9px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-bottom: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 11px #fff;
  border-style: solid;
  content: ""
}

.home-member-button-wrap {
  margin-top: 1.8rem
}

.home-member-button {
  display: flex;
  width: 100%;
  min-height: 52px
}

.home-member-button__type {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 14px 23px 12px 54px;
  border-radius: 60px;
  background: #fff;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, .1);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none
}

.home-member-button__type:hover {
  color: #d7358c
}

.home-member-button__label {
  position: relative
}

.home-member-button__label:before {
  -webkit-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -30px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url(/app-files/img/cmn_ic01.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-campaign-button-wrap {
  margin-top: 1.8rem
}

.home-campaign-button {
  display: flex;
  width: 100%;
  min-height: 52px
}

.home-campaign-button__type {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 23px 10px 23px;
  border-radius: 60px;
  background: #fff7e4;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, .1);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none
}

.home-campaign-button__type:hover {
  color: #005bac
}

.home-campaign-button__label {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4
}

.home-campaign-label-wrap {
  margin-top: 3rem
}

.home-campaign-label {
  display: flex;
  width: 100%;
  min-height: 52px
}

.home-campaign-label__type {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 23px 10px 23px;
  border-radius: 60px;
  background: #fff7e4;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-decoration: none
}

.home-campaign-label__label {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4
}

.home-cost-column {
  margin: 2em 0 0
}

.home-cost-column>:first-child,
.home-cost-column>[class^=list-wrap]>:first-child,
.home-cost-column>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-cost-column__item {
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin: 1.4em 0 0;
  column-gap: 15px
}

.home-cost-column__head {
  flex-direction: row;
  width: 155px
}

.home-cost-column__head,
.home-cost-column__title {
  display: flex;
  align-items: center;
  justify-content: center
}

.home-cost-column__title {
  width: 100%;
  min-height: 50px;
  padding: 8px;
  border: 1px solid #aaa;
  border-radius: 10px;
  background-color: #fff;
  color: #333;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center
}

.home-cost-column__body {
  display: flex;
  flex: 1 1;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.home-cost-column__lead {
  margin: 0;
  color: #d7358c;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  text-align: center
}

.home-cost-column__text {
  margin: 0;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-align: center
}

.home-cost-column__highlight {
  padding: 0 3px;
  color: #d7358c;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1
}

.home-flow-media {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 2rem
}

.home-flow-media__head {
  width: 105px;
  margin-right: 15px
}

.home-flow-media__image {
  width: 100%
}

.home-flow-media__body {
  flex: 1 1
}

.home-flow-media__body>:first-child,
.home-flow-media__body>[class^=list-wrap]>:first-child,
.home-flow-media__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-flow-media__text {
  margin: 1.4rem 0 0;
  font-size: 1.4rem;
  line-height: 1.6
}

.home-flow-media__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #333;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6
}

.home-flow-media__number {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-right: .7em;
  padding-bottom: 1px;
  border-radius: 50%;
  background: #7ac28c;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  text-align: center
}

.home-flow-media+.home-flow-media {
  margin-top: 2rem
}

.home-carousel {
  position: relative;
  margin-top: 1.7em;
  margin-right: -15px;
  margin-left: -15px
}

.home-carousel__list {
  opacity: 0
}

.home-carousel__list.slick-initialized {
  opacity: 1
}

.home-carousel__list.slick-slider {
  position: relative;
  padding: 0 15px
}

.home-carousel__list>.slick-list>.slick-track>.slick-slide {
  line-height: 1
}

.home-carousel__list>.slick-arrow {
  -webkit-transform: translateY(-50%);
  z-index: 2;
  position: absolute;
  top: calc(50% - 18px);
  width: 36px;
  height: 40px;
  padding: 0;
  overflow: hidden;
  transform: translateY(-50%);
  border: none;
  background: none;
  text-indent: 100%;
  white-space: nowrap
}

.home-carousel__list>.slick-arrow:before {
  -webkit-transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  width: 36px;
  height: 40px;
  overflow: hidden;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-carousel__list>.slick-arrow.slick-prev {
  left: 8px
}

.home-carousel__list>.slick-arrow.slick-prev:before {
  background-image: url(/img/index_ic06_01.svg)
}

.home-carousel__list>.slick-arrow.slick-next {
  right: 7px
}

.home-carousel__list>.slick-arrow.slick-next:before {
  background-image: url(/img/index_ic06_02.svg)
}

.home-carousel__item {
  padding: 2rem;
  border-radius: 20px;
  background-color: #fff;
  text-align: center
}

.home-carousel__inner {
  -webkit-perspective: 1000px;
  position: relative;
  width: 305px;
  height: 380px;
  margin: 0 auto;
  background-color: transparent;
  cursor: pointer;
  perspective: 1000px
}

.home-carousel__inner__item {
  -webkit-transform-style: preserve-3d;
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  text-align: center;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s
}

.home-carousel__inner:after {
  z-index: 999;
  position: absolute;
  right: 9px;
  bottom: 9px;
  width: 34px;
  height: 28px;
  overflow: hidden;
  background-image: url(/img/index_ic07.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  content: ""
}

.home-carousel__description,
.home-carousel__image {
  -webkit-backface-visibility: hidden;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  border-radius: 10px;
  backface-visibility: hidden
}

.home-carousel__description>img,
.home-carousel__image>img {
  display: inline-block !important;
  border-radius: 10px
}

.home-carousel__description {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.home-carousel__description__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 380px;
  padding: 0 15px 15px;
  border-radius: 10px;
  background: #e5eef7;
  text-align: left
}

.home-carousel__text {
  margin: 0;
  color: #333;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.58
}

.home-carousel__image {
  -webkit-transform: rotateY(0deg);
  z-index: 2;
  transform: rotateY(0deg)
}

.home-carousel__control {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  margin: 2em 0 0;
  padding: 0 24px
}

.home-carousel__pager>.slick-dots {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0 0 -10px;
  padding: 0
}

.home-carousel__pager>.slick-dots>li {
  display: flex;
  margin: 0 10px 13px;
  font-size: 0;
  list-style: none
}

.home-carousel__pager>.slick-dots>li>button {
  display: inline-block;
  width: 13px;
  height: 13px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: #ccc;
  text-indent: -9999em
}

.home-carousel__pager>.slick-dots>li.slick-active>button {
  background-color: #005bac;
  pointer-events: none
}

.home-carousel__title {
  margin-top: 1em;
  color: #333;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center
}

.home-carousel__inner.is-reversed .home-carousel__inner__item {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.home-faq {
  margin: .8rem 0 0;
  border: 2px solid #7ac28c;
  border-radius: 10px;
  background: #fff
}

.home-faq__head {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: flex-start;
  width: 100%;
  padding: 1.1rem 2.5rem 1.1rem 1.3rem;
  border: none;
  border-radius: 10px;
  text-align: left;
  transition: all .25s cubic-bezier(.4, 0, .2, 1) 0s
}

.home-faq__head:after,
.home-faq__head:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 15px;
  height: 2px;
  margin: 0;
  border-radius: 10px;
  background: #7dccf3;
  content: "";
  transition: -webkit-transform .25s cubic-bezier(.4, 0, .2, 1) 0s;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1) 0s;
  transition: transform .25s cubic-bezier(.4, 0, .2, 1) 0s, -webkit-transform .25s cubic-bezier(.4, 0, .2, 1) 0s
}

.home-faq__head:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.home-faq__head.is-active:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.home-faq [class*=home-faq__mark--] {
  display: inline-flex;
  z-index: 1;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 15px;
  border-radius: 50%;
  color: #295fcc;
  line-height: 1;
  text-align: center
}

.home-faq__mark--answer {
  padding-top: 2px
}

.home-faq__detail,
.home-faq__title {
  z-index: 1;
  position: relative;
  width: 100%;
  padding-left: .9rem
}

.home-faq__title {
  font-size: 1.5rem;
  line-height: 1.4
}

.home-faq__detail>:first-child,
.home-faq__detail>[class^=list-wrap]>:first-child,
.home-faq__detail>section:first-child>:first-child {
  margin-top: 0 !important
}

.home-faq__body {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  align-items: flex-start;
  width: 100%;
  padding: .8rem 1.3rem;
  border-radius: 0 0 20px 20px
}

.home-faq__body>:first-child,
.home-faq__body>[class^=list-wrap]>:first-child,
.home-faq__body>section:first-child>:first-child {
  margin-top: 0 !important
}

.mark-text {
  padding-inline: .5rem;
  font-weight: 700;
  color: #005bac
}

@media print,
screen and (min-width:768px) {

  .util-link--blank:after,
  .util-link--excel:after,
  .util-link--modal:after,
  .util-link--pdf:after,
  .util-link--powerpoint:after,
  .util-link--rss:after,
  .util-link--video:after,
  .util-link--word:after,
  .util-link--zip:after {
    width: 14px;
    height: 14px
  }

  body {
    min-width: 1260px;
    max-width: 1920px;
    margin: 0 auto;
    font-family: SysmexRegular, var(--font__font-family), Yu Gothic, Hiragino Kaku Gothic Pro, Hiragino Sans, Meiryo, Osaka, Arial, MS PGothic, sans-serif;
    font-size: var(--font__font-size--M);
    font-weight: 500;
    line-height: 1.6
  }

  a[href^="tel:"] {
    display: inline-block !important;
    outline: none;
    color: var(--color__font__font--TX1);
    text-decoration: none;
    cursor: default;
    pointer-events: none
  }

  button,
  input,
  pre,
  select,
  textarea {
    font-family: SysmexRegular, var(--font__font-family), Yu Gothic, Hiragino Kaku Gothic Pro, Hiragino Sans, Meiryo, Osaka, Arial, MS PGothic, sans-serif;
    font-size: var(--font__font-size--M);
    line-height: 1.6
  }

  .util-pc-hidden {
    display: none !important
  }

  .util-bold,
  .util-highlight--accent,
  .util-highlight--base,
  .util-highlight--bright,
  .util-highlight--disable,
  .util-highlight--main,
  .util-highlight--placeholder,
  .util-highlight--red,
  .util-highlight--secondary,
  .util-highlight--sub,
  .util-highlight--sub1,
  .util-highlight--sub2,
  .util-highlight--sub3,
  .util-highlight--sub4,
  .util-highlight--white {
    font-weight: 700 !important
  }

  .util-link--blank:hover,
  .util-link--excel:hover,
  .util-link--modal:hover,
  .util-link--pdf:hover,
  .util-link--powerpoint:hover,
  .util-link--rss:hover,
  .util-link--video:hover,
  .util-link--word:hover,
  .util-link--zip:hover,
  .util-link:hover {
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    color: var(--color__font__font--hover);
    text-decoration-style: dashed
  }

  [data-col-pc] {
    gap: 2rem 36px
  }

  [data-col-pc][data-col-pc="1"] {
    display: grid;
    grid-template-columns: auto
  }

  [data-col-pc]:not([data-col-pc="1"]) {
    display: flex;
    flex-flow: row wrap;
    width: 100%
  }

  [data-col-pc="1"]>* {
    width: 100%
  }

  [data-col-pc="2"]>* {
    width: calc((100% - 36px)/2 - .1px)
  }

  [data-col-pc="3"]>* {
    width: calc((100% - 72px)/3 - .1px)
  }

  [data-col-pc="4"]>* {
    width: calc((100% - 108px)/4 - .1px)
  }

  [data-col-pc="5"]>* {
    width: calc((100% - 144px)/5 - .1px)
  }

  [data-col-pc="6"]>* {
    width: calc((100% - 180px)/6 - .1px)
  }

  [data-size-pc="1col"],
  [data-size-pc="1col"]>* {
    width: 100%
  }

  [data-size-pc="2col"] {
    width: calc((100% - 36px)/2 - .1px)
  }

  [data-size-pc="1/2col"] {
    width: calc(100% - (100% - 36px)/2 - .1px - 36px) !important
  }

  [data-size-pc="2col"]>* {
    width: 100%
  }

  [data-size-pc="3col"] {
    width: calc((100% - 72px)/3 - .1px)
  }

  [data-size-pc="2/3col"] {
    width: calc(100% - (100% - 72px)/3 - .1px - 36px) !important
  }

  [data-size-pc="3col"]>* {
    width: 100%
  }

  [data-size-pc="4col"] {
    width: calc((100% - 108px)/4 - .1px)
  }

  [data-size-pc="3/4col"] {
    width: calc(100% - (100% - 108px)/4 - .1px - 36px) !important
  }

  [data-size-pc="4col"]>* {
    width: 100%
  }

  [data-size-pc="5col"] {
    width: calc((100% - 144px)/5 - .1px)
  }

  [data-size-pc="4/5col"] {
    width: calc(100% - (100% - 144px)/5 - .1px - 36px) !important
  }

  [data-size-pc="5col"]>* {
    width: 100%
  }

  [data-size-pc="6col"] {
    width: calc((100% - 180px)/6 - .1px)
  }

  [data-size-pc="5/6col"] {
    width: calc(100% - (100% - 180px)/6 - .1px - 36px) !important
  }

  [data-size-pc="6col"]>* {
    width: 100%
  }

  [data-size-pc="1per"] {
    width: 1% !important
  }

  [data-size-pc="1per"]>* {
    width: 100%
  }

  [data-size-pc="2per"] {
    width: 2% !important
  }

  [data-size-pc="2per"]>* {
    width: 100%
  }

  [data-size-pc="3per"] {
    width: 3% !important
  }

  [data-size-pc="3per"]>* {
    width: 100%
  }

  [data-size-pc="4per"] {
    width: 4% !important
  }

  [data-size-pc="4per"]>* {
    width: 100%
  }

  [data-size-pc="5per"] {
    width: 5% !important
  }

  [data-size-pc="5per"]>* {
    width: 100%
  }

  [data-size-pc="6per"] {
    width: 6% !important
  }

  [data-size-pc="6per"]>* {
    width: 100%
  }

  [data-size-pc="7per"] {
    width: 7% !important
  }

  [data-size-pc="7per"]>* {
    width: 100%
  }

  [data-size-pc="8per"] {
    width: 8% !important
  }

  [data-size-pc="8per"]>* {
    width: 100%
  }

  [data-size-pc="9per"] {
    width: 9% !important
  }

  [data-size-pc="9per"]>* {
    width: 100%
  }

  [data-size-pc="10per"] {
    width: 10% !important
  }

  [data-size-pc="10per"]>* {
    width: 100%
  }

  [data-size-pc="11per"] {
    width: 11% !important
  }

  [data-size-pc="11per"]>* {
    width: 100%
  }

  [data-size-pc="12per"] {
    width: 12% !important
  }

  [data-size-pc="12per"]>* {
    width: 100%
  }

  [data-size-pc="13per"] {
    width: 13% !important
  }

  [data-size-pc="13per"]>* {
    width: 100%
  }

  [data-size-pc="14per"] {
    width: 14% !important
  }

  [data-size-pc="14per"]>* {
    width: 100%
  }

  [data-size-pc="15per"] {
    width: 15% !important
  }

  [data-size-pc="15per"]>* {
    width: 100%
  }

  [data-size-pc="16per"] {
    width: 16% !important
  }

  [data-size-pc="16per"]>* {
    width: 100%
  }

  [data-size-pc="17per"] {
    width: 17% !important
  }

  [data-size-pc="17per"]>* {
    width: 100%
  }

  [data-size-pc="18per"] {
    width: 18% !important
  }

  [data-size-pc="18per"]>* {
    width: 100%
  }

  [data-size-pc="19per"] {
    width: 19% !important
  }

  [data-size-pc="19per"]>* {
    width: 100%
  }

  [data-size-pc="20per"] {
    width: 20% !important
  }

  [data-size-pc="20per"]>* {
    width: 100%
  }

  [data-size-pc="21per"] {
    width: 21% !important
  }

  [data-size-pc="21per"]>* {
    width: 100%
  }

  [data-size-pc="22per"] {
    width: 22% !important
  }

  [data-size-pc="22per"]>* {
    width: 100%
  }

  [data-size-pc="23per"] {
    width: 23% !important
  }

  [data-size-pc="23per"]>* {
    width: 100%
  }

  [data-size-pc="24per"] {
    width: 24% !important
  }

  [data-size-pc="24per"]>* {
    width: 100%
  }

  [data-size-pc="25per"] {
    width: 25% !important
  }

  [data-size-pc="25per"]>* {
    width: 100%
  }

  [data-size-pc="26per"] {
    width: 26% !important
  }

  [data-size-pc="26per"]>* {
    width: 100%
  }

  [data-size-pc="27per"] {
    width: 27% !important
  }

  [data-size-pc="27per"]>* {
    width: 100%
  }

  [data-size-pc="28per"] {
    width: 28% !important
  }

  [data-size-pc="28per"]>* {
    width: 100%
  }

  [data-size-pc="29per"] {
    width: 29% !important
  }

  [data-size-pc="29per"]>* {
    width: 100%
  }

  [data-size-pc="30per"] {
    width: 30% !important
  }

  [data-size-pc="30per"]>* {
    width: 100%
  }

  [data-size-pc="31per"] {
    width: 31% !important
  }

  [data-size-pc="31per"]>* {
    width: 100%
  }

  [data-size-pc="32per"] {
    width: 32% !important
  }

  [data-size-pc="32per"]>* {
    width: 100%
  }

  [data-size-pc="33per"] {
    width: 33% !important
  }

  [data-size-pc="33per"]>* {
    width: 100%
  }

  [data-size-pc="34per"] {
    width: 34% !important
  }

  [data-size-pc="34per"]>* {
    width: 100%
  }

  [data-size-pc="35per"] {
    width: 35% !important
  }

  [data-size-pc="35per"]>* {
    width: 100%
  }

  [data-size-pc="36per"] {
    width: 36% !important
  }

  [data-size-pc="36per"]>* {
    width: 100%
  }

  [data-size-pc="37per"] {
    width: 37% !important
  }

  [data-size-pc="37per"]>* {
    width: 100%
  }

  [data-size-pc="38per"] {
    width: 38% !important
  }

  [data-size-pc="38per"]>* {
    width: 100%
  }

  [data-size-pc="39per"] {
    width: 39% !important
  }

  [data-size-pc="39per"]>* {
    width: 100%
  }

  [data-size-pc="40per"] {
    width: 40% !important
  }

  [data-size-pc="40per"]>* {
    width: 100%
  }

  [data-size-pc="41per"] {
    width: 41% !important
  }

  [data-size-pc="41per"]>* {
    width: 100%
  }

  [data-size-pc="42per"] {
    width: 42% !important
  }

  [data-size-pc="42per"]>* {
    width: 100%
  }

  [data-size-pc="43per"] {
    width: 43% !important
  }

  [data-size-pc="43per"]>* {
    width: 100%
  }

  [data-size-pc="44per"] {
    width: 44% !important
  }

  [data-size-pc="44per"]>* {
    width: 100%
  }

  [data-size-pc="45per"] {
    width: 45% !important
  }

  [data-size-pc="45per"]>* {
    width: 100%
  }

  [data-size-pc="46per"] {
    width: 46% !important
  }

  [data-size-pc="46per"]>* {
    width: 100%
  }

  [data-size-pc="47per"] {
    width: 47% !important
  }

  [data-size-pc="47per"]>* {
    width: 100%
  }

  [data-size-pc="48per"] {
    width: 48% !important
  }

  [data-size-pc="48per"]>* {
    width: 100%
  }

  [data-size-pc="49per"] {
    width: 49% !important
  }

  [data-size-pc="49per"]>* {
    width: 100%
  }

  [data-size-pc="50per"] {
    width: 50% !important
  }

  [data-size-pc="50per"]>* {
    width: 100%
  }

  [data-size-pc="51per"] {
    width: 51% !important
  }

  [data-size-pc="51per"]>* {
    width: 100%
  }

  [data-size-pc="52per"] {
    width: 52% !important
  }

  [data-size-pc="52per"]>* {
    width: 100%
  }

  [data-size-pc="53per"] {
    width: 53% !important
  }

  [data-size-pc="53per"]>* {
    width: 100%
  }

  [data-size-pc="54per"] {
    width: 54% !important
  }

  [data-size-pc="54per"]>* {
    width: 100%
  }

  [data-size-pc="55per"] {
    width: 55% !important
  }

  [data-size-pc="55per"]>* {
    width: 100%
  }

  [data-size-pc="56per"] {
    width: 56% !important
  }

  [data-size-pc="56per"]>* {
    width: 100%
  }

  [data-size-pc="57per"] {
    width: 57% !important
  }

  [data-size-pc="57per"]>* {
    width: 100%
  }

  [data-size-pc="58per"] {
    width: 58% !important
  }

  [data-size-pc="58per"]>* {
    width: 100%
  }

  [data-size-pc="59per"] {
    width: 59% !important
  }

  [data-size-pc="59per"]>* {
    width: 100%
  }

  [data-size-pc="60per"] {
    width: 60% !important
  }

  [data-size-pc="60per"]>* {
    width: 100%
  }

  [data-size-pc="61per"] {
    width: 61% !important
  }

  [data-size-pc="61per"]>* {
    width: 100%
  }

  [data-size-pc="62per"] {
    width: 62% !important
  }

  [data-size-pc="62per"]>* {
    width: 100%
  }

  [data-size-pc="63per"] {
    width: 63% !important
  }

  [data-size-pc="63per"]>* {
    width: 100%
  }

  [data-size-pc="64per"] {
    width: 64% !important
  }

  [data-size-pc="64per"]>* {
    width: 100%
  }

  [data-size-pc="65per"] {
    width: 65% !important
  }

  [data-size-pc="65per"]>* {
    width: 100%
  }

  [data-size-pc="66per"] {
    width: 66% !important
  }

  [data-size-pc="66per"]>* {
    width: 100%
  }

  [data-size-pc="67per"] {
    width: 67% !important
  }

  [data-size-pc="67per"]>* {
    width: 100%
  }

  [data-size-pc="68per"] {
    width: 68% !important
  }

  [data-size-pc="68per"]>* {
    width: 100%
  }

  [data-size-pc="69per"] {
    width: 69% !important
  }

  [data-size-pc="69per"]>* {
    width: 100%
  }

  [data-size-pc="70per"] {
    width: 70% !important
  }

  [data-size-pc="70per"]>* {
    width: 100%
  }

  [data-size-pc="71per"] {
    width: 71% !important
  }

  [data-size-pc="71per"]>* {
    width: 100%
  }

  [data-size-pc="72per"] {
    width: 72% !important
  }

  [data-size-pc="72per"]>* {
    width: 100%
  }

  [data-size-pc="73per"] {
    width: 73% !important
  }

  [data-size-pc="73per"]>* {
    width: 100%
  }

  [data-size-pc="74per"] {
    width: 74% !important
  }

  [data-size-pc="74per"]>* {
    width: 100%
  }

  [data-size-pc="75per"] {
    width: 75% !important
  }

  [data-size-pc="75per"]>* {
    width: 100%
  }

  [data-size-pc="76per"] {
    width: 76% !important
  }

  [data-size-pc="76per"]>* {
    width: 100%
  }

  [data-size-pc="77per"] {
    width: 77% !important
  }

  [data-size-pc="77per"]>* {
    width: 100%
  }

  [data-size-pc="78per"] {
    width: 78% !important
  }

  [data-size-pc="78per"]>* {
    width: 100%
  }

  [data-size-pc="79per"] {
    width: 79% !important
  }

  [data-size-pc="79per"]>* {
    width: 100%
  }

  [data-size-pc="80per"] {
    width: 80% !important
  }

  [data-size-pc="80per"]>* {
    width: 100%
  }

  [data-size-pc="81per"] {
    width: 81% !important
  }

  [data-size-pc="81per"]>* {
    width: 100%
  }

  [data-size-pc="82per"] {
    width: 82% !important
  }

  [data-size-pc="82per"]>* {
    width: 100%
  }

  [data-size-pc="83per"] {
    width: 83% !important
  }

  [data-size-pc="83per"]>* {
    width: 100%
  }

  [data-size-pc="84per"] {
    width: 84% !important
  }

  [data-size-pc="84per"]>* {
    width: 100%
  }

  [data-size-pc="85per"] {
    width: 85% !important
  }

  [data-size-pc="85per"]>* {
    width: 100%
  }

  [data-size-pc="86per"] {
    width: 86% !important
  }

  [data-size-pc="86per"]>* {
    width: 100%
  }

  [data-size-pc="87per"] {
    width: 87% !important
  }

  [data-size-pc="87per"]>* {
    width: 100%
  }

  [data-size-pc="88per"] {
    width: 88% !important
  }

  [data-size-pc="88per"]>* {
    width: 100%
  }

  [data-size-pc="89per"] {
    width: 89% !important
  }

  [data-size-pc="89per"]>* {
    width: 100%
  }

  [data-size-pc="90per"] {
    width: 90% !important
  }

  [data-size-pc="90per"]>* {
    width: 100%
  }

  [data-size-pc="91per"] {
    width: 91% !important
  }

  [data-size-pc="91per"]>* {
    width: 100%
  }

  [data-size-pc="92per"] {
    width: 92% !important
  }

  [data-size-pc="92per"]>* {
    width: 100%
  }

  [data-size-pc="93per"] {
    width: 93% !important
  }

  [data-size-pc="93per"]>* {
    width: 100%
  }

  [data-size-pc="94per"] {
    width: 94% !important
  }

  [data-size-pc="94per"]>* {
    width: 100%
  }

  [data-size-pc="95per"] {
    width: 95% !important
  }

  [data-size-pc="95per"]>* {
    width: 100%
  }

  [data-size-pc="96per"] {
    width: 96% !important
  }

  [data-size-pc="96per"]>* {
    width: 100%
  }

  [data-size-pc="97per"] {
    width: 97% !important
  }

  [data-size-pc="97per"]>* {
    width: 100%
  }

  [data-size-pc="98per"] {
    width: 98% !important
  }

  [data-size-pc="98per"]>* {
    width: 100%
  }

  [data-size-pc="99per"] {
    width: 99% !important
  }

  [data-size-pc="99per"]>* {
    width: 100%
  }

  [data-size-pc="100per"] {
    width: 100% !important
  }

  [data-size-pc="100per"]>* {
    width: 100%
  }

  .Main__content {
    margin: 5.46rem 0 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
  }

  .home-pc-content {
    background-attachment: fixed;
    background-image: url(/img/index_bg05.webp);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 100%
  }

  .home-pc-content__inner {
    -webkit-column-gap: 4.16667vw;
    -moz-column-gap: 4.16667vw;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    min-width: 1260px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 10px 0 30px;
    column-gap: 4.16667vw
  }

  .home-pc-content__layout {
    position: relative
  }

  .home-pc-content__layout:before {
    z-index: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 251px;
    height: 243px;
    background-image: url(/img/index_bg02.webp);
    background-repeat: no-repeat;
    content: ""
  }

  .home-pc-content__layout:after {
    z-index: 1;
    position: fixed;
    right: -82px;
    bottom: -214px;
    width: 620px;
    height: 515px;
    background-image: url(/img/index_bg03.webp);
    content: ""
  }

  .home-pc-content__head {
    display: flex;
    z-index: 2;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 220px;
    height: 100vh;
    padding-top: calc(8px + 5rem)
  }

  .home-pc-content__body {
    z-index: 2;
    width: 375px;
    padding-top: 8px;
    background-color: #fff
  }

  .home-pc-content__foot {
    display: flex;
    z-index: 2;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    flex: 1 1;
    height: 100vh;
    padding-top: calc(8px + 5rem)
  }

  .home-pc-content__foot>* {
    width: 100%
  }

  .home-pc-content:before {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
    height: 8px;
    background: repeating-linear-gradient(90deg, #7ac28c 0, #7ac28c 36px, #df77aa 0, #df77aa 62px, #7dccf3 0, #7dccf3 112px, #f6d60b 0, #f6d60b 188px);
    content: ""
  }

  .Header {
    width: 100%
  }

  .Header__head {
    order: 1
  }

  .Header__body {
    order: 3;
    padding: 1.6rem 0 0 2rem
  }

  .Header__body__inner {
    padding: 16px 25px;
    border-radius: 10px;
    background: hsla(0, 0%, 100%, .9)
  }

  .Header__foot {
    order: 2;
    margin-top: 3.2rem;
    padding: 0 18px
  }

  .Header .header-utility__button {
    display: flex
  }

  .Header .header-utility__type--login,
  .Header .header-utility__type--member {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 10px 16px 10px 50px;
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, .1);
    line-height: 1.1;
    text-align: center;
    text-decoration: none
  }

  .Header .header-utility__type--login:before,
  .Header .header-utility__type--member:before {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(/app-files/img/cmn_ic01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: ""
  }

  .Header .header-utility__type--member {
    border: 3px solid #df77aa
  }

  .Header .header-utility__type--member:before {
    left: 1.6rem;
    width: 24px;
    height: 24px;
    background-image: url(/app-files/img/cmn_ic01.svg);
    background-repeat: no-repeat;
    background-size: 100%
  }

  .Header .header-utility__type--member:hover {
    border-color: #d7358c;
    color: #d7358c
  }

  .Header .header-utility__type--login {
    border: 3px solid #7ac28c
  }

  .Header .header-utility__type--login:before {
    left: 2.3rem;
    width: 22px;
    height: 24px;
    background-image: url(/app-files/img/cmn_ic02.svg);
    background-repeat: no-repeat;
    background-size: 100%
  }

  .Header .header-utility__type--login:hover {
    border-color: #00a74d;
    color: #00a74d
  }

  .Header .header-utility__label {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4
  }

  .Header .header-utility__button+* {
    margin-top: 1.6rem
  }

  .Header .header-logo--sysmex>a>img {
    width: 180px;
    height: auto
  }

  .Header .header-logo--gazefinder {
    margin: 2.5rem 0 0 4.8rem
  }

  .Header .header-logo--gazefinder>img {
    aspect-ratio: 120/19;
    width: 120px;
    height: 19px
  }

  .Header .header-gnav__list>li+li {
    margin: 1.4rem 0 0
  }

  .Header .header-gnav__type {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4
  }

  .Header .header-gnav__type:hover {
    text-decoration: underline
  }

  .footer-pagetop {
    display: none !important
  }

  .footer-nav__link>li>a:hover {
    text-decoration: underline
  }

  .home-hero__button__type:hover {
    border-color: #d7358c;
    color: #d7358c
  }

  .home-link--blank:hover {
    -webkit-text-decoration-style: dotted !important;
    text-decoration-style: dotted !important
  }

  .home-video-wrap-v2 {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 2rem;
    background-image: url(/img/index_bg04.webp);
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-size: 100%
  }

  .home-video-v2 {
    display: block;
    z-index: 99;
    position: relative;
    width: calc(100% - 20px);
    height: auto;
    border-radius: 1.875vw
  }

  .home-accordion__head {
    cursor: pointer
  }

  .home-accordion__head:hover .home-accordion__title {
    text-decoration: underline
  }

  .home-carousel__list>.slick-arrow.slick-prev {
    transition: all .25s cubic-bezier(.4, 0, .2, 1) 0s
  }

  .home-carousel__list>.slick-arrow.slick-prev:hover {
    opacity: .7
  }

  .home-carousel__list>.slick-arrow.slick-next {
    transition: all .25s cubic-bezier(.4, 0, .2, 1) 0s
  }

  .home-carousel__list>.slick-arrow.slick-next:hover {
    opacity: .7
  }

  .home-carousel__inner:after {
    transition: all .25s cubic-bezier(.4, 0, .2, 1) 0s
  }

  .home-carousel__inner:hover:after {
    opacity: .7
  }

  .home-carousel__pager>.slick-dots>li>button {
    transition: all .25s cubic-bezier(.4, 0, .2, 1) 0s
  }

  .home-carousel__pager>.slick-dots>li>button:hover {
    background-color: #7dccf3;
    opacity: .7
  }

  .home-faq__head {
    cursor: pointer
  }

  .home-faq__head:hover .home-faq__title {
    text-decoration: underline
  }
}

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

  .util-link--blank:after,
  .util-link--excel:after,
  .util-link--modal:after,
  .util-link--pdf:after,
  .util-link--powerpoint:after,
  .util-link--rss:after,
  .util-link--video:after,
  .util-link--word:after,
  .util-link--zip:after {
    width: 14px;
    height: 14px
  }

  body {
    font-size: var(--font__font-size--M);
    font-weight: 300
  }

  body,
  button,
  input,
  pre,
  select,
  textarea {
    font-family: var(--font__font-family), Hiragino Kaku Gothic Pro, Hiragino Sans, Meiryo, Osaka, Arial, MS PGothic, sans-serif;
    line-height: 1.6
  }

  button,
  input,
  pre,
  select,
  textarea {
    font-size: 1.6rem
  }

  .util-sp-hidden {
    display: none !important
  }

  .util-bold,
  .util-highlight--accent,
  .util-highlight--base,
  .util-highlight--bright,
  .util-highlight--disable,
  .util-highlight--main,
  .util-highlight--placeholder,
  .util-highlight--red,
  .util-highlight--secondary,
  .util-highlight--sub,
  .util-highlight--sub1,
  .util-highlight--sub2,
  .util-highlight--sub3,
  .util-highlight--sub4,
  .util-highlight--white {
    font-weight: 600 !important
  }

  [data-col-sp] {
    gap: 2rem 15px
  }

  [data-col-sp][data-col-sp="1"] {
    display: grid;
    grid-template-columns: auto
  }

  [data-col-sp]:not([data-col-sp="1"]) {
    display: flex;
    flex-flow: row wrap;
    width: 100%
  }

  [data-col-sp="1"]>* {
    width: 100%
  }

  [data-col-sp="2"]>* {
    width: calc((100% - 15px)/2)
  }

  [data-col-sp="3"]>* {
    width: calc((100% - 30px)/3)
  }

  [data-size-sp="1col"],
  [data-size-sp="1col"]>* {
    width: 100%
  }

  [data-size-sp="2col"] {
    width: calc((100% - 15px)/2)
  }

  [data-size-sp="1/2col"] {
    width: calc(100% - (100% - 15px)/2 - 15px) !important
  }

  [data-size-sp="2col"]>* {
    width: 100%
  }

  [data-size-sp="3col"] {
    width: calc((100% - 30px)/3)
  }

  [data-size-sp="2/3col"] {
    width: calc(100% - (100% - 30px)/3 - 15px) !important
  }

  [data-size-sp="3col"]>* {
    width: 100%
  }

  [data-size-sp="1per"] {
    width: 1% !important
  }

  [data-size-sp="1per"]>* {
    width: 100%
  }

  [data-size-sp="2per"] {
    width: 2% !important
  }

  [data-size-sp="2per"]>* {
    width: 100%
  }

  [data-size-sp="3per"] {
    width: 3% !important
  }

  [data-size-sp="3per"]>* {
    width: 100%
  }

  [data-size-sp="4per"] {
    width: 4% !important
  }

  [data-size-sp="4per"]>* {
    width: 100%
  }

  [data-size-sp="5per"] {
    width: 5% !important
  }

  [data-size-sp="5per"]>* {
    width: 100%
  }

  [data-size-sp="6per"] {
    width: 6% !important
  }

  [data-size-sp="6per"]>* {
    width: 100%
  }

  [data-size-sp="7per"] {
    width: 7% !important
  }

  [data-size-sp="7per"]>* {
    width: 100%
  }

  [data-size-sp="8per"] {
    width: 8% !important
  }

  [data-size-sp="8per"]>* {
    width: 100%
  }

  [data-size-sp="9per"] {
    width: 9% !important
  }

  [data-size-sp="9per"]>* {
    width: 100%
  }

  [data-size-sp="10per"] {
    width: 10% !important
  }

  [data-size-sp="10per"]>* {
    width: 100%
  }

  [data-size-sp="11per"] {
    width: 11% !important
  }

  [data-size-sp="11per"]>* {
    width: 100%
  }

  [data-size-sp="12per"] {
    width: 12% !important
  }

  [data-size-sp="12per"]>* {
    width: 100%
  }

  [data-size-sp="13per"] {
    width: 13% !important
  }

  [data-size-sp="13per"]>* {
    width: 100%
  }

  [data-size-sp="14per"] {
    width: 14% !important
  }

  [data-size-sp="14per"]>* {
    width: 100%
  }

  [data-size-sp="15per"] {
    width: 15% !important
  }

  [data-size-sp="15per"]>* {
    width: 100%
  }

  [data-size-sp="16per"] {
    width: 16% !important
  }

  [data-size-sp="16per"]>* {
    width: 100%
  }

  [data-size-sp="17per"] {
    width: 17% !important
  }

  [data-size-sp="17per"]>* {
    width: 100%
  }

  [data-size-sp="18per"] {
    width: 18% !important
  }

  [data-size-sp="18per"]>* {
    width: 100%
  }

  [data-size-sp="19per"] {
    width: 19% !important
  }

  [data-size-sp="19per"]>* {
    width: 100%
  }

  [data-size-sp="20per"] {
    width: 20% !important
  }

  [data-size-sp="20per"]>* {
    width: 100%
  }

  [data-size-sp="21per"] {
    width: 21% !important
  }

  [data-size-sp="21per"]>* {
    width: 100%
  }

  [data-size-sp="22per"] {
    width: 22% !important
  }

  [data-size-sp="22per"]>* {
    width: 100%
  }

  [data-size-sp="23per"] {
    width: 23% !important
  }

  [data-size-sp="23per"]>* {
    width: 100%
  }

  [data-size-sp="24per"] {
    width: 24% !important
  }

  [data-size-sp="24per"]>* {
    width: 100%
  }

  [data-size-sp="25per"] {
    width: 25% !important
  }

  [data-size-sp="25per"]>* {
    width: 100%
  }

  [data-size-sp="26per"] {
    width: 26% !important
  }

  [data-size-sp="26per"]>* {
    width: 100%
  }

  [data-size-sp="27per"] {
    width: 27% !important
  }

  [data-size-sp="27per"]>* {
    width: 100%
  }

  [data-size-sp="28per"] {
    width: 28% !important
  }

  [data-size-sp="28per"]>* {
    width: 100%
  }

  [data-size-sp="29per"] {
    width: 29% !important
  }

  [data-size-sp="29per"]>* {
    width: 100%
  }

  [data-size-sp="30per"] {
    width: 30% !important
  }

  [data-size-sp="30per"]>* {
    width: 100%
  }

  [data-size-sp="31per"] {
    width: 31% !important
  }

  [data-size-sp="31per"]>* {
    width: 100%
  }

  [data-size-sp="32per"] {
    width: 32% !important
  }

  [data-size-sp="32per"]>* {
    width: 100%
  }

  [data-size-sp="33per"] {
    width: 33% !important
  }

  [data-size-sp="33per"]>* {
    width: 100%
  }

  [data-size-sp="34per"] {
    width: 34% !important
  }

  [data-size-sp="34per"]>* {
    width: 100%
  }

  [data-size-sp="35per"] {
    width: 35% !important
  }

  [data-size-sp="35per"]>* {
    width: 100%
  }

  [data-size-sp="36per"] {
    width: 36% !important
  }

  [data-size-sp="36per"]>* {
    width: 100%
  }

  [data-size-sp="37per"] {
    width: 37% !important
  }

  [data-size-sp="37per"]>* {
    width: 100%
  }

  [data-size-sp="38per"] {
    width: 38% !important
  }

  [data-size-sp="38per"]>* {
    width: 100%
  }

  [data-size-sp="39per"] {
    width: 39% !important
  }

  [data-size-sp="39per"]>* {
    width: 100%
  }

  [data-size-sp="40per"] {
    width: 40% !important
  }

  [data-size-sp="40per"]>* {
    width: 100%
  }

  [data-size-sp="41per"] {
    width: 41% !important
  }

  [data-size-sp="41per"]>* {
    width: 100%
  }

  [data-size-sp="42per"] {
    width: 42% !important
  }

  [data-size-sp="42per"]>* {
    width: 100%
  }

  [data-size-sp="43per"] {
    width: 43% !important
  }

  [data-size-sp="43per"]>* {
    width: 100%
  }

  [data-size-sp="44per"] {
    width: 44% !important
  }

  [data-size-sp="44per"]>* {
    width: 100%
  }

  [data-size-sp="45per"] {
    width: 45% !important
  }

  [data-size-sp="45per"]>* {
    width: 100%
  }

  [data-size-sp="46per"] {
    width: 46% !important
  }

  [data-size-sp="46per"]>* {
    width: 100%
  }

  [data-size-sp="47per"] {
    width: 47% !important
  }

  [data-size-sp="47per"]>* {
    width: 100%
  }

  [data-size-sp="48per"] {
    width: 48% !important
  }

  [data-size-sp="48per"]>* {
    width: 100%
  }

  [data-size-sp="49per"] {
    width: 49% !important
  }

  [data-size-sp="49per"]>* {
    width: 100%
  }

  [data-size-sp="50per"] {
    width: 50% !important
  }

  [data-size-sp="50per"]>* {
    width: 100%
  }

  [data-size-sp="51per"] {
    width: 51% !important
  }

  [data-size-sp="51per"]>* {
    width: 100%
  }

  [data-size-sp="52per"] {
    width: 52% !important
  }

  [data-size-sp="52per"]>* {
    width: 100%
  }

  [data-size-sp="53per"] {
    width: 53% !important
  }

  [data-size-sp="53per"]>* {
    width: 100%
  }

  [data-size-sp="54per"] {
    width: 54% !important
  }

  [data-size-sp="54per"]>* {
    width: 100%
  }

  [data-size-sp="55per"] {
    width: 55% !important
  }

  [data-size-sp="55per"]>* {
    width: 100%
  }

  [data-size-sp="56per"] {
    width: 56% !important
  }

  [data-size-sp="56per"]>* {
    width: 100%
  }

  [data-size-sp="57per"] {
    width: 57% !important
  }

  [data-size-sp="57per"]>* {
    width: 100%
  }

  [data-size-sp="58per"] {
    width: 58% !important
  }

  [data-size-sp="58per"]>* {
    width: 100%
  }

  [data-size-sp="59per"] {
    width: 59% !important
  }

  [data-size-sp="59per"]>* {
    width: 100%
  }

  [data-size-sp="60per"] {
    width: 60% !important
  }

  [data-size-sp="60per"]>* {
    width: 100%
  }

  [data-size-sp="61per"] {
    width: 61% !important
  }

  [data-size-sp="61per"]>* {
    width: 100%
  }

  [data-size-sp="62per"] {
    width: 62% !important
  }

  [data-size-sp="62per"]>* {
    width: 100%
  }

  [data-size-sp="63per"] {
    width: 63% !important
  }

  [data-size-sp="63per"]>* {
    width: 100%
  }

  [data-size-sp="64per"] {
    width: 64% !important
  }

  [data-size-sp="64per"]>* {
    width: 100%
  }

  [data-size-sp="65per"] {
    width: 65% !important
  }

  [data-size-sp="65per"]>* {
    width: 100%
  }

  [data-size-sp="66per"] {
    width: 66% !important
  }

  [data-size-sp="66per"]>* {
    width: 100%
  }

  [data-size-sp="67per"] {
    width: 67% !important
  }

  [data-size-sp="67per"]>* {
    width: 100%
  }

  [data-size-sp="68per"] {
    width: 68% !important
  }

  [data-size-sp="68per"]>* {
    width: 100%
  }

  [data-size-sp="69per"] {
    width: 69% !important
  }

  [data-size-sp="69per"]>* {
    width: 100%
  }

  [data-size-sp="70per"] {
    width: 70% !important
  }

  [data-size-sp="70per"]>* {
    width: 100%
  }

  [data-size-sp="71per"] {
    width: 71% !important
  }

  [data-size-sp="71per"]>* {
    width: 100%
  }

  [data-size-sp="72per"] {
    width: 72% !important
  }

  [data-size-sp="72per"]>* {
    width: 100%
  }

  [data-size-sp="73per"] {
    width: 73% !important
  }

  [data-size-sp="73per"]>* {
    width: 100%
  }

  [data-size-sp="74per"] {
    width: 74% !important
  }

  [data-size-sp="74per"]>* {
    width: 100%
  }

  [data-size-sp="75per"] {
    width: 75% !important
  }

  [data-size-sp="75per"]>* {
    width: 100%
  }

  [data-size-sp="76per"] {
    width: 76% !important
  }

  [data-size-sp="76per"]>* {
    width: 100%
  }

  [data-size-sp="77per"] {
    width: 77% !important
  }

  [data-size-sp="77per"]>* {
    width: 100%
  }

  [data-size-sp="78per"] {
    width: 78% !important
  }

  [data-size-sp="78per"]>* {
    width: 100%
  }

  [data-size-sp="79per"] {
    width: 79% !important
  }

  [data-size-sp="79per"]>* {
    width: 100%
  }

  [data-size-sp="80per"] {
    width: 80% !important
  }

  [data-size-sp="80per"]>* {
    width: 100%
  }

  [data-size-sp="81per"] {
    width: 81% !important
  }

  [data-size-sp="81per"]>* {
    width: 100%
  }

  [data-size-sp="82per"] {
    width: 82% !important
  }

  [data-size-sp="82per"]>* {
    width: 100%
  }

  [data-size-sp="83per"] {
    width: 83% !important
  }

  [data-size-sp="83per"]>* {
    width: 100%
  }

  [data-size-sp="84per"] {
    width: 84% !important
  }

  [data-size-sp="84per"]>* {
    width: 100%
  }

  [data-size-sp="85per"] {
    width: 85% !important
  }

  [data-size-sp="85per"]>* {
    width: 100%
  }

  [data-size-sp="86per"] {
    width: 86% !important
  }

  [data-size-sp="86per"]>* {
    width: 100%
  }

  [data-size-sp="87per"] {
    width: 87% !important
  }

  [data-size-sp="87per"]>* {
    width: 100%
  }

  [data-size-sp="88per"] {
    width: 88% !important
  }

  [data-size-sp="88per"]>* {
    width: 100%
  }

  [data-size-sp="89per"] {
    width: 89% !important
  }

  [data-size-sp="89per"]>* {
    width: 100%
  }

  [data-size-sp="90per"] {
    width: 90% !important
  }

  [data-size-sp="90per"]>* {
    width: 100%
  }

  [data-size-sp="91per"] {
    width: 91% !important
  }

  [data-size-sp="91per"]>* {
    width: 100%
  }

  [data-size-sp="92per"] {
    width: 92% !important
  }

  [data-size-sp="92per"]>* {
    width: 100%
  }

  [data-size-sp="93per"] {
    width: 93% !important
  }

  [data-size-sp="93per"]>* {
    width: 100%
  }

  [data-size-sp="94per"] {
    width: 94% !important
  }

  [data-size-sp="94per"]>* {
    width: 100%
  }

  [data-size-sp="95per"] {
    width: 95% !important
  }

  [data-size-sp="95per"]>* {
    width: 100%
  }

  [data-size-sp="96per"] {
    width: 96% !important
  }

  [data-size-sp="96per"]>* {
    width: 100%
  }

  [data-size-sp="97per"] {
    width: 97% !important
  }

  [data-size-sp="97per"]>* {
    width: 100%
  }

  [data-size-sp="98per"] {
    width: 98% !important
  }

  [data-size-sp="98per"]>* {
    width: 100%
  }

  [data-size-sp="99per"] {
    width: 99% !important
  }

  [data-size-sp="99per"]>* {
    width: 100%
  }

  [data-size-sp="100per"] {
    width: 100% !important
  }

  [data-size-sp="100per"]>* {
    width: 100%
  }

  .Main {
    margin-top: 70px
  }

  .Main__content {
    padding: 1.7rem 0 0
  }

  .home-pc-content__foot {
    display: none
  }

  .Header {
    display: block;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    border-bottom: 2px solid #e5e5e5;
    background: #fff;
    transition: background .25s cubic-bezier(.4, 0, .2, 1) 0s
  }

  .Header__inner {
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-top: 8px
  }

  .Header__inner:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(90deg, #7ac28c 0, #7ac28c 9.57%, #df77aa 0, #df77aa 16.49%, #7dccf3 0, #7dccf3 29.79%, #f6d60b 0, #f6d60b 50%, #7ac28c 0, #7ac28c 59.57%, #df77aa 0, #df77aa 66.49%, #7dccf3 0, #7dccf3 79.79%, #f6d60b 0, #f6d60b);
    content: ""
  }

  .Header__head {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin-left: 15px;
    padding-bottom: 3px
  }

  .Header__body__inner {
    display: none
  }

  .Header__foot {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 60px
  }

  .Header .header-utility {
    display: flex;
    position: relative;
    height: 100%
  }

  .Header .header-utility__button,
  .Header .header-utility__type--menu {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
  }

  .Header .header-utility__type--menu {
    min-width: 68px;
    height: 100%;
    padding: 36px 15px 10px 5px;
    color: #333;
    text-align: center;
    cursor: pointer
  }

  .Header .header-utility__type--menu:after,
  .Header .header-utility__type--menu:before {
    -webkit-transform: translateX(-50%);
    display: block;
    position: absolute;
    bottom: calc(50% + 1px);
    left: calc(50% - 5px);
    width: 23px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 999px;
    background: #7dccf3;
    content: "";
    transition: bottom .25s cubic-bezier(.4, 0, .2, 1) 0s
  }

  .Header .header-utility__type--menu:before {
    bottom: calc(50% + 16px);
    box-shadow: 0 8px 0 0 #7dccf3
  }

  .Header .header-utility__type--menu:after {
    bottom: 50%
  }

  .Header .header-utility__type--login {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 100%;
    padding: 36px 5px 10px;
    color: #333;
    text-align: center;
    cursor: pointer
  }

  .Header .header-utility__type--login:before {
    -webkit-transform: translateX(-50%);
    position: absolute;
    top: 9px;
    left: 50%;
    width: 22px;
    height: 24px;
    transform: translateX(-50%);
    background-image: url(/app-files/img/cmn_ic02.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: ""
  }

  .Header .header-utility__type--member {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 100%;
    padding: 36px 5px 10px;
    color: #333;
    text-align: center;
    cursor: pointer
  }

  .Header .header-utility__type--member:before {
    -webkit-transform: translateX(-50%);
    position: absolute;
    top: 9px;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translateX(-50%);
    background-image: url(/app-files/img/cmn_ic01.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: ""
  }

  .Header .header-utility__close,
  .Header .header-utility__label {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    line-height: 1.4;
    transition: color .25s cubic-bezier(.4, 0, .2, 1) 0s
  }

  .Header .header-logo--gazefinder,
  .Header .header-utility__close {
    display: none
  }

  .Header .header-menu {
    display: none;
    z-index: 1001;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: rgba(0, 0, 0, .5)
  }

  .Header .header-gnav {
    width: 100%
  }

  .Header .header-gnav__list>li {
    border-bottom: 2px solid #e5e5e5
  }

  .Header .header-gnav__type {
    padding: 15px 34px 15px 15px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1
  }

  .Header .header-gnav__type:after {
    -webkit-transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    width: 9px;
    height: 12px;
    transform: translateY(-50%);
    background-image: url(/app-files/img/cmn_ic03.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: ""
  }

  .footer-pagetop {
    z-index: 998;
    position: fixed;
    right: 11px;
    bottom: 16px;
    width: 30px;
    height: 30px
  }

  .footer-pagetop>a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(/app-files/img/cmn_ic04.svg);
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -100vw;
    white-space: nowrap
  }
}

@media print,
screen and (min-width:1260px) {
  body.is-liquid {
    min-width: auto !important
  }

  body.is-liquid .Main__content {
    max-width: 100% !important
  }
}

@media print {
  body {
    page: print-width;
    width: 1260px !important;
    margin: 0 auto !important
  }

  body[data-browser^=ie] {
    zoom: 1.9 !important;
    -webkit-transform: scale(.45) !important;
    -webkit-transform-origin: 0 0 !important;
    transform: scale(.45) !important;
    transform-origin: 0 0 !important
  }

  body[data-browser=chrome] {
    zoom: .85
  }
}

@media print,
screen and (min-width:768px) and (max-width:1260.98px) {
  .home-pc-content__inner {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
  }

  .home-pc-content__layout:after {
    bottom: -120px
  }

  .home-video-v2 {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
  }
}

.youtube-wrapper {
  position: relative;
  margin: 0.5rem 0 0 0;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  background: #000
}

.youtube-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}