@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
  border-width: 0;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Marcellus-Regular";
  src: url("../fonts/Manrope/Marcellus-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* Circular */
@font-face {
  font-family: "Circular-Std";
  src: url("../fonts/circular-std-book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Std-Medium";
  src: url("../fonts/circular-std-medium-500-_1_.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Std-Medium";
  src: url("../fonts/circular-std-medium-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
/* Futura */
@font-face {
  font-family: "Futura-PT";
  src: url("../fonts/futura-pt-medium-oblique.woff") format("woff");
  font-weight: 500;
  font-style: oblique;
}
/* Helvetica */
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Manrope */
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
/* Marcellus */
@font-face {
  font-family: "Marcellus";
  src: url("../fonts/Manrope/Marcellus-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* Noto Sans JP */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Sweet Sans Pro */
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansProRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansProMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansProBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
/* Termina */
@font-face {
  font-family: "Termina";
  src: url("../fonts/Termina-W00-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "TerminaTest";
  src: url("../fonts/TerminaTest-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
.blogBody {
  font-size: medium;
  width: 100%;
  /* children of the <head> element all have display:none */
  /* generic block-level elements */
  /* heading elements */
  /* tables */
  /* for tables without table section elements (can happen with XHTML or dynamically created tables) */
  /* lists */
  /* form elements */
  /* Form controls don't go vertical. */
  /* TODO(crbug.com/880258): Use different styles for
  `-internal-autofill-previewed` and `-internal-autofill-selected`. */
  /* meter */
  /* progress */
  /* inline elements */
  /* states */
  /* HTML5 ruby elements */
  /* other elements */
  /* TODO(foolip): In the Fullscreen spec, there's a ::backdrop block with the
  properties shared with :fullscreen::backdrop (see fullscreen.css). */
  /* page */
  /* Allows thead sections to print at the top of each page. */
}
.blogBody html,
.blogBody body,
.blogBody div,
.blogBody span,
.blogBody applet,
.blogBody object,
.blogBody iframe,
.blogBody h1,
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6,
.blogBody p,
.blogBody blockquote,
.blogBody pre,
.blogBody a,
.blogBody button,
.blogBody abbr,
.blogBody acronym,
.blogBody address,
.blogBody big,
.blogBody cite,
.blogBody code,
.blogBody del,
.blogBody dfn,
.blogBody em,
.blogBody img,
.blogBody ins,
.blogBody kbd,
.blogBody q,
.blogBody s,
.blogBody samp,
.blogBody small,
.blogBody strike,
.blogBody strong,
.blogBody sub,
.blogBody sup,
.blogBody tt,
.blogBody var,
.blogBody b,
.blogBody u,
.blogBody i,
.blogBody center,
.blogBody dl,
.blogBody dt,
.blogBody dd,
.blogBody ol,
.blogBody ul,
.blogBody li,
.blogBody fieldset,
.blogBody form,
.blogBody label,
.blogBody legend,
.blogBody table,
.blogBody caption,
.blogBody tbody,
.blogBody tfoot,
.blogBody thead,
.blogBody tr,
.blogBody th,
.blogBody td,
.blogBody article,
.blogBody aside,
.blogBody canvas,
.blogBody details,
.blogBody embed,
.blogBody figure,
.blogBody figcaption,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody menu,
.blogBody nav,
.blogBody output,
.blogBody ruby,
.blogBody section,
.blogBody summary,
.blogBody time,
.blogBody mark,
.blogBody audio,
.blogBody video {
  font-size: medium;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.blogBody html {
  display: block;
}
.blogBody head {
  display: none;
}
.blogBody meta {
  display: none;
}
.blogBody title {
  display: none;
}
.blogBody link {
  display: none;
}
.blogBody style {
  display: none;
}
.blogBody script {
  display: none;
}
.blogBody body {
  display: block;
  margin: 8px;
}
.blogBody body:-webkit-full-page-media {
  background-color: rgb(0, 0, 0);
}
.blogBody p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .blogBody p {
    font-size: 14px;
  }
}
.blogBody span {
  font-size: inherit;
}
.blogBody div {
  display: block;
}
.blogBody layer {
  display: block;
}
.blogBody article,
.blogBody aside,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody main,
.blogBody nav,
.blogBody section {
  display: block;
}
.blogBody marquee {
  display: inline-block;
  width: -webkit-fill-available;
}
.blogBody address {
  display: block;
}
.blogBody blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}
.blogBody figcaption {
  display: block;
}
.blogBody figure {
  display: block;
}
.blogBody q {
  display: inline;
}
.blogBody q:before {
  content: open-quote;
}
.blogBody q:after {
  content: close-quote;
}
.blogBody center {
  display: block;
  /* special centering to be able to emulate the html4/netscape behaviour */
  text-align: -webkit-center;
}
.blogBody hr {
  display: block;
  overflow: hidden;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  border-style: inset;
  border-width: 1px;
}
.blogBody map {
  display: inline;
}
.blogBody video {
  -o-object-fit: contain;
     object-fit: contain;
}
.blogBody h1 {
  display: block;
  width: 100%;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1em;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}
.blogBody h2 {
  display: block;
  width: 100%;
  font-size: 2.3em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .blogBody h2 {
    font-size: 1.6em;
  }
}
.blogBody h3 {
  display: block;
  width: 100%;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h4 {
  display: block;
  width: 100%;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h5 {
  display: block;
  width: 100%;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h6 {
  display: block;
  width: 100%;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody strong,
.blogBody em,
.blogBody kbd {
  font-size: 1em;
}
.blogBody table {
  display: table;
  border-color: gray;
  box-sizing: border-box;
  text-indent: initial;
}
.blogBody thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody table > tr {
  vertical-align: middle;
}
.blogBody col {
  display: table-column;
}
.blogBody colgroup {
  display: table-column-group;
}
.blogBody tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.blogBody td,
.blogBody th {
  display: table-cell;
  vertical-align: inherit;
}
.blogBody th {
  font-weight: bold;
  text-align: -internal-center;
}
.blogBody caption {
  display: table-caption;
  text-align: -webkit-center;
}
.blogBody ul,
.blogBody menu,
.blogBody dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
.blogBody ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
.blogBody li {
  display: list-item;
  text-align: -webkit-match-parent;
  line-height: 1.8;
}
.blogBody ul ul,
.blogBody ol ul {
  list-style-type: circle;
}
.blogBody ol ol ul,
.blogBody ol ul ul,
.blogBody ul ol ul,
.blogBody ul ul ul {
  list-style-type: square;
}
.blogBody dd {
  display: block;
  margin-inline-start: 40px;
}
.blogBody dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.blogBody dt {
  display: block;
}
.blogBody ol ul,
.blogBody ul ol,
.blogBody ul ul,
.blogBody ol ol {
  margin-block-start: 0;
  margin-block-end: 0;
}
.blogBody form {
  display: block;
  margin-top: 0em;
}
.blogBody :-webkit-any(table, thead, tbody, tfoot, tr) > form:-internal-is-html {
  display: none !important;
}
.blogBody label {
  cursor: default;
}
.blogBody legend {
  display: block;
  padding-inline-start: 2px;
  padding-inline-end: 2px;
  border: none;
}
.blogBody fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: -moz-min-content;
  min-inline-size: min-content;
}
.blogBody button {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button,
.blogBody meter,
.blogBody progress {
  -webkit-writing-mode: horizontal-tb !important;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button {
  margin: 0em;
  font: -webkit-small-control;
  text-rendering: auto; /* FIXME: Remove when tabs work with optimizeLegibility. */
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
.blogBody input[type=hidden i] {
  display: none;
}
.blogBody input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 1px;
  background-color: -internal-light-dark(white, black);
  border: 2px inset;
  -webkit-rtl-ordering: logical;
  cursor: text;
}
.blogBody input[type=search i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input::-webkit-textfield-decoration-container {
  display: flex !important;
  align-items: center;
  -webkit-user-modify: read-only !important;
  content: none !important;
  writing-mode: inherit !important;
  -internal-align-self-block: center;
}
.blogBody input::-webkit-clear-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  flex: none;
  -webkit-user-modify: read-only !important;
  margin-inline-start: 2px;
}
.blogBody input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-clear-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input[type=search i]::-webkit-search-cancel-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: block;
  cursor: default;
  flex: none;
  -webkit-user-modify: read-only !important;
  margin-inline-start: 1px;
  -webkit-user-select: none !important;
          user-select: none !important;
}
.blogBody input[type=search i]:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input::-webkit-inner-spin-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  flex: none;
  align-self: stretch;
  -webkit-user-modify: read-only !important;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-inner-spin-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody select {
  border-radius: 5px;
}
.blogBody textarea {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  background-color: -internal-light-dark(white, black);
  border: 1px solid;
  -moz-column-count: initial !important;
       column-count: initial !important;
  -webkit-rtl-ordering: logical;
  flex-direction: column;
  resize: auto;
  cursor: text;
  padding: 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.blogBody ::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: #757575;
  direction: inherit !important;
  pointer-events: none !important;
  text-orientation: inherit !important;
  writing-mode: inherit !important;
}
.blogBody input::-webkit-input-placeholder {
  text-overflow: inherit;
  line-height: initial;
  white-space: pre;
  word-wrap: normal;
  overflow: hidden;
  -webkit-user-modify: read-only !important;
}
.blogBody input::-internal-input-suggested {
  text-overflow: inherit;
  white-space: nowrap;
  overflow: hidden;
}
.blogBody input::-internal-input-suggested,
.blogBody textarea::-internal-input-suggested {
  font: -webkit-small-control !important;
  /* Prevent that overflow affects the scrollable area. Without this,
  LayoutBox::*Scroll{Height,Width}() may determine the scroll width/height
  from the scrollable area instead of from the overrides in
  LayoutTextControl{Single,Multi}Line::Scroll{Height,Width}(). */
  overflow: hidden !important;
  overflow-anchor: none;
}
.blogBody input[type=password i] {
  -webkit-text-security: disc !important;
}
.blogBody input[type=password i]::-internal-input-suggested {
  -webkit-text-security: disc !important;
}
.blogBody input[type=hidden i],
.blogBody input[type=image i],
.blogBody input[type=file i] {
  -webkit-appearance: initial; /* AutoAppearanceFor() should match to this. */
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}
.blogBody input[type=file i] {
  align-items: baseline;
  color: inherit;
  overflow: hidden !important;
  text-align: start !important;
  text-overflow: ellipsis;
  white-space: pre;
}
.blogBody input[type=image i] {
  cursor: pointer;
}
.blogBody input:-internal-autofill-previewed,
.blogBody textarea:-internal-autofill-previewed,
.blogBody select:-internal-autofill-previewed {
  -webkit-appearance: menulist-button;
  background-color: #e8f0fe !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}
.blogBody input:-internal-autofill-selected,
.blogBody textarea:-internal-autofill-selected,
.blogBody select:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  background-color: #e8f0fe !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}
.blogBody input[type=radio i],
.blogBody input[type=checkbox i] {
  margin: 3px 0.5ex;
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i] {
  -internal-empty-line-height: fabricated;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  white-space: pre;
}
.blogBody input[type=file i]::-webkit-file-upload-button {
  -webkit-appearance: auto;
          appearance: auto;
  -webkit-user-modify: read-only !important;
  white-space: nowrap;
  margin: 0;
  margin-inline-end: 4px;
  font-size: inherit;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i],
.blogBody input[type=file i]::-webkit-file-upload-button,
.blogBody button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: -internal-light-dark(ButtonText, #aaaaaa);
  padding: 2px 6px 3px 6px;
  border: 2px outset ButtonFace;
  background-color: ButtonFace;
  box-sizing: border-box;
}
.blogBody input[type=range i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto; /* AutoAppearanceFor() should match to this. */
  padding: initial;
  border: initial;
  margin: 2px;
  color: #909090;
  cursor: default;
}
.blogBody input[type=range i]::-webkit-slider-container,
.blogBody input[type=range i]::-webkit-media-slider-container {
  -webkit-appearance: inherit;
          appearance: inherit;
  flex: 1;
  min-inline-size: 0;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: flex;
}
.blogBody input[type=range i]:-internal-has-datalist::-webkit-slider-container {
  /*
  * See LayoutThemeDefault. "22px" is
  * 2 * (SliderTickOffsetFromTrackCenter() + SliderTickSize().Height()).
  */
  min-block-size: 22px;
}
.blogBody input[type=range i]::-webkit-slider-runnable-track {
  flex: 1;
  min-inline-size: 0;
  -webkit-align-self: center;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}
.blogBody input[type=range i]::-webkit-slider-thumb,
.blogBody input[type=range i]::-webkit-media-slider-thumb {
  -webkit-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}
.blogBody input[type=button i]:disabled,
.blogBody input[type=submit i]:disabled,
.blogBody input[type=reset i]:disabled,
.blogBody input[type=file i]:disabled::-webkit-file-upload-button,
.blogBody button:disabled,
.blogBody select:disabled,
.blogBody optgroup:disabled,
.blogBody option:disabled,
.blogBody select[disabled] > option {
  color: -internal-light-dark(GrayText, #aaa);
}
.blogBody input[type=button i]:active,
.blogBody input[type=submit i]:active,
.blogBody input[type=reset i]:active,
.blogBody input[type=file i]:active::-webkit-file-upload-button,
.blogBody button:active {
  border-style: inset;
}
.blogBody input[type=button i]:active:disabled,
.blogBody input[type=submit i]:active:disabled,
.blogBody input[type=reset i]:active:disabled,
.blogBody input[type=file i]:active:disabled::-webkit-file-upload-button,
.blogBody button:active:disabled {
  border-style: outset;
}
.blogBody input:disabled,
.blogBody textarea:disabled {
  color: -internal-light-dark(#545454, #aaa);
  cursor: default;
}
.blogBody option:-internal-spatial-navigation-focus {
  outline: -internal-light-dark(black, white) dashed 1px;
  outline-offset: -1px;
}
.blogBody datalist {
  display: none;
}
.blogBody area {
  display: inline;
}
.blogBody area:-webkit-any-link {
  cursor: pointer;
}
.blogBody param {
  display: none;
}
.blogBody input[type=checkbox i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input[type=radio i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input[type=color i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 44px;
  height: 23px;
  background-color: ButtonFace;
  /* Same as native_theme_base. */
  border: 1px #a9a9a9 solid;
  padding: 1px 2px;
  cursor: default;
}
.blogBody input[type=color i]::-webkit-color-swatch-wrapper {
  display: flex;
  padding: 4px 2px;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  width: 100%;
  height: 100%;
}
.blogBody input[type=color i]::-webkit-color-swatch {
  background-color: #000000;
  border: 1px solid #777777;
  flex: 1;
  min-width: 0;
  -webkit-user-modify: read-only !important;
}
.blogBody input[type=color i][list] {
  -webkit-appearance: menulist; /* AutoAppearanceFor() should match to this. */
  width: 88px;
  height: 23px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch-wrapper {
  padding-inline-start: 8px;
  padding-inline-end: 24px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch {
  border-color: #000000;
}
.blogBody input::-webkit-calendar-picker-indicator {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  padding: 0.17em 0.34em;
  -webkit-user-modify: read-only !important;
  cursor: default;
}
.blogBody input::-webkit-calendar-picker-indicator:hover {
  background-color: #eee;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-calendar-picker-indicator,
.blogBody input::-webkit-calendar-picker-indicator:focus {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input[type=date i]:disabled::-webkit-clear-button,
.blogBody input[type=date i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-clear-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=month i]:disabled::-webkit-clear-button,
.blogBody input[type=month i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=week i]:disabled::-webkit-clear-button,
.blogBody input[type=week i]:disabled::-webkit-inner-spin-button,
.blogBody input:disabled::-webkit-calendar-picker-indicator,
.blogBody input[type=date i][readonly]::-webkit-clear-button,
.blogBody input[type=date i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-clear-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=month i][readonly]::-webkit-clear-button,
.blogBody input[type=month i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=week i][readonly]::-webkit-clear-button,
.blogBody input[type=week i][readonly]::-webkit-inner-spin-button,
.blogBody input[readonly]::-webkit-calendar-picker-indicator {
  visibility: hidden;
}
.blogBody select {
  -webkit-appearance: menulist; /* AutoAppearanceFor() should match to this. */
  box-sizing: border-box;
  align-items: center;
  border: 1px solid;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: -internal-light-dark(black, white);
  background-color: -internal-light-dark(white, black);
  cursor: default;
}
.blogBody select:not(:-internal-list-box) {
  overflow: visible !important;
}
.blogBody select:-internal-list-box {
  -webkit-appearance: listbox; /* AutoAppearanceFor() should match to this. */
  align-items: flex-start;
  border: 1px inset gray;
  border-radius: initial;
  overflow-x: hidden;
  overflow-y: scroll;
  vertical-align: text-bottom;
  white-space: nowrap;
}
.blogBody optgroup {
  font-weight: bolder;
  display: block;
}
.blogBody option {
  font-weight: normal;
  display: block;
  padding: 0 2px 1px 2px;
  white-space: nowrap;
  min-height: 1.2em;
}
.blogBody select:-internal-list-box optgroup option:before {
  content: "    ";
}
.blogBody select:-internal-list-box option,
.blogBody select:-internal-list-box optgroup {
  line-height: initial !important;
}
.blogBody select:-internal-list-box:focus option:checked {
  background-color: -internal-active-list-box-selection !important;
  color: -internal-active-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:focus option:checked:disabled {
  background-color: -internal-inactive-list-box-selection !important;
}
.blogBody select:-internal-list-box option:checked {
  background-color: -internal-inactive-list-box-selection !important;
  color: -internal-inactive-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:disabled option:checked,
.blogBody select:-internal-list-box option:checked:disabled {
  color: gray !important;
}
.blogBody select:-internal-list-box hr {
  border-style: none;
  margin-block-start: 0.5em;
  margin-block-end: 0;
}
.blogBody select:-internal-list-box:focus option:-internal-multi-select-focus {
  outline: auto 1px -webkit-focus-ring-color;
  outline-offset: -1px;
}
.blogBody output {
  display: inline;
}
.blogBody meter {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 5em;
  vertical-align: -0.2em;
  -webkit-user-modify: read-only !important;
}
.blogBody meter::-webkit-meter-inner-element {
  -webkit-appearance: inherit;
          appearance: inherit;
  box-sizing: inherit;
  display: none;
  -webkit-user-modify: read-only !important;
  height: 100%;
  width: 100%;
}
.blogBody meter::-webkit-meter-inner-element:-internal-shadow-host-has-appearance {
  display: block;
}
.blogBody meter::-internal-fallback:-internal-shadow-host-has-appearance {
  display: none;
}
.blogBody meter::-webkit-meter-bar {
  background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-optimum-value {
  background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-suboptimum-value {
  background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-even-less-good-value {
  background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody progress {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 10em;
  vertical-align: -0.2em;
}
.blogBody progress::-webkit-progress-inner-element {
  box-sizing: inherit;
  -webkit-user-modify: read-only;
  height: 100%;
  width: 100%;
}
.blogBody progress::-webkit-progress-bar {
  background-color: gray;
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody progress::-webkit-progress-value {
  background-color: green;
  height: 100%;
  width: 50%; /* should be removed later */
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody u,
.blogBody ins {
  text-decoration: underline;
}
.blogBody abbr[title],
.blogBody acronym[title] {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.blogBody strong,
.blogBody b {
  font-weight: bold;
}
.blogBody i,
.blogBody cite,
.blogBody em,
.blogBody var,
.blogBody address,
.blogBody dfn {
  font-style: italic;
}
.blogBody pre,
.blogBody xmp,
.blogBody plaintext,
.blogBody listing {
  display: block;
  white-space: pre;
  margin: 1em 0;
}
.blogBody mark {
  background-color: yellow;
  color: black;
}
.blogBody big {
  font-size: larger;
}
.blogBody small {
  font-size: smaller;
}
.blogBody s,
.blogBody strike,
.blogBody del {
  text-decoration: line-through;
}
.blogBody sub {
  vertical-align: sub;
  font-size: smaller;
}
.blogBody sup {
  vertical-align: super;
  font-size: smaller;
}
.blogBody nobr {
  white-space: nowrap;
}
.blogBody :-internal-spatial-navigation-interest {
  outline: auto 1px -webkit-focus-ring-color !important;
  box-shadow: none !important;
}
.blogBody :focus {
  outline: auto 1px -webkit-focus-ring-color;
}
.blogBody html:focus,
.blogBody body:focus {
  outline: none;
}
.blogBody embed:focus,
.blogBody iframe:focus,
.blogBody object:focus {
  outline: none;
}
.blogBody input:focus,
.blogBody textarea:focus,
.blogBody select:focus {
  outline-offset: -2px;
}
.blogBody input[type=button i]:focus,
.blogBody input[type=checkbox i]:focus,
.blogBody input[type=file i]:focus,
.blogBody input[type=hidden i]:focus,
.blogBody input[type=image i]:focus,
.blogBody input[type=radio i]:focus,
.blogBody input[type=reset i]:focus,
.blogBody input[type=submit i]:focus,
.blogBody input[type=file i]:focus::-webkit-file-upload-button {
  outline-offset: 0;
}
.blogBody a:-webkit-any-link {
  color: #0073aa;
  text-decoration: underline;
  cursor: pointer;
  word-break: break-all;
}
.blogBody p.has-text-color a {
  color: inherit;
}
.blogBody a:-webkit-any-link:active {
  color: -webkit-activelink;
}
.blogBody a:-webkit-any-link:read-write {
  cursor: text;
}
.blogBody ruby,
.blogBody rt {
  text-indent: 0; /* blocks used for ruby rendering should not trigger this */
}
.blogBody rt {
  line-height: normal;
}
.blogBody ruby > rt {
  display: block;
  font-size: 50%;
  text-align: start;
}
.blogBody rp {
  display: none;
}
.blogBody noframes {
  display: none;
}
.blogBody frameset,
.blogBody frame {
  display: block;
}
.blogBody frameset {
  border-color: inherit;
}
.blogBody iframe {
  border: 2px inset;
}
.blogBody details {
  display: block;
}
.blogBody summary {
  display: block;
}
.blogBody summary::-webkit-details-marker {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  margin-inline-end: 0.4em;
}
.blogBody template {
  display: none;
}
.blogBody bdi,
.blogBody output {
  unicode-bidi: -webkit-isolate;
}
.blogBody bdo {
  unicode-bidi: bidi-override;
}
.blogBody textarea[dir=auto i] {
  unicode-bidi: -webkit-plaintext;
}
.blogBody dialog:not([open]) {
  display: none;
}
.blogBody dialog {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: -internal-light-dark(white, black);
  color: -internal-light-dark(black, white);
}
.blogBody dialog:-internal-modal {
  position: fixed;
  overflow: auto;
  top: 0;
  bottom: 0;
  /* 6px + 2em = border + padding, as by default box-sizing is content-box. */
  max-width: calc(100% - 6px - 2em);
  max-height: calc(100% - 6px - 2em);
}
.blogBody dialog::backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
.blogBody slot {
  display: contents;
}
@page {
  .blogBody {
    /* FIXME: Define the right default values for page properties. */
    size: auto;
    margin: auto;
    padding: 0px;
    border-width: 0px;
  }
}
@media print {
  .blogBody thead {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .blogBody tfoot {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.blogBody .wp-block-pullquote {
  margin: 0 0 1em 0;
  padding: 3em 0;
  text-align: center;
  border-top: 4px solid;
  border-bottom: 4px solid;
}
.blogBody .wp-block-pullquote.alignleft,
.blogBody .wp-block-pullquote.alignright {
  max-width: 420px;
}
.blogBody .wp-block-pullquote.alignleft p,
.blogBody .wp-block-pullquote.alignright p {
  font-size: 1.25em;
}
.blogBody .wp-block-pullquote p {
  font-size: 1.75em;
  line-height: 1.6;
}
.blogBody .wp-block-pullquote cite,
.blogBody .wp-block-pullquote footer {
  position: relative;
}
.blogBody .wp-block-pullquote .has-text-color a {
  color: inherit;
}
.blogBody .wp-block-pullquote:not(.is-style-solid-color) {
  background: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color {
  border: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 60%;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote cite {
  text-transform: none;
  font-style: normal;
}
.blogBody .wp-block-pullquote cite {
  color: inherit;
}
.blogBody .wp-block-quote {
  border-left: 0.25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
  border: 1px solid;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
  padding: 0.5em;
  border: 1px solid;
  word-break: normal;
  line-height: 1.8;
}
.blogBody .wp-block-image img {
  max-width: 100%;
  height: auto;
}
.blogBody .wp-block-columns {
  display: flex;
  margin-bottom: 2em;
  box-sizing: border-box;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .blogBody .wp-block-columns {
    flex-direction: column-reverse;
  }
}
.blogBody .wp-block-columns p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.blogBody .wp-block-column {
  overflow: hidden;
}
.blogBody .size-full img {
  width: 100%;
}
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6 {
  margin-block-start: 2em;
  margin-block-end: 2em;
}
.blogBody .wp-block-column > h1,
.blogBody .wp-block-column > h2,
.blogBody .wp-block-column > h3,
.blogBody .wp-block-column > h4,
.blogBody .wp-block-column > h5,
.blogBody .wp-block-column > h6 {
  margin-block-start: 0;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 4.6875vw;
}
@media screen and (max-width: 800px) {
  html {
    scroll-padding-top: 4.6875vw;
  }
}

body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
button,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 62.5%;
}

body,
html {
  background-color: white;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
}

.blogBody {
  font-size: medium;
  /* children of the <head> element all have display:none */
  /* generic block-level elements */
  /* heading elements */
  /* tables */
  /* for tables without table section elements (can happen with XHTML or dynamically created tables) */
  /* lists */
  /* form elements */
  /* Form controls don't go vertical. */
  /* TODO(crbug.com/880258): Use different styles for
  `-internal-autofill-previewed` and `-internal-autofill-selected`. */
  /* meter */
  /* progress */
  /* inline elements */
  /* states */
  /* HTML5 ruby elements */
  /* other elements */
  /* TODO(foolip): In the Fullscreen spec, there's a ::backdrop block with the
  properties shared with :fullscreen::backdrop (see fullscreen.css). */
  /* page */
  /* Allows thead sections to print at the top of each page. */
}
.blogBody html,
.blogBody body,
.blogBody div,
.blogBody span,
.blogBody applet,
.blogBody object,
.blogBody iframe,
.blogBody h1,
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6,
.blogBody p,
.blogBody blockquote,
.blogBody pre,
.blogBody a,
.blogBody button,
.blogBody abbr,
.blogBody acronym,
.blogBody address,
.blogBody big,
.blogBody cite,
.blogBody code,
.blogBody del,
.blogBody dfn,
.blogBody em,
.blogBody img,
.blogBody ins,
.blogBody kbd,
.blogBody q,
.blogBody s,
.blogBody samp,
.blogBody small,
.blogBody strike,
.blogBody strong,
.blogBody sub,
.blogBody sup,
.blogBody tt,
.blogBody var,
.blogBody b,
.blogBody u,
.blogBody i,
.blogBody center,
.blogBody dl,
.blogBody dt,
.blogBody dd,
.blogBody ol,
.blogBody ul,
.blogBody li,
.blogBody fieldset,
.blogBody form,
.blogBody label,
.blogBody legend,
.blogBody table,
.blogBody caption,
.blogBody tbody,
.blogBody tfoot,
.blogBody thead,
.blogBody tr,
.blogBody th,
.blogBody td,
.blogBody article,
.blogBody aside,
.blogBody canvas,
.blogBody details,
.blogBody embed,
.blogBody figure,
.blogBody figcaption,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody menu,
.blogBody nav,
.blogBody output,
.blogBody ruby,
.blogBody section,
.blogBody summary,
.blogBody time,
.blogBody mark,
.blogBody audio,
.blogBody video {
  color: #1b1b1b;
  font-size: 1em;
  letter-spacing: 0.1em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.blogBody html {
  display: block;
}
.blogBody #text {
  color: #1b1b1b;
}
.blogBody head {
  display: none;
}
.blogBody meta {
  display: none;
}
.blogBody title {
  display: none;
}
.blogBody link {
  display: none;
}
.blogBody style {
  display: none;
}
.blogBody script {
  display: none;
}
.blogBody body {
  display: block;
  margin: 8px;
}
.blogBody body:-webkit-full-page-media {
  background-color: rgb(0, 0, 0);
}
.blogBody p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  line-height: 2;
}
@media screen and (max-width: 480px) {
  .blogBody p {
    font-size: 14px;
  }
}
.blogBody span {
  font-size: inherit;
}
.blogBody div {
  display: block;
  max-width: 100%;
}
.blogBody layer {
  display: block;
}
.blogBody article,
.blogBody aside,
.blogBody footer,
.blogBody header,
.blogBody hgroup,
.blogBody main,
.blogBody nav,
.blogBody section {
  display: block;
}
.blogBody marquee {
  display: inline-block;
  width: -webkit-fill-available;
}
.blogBody address {
  display: block;
}
.blogBody blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
}
.blogBody figcaption {
  display: block;
}
.blogBody figure {
  display: block;
}
.blogBody figure figcaption {
  font-size: 12px;
}
.blogBody img {
  max-width: 100%;
}
.blogBody q {
  display: inline;
}
.blogBody q:before {
  content: open-quote;
}
.blogBody q:after {
  content: close-quote;
}
.blogBody center {
  display: block;
  /* special centering to be able to emulate the html4/netscape behaviour */
  text-align: -webkit-center;
}
.blogBody hr {
  display: block;
  overflow: hidden;
  unicode-bidi: isolate;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: auto;
  margin-inline-end: auto;
  border-style: inset;
  border-width: 1px;
}
.blogBody map {
  display: inline;
}
.blogBody video {
  -o-object-fit: contain;
     object-fit: contain;
}
.blogBody h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
  color: #1b1b1b;
}
.blogBody :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 1em;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}
.blogBody :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) :-webkit-any(article, aside, nav, section) h1 {
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}
.blogBody h2 {
  display: block;
  font-size: 1.42em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .blogBody h2 {
    font-size: 1.32em;
  }
}
.blogBody h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 0.8em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h5 {
  display: block;
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody h6 {
  display: block;
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}
.blogBody strong,
.blogBody em,
.blogBody kbd {
  font-size: 1em;
}
.blogBody table {
  display: table;
  border-color: gray;
  box-sizing: border-box;
  text-indent: initial;
}
.blogBody thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody tfoot {
  display: table-footer-group;
  vertical-align: middle;
  border-color: inherit;
}
.blogBody table > tr {
  vertical-align: middle;
}
.blogBody col {
  display: table-column;
}
.blogBody colgroup {
  display: table-column-group;
}
.blogBody tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}
.blogBody td,
.blogBody th {
  display: table-cell;
  vertical-align: inherit;
}
.blogBody th {
  font-weight: bold;
  text-align: -internal-center;
}
.blogBody caption {
  display: table-caption;
  text-align: -webkit-center;
}
.blogBody ul,
.blogBody menu,
.blogBody dir {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
.blogBody ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
.blogBody li {
  display: list-item;
  text-align: -webkit-match-parent;
  line-height: 1.8;
}
.blogBody ul ul,
.blogBody ol ul {
  list-style-type: circle;
}
.blogBody ol ol ul,
.blogBody ol ul ul,
.blogBody ul ol ul,
.blogBody ul ul ul {
  list-style-type: square;
}
.blogBody dd {
  display: block;
  margin-inline-start: 40px;
}
.blogBody dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.blogBody dt {
  display: block;
}
.blogBody ol ul,
.blogBody ul ol,
.blogBody ul ul,
.blogBody ol ol {
  margin-block-start: 0;
  margin-block-end: 0;
}
.blogBody form {
  display: block;
  margin-top: 0em;
}
.blogBody :-webkit-any(table, thead, tbody, tfoot, tr) > form:-internal-is-html {
  display: none !important;
}
.blogBody label {
  cursor: default;
}
.blogBody legend {
  display: block;
  padding-inline-start: 2px;
  padding-inline-end: 2px;
  border: none;
}
.blogBody fieldset {
  display: block;
  margin-inline-start: 2px;
  margin-inline-end: 2px;
  padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
  min-inline-size: -moz-min-content;
  min-inline-size: min-content;
}
.blogBody button {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button,
.blogBody meter,
.blogBody progress {
  -webkit-writing-mode: horizontal-tb !important;
}
.blogBody input,
.blogBody textarea,
.blogBody select,
.blogBody button {
  margin: 0em;
  font: -webkit-small-control;
  text-rendering: auto; /* FIXME: Remove when tabs work with optimizeLegibility. */
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
.blogBody input[type=hidden i] {
  display: none;
}
.blogBody input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 1px;
  background-color: -internal-light-dark(white, black);
  border: 2px inset;
  -webkit-rtl-ordering: logical;
  cursor: text;
}
.blogBody input[type=search i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input::-webkit-textfield-decoration-container {
  display: flex !important;
  align-items: center;
  -webkit-user-modify: read-only !important;
  content: none !important;
  writing-mode: inherit !important;
  -internal-align-self-block: center;
}
.blogBody input::-webkit-clear-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  flex: none;
  -webkit-user-modify: read-only !important;
  margin-inline-start: 2px;
}
.blogBody input:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-clear-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input[type=search i]::-webkit-search-cancel-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: block;
  cursor: default;
  flex: none;
  -webkit-user-modify: read-only !important;
  margin-inline-start: 1px;
  -webkit-user-select: none !important;
          user-select: none !important;
}
.blogBody input[type=search i]:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input::-webkit-inner-spin-button {
  -webkit-appearance: auto;
          appearance: auto;
  display: inline-block;
  cursor: default;
  flex: none;
  align-self: stretch;
  -webkit-user-modify: read-only !important;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-inner-spin-button {
  opacity: 1;
  pointer-events: auto;
}
.blogBody select {
  border-radius: 5px;
}
.blogBody textarea {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  background-color: -internal-light-dark(white, black);
  border: 1px solid;
  -moz-column-count: initial !important;
       column-count: initial !important;
  -webkit-rtl-ordering: logical;
  flex-direction: column;
  resize: auto;
  cursor: text;
  padding: 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.blogBody ::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: #757575;
  direction: inherit !important;
  pointer-events: none !important;
  text-orientation: inherit !important;
  writing-mode: inherit !important;
}
.blogBody input::-webkit-input-placeholder {
  text-overflow: inherit;
  line-height: initial;
  white-space: pre;
  word-wrap: normal;
  overflow: hidden;
  -webkit-user-modify: read-only !important;
}
.blogBody input::-internal-input-suggested {
  text-overflow: inherit;
  white-space: nowrap;
  overflow: hidden;
}
.blogBody input::-internal-input-suggested,
.blogBody textarea::-internal-input-suggested {
  font: -webkit-small-control !important;
  /* Prevent that overflow affects the scrollable area. Without this,
  LayoutBox::*Scroll{Height,Width}() may determine the scroll width/height
  from the scrollable area instead of from the overrides in
  LayoutTextControl{Single,Multi}Line::Scroll{Height,Width}(). */
  overflow: hidden !important;
  overflow-anchor: none;
}
.blogBody input[type=password i] {
  -webkit-text-security: disc !important;
}
.blogBody input[type=password i]::-internal-input-suggested {
  -webkit-text-security: disc !important;
}
.blogBody input[type=hidden i],
.blogBody input[type=image i],
.blogBody input[type=file i] {
  -webkit-appearance: initial; /* AutoAppearanceFor() should match to this. */
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}
.blogBody input[type=file i] {
  align-items: baseline;
  color: inherit;
  overflow: hidden !important;
  text-align: start !important;
  text-overflow: ellipsis;
  white-space: pre;
}
.blogBody input[type=image i] {
  cursor: pointer;
}
.blogBody input:-internal-autofill-previewed,
.blogBody textarea:-internal-autofill-previewed,
.blogBody select:-internal-autofill-previewed {
  -webkit-appearance: menulist-button;
  background-color: #e8f0fe !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}
.blogBody input:-internal-autofill-selected,
.blogBody textarea:-internal-autofill-selected,
.blogBody select:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  background-color: #e8f0fe !important;
  background-image: none !important;
  color: -internal-light-dark(black, white) !important;
}
.blogBody input[type=radio i],
.blogBody input[type=checkbox i] {
  margin: 3px 0.5ex;
  padding: initial;
  background-color: initial;
  border: initial;
  cursor: default;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i] {
  -internal-empty-line-height: fabricated;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  white-space: pre;
}
.blogBody input[type=file i]::-webkit-file-upload-button {
  -webkit-appearance: auto;
          appearance: auto;
  -webkit-user-modify: read-only !important;
  white-space: nowrap;
  margin: 0;
  margin-inline-end: 4px;
  font-size: inherit;
}
.blogBody input[type=button i],
.blogBody input[type=submit i],
.blogBody input[type=reset i],
.blogBody input[type=file i]::-webkit-file-upload-button,
.blogBody button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: -internal-light-dark(ButtonText, #aaaaaa);
  padding: 2px 6px 3px 6px;
  border: 2px outset ButtonFace;
  background-color: ButtonFace;
  box-sizing: border-box;
}
.blogBody input[type=range i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto; /* AutoAppearanceFor() should match to this. */
  padding: initial;
  border: initial;
  margin: 2px;
  color: #909090;
  cursor: default;
}
.blogBody input[type=range i]::-webkit-slider-container,
.blogBody input[type=range i]::-webkit-media-slider-container {
  -webkit-appearance: inherit;
          appearance: inherit;
  flex: 1;
  min-inline-size: 0;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: flex;
}
.blogBody input[type=range i]:-internal-has-datalist::-webkit-slider-container {
  /*
  * See LayoutThemeDefault. "22px" is
  * 2 * (SliderTickOffsetFromTrackCenter() + SliderTickSize().Height()).
  */
  min-block-size: 22px;
}
.blogBody input[type=range i]::-webkit-slider-runnable-track {
  flex: 1;
  min-inline-size: 0;
  -webkit-align-self: center;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}
.blogBody input[type=range i]::-webkit-slider-thumb,
.blogBody input[type=range i]::-webkit-media-slider-thumb {
  -webkit-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  display: block;
}
.blogBody input[type=button i]:disabled,
.blogBody input[type=submit i]:disabled,
.blogBody input[type=reset i]:disabled,
.blogBody input[type=file i]:disabled::-webkit-file-upload-button,
.blogBody button:disabled,
.blogBody select:disabled,
.blogBody optgroup:disabled,
.blogBody option:disabled,
.blogBody select[disabled] > option {
  color: -internal-light-dark(GrayText, #aaa);
}
.blogBody input[type=button i]:active,
.blogBody input[type=submit i]:active,
.blogBody input[type=reset i]:active,
.blogBody input[type=file i]:active::-webkit-file-upload-button,
.blogBody button:active {
  border-style: inset;
}
.blogBody input[type=button i]:active:disabled,
.blogBody input[type=submit i]:active:disabled,
.blogBody input[type=reset i]:active:disabled,
.blogBody input[type=file i]:active:disabled::-webkit-file-upload-button,
.blogBody button:active:disabled {
  border-style: outset;
}
.blogBody input:disabled,
.blogBody textarea:disabled {
  color: -internal-light-dark(#545454, #aaa);
  cursor: default;
}
.blogBody option:-internal-spatial-navigation-focus {
  outline: -internal-light-dark(black, white) dashed 1px;
  outline-offset: -1px;
}
.blogBody datalist {
  display: none;
}
.blogBody area {
  display: inline;
}
.blogBody area:-webkit-any-link {
  cursor: pointer;
}
.blogBody param {
  display: none;
}
.blogBody input[type=checkbox i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input[type=radio i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
}
.blogBody input[type=color i] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  width: 44px;
  height: 23px;
  background-color: ButtonFace;
  /* Same as native_theme_base. */
  border: 1px #a9a9a9 solid;
  padding: 1px 2px;
  cursor: default;
}
.blogBody input[type=color i]::-webkit-color-swatch-wrapper {
  display: flex;
  padding: 4px 2px;
  box-sizing: border-box;
  -webkit-user-modify: read-only !important;
  width: 100%;
  height: 100%;
}
.blogBody input[type=color i]::-webkit-color-swatch {
  background-color: #000000;
  border: 1px solid #777777;
  flex: 1;
  min-width: 0;
  -webkit-user-modify: read-only !important;
}
.blogBody input[type=color i][list] {
  -webkit-appearance: menulist; /* AutoAppearanceFor() should match to this. */
  width: 88px;
  height: 23px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch-wrapper {
  padding-inline-start: 8px;
  padding-inline-end: 24px;
}
.blogBody input[type=color i][list]::-webkit-color-swatch {
  border-color: #000000;
}
.blogBody input::-webkit-calendar-picker-indicator {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  padding: 0.17em 0.34em;
  -webkit-user-modify: read-only !important;
  cursor: default;
}
.blogBody input::-webkit-calendar-picker-indicator:hover {
  background-color: #eee;
}
.blogBody input:enabled:read-write:-webkit-any(:focus,
:hover)::-webkit-calendar-picker-indicator,
.blogBody input::-webkit-calendar-picker-indicator:focus {
  opacity: 1;
  pointer-events: auto;
}
.blogBody input[type=date i]:disabled::-webkit-clear-button,
.blogBody input[type=date i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-clear-button,
.blogBody input[type=datetime-local i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=month i]:disabled::-webkit-clear-button,
.blogBody input[type=month i]:disabled::-webkit-inner-spin-button,
.blogBody input[type=week i]:disabled::-webkit-clear-button,
.blogBody input[type=week i]:disabled::-webkit-inner-spin-button,
.blogBody input:disabled::-webkit-calendar-picker-indicator,
.blogBody input[type=date i][readonly]::-webkit-clear-button,
.blogBody input[type=date i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-clear-button,
.blogBody input[type=datetime-local i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=month i][readonly]::-webkit-clear-button,
.blogBody input[type=month i][readonly]::-webkit-inner-spin-button,
.blogBody input[type=week i][readonly]::-webkit-clear-button,
.blogBody input[type=week i][readonly]::-webkit-inner-spin-button,
.blogBody input[readonly]::-webkit-calendar-picker-indicator {
  visibility: hidden;
}
.blogBody select {
  -webkit-appearance: menulist; /* AutoAppearanceFor() should match to this. */
  box-sizing: border-box;
  align-items: center;
  border: 1px solid;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  color: -internal-light-dark(black, white);
  background-color: -internal-light-dark(white, black);
  cursor: default;
}
.blogBody select:not(:-internal-list-box) {
  overflow: visible !important;
}
.blogBody select:-internal-list-box {
  -webkit-appearance: listbox; /* AutoAppearanceFor() should match to this. */
  align-items: flex-start;
  border: 1px inset gray;
  border-radius: initial;
  overflow-x: hidden;
  overflow-y: scroll;
  vertical-align: text-bottom;
  white-space: nowrap;
}
.blogBody optgroup {
  font-weight: bolder;
  display: block;
}
.blogBody option {
  font-weight: normal;
  display: block;
  padding: 0 2px 1px 2px;
  white-space: nowrap;
  min-height: 1.2em;
}
.blogBody select:-internal-list-box optgroup option:before {
  content: "    ";
}
.blogBody select:-internal-list-box option,
.blogBody select:-internal-list-box optgroup {
  line-height: initial !important;
}
.blogBody select:-internal-list-box:focus option:checked {
  background-color: -internal-active-list-box-selection !important;
  color: -internal-active-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:focus option:checked:disabled {
  background-color: -internal-inactive-list-box-selection !important;
}
.blogBody select:-internal-list-box option:checked {
  background-color: -internal-inactive-list-box-selection !important;
  color: -internal-inactive-list-box-selection-text !important;
}
.blogBody select:-internal-list-box:disabled option:checked,
.blogBody select:-internal-list-box option:checked:disabled {
  color: gray !important;
}
.blogBody select:-internal-list-box hr {
  border-style: none;
  margin-block-start: 0.5em;
  margin-block-end: 0;
}
.blogBody select:-internal-list-box:focus option:-internal-multi-select-focus {
  outline: auto 1px -webkit-focus-ring-color;
  outline-offset: -1px;
}
.blogBody output {
  display: inline;
}
.blogBody meter {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 5em;
  vertical-align: -0.2em;
  -webkit-user-modify: read-only !important;
}
.blogBody meter::-webkit-meter-inner-element {
  -webkit-appearance: inherit;
          appearance: inherit;
  box-sizing: inherit;
  display: none;
  -webkit-user-modify: read-only !important;
  height: 100%;
  width: 100%;
}
.blogBody meter::-webkit-meter-inner-element:-internal-shadow-host-has-appearance {
  display: block;
}
.blogBody meter::-internal-fallback:-internal-shadow-host-has-appearance {
  display: none;
}
.blogBody meter::-webkit-meter-bar {
  background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-optimum-value {
  background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-suboptimum-value {
  background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody meter::-webkit-meter-even-less-good-value {
  background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
  height: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody progress {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  box-sizing: border-box;
  display: inline-block;
  height: 1em;
  width: 10em;
  vertical-align: -0.2em;
}
.blogBody progress::-webkit-progress-inner-element {
  box-sizing: inherit;
  -webkit-user-modify: read-only;
  height: 100%;
  width: 100%;
}
.blogBody progress::-webkit-progress-bar {
  background-color: gray;
  height: 100%;
  width: 100%;
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody progress::-webkit-progress-value {
  background-color: green;
  height: 100%;
  width: 50%; /* should be removed later */
  -webkit-user-modify: read-only !important;
  box-sizing: border-box;
}
.blogBody u,
.blogBody ins {
  text-decoration: underline;
}
.blogBody abbr[title],
.blogBody acronym[title] {
  -webkit-text-decoration: dotted underline;
          text-decoration: dotted underline;
}
.blogBody strong,
.blogBody b {
  font-weight: bold;
}
.blogBody i,
.blogBody cite,
.blogBody em,
.blogBody var,
.blogBody address,
.blogBody dfn {
  font-style: italic;
}
.blogBody pre,
.blogBody xmp,
.blogBody plaintext,
.blogBody listing {
  display: block;
  white-space: pre;
  margin: 1em 0;
}
.blogBody mark {
  background-color: yellow;
  color: black;
}
.blogBody big {
  font-size: larger;
}
.blogBody small {
  font-size: smaller;
}
.blogBody s,
.blogBody strike,
.blogBody del {
  text-decoration: line-through;
}
.blogBody sub {
  vertical-align: sub;
  font-size: smaller;
}
.blogBody sup {
  vertical-align: super;
  font-size: smaller;
}
.blogBody nobr {
  white-space: nowrap;
}
.blogBody :-internal-spatial-navigation-interest {
  outline: auto 1px -webkit-focus-ring-color !important;
  box-shadow: none !important;
}
.blogBody :focus {
  outline: auto 1px -webkit-focus-ring-color;
}
.blogBody html:focus,
.blogBody body:focus {
  outline: none;
}
.blogBody embed:focus,
.blogBody iframe:focus,
.blogBody object:focus {
  outline: none;
}
.blogBody input:focus,
.blogBody textarea:focus,
.blogBody select:focus {
  outline-offset: -2px;
}
.blogBody input[type=button i]:focus,
.blogBody input[type=checkbox i]:focus,
.blogBody input[type=file i]:focus,
.blogBody input[type=hidden i]:focus,
.blogBody input[type=image i]:focus,
.blogBody input[type=radio i]:focus,
.blogBody input[type=reset i]:focus,
.blogBody input[type=submit i]:focus,
.blogBody input[type=file i]:focus::-webkit-file-upload-button {
  outline-offset: 0;
}
.blogBody a:-webkit-any-link {
  color: #0073aa;
  text-decoration: underline;
  cursor: pointer;
  word-break: break-all;
}
.blogBody p.has-text-color a {
  color: inherit;
}
.blogBody a:-webkit-any-link:active {
  color: -webkit-activelink;
}
.blogBody a:-webkit-any-link:read-write {
  cursor: text;
}
.blogBody ruby,
.blogBody rt {
  text-indent: 0; /* blocks used for ruby rendering should not trigger this */
}
.blogBody rt {
  line-height: normal;
}
.blogBody ruby > rt {
  display: block;
  font-size: 50%;
  text-align: start;
}
.blogBody rp {
  display: none;
}
.blogBody noframes {
  display: none;
}
.blogBody frameset,
.blogBody frame {
  display: block;
}
.blogBody frameset {
  border-color: inherit;
}
.blogBody iframe {
  border: 2px inset;
}
.blogBody details {
  display: block;
}
.blogBody summary {
  display: block;
}
.blogBody summary::-webkit-details-marker {
  display: inline-block;
  width: 0.66em;
  height: 0.66em;
  margin-inline-end: 0.4em;
}
.blogBody template {
  display: none;
}
.blogBody bdi,
.blogBody output {
  unicode-bidi: -webkit-isolate;
}
.blogBody bdo {
  unicode-bidi: bidi-override;
}
.blogBody textarea[dir=auto i] {
  unicode-bidi: -webkit-plaintext;
}
.blogBody dialog:not([open]) {
  display: none;
}
.blogBody dialog {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  border: solid;
  padding: 1em;
  background: -internal-light-dark(white, black);
  color: -internal-light-dark(black, white);
}
.blogBody dialog:-internal-modal {
  position: fixed;
  overflow: auto;
  top: 0;
  bottom: 0;
  /* 6px + 2em = border + padding, as by default box-sizing is content-box. */
  max-width: calc(100% - 6px - 2em);
  max-height: calc(100% - 6px - 2em);
}
.blogBody dialog::backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
.blogBody slot {
  display: contents;
}
@page {
  .blogBody {
    /* FIXME: Define the right default values for page properties. */
    size: auto;
    margin: auto;
    padding: 0px;
    border-width: 0px;
  }
}
@media print {
  .blogBody thead {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
  .blogBody tfoot {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.blogBody .wp-block-pullquote {
  margin: 0 0 1em 0;
  padding: 3em 0;
  text-align: center;
  border-top: 4px solid;
  border-bottom: 4px solid;
}
.blogBody .wp-block-pullquote.alignleft,
.blogBody .wp-block-pullquote.alignright {
  max-width: 420px;
}
.blogBody .wp-block-pullquote.alignleft p,
.blogBody .wp-block-pullquote.alignright p {
  font-size: 1.25em;
}
.blogBody .wp-block-pullquote p {
  font-size: 1.75em;
  line-height: 1.6;
}
.blogBody .wp-block-pullquote cite,
.blogBody .wp-block-pullquote footer {
  position: relative;
}
.blogBody .wp-block-pullquote .has-text-color a {
  color: inherit;
}
.blogBody .wp-block-pullquote:not(.is-style-solid-color) {
  background: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color {
  border: none;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 60%;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
}
.blogBody .wp-block-pullquote.is-style-solid-color blockquote cite {
  text-transform: none;
  font-style: normal;
}
.blogBody .wp-block-pullquote cite {
  color: inherit;
}
.blogBody .wp-block-quote {
  border-left: 0.25em solid;
  margin: 0 0 1.75em;
  padding-left: 1em;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
  border: 1px solid;
}
.blogBody .wp-block-table td,
.blogBody .wp-block-table th {
  padding: 0.5em;
  border: 1px solid;
  word-break: normal;
  line-height: 1.8;
}
.blogBody .wp-block-image img {
  max-width: 100%;
  height: auto;
}
.blogBody .wp-block-columns {
  display: flex;
  margin-bottom: 2em;
  box-sizing: border-box;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .blogBody .wp-block-columns {
    flex-direction: column-reverse;
  }
}
.blogBody .wp-block-columns p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.blogBody .wp-block-column {
  overflow: hidden;
}
.blogBody .size-full img {
  width: 100%;
}
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6 {
  margin-block-start: 2em;
  margin-block-end: 0.8em;
}
.blogBody .wp-block-column > h1,
.blogBody .wp-block-column > h2,
.blogBody .wp-block-column > h3,
.blogBody .wp-block-column > h4,
.blogBody .wp-block-column > h5,
.blogBody .wp-block-column > h6 {
  margin-block-start: 0;
}
.blogBody p,
.blogBody span,
.blogBody a,
.blogBody h2,
.blogBody h3,
.blogBody h4,
.blogBody h5,
.blogBody h6 {
  color: #1b1b1b;
}
.blogBody a {
  font-size: 1em;
  cursor: pointer !important;
  transition: all ease-in-out 0.25s;
}
.blogBody a:hover {
  opacity: 0.25;
}
.blogBody #ez-toc-container {
  box-sizing: border-box;
  width: 100%;
  padding: 1.25vw;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .blogBody #ez-toc-container {
    padding: 4.2666666667vw;
    margin-bottom: 8.5333333333vw;
  }
}
.blogBody #ez-toc-container nav {
  padding-top: 0.625vw;
}
@media screen and (max-width: 800px) {
  .blogBody #ez-toc-container nav {
    padding-top: 2.1333333333vw;
  }
}
.blogBody .wp-caption-text,
.blogBody .wp-element-caption {
  margin-top: 0.625vw;
  margin-bottom: 0.625vw;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .blogBody .wp-caption-text,
  .blogBody .wp-element-caption {
    margin-top: 2.1333333333vw;
    margin-bottom: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .blogBody .wp-caption-text,
  .blogBody .wp-element-caption {
    font-size: 2.6666666667vw;
  }
}

.hamburger {
  display: none;
  position: relative;
}
.hamburger.active span {
  background-color: #0044df !important;
}
.hamburger.active span:nth-of-type(1) {
  transform: translateY(2.1vw) rotate(45deg);
}
.hamburger.active span:nth-of-type(2) {
  opacity: 0;
}
.hamburger.active span:nth-of-type(3) {
  transform: translateY(-2.1vw) rotate(-45deg);
}
@media screen and (max-width: 800px) {
  .hamburger {
    display: block;
    z-index: 109000;
    cursor: pointer;
    margin-right: 1.875vw;
    width: 1.875vw;
    height: 1.25vw;
    z-index: 8;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .hamburger {
    margin-right: 6.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .hamburger {
    width: 6.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .hamburger {
    height: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .hamburger span {
    transition: all 0.5s;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #0044df;
    border-radius: 4px;
  }
  .hamburger span:nth-child(1) {
    top: 0%;
  }
  .hamburger span:nth-of-type(2) {
    top: 50%;
  }
  .hamburger span:nth-of-type(3) {
    top: 100%;
  }
}
.hamburger--news span {
  background-color: white;
}
.header--scrolled .hamburger--news span {
  background-color: #0044df;
}

.drawerNav {
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 9.375vw;
  overflow-y: auto;
  max-height: 100vh;
  box-sizing: border-box;
  z-index: 7;
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-top: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-bottom: 32vw;
  }
}
.drawerNav {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
}
.drawerNav__item a {
  color: #fff;
}
.drawerNav__black {
  border-radius: 5px;
  border: 1px solid #000;
  margin-top: 1.875vw;
  text-align: center;
  width: 80%;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    margin-top: 6.4vw;
  }
}
.drawerNav__black {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.drawerNav__black {
  padding-left: 1.09375vw;
  padding-right: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}
.drawerNav__link {
  font-size: 1.09375vw;
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  font-weight: bold;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    padding-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    padding-bottom: 6.4vw;
  }
}
.drawerNav__link--contact {
  background-color: #fff;
  border-radius: 5px;
  border: none;
  margin-top: 1.875vw;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    margin-top: 6.4vw;
  }
}
.drawerNav__link--contact {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.drawerNav__link--contact {
  padding-left: 1.09375vw;
  padding-right: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}
.drawerNav__link--contact:hover {
  background-color: #fff;
  border: none;
}
.drawerNav__button {
  display: inline-flex !important;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__button {
    margin-top: 6.4vw;
  }
}
.drawerNav__campain {
  width: 100%;
  border: 1px solid #000;
  border-radius: 999px;
}

.drawer--left .drawer-nav {
  left: -100vw;
}

/*
.sectionFv {
  position: relative;
  display: block;
  width: 100%;

  &__inner {
    display: flex;
    align-items: center;
    width: 100%;
  }
}

.fvContent {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;

  @include pt_vw(60, 10);
  @include pb_vw(0, 0);

  &__speechBubble {
    @include h_vw(57, 45);
    @include w_vw(216, 236);
    object-fit: contain;
    @include mt_vw(56);
  }

  &__title {
    width: 100%;
    @include mt_vw(12);
  }

  &__titleText {
    @include fz_vw(64, 30);
    font-family: "Hiragino Sans";
    font-weight: 700;
    line-height: 1.3;

    background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  &__subtitle {
    width: 100%;
    @include mt_vw(16);
  }

  &__subtitleText {
    color: #222;
    text-align: center;
    font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, "Helvetica Neue", Arial, sans-serif;
    @include fz_vw(20, 14);
    font-weight: 700;
    line-height: 1.3;

    @include responsive(tab) {
      font-weight: 500;
      @include mt_vw(16);
      @include px_vw(16);
    }
  }

  &__detail {
    width: 100%;
    @include mt_vw(24);
  }

  &__detailText {
    color: #222;
    text-align: center;
    font-family: "SF Pro Display";
    @include fz_vw(16, 14);
    font-weight: 400;
    line-height: 1.8;
  }

  &__nav {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    @include g_vw(12);
    @include mt_vw(24);

    &--sp {
      display: none;

      @include responsive(tab) {
        position: relative;
        z-index: 20;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        @include g_vw(16);
        @include mt_vw(24);
      }
    }

    li {
      display: flex;
      justify-content: center;
      align-items: center;

      a {
        transition: all 0.3s ease;
        cursor: pointer;
        font-weight: bold;
      }
    }

    @include responsive(tab) {
      display: none;
    }
  }

  &__navtext {
    @include fz_vw(14);
    font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
      Roboto, sans-serif;
    font-weight: 700;
    min-width: vw(120);

    @include responsive(tab) {
      width: 80%;
      min-width: auto;
    }

    &--contact {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;

      border-radius: 5px;
      background: $blue;
      @include py_vw(12);
      @include px_vw(23);

      box-shadow: 0 vw(8) vw(16) rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;

      &:hover {
        box-shadow: 0 vw(4) vw(8) rgba(0, 0, 0, 0.2);
      }

      @include responsive(tab) {
        min-width: 40vw;
      }
    }

    &--demo {
      display: flex;
      justify-content: center;
      align-items: center;
      color: $blue;

      border-radius: 5px;
      background: white;
      border: solid 1px $blue;
      @include py_vw(12);
      @include px_vw(23);

      box-shadow: 0 vw(8) vw(16) rgba(0, 0, 0, 0.1);
      transition: all 0.3s ease;

      &:hover {
        box-shadow: 0 vw(4) vw(8) rgba(0, 0, 0, 0.2);
      }

      @include responsive(tab) {
        min-width: 40vw;
      }
    }
  }
}

.fvImage {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  width: 100%;
  overflow: hidden;

  @include mb_vw(60);

  &__container {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100vw;
    @include h_vw(500, 280);

    @include responsive(tab) {
      @include g_vw(20, 15);
      @include py_vw(40, 0);
    }
  }

  &__imgWrapper {
    position: absolute;

    display: flex;
    justify-content: center;
    align-items: center;

    @include p_vw(16, 6);

    border-radius: 8px;
    background-color: rgba(74, 158, 255, 0.05);
    box-shadow: 2px 6px 20px 0px rgba(25, 90, 254, 0.25);
    backdrop-filter: blur(5.464600086212158px);

    transition: all 0.3s ease;
    */
/*mask: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.8) 50%,
      rgba(0, 0, 0, 0.5) 100%
    );
    -webkit-mask: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.8) 50%,
      rgba(0, 0, 0, 0.5) 100%
    );*/
/*

    // 中央の画像（一番大きく表示）
    &--center {
      position: relative;
      z-index: 3;

      @include w_vw(600);
    }

    // 左の画像（画面から50%はみ出し）
    &--left {
      left: -20%;
      z-index: 1;

      @include w_vw(500, 350);
    }

    // 右の画像（画面から50%はみ出し）
    &--right {
      right: -20%;
      z-index: 2;

      @include w_vw(500, 250);
    }

    @include responsive(tab) {
      position: absolute; // ← relative → absolute に変更
      width: 70% !important;
      top: 50%;
      transform: translateY(-50%);
      left: 50%;
      transform: translate(-50%, -50%); // 中央揃え
      z-index: 2;

      &--center {
        z-index: 3;
      }

      &--left {
        left: 0;
        transform: translateY(-50%);
        width: 50% !important;
        z-index: 1;
      }

      &--right {
        right: 0;
        left: auto;
        transform: translateY(-50%);
        width: 50% !important;
        z-index: 1;
      }
    }
  }

  &__img {
    width: 100%;
    height: auto;

    display: block;

    border-radius: 4px;

    object-fit: contain;

    box-shadow: 2px 6px 20px 0px rgba(25, 90, 254, 0.25);
    backdrop-filter: blur(5.464600086212158px);
  }

  &__img--fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    pointer-events: none;
    z-index: 10;

    @include responsive(tab) {
      display: none;
    }
  }

  &__img--fade--sp {
    display: none;

    @include responsive(tab) {
      display: block;
      position: absolute;
      top: 30%;
      left: 0;
      right: 0;
      bottom: 0;

      width: 100%;
      height: 100%;

      object-fit: cover;
      pointer-events: none;
      z-index: 10;
    }
  }
}
*/
.sectionFv {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 6.25vw;
  margin-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .sectionFv {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionFv {
    margin-bottom: 2.6666666667vw;
  }
}
.sectionFv__inner {
  display: flex;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .sectionFv__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.fvContent {
  position: relative;
  display: block;
  width: 60%;
  padding-top: 4.6875vw;
  padding-bottom: 3.90625vw;
  margin-left: 4.296875vw;
}
@media screen and (max-width: 800px) {
  .fvContent {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent {
    padding-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent {
    margin-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent {
    width: 100%;
    margin-left: 0vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fvContent {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent {
    margin-left: 0vw;
  }
}
.fvContent__title {
  font-size: 3.125vw;
  font-family: "Hiragino Sans";
  font-weight: 700;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 800px) {
  .fvContent__title {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__title {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  .fvContent__title {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__title {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.fvContent__title--blue {
  font-size: 4.375vw;
  font-family: "Hiragino Sans";
  color: #1e4df1;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2.24px;
}
@media screen and (max-width: 800px) {
  .fvContent__title--blue {
    font-size: 10.6666666667vw;
  }
}
.fvContent__title--black {
  font-size: 4.375vw;
  font-family: "Hiragino Sans";
  color: #222;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 2.24px;
}
@media screen and (max-width: 800px) {
  .fvContent__title--black {
    font-size: 10.6666666667vw;
  }
}
.fvContent__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.9375vw;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .fvContent__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__nav {
    margin-top: 6.4vw;
  }
}
.fvContent__nav--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .fvContent__nav--sp {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.9375vw;
    margin-top: 1.875vw;
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__nav--sp {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__nav--sp {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__nav--sp {
    margin-bottom: 6.4vw;
  }
}
.fvContent__nav li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fvContent__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .fvContent__nav {
    display: none;
  }
}
.fvContent__navtext {
  font-size: 1.5625vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 17.1875vw;
}
@media screen and (max-width: 800px) {
  .fvContent__navtext {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__navtext {
    width: 80%;
    min-width: auto;
  }
}
.fvContent__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.fvContent__navtext--contact {
  padding-top: 1.5625vw;
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .fvContent__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.fvContent__navtext--contact {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .fvContent__navtext--contact {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
.fvContent__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .fvContent__navtext--contact {
    min-width: 40vw;
  }
}
.fvContent__navtext--demo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e4df1;
  border-radius: 5px;
  background: white;
  border: solid 1px #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.fvContent__navtext--demo {
  padding-top: 1.5625vw;
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .fvContent__navtext--demo {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.fvContent__navtext--demo {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .fvContent__navtext--demo {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.fvContent__navtext--demo:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .fvContent__navtext--demo {
    min-width: 40vw;
  }
}
.fvContent__logoWrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625vw;
  margin-top: 0vw;
}
@media screen and (max-width: 800px) {
  .fvContent__logoWrapper {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__logoWrapper {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__logoWrapper {
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__logoWrapper {
    margin-bottom: 6.4vw;
  }
}
.fvContent__ai {
  width: 10.15625vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .fvContent__ai {
    width: 21.3333333333vw;
  }
}
.fvContent__logo {
  width: 31.25vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .fvContent__logo {
    width: 66.6666666667vw;
  }
}
.fvContent__item {
  display: flex;
  justify-content: flex-start;
  gap: 2.34375vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .fvContent__item {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__item {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-left: 1.5625vw;
    margin-right: 1.5625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__item {
    margin-left: 5.3333333333vw;
    margin-right: 5.3333333333vw;
  }
}
.fvContent__imgWrapper {
  width: auto;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.fvContent__imgWrapper {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .fvContent__imgWrapper {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__imgWrapper {
    min-width: 19.53125vw;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
  }
  .fvContent__imgWrapper {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__imgWrapper {
    padding-left: 1.0666666667vw;
    padding-right: 1.0666666667vw;
  }
}
.fvContent__imgWrapper:nth-of-type(1) {
  width: 9.375vw;
}
@media screen and (max-width: 800px) {
  .fvContent__imgWrapper:nth-of-type(1) {
    width: 24%;
  }
}
.fvContent__imgWrapper:nth-of-type(2) {
  width: 9.375vw;
}
@media screen and (max-width: 800px) {
  .fvContent__imgWrapper:nth-of-type(2) {
    width: 24%;
  }
}
.fvContent__imgWrapper:nth-of-type(3) {
  width: 9.375vw;
}
@media screen and (max-width: 800px) {
  .fvContent__imgWrapper:nth-of-type(3) {
    width: 24%;
  }
}
.fvContent__speechBubble {
  position: relative;
  justify-self: flex-start;
  margin-bottom: 0.3125vw;
  width: 21.09375vw;
}
@media screen and (max-width: 800px) {
  .fvContent__speechBubble {
    margin-bottom: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__speechBubble {
    width: 53.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__speechBubble {
    display: none;
  }
}
.fvContent__speechBubble--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .fvContent__speechBubble--sp {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 1.875vw;
    margin-bottom: 0.9375vw;
    width: 21.09375vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__speechBubble--sp {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__speechBubble--sp {
    margin-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__speechBubble--sp {
    width: 80vw;
  }
}
.fvContent__text {
  font-size: 1.25vw;
  margin-top: 2.5vw;
  color: #7b7b7b;
  font-family: "Hiragino Sans";
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .fvContent__text {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__text {
    margin-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvContent__text {
    margin-left: 2.03125vw;
    margin-right: 2.03125vw;
    text-align: left;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvContent__text {
    margin-left: 6.9333333333vw;
    margin-right: 6.9333333333vw;
  }
}

.fvTablet {
  z-index: 1;
  display: flex;
  width: 40%;
}
.fvTablet {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .fvTablet {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.fvTablet__container {
  width: 50.625vw;
  height: 23.4375vw;
  background-color: #000;
}
@media screen and (max-width: 800px) {
  .fvTablet__container {
    width: 86.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .fvTablet__container {
    height: 69.3333333333vw;
  }
}
.fvTablet__img {
  display: block;
  height: 49.84375vw;
  width: 50.625vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .fvTablet__img {
    height: 69.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .fvTablet__img {
    width: 86.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .fvTablet {
    display: none;
  }
}
.fvTablet--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .fvTablet--sp {
    display: block;
  }
}

.awardFrame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 7.8125vw;
}
@media screen and (max-width: 800px) {
  .awardFrame {
    height: 14.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .awardFrame {
    height: 0vw;
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .awardFrame {
    height: 12vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .awardFrame {
    margin-bottom: 2.1333333333vw;
  }
}
.awardFrame__left, .awardFrame__right {
  position: absolute;
  top: 50%;
  width: 3.75vw;
  height: auto;
  opacity: 0.8;
}
@media screen and (max-width: 800px) {
  .awardFrame__left, .awardFrame__right {
    width: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .awardFrame__left, .awardFrame__right {
    width: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .awardFrame__left, .awardFrame__right {
    width: 7.4666666667vw;
  }
}
.awardFrame__left {
  right: calc(100% - 0.625vw);
  transform: translateY(-50%);
  height: 5.46875vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .awardFrame__left {
    height: 18.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .awardFrame__left {
    right: calc(100% - 3.2vw);
  }
}
.awardFrame__right {
  left: calc(100% - 0.625vw);
  transform: translateY(-50%);
  height: 5.46875vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .awardFrame__right {
    height: 18.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .awardFrame__right {
    left: calc(100% - 3.2vw);
  }
}
.awardFrame__content {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.awardFrame__content {
  padding-left: 0.15625vw;
  padding-right: 0.15625vw;
}
@media screen and (max-width: 800px) {
  .awardFrame__content {
    padding-left: 0.5333333333vw;
    padding-right: 0.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .awardFrame__content {
    width: auto;
  }
  .awardFrame__content {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .awardFrame__content {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
.awardFrame__numberWrapper {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 0.78125vw;
  width: 100%;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .awardFrame__numberWrapper {
    justify-content: center;
    width: auto;
    white-space: nowrap;
  }
}
.awardFrame__number {
  font-size: 1.875vw;
  font-family: "Hiragino Sans";
  font-weight: 700;
  line-height: 1;
  color: #1e4df1;
  text-align: center;
  text-transform: capitalize;
}
@media screen and (max-width: 800px) {
  .awardFrame__number {
    font-size: 4.8vw;
  }
}
.awardFrame__number span {
  font-size: 1.25vw;
  font-family: "Hiragino Sans";
  font-weight: 700;
  line-height: 1;
  color: #1e4df1;
  text-align: center;
  text-transform: capitalize;
}
@media screen and (max-width: 800px) {
  .awardFrame__number span {
    font-size: 3.2vw;
  }
}
.awardFrame__unit {
  font-size: 1.25vw;
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  color: black;
  margin-bottom: 0.3125vw;
  white-space: normal;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .awardFrame__unit {
    font-size: 1.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .awardFrame__unit {
    margin-bottom: 0.5333333333vw;
  }
}
.awardFrame__label {
  font-size: 1.09375vw;
  font-family: "Hiragino Sans";
  font-weight: 700;
  color: #120f0f;
  margin-top: -0.625vw;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .awardFrame__label {
    font-size: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .awardFrame__label {
    width: auto;
  }
}

.fvImage {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25vw;
  width: 54.6875vw;
  border-radius: 8px;
  background-color: rgba(74, 158, 255, 0.05);
  box-shadow: 2px 6px 20px 0px rgba(25, 90, 254, 0.25);
  -webkit-backdrop-filter: blur(5.4646000862px);
          backdrop-filter: blur(5.4646000862px);
  transition: all 0.3s ease;
  right: -15%;
}
@media screen and (max-width: 800px) {
  .fvImage {
    padding: 1.6vw;
  }
}
@media screen and (max-width: 800px) {
  .fvImage {
    width: 186.6666666667vw;
  }
}
.fvImage__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 2px 6px 20px 0px rgba(25, 90, 254, 0.25);
  -webkit-backdrop-filter: blur(5.4646000862px);
          backdrop-filter: blur(5.4646000862px);
}
@media screen and (max-width: 800px) {
  .fvImage__img {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .fvImage {
    display: none;
  }
}
.fvImage--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .fvImage--sp {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25vw;
    width: 25.78125vw;
    margin-top: 1.25vw;
    border-radius: 8px;
    background-color: rgba(74, 158, 255, 0.05);
    box-shadow: 2px 6px 20px 0px rgba(25, 90, 254, 0.25);
    -webkit-backdrop-filter: blur(5.4646000862px);
            backdrop-filter: blur(5.4646000862px);
    transition: all 0.3s ease;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvImage--sp {
    padding: 1.6vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvImage--sp {
    width: 88vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .fvImage--sp {
    margin-top: 4.2666666667vw;
  }
}

.br__pc {
  display: block;
}
.br__sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .br__pc {
    display: none;
  }
  .br__sp {
    display: block;
  }
}

.sectionAbout {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.sectionAbout__inner {
  display: block;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .sectionAbout__inner {
    width: 90%;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionAbout__inner {
    margin-top: 17.0666666667vw;
  }
}

.aboutContent {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .aboutContent {
    flex-direction: column;
  }
}
.aboutContent__inner {
  display: block;
  width: 45%;
  padding-left: 6.25vw;
  padding-right: 7.8125vw;
  margin-bottom: 6.25vw;
}
.aboutContent__inner {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .aboutContent__inner {
    padding-top: 0vw;
    padding-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .aboutContent__inner {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .aboutContent__inner {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .aboutContent__inner {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .aboutContent__inner {
    width: 100%;
  }
}
.aboutContent__title {
  display: inline-block;
}
.aboutContent__title p {
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .aboutContent__title p {
    font-size: 4.2666666667vw;
  }
}
.aboutContent__subtitle {
  display: block;
  padding-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .aboutContent__subtitle {
    padding-top: 4.2666666667vw;
  }
}
.aboutContent__subtitle p {
  color: #222;
  font-family: "Hiragino Sans";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .aboutContent__subtitle p {
    font-size: 6.4vw;
  }
}
.aboutContent__subtitle span {
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Hiragino Sans";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .aboutContent__subtitle span {
    font-size: 6.4vw;
  }
}
.aboutContent__text {
  display: block;
  padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .aboutContent__text {
    padding-top: 6.4vw;
  }
}
.aboutContent__text p {
  color: #222;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .aboutContent__text p {
    font-size: 3.7333333333vw;
  }
}
.aboutContent__text span {
  color: #222;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .aboutContent__text span {
    font-size: 3.7333333333vw;
  }
}
.aboutContent__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.9375vw;
  margin-top: 2.5vw;
}
@media screen and (max-width: 800px) {
  .aboutContent__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .aboutContent__nav {
    margin-top: 8.5333333333vw;
  }
}
.aboutContent__nav--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .aboutContent__nav--sp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    padding-top: 3.125vw;
    padding-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .aboutContent__nav--sp {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .aboutContent__nav--sp {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .aboutContent__nav--sp {
    padding-bottom: 16vw;
  }
}
.aboutContent__nav li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.aboutContent__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .aboutContent__nav {
    display: none;
  }
}
.aboutContent__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 12.5vw;
}
@media screen and (max-width: 800px) {
  .aboutContent__navtext {
    font-size: 3.7333333333vw;
  }
}
.aboutContent__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.aboutContent__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .aboutContent__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.aboutContent__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .aboutContent__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.aboutContent__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .aboutContent__navtext--contact {
    min-width: 40vw;
  }
}
.aboutContent__image {
  display: block;
  width: 50%;
}
@media screen and (max-width: 800px) {
  .aboutContent__image {
    width: 100%;
  }
}
.aboutContent__image__inner {
  display: block;
  align-items: center;
  justify-content: center;
  width: 50%;
}
@media screen and (max-width: 800px) {
  .aboutContent__image__inner {
    width: 100%;
  }
}
.aboutContent__image__img {
  display: block;
  margin-top: 11.71875vw;
  width: 27.34375vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .aboutContent__image__img {
    margin-top: 40vw;
  }
}
@media screen and (max-width: 800px) {
  .aboutContent__image__img {
    width: 93.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .aboutContent__image__img {
    margin-top: 1.875vw;
    padding-left: 3.125vw;
    width: 15.625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .aboutContent__image__img {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .aboutContent__image__img {
    padding-left: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .aboutContent__image__img {
    width: 53.3333333333vw;
  }
}

.sectionQuestion {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background: #f6f6f6;
}
.sectionQuestion {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionQuestion {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.sectionQuestion__inner {
  display: block;
  width: 80%;
}
.sectionQuestion__inner {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionQuestion__inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionQuestion__inner {
    width: 95%;
  }
}
.sectionQuestion__title {
  font-size: 2.5vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionQuestion__title {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionQuestion__title {
    margin-bottom: 6.4vw;
  }
}

.questionList {
  display: flex;
  flex-direction: column;
}
.questionList__item {
  width: 100%;
}
.questionList__item:last-child .questionList__button:not(.is-open) {
  border-bottom: 1px solid #e0e0e0;
}
.questionList__item:last-child .questionList__answerInner {
  border-bottom: 1px solid #e0e0e0;
}
.questionList__button {
  position: relative;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  border-top: 1px solid #e0e0e0;
}
.questionList__button.is-open .questionList__toggleOpen {
  display: none;
}
.questionList__button.is-open .questionList__toggleClose {
  display: block;
}
.questionList__button.is-open + .questionList__answer {
  display: block;
  margin-top: -1.25vw;
}
@media screen and (max-width: 800px) {
  .questionList__button.is-open + .questionList__answer {
    margin-top: -3.2vw;
  }
}
.questionList__buttonInner {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1.25vw;
}
.questionList__buttonInner {
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .questionList__buttonInner {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.questionList__buttonInner {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .questionList__buttonInner {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__buttonInner {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__buttonInner {
    padding-right: 4.375vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .questionList__buttonInner {
    padding-right: 14.9333333333vw;
  }
}
.questionList__qIcon {
  flex-shrink: 0;
  width: 3.125vw;
  height: 3.125vw;
}
@media screen and (max-width: 800px) {
  .questionList__qIcon {
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__qIcon {
    height: 8.5333333333vw;
  }
}
.questionList__qIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.questionList__question {
  flex-grow: 1;
  text-align: left;
  font-size: 1.5625vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  padding-right: 3.125vw;
}
@media screen and (max-width: 800px) {
  .questionList__question {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__question {
    padding-right: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__question {
    padding-right: 17.0666666667vw;
  }
}
.questionList__toggle {
  position: absolute;
  right: 1.875vw;
  top: 50%;
  transform: translateY(-50%);
  flex-shrink: 0;
  width: 3.125vw;
  height: 3.125vw;
}
@media screen and (max-width: 800px) {
  .questionList__toggle {
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__toggle {
    height: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__toggle {
    right: 3.2vw;
  }
}
.questionList__toggle img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.questionList__toggleOpen {
  display: block;
}
.questionList__toggleClose {
  display: none;
}
.questionList__answer {
  display: none;
}
.questionList__answerInner {
  display: flex;
  align-items: center;
  gap: 1.25vw;
}
.questionList__answerInner {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .questionList__answerInner {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.questionList__answerInner {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .questionList__answerInner {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__answerInner {
    gap: 3.2vw;
  }
}
.questionList__aIcon {
  flex-shrink: 0;
  width: 3.125vw;
  height: 3.125vw;
}
@media screen and (max-width: 800px) {
  .questionList__aIcon {
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .questionList__aIcon {
    height: 8.5333333333vw;
  }
}
.questionList__aIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.questionList__answerText {
  flex-grow: 1;
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
}
@media screen and (max-width: 800px) {
  .questionList__answerText {
    font-size: 3.7333333333vw;
  }
}

.sectionNews {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #fff;
}
.sectionNews {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionNews {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.sectionNews__inner {
  display: block;
  flex-direction: column;
  align-items: flex-start;
  width: 85%;
}
.sectionNews__inner {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
.sectionNews__header {
  margin-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__header {
    margin-bottom: 6.4vw;
  }
}
.sectionNews__category {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.625vw;
  margin-bottom: 1.40625vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__category {
    gap: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__category {
    margin-bottom: 4.8vw;
  }
}
.sectionNews__categoryImg {
  display: block;
  height: 0.78125vw;
  width: 0.78125vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__categoryImg {
    height: 1.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__categoryImg {
    width: 1.3333333333vw;
  }
}
.sectionNews__categoryText {
  display: block;
  font-size: 1.25vw;
  font-weight: bold;
  color: black;
}
@media screen and (max-width: 800px) {
  .sectionNews__categoryText {
    font-size: 4.2666666667vw;
  }
}
.sectionNews__logo {
  display: block;
  margin-bottom: 1.25vw;
  font-size: 1.09375vw;
  font-weight: bold;
  color: #1a1a1a;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  .sectionNews__logo {
    margin-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__logo {
    font-size: 3.2vw;
  }
}
.sectionNews__logo::before {
  content: "↗";
  margin-right: 4px;
}
.sectionNews__title {
  display: block;
  margin-bottom: 3.125vw;
  font-size: 2.65625vw;
  font-weight: bold;
  color: black;
  text-align: left;
}
@media screen and (max-width: 800px) {
  .sectionNews__title {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__title {
    font-size: 6.4vw;
  }
}
.sectionNews__subtitle {
  display: block;
  margin-bottom: 3.125vw;
  font-size: 1.25vw;
  color: #ccc;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionNews__subtitle {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__subtitle {
    font-size: 3.7333333333vw;
  }
}
.sectionNews__more {
  display: flex;
  justify-content: center;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__more {
    margin-top: 6.4vw;
  }
}
.sectionNews__nav {
  display: block;
  width: 100%;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__nav {
    margin-top: 6.4vw;
  }
}
.sectionNews__navList {
  display: flex;
  justify-content: center;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__navList {
    margin-top: 6.4vw;
  }
}
.sectionNews__navList__item {
  display: flex;
}
.sectionNews__navList__navtext {
  font-size: 1.5625vw;
  gap: 1.25vw;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  border-radius: 40.5px;
  background: #0046eb;
}
@media screen and (max-width: 800px) {
  .sectionNews__navList__navtext {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__navList__navtext {
    gap: 2.1333333333vw;
  }
}
.sectionNews__navList__navtext {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__navList__navtext {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionNews__navList__navtext {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__navList__navtext {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionNews__navList__navtext:hover {
  opacity: 0.5;
}
.sectionNews__navList__navtext__arrow {
  width: 3.125vw;
  height: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionNews__navList__navtext__arrow {
    width: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionNews__navList__navtext__arrow {
    height: 5.3333333333vw;
  }
}

.sectionRecruitment {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: #fff;
}
.sectionRecruitment {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionRecruitment {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.sectionRecruitment__inner {
  display: block;
  width: 93.75vw;
}
@media screen and (max-width: 800px) {
  .sectionRecruitment__inner {
    width: 93.3333333333vw;
  }
}
.sectionRecruitment__inner {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionRecruitment__inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
.sectionRecruitment__title {
  display: block;
  margin-bottom: 0.3125vw;
  font-size: 2.5vw;
  font-weight: bold;
  color: #3b2217;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionRecruitment__title {
    margin-bottom: 0.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionRecruitment__title {
    font-size: 6.4vw;
  }
}
.sectionRecruitment__subtitle {
  display: block;
  margin-bottom: 3.125vw;
  font-size: 1.25vw;
  color: #666;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionRecruitment__subtitle {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionRecruitment__subtitle {
    font-size: 3.7333333333vw;
  }
}

#news_categories {
  scroll-margin-top: 9.0625vw;
}
@media screen and (max-width: 800px) {
  #news_categories {
    scroll-margin-top: 6.6666666667vw;
  }
}

.newsUnder {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .newsUnder {
    padding-bottom: 21.3333333333vw;
  }
}
.newsUnder__header {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 19.53125vw;
  padding-top: 9.375vw;
  background: linear-gradient(90deg, #148fe8 0%, #0439bf 100%);
}
@media screen and (max-width: 800px) {
  .newsUnder__header {
    height: 66.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__header {
    padding-top: 26.6666666667vw;
  }
}
.newsUnder__headerInner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  max-width: 93.75vw;
  margin: 0 auto;
  padding-left: 0vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__headerInner {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__headerInner {
    width: 90%;
    margin: 0 auto;
  }
}
.newsUnder__headerTitle {
  font-size: 5vw;
  margin-top: 1.25vw;
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1;
  color: white;
}
@media screen and (max-width: 800px) {
  .newsUnder__headerTitle {
    font-size: 12.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__headerTitle {
    margin-top: 4.2666666667vw;
  }
}
.newsUnder__headerTitle--min {
  font-size: 1.25vw;
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: white;
}
@media screen and (max-width: 800px) {
  .newsUnder__headerTitle--min {
    font-size: 4.2666666667vw;
  }
}
.newsUnder__headerTitle br {
  display: none;
}
@media screen and (max-width: 800px) {
  .newsUnder__headerTitle br {
    display: block;
  }
}
.newsUnder__headerText {
  font-size: 1.25vw;
  margin-top: 2.8125vw;
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  color: white;
}
@media screen and (max-width: 800px) {
  .newsUnder__headerText {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__headerText {
    margin-top: 9.6vw;
  }
}
.newsUnder__back {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 23.203125vw;
  height: 20.3125vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__back {
    width: 79.2vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__back {
    height: 69.3333333333vw;
  }
}
.newsUnder__back--bottom {
  top: auto;
  bottom: 0 !important;
  left: 0;
  width: 24.0625vw;
  height: 17.96875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__back--bottom {
    width: 82.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__back--bottom {
    height: 61.3333333333vw;
  }
}
.newsUnder__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  max-width: 93.75vw;
  margin: 0 auto;
  margin-top: 4.375vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__inner {
    margin-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__inner {
    width: 90%;
    margin: 0 auto;
  }
}
.newsUnder__title {
  font-size: 5vw;
  background: var(--gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Termina-W00-Heavy";
  font-weight: 800;
}
@media screen and (max-width: 800px) {
  .newsUnder__title {
    font-size: 10.6666666667vw;
  }
}
.newsUnder__titleBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: black;
  width: 100%;
  height: 100%;
}
.newsUnder__titleLine {
  width: 13.28125vw;
  height: 2.34375vw;
  margin-top: 0;
}
@media screen and (max-width: 800px) {
  .newsUnder__titleLine {
    width: 45.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__titleLine {
    height: 4.2666666667vw;
  }
}
.newsUnder__terms {
  display: flex;
  align-items: center;
  width: 100%;
  transform: none;
  transition: all 0.2s ease-in;
  z-index: 2;
  margin-bottom: 4.84375vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__terms {
    margin-bottom: 16.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__terms {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .newsUnder__terms::-webkit-scrollbar {
    display: none;
  }
}
.newsUnder__term {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 2px solid #0037fa;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.newsUnder__term.selected {
  outline: none;
  background-color: transparent;
}
.newsUnder__term.selected a {
  color: #0037fa;
  transition: all 0.2s ease-in;
}
.newsUnder__term:hover {
  opacity: 40%;
}
@media screen and (max-width: 800px) {
  .newsUnder__term {
    min-height: 36px;
  }
}
.newsUnder__selected__all {
  background-image: linear-gradient(97deg, #423290 0%, #008fbf 99.49%);
}
.newsUnder__cat {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__cat {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .newsUnder__cat {
    margin-top: 10.6666666667vw;
  }
}
.newsUnder__termLink {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375vw;
  white-space: nowrap;
  color: black;
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 800px) {
  .newsUnder__termLink {
    font-size: 3.2vw;
  }
}
.newsUnder__termLink {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__termLink {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
.newsUnder__termLink {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__termLink {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.newsUnder__name {
  display: block;
  text-align: center;
  color: rgba(0, 55, 250, 0.3);
  font-size: 0.9375vw;
  font-weight: 400;
}
.newsUnder__name {
  padding-top: 0.1171875vw;
  padding-bottom: 0.1171875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__name {
    padding-top: 0vw;
    padding-bottom: 0vw;
  }
}
.newsUnder__name {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__name {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__name {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__name {
    display: flex;
    align-items: center;
    min-height: 36px;
  }
}
.newsUnder__name--all {
  display: block;
  text-align: center;
  border-left: 2px solid #0037fa;
  color: rgba(0, 55, 250, 0.3);
  font-size: 0.9375vw;
  font-weight: 400;
}
.newsUnder__name--all {
  padding-top: 0.1171875vw;
  padding-bottom: 0.1171875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__name--all {
    padding-top: 0vw;
    padding-bottom: 0vw;
  }
}
.newsUnder__name--all {
  padding-left: 1.875vw;
  padding-right: 1.875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__name--all {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__name--all {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__name--all {
    min-height: 36px;
    display: flex;
    align-items: center;
  }
}
.newsUnder__contents {
  margin-top: 4.375vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .newsUnder__contents {
    margin-top: 14.9333333333vw;
  }
}
.newsUnder__termText {
  font-size: 1.25vw;
  color: white;
}
@media screen and (max-width: 800px) {
  .newsUnder__termText {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__termText {
    text-align: center;
    width: 70%;
    margin-left: 15%;
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .newsUnder__termText {
    margin-top: 2.1333333333vw;
  }
}
.newsUnder__start {
  display: flex;
  justify-content: flex-start;
  width: 80%;
}
.newsUnder__content {
  margin-bottom: 1.875vw;
  padding-bottom: 2.5vw;
  border-bottom: 0.078125vw solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 800px) {
  .newsUnder__content {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__content {
    padding-bottom: 8.5333333333vw;
  }
}
.newsUnder__date {
  font-size: 1.25vw;
  margin-bottom: 1.25vw;
  color: #1b1b1b;
  opacity: 30%;
}
@media screen and (max-width: 800px) {
  .newsUnder__date {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__date {
    margin-bottom: 4.2666666667vw;
  }
}
.newsUnder__text {
  color: #1b1b1b;
  font-size: 1.25vw;
  padding-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__text {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__text {
    padding-bottom: 8.5333333333vw;
  }
}
.newsUnder__arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5625vw;
  fill: #0037fa;
}
@media screen and (max-width: 800px) {
  .newsUnder__arrow {
    width: 5.3333333333vw;
  }
}
.newsUnder__pages {
  position: relative;
  gap: 1.25vw;
}
.newsUnder__pages ul {
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
  gap: 1.25vw;
}
.newsUnder__pages ul li {
  position: relative;
}
.newsUnder__pages ul li a,
.newsUnder__pages ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Circular Std";
  width: 3.359375vw;
  height: 3.359375vw;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5;
  border: 0.078125vw solid #0037fa;
  border-radius: 78.046875vw;
  color: #0037fa;
  cursor: pointer;
  transition: all 0.25s ease-in;
}
@media screen and (max-width: 800px) {
  .newsUnder__pages ul li a,
  .newsUnder__pages ul li span {
    width: 11.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__pages ul li a,
  .newsUnder__pages ul li span {
    height: 11.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__pages ul li a,
  .newsUnder__pages ul li span {
    font-size: 4.2666666667vw;
  }
}
.newsUnder__pages ul li a:hover,
.newsUnder__pages ul li span:hover {
  opacity: 40%;
}
.newsUnder__pages ul li span.current {
  background-color: #0037fa;
  color: white;
  border: none;
}
.newsUnder__pages ul li:hover .arrow-path {
  stroke: #ebe6e2;
}
.newsUnder__pagenation {
  display: flex;
  gap: 1.25vw;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.newsUnder__prev {
  position: relative;
  width: 4.140625vw;
  height: 4.140625vw;
  border: 0.078125vw solid rgba(255, 255, 255, 0.3);
  border-radius: 78.046875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__prev {
    width: 14.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__prev {
    height: 14.1333333333vw;
  }
}
.newsUnder__next {
  position: relative;
  width: 4.140625vw;
  height: 4.140625vw;
  border: 0.078125vw solid rgba(255, 255, 255, 0.3);
  border-radius: 78.046875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__next {
    width: 14.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__next {
    height: 14.1333333333vw;
  }
}
.newsUnder__white {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 78.046875vw;
}
.newsUnder__pages {
  position: relative;
  margin-top: 6.25vw;
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__pages {
    margin-top: 21.3333333333vw;
  }
}
.newsUnder__num {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.25vw;
  color: #ebe6e2;
}
@media screen and (max-width: 800px) {
  .newsUnder__num {
    font-size: 4.2666666667vw;
  }
}
.newsUnder__page1 {
  position: relative;
  width: 4.140625vw;
  height: 4.140625vw;
  border: 0.078125vw solid rgba(255, 255, 255, 0.3);
  border-radius: 78.046875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__page1 {
    width: 14.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__page1 {
    height: 14.1333333333vw;
  }
}
.newsUnder__page2 {
  position: relative;
  width: 4.140625vw;
  height: 4.140625vw;
  border: 0.078125vw solid rgba(255, 255, 255, 0.3);
  border-radius: 78.046875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__page2 {
    width: 14.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__page2 {
    height: 14.1333333333vw;
  }
}
.newsUnder__page3 {
  position: relative;
  width: 4.140625vw;
  height: 4.140625vw;
  border: 0.078125vw solid rgba(255, 255, 255, 0.3);
  border-radius: 78.046875vw;
}
@media screen and (max-width: 800px) {
  .newsUnder__page3 {
    width: 14.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsUnder__page3 {
    height: 14.1333333333vw;
  }
}
.newsUnder .pagenation__arrow {
  fill: #0037fa !important;
}
.newsUnder .pagenation__arrow path {
  fill: #0037fa !important;
}
.newsUnder .news__grid {
  transform: none;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .newsUnder .news__grid {
    transform: none;
  }
}

.news {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.news__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
}
.news__contents {
  margin-top: 2.5vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .news__contents {
    margin-top: 8.5333333333vw;
  }
}
.news__content {
  display: flex;
  align-items: flex-start;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.25s ease-in;
}
.news__content {
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .news__content {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
}
.news__content:hover {
  opacity: 40%;
}
.news__content:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 800px) {
  .news__content {
    flex-direction: column;
  }
}
.news__flex {
  display: flex;
}
.news__term {
  font-size: 1.25vw;
  width: 10vw;
  text-align: center;
  color: white;
  border-radius: 99px;
  background-color: red;
}
@media screen and (max-width: 800px) {
  .news__term {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__term {
    width: 34.1333333333vw;
  }
}
.news__term {
  padding-top: 0.46875vw;
  padding-bottom: 0.46875vw;
}
@media screen and (max-width: 800px) {
  .news__term {
    padding-top: 1.6vw;
    padding-bottom: 1.6vw;
  }
}
.news__term--knowledge {
  width: 9.21875vw;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .news__term--knowledge {
    width: 31.4666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__term--knowledge {
    font-size: 3.2vw;
  }
}
.news__column {
  display: flex;
  flex-direction: column;
  margin-left: 5vw;
  margin-top: 0vw;
}
@media screen and (max-width: 800px) {
  .news__column {
    margin-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .news__column {
    margin-top: 4.2666666667vw;
  }
}
.news__title {
  font-size: 1.25vw;
  color: black;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .news__title {
    font-size: 4.2666666667vw;
  }
}
.news__text {
  font-size: 1.25vw;
  color: white;
  opacity: 60%;
}
@media screen and (max-width: 800px) {
  .news__text {
    font-size: 4.2666666667vw;
  }
}
.news__text p {
  font-size: 1.25vw;
  margin-top: 1.25vw;
  color: white;
  opacity: 60%;
}
@media screen and (max-width: 800px) {
  .news__text p {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__text p {
    margin-top: 4.2666666667vw;
  }
}
.news__end {
  display: flex;
  justify-content: end;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .news__end {
    justify-content: center;
  }
}
.news__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 2.5vw;
}
@media screen and (max-width: 800px) {
  .news__grid {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .news__grid {
    grid-template-columns: 1fr;
    width: 100%;
    margin: auto;
  }
}
.news__item {
  width: 100%;
  transition: transform 0.8s ease-in-out;
}
.news__item:hover {
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .news__item {
    width: 100%;
  }
}
.news__imageWrapper {
  width: 27.5vw;
  height: 14.453125vw;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .news__imageWrapper {
    width: 93.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__imageWrapper {
    height: 49.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .news__imageWrapper {
    width: 100%;
  }
}
.news__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.8s ease-out;
}
.news__image:hover {
  transform: scale(1.1);
}
.news__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .news__meta {
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__meta {
    width: 100%;
  }
}
.news__date {
  font-size: 0.9375vw;
  color: #0046eb;
}
@media screen and (max-width: 800px) {
  .news__date {
    font-size: 3.2vw;
  }
}
.news__archieveTerm {
  position: relative;
  display: inline-block;
  font-size: 0.9375vw;
  padding-top: 0.3125vw;
  padding-bottom: 0.3125vw;
  padding-left: 0.625vw;
  padding-right: 0.625vw;
  color: #0046eb;
  border: 1px solid #0046eb;
  border-radius: 0.390625vw;
}
@media screen and (max-width: 800px) {
  .news__archieveTerm {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .news__archieveTerm {
    padding-top: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__archieveTerm {
    padding-bottom: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .news__archieveTerm {
    padding-left: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .news__archieveTerm {
    padding-right: 2.1333333333vw;
  }
}
.news__newsTitle {
  font-size: 1.25vw;
  font-family: "Manrope";
  font-weight: 700;
  line-height: 2;
  color: #0046eb;
}
@media screen and (max-width: 800px) {
  .news__newsTitle {
    font-size: 4.2666666667vw;
  }
}

.newsSingle {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 9.375vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .newsSingle {
    padding-top: 32vw;
  }
}
.newsSingle--voice {
  padding-top: 6.25vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .newsSingle--voice {
    padding-top: 21.3333333333vw;
  }
}
.newsSingle--mtNone {
  padding-top: 0vw;
}
@media screen and (max-width: 800px) {
  .newsSingle--mtNone {
    padding-top: 0vw;
  }
}
.newsSingle__inner {
  display: flex;
  flex-direction: column;
  width: 64%;
  margin: auto;
}
@media screen and (max-width: 800px) {
  .newsSingle__inner {
    width: 90%;
  }
}
.newsSingle__term {
  font-size: 1.25vw;
  width: 12.5vw;
  text-align: center;
  color: white;
  border-radius: 5px;
  background-color: red;
}
@media screen and (max-width: 800px) {
  .newsSingle__term {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__term {
    width: 37.3333333333vw;
  }
}
.newsSingle__term {
  padding-top: 0.46875vw;
  padding-bottom: 0.46875vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__term {
    padding-top: 1.0666666667vw;
    padding-bottom: 1.0666666667vw;
  }
}
.newsSingle__date {
  font-size: 1.25vw;
  color: black;
  margin-left: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__date {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__date {
    margin-left: 4.2666666667vw;
  }
}
.newsSingle__title {
  color: black;
  font-size: 2.5vw;
  margin-top: 1.25vw;
  font-family: "Manrope";
  font-weight: 800;
}
@media screen and (max-width: 800px) {
  .newsSingle__title {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__title {
    margin-top: 4.2666666667vw;
  }
}
.newsSingle__imgWrapper {
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__imgWrapper {
    margin-top: 4.2666666667vw;
  }
}
.newsSingle__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsSingle__under {
  padding-top: 6.25vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .newsSingle__under {
    padding-top: 21.3333333333vw;
  }
}
.newsSingle__content {
  font-size: 1.25vw;
  color: black;
  font-family: "Manrope";
  font-weight: 500;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .newsSingle__content {
    font-size: 4.2666666667vw;
  }
}
.newsSingle__content p:blank {
  display: none;
}
.newsSingle__content p {
  font-size: 1.25vw;
  color: black;
  font-family: "Manrope";
  font-weight: 500;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .newsSingle__content p {
    font-size: 4.2666666667vw;
  }
}
.newsSingle .wp-block-buttons {
  display: flex;
  justify-content: center;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .newsSingle .wp-block-buttons {
    margin-top: 10.6666666667vw;
  }
}
.newsSingle .wp-block-button__link {
  transition: all 0.25s ease-in;
}
.newsSingle .wp-block-button__link:hover {
  opacity: 40%;
}
.newsSingle__collectionWrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.newsSingle__collection {
  margin-top: 4.375vw;
  width: 15.625vw;
  border: 1px solid #0046eb;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  margin-bottom: 8.75vw;
  transition: all 0.25s ease-in;
  background-color: #0046eb;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .newsSingle__collection {
    margin-top: 14.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__collection {
    width: 53.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsSingle__collection {
    margin-bottom: 29.8666666667vw;
  }
}
.newsSingle__collection--voice {
  margin-top: 4.375vw;
  z-index: 2;
}
@media screen and (max-width: 800px) {
  .newsSingle__collection--voice {
    margin-top: 14.9333333333vw;
  }
}
.newsSingle__collection:hover {
  background-color: white;
}
.newsSingle__collection:hover .newsSingle__text {
  color: #0046eb;
}
.newsSingle__text {
  font-size: 1.25vw;
  color: white;
  transition: all 0.25s ease-in;
  font-family: "Manrope";
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  .newsSingle__text {
    font-size: 4.2666666667vw;
  }
}
.newsSingle__text {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .newsSingle__text {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.newsSingle__sub {
  display: flex;
  align-items: center;
}

.sectionTeam {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionTeam {
    padding-bottom: 0vw;
  }
}
.sectionTeam__inner {
  display: block;
  width: 100%;
  overflow: visible;
}
@media screen and (max-width: 800px) {
  .sectionTeam__inner {
    width: 100%;
    margin-top: 4.6875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__inner {
    margin-top: 16vw;
  }
}
.sectionTeam__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.125vw;
}
.sectionTeam__title {
  padding-left: 6.25vw;
  padding-right: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionTeam__title {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTeam__title {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTeam__title {
    text-align: center;
    justify-content: center;
  }
}
.sectionTeam__title p {
  font-size: 3.125vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
}
@media screen and (max-width: 800px) {
  .sectionTeam__title p {
    font-size: 8.5333333333vw;
  }
}
.sectionTeam__title span {
  font-size: 3.125vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .sectionTeam__title span {
    font-size: 8.5333333333vw;
  }
}
.sectionTeam__slider {
  position: relative;
  height: auto;
  width: 100%;
  margin-left: 0;
  overflow-x: hidden;
  overflow-y: visible;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionTeam__slider {
    padding-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTeam__slider {
    width: 100%;
    margin-left: 0;
    overflow-x: hidden;
    overflow-y: visible;
    padding-top: 0.78125vw;
    padding-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__slider {
    padding-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__slider {
    padding-bottom: 2.6666666667vw;
  }
}
.sectionTeam__sliderWrapper {
  overflow: visible;
  height: auto;
  width: 100%;
  position: relative;
  padding-top: 1.5625vw;
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderWrapper {
    padding-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderWrapper {
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderWrapper {
    padding-top: 0.78125vw;
    padding-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__sliderWrapper {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__sliderWrapper {
    padding-bottom: 10.6666666667vw;
  }
}
.sectionTeam__sliderPrev, .sectionTeam__sliderNext {
  display: block;
  width: 4.375vw;
  height: 4.375vw;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderPrev, .sectionTeam__sliderNext {
    width: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderPrev, .sectionTeam__sliderNext {
    height: 12.8vw;
  }
}
.sectionTeam__sliderPrev:hover, .sectionTeam__sliderNext:hover {
  opacity: 0.7;
}
.sectionTeam__sliderPrev.is-disabled, .sectionTeam__sliderNext.is-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.sectionTeam__sliderPrev {
  transform: rotate(180deg);
}
.sectionTeam__sliderNav {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderNav--pc {
    display: none;
  }
}
.sectionTeam__sliderNav--sp {
  display: none;
  justify-content: center;
  margin-top: 0vw;
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderNav--sp {
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTeam__sliderNav--sp {
    display: flex;
  }
}
.sectionTeam__img {
  display: none;
}
@media screen and (max-width: 800px) {
  .sectionTeam__img {
    display: block;
    margin-top: 0vw;
    padding-left: 3.125vw;
    width: 15.625vw;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__img {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__img {
    padding-left: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionTeam__img {
    width: 53.3333333333vw;
  }
}

.sectionReason {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionReason {
    padding-bottom: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionReason {
    margin-top: 6.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionReason {
    margin-top: 21.3333333333vw;
  }
}
.sectionReason__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.sectionReason__inner {
  display: block;
  width: 85%;
}
@media screen and (max-width: 800px) {
  .sectionReason__inner {
    width: 90%;
  }
}
.sectionReason__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .sectionReason__title {
    margin-bottom: 10.6666666667vw;
  }
}
.sectionReason__title p {
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionReason__title p {
    font-size: 8.5333333333vw;
  }
}
.sectionReason__title span {
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .sectionReason__title span {
    font-size: 8.5333333333vw;
  }
}
.sectionReason__nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375vw;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionReason__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionReason__nav {
    margin-top: 10.6666666667vw;
  }
}
.sectionReason__nav li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sectionReason__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .sectionReason__nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    margin-top: 4.21875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionReason__nav {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionReason__nav {
    margin-top: 14.4vw;
  }
}
.sectionReason__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 12.5vw;
}
@media screen and (max-width: 800px) {
  .sectionReason__navtext {
    font-size: 3.7333333333vw;
  }
}
.sectionReason__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.sectionReason__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionReason__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionReason__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .sectionReason__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionReason__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .sectionReason__navtext--contact {
    min-width: 40vw;
  }
}
.sectionReason__navtext--demo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e4df1;
  border-radius: 5px;
  background: white;
  border: solid 1px #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.sectionReason__navtext--demo {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionReason__navtext--demo {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionReason__navtext--demo {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .sectionReason__navtext--demo {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionReason__navtext--demo:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .sectionReason__navtext--demo {
    min-width: 40vw;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 800px) {
  .sp_only {
    display: block;
  }
}

.pc_only {
  display: block;
}
@media screen and (max-width: 800px) {
  .pc_only {
    display: none;
  }
}

.sectionPurpose {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.sectionPurpose__inner {
  display: block;
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionPurpose__inner {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionPurpose__inner {
    padding-bottom: 16vw;
  }
}

.purposeContent {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .purposeContent {
    flex-direction: column;
    align-items: center;
  }
}
.purposeContent__inner {
  display: block;
  width: 40%;
  margin-bottom: 6.25vw;
}
.purposeContent__inner {
  padding-left: 6.25vw;
  padding-right: 6.25vw;
}
@media screen and (max-width: 800px) {
  .purposeContent__inner {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeContent__inner {
    margin-bottom: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeContent__inner {
    justify-content: center;
    width: 90%;
  }
}
.purposeContent__title {
  display: block;
}
.purposeContent__title p {
  font-family: "Product Sans";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .purposeContent__title p {
    font-size: 4.2666666667vw;
  }
}
.purposeContent__subtitle {
  display: block;
  padding-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .purposeContent__subtitle {
    padding-top: 4.2666666667vw;
  }
}
.purposeContent__subtitle p {
  color: #222;
  font-family: "Product Sans";
  font-size: 3.75vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .purposeContent__subtitle p {
    font-size: 8.5333333333vw;
  }
}
.purposeContent__subtitle span {
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Product Sans";
  font-size: 3.75vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .purposeContent__subtitle span {
    font-size: 8.5333333333vw;
  }
}
.purposeContent__text {
  display: block;
  padding-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .purposeContent__text {
    padding-top: 4.2666666667vw;
  }
}
.purposeContent__text--bold {
  color: #222;
  font-family: "Product Sans";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .purposeContent__text--bold {
    font-size: 3.7333333333vw;
  }
}
.purposeContent__text--regular {
  color: #222;
  font-family: "Product Sans";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 800px) {
  .purposeContent__text--regular {
    font-size: 3.7333333333vw;
  }
}
.purposeContent__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.9375vw;
  margin-top: 2.8125vw;
}
@media screen and (max-width: 800px) {
  .purposeContent__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeContent__nav {
    margin-top: 9.6vw;
  }
}
.purposeContent__nav--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .purposeContent__nav--sp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    padding-top: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .purposeContent__nav--sp {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .purposeContent__nav--sp {
    padding-top: 6.4vw;
  }
}
.purposeContent__nav li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.purposeContent__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .purposeContent__nav {
    display: none;
  }
}
.purposeContent__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 9.375vw;
}
@media screen and (max-width: 800px) {
  .purposeContent__navtext {
    font-size: 3.7333333333vw;
  }
}
.purposeContent__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.purposeContent__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .purposeContent__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.purposeContent__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .purposeContent__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.purposeContent__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .purposeContent__navtext--contact {
    min-width: 60vw;
  }
}
.purposeContent__image {
  display: block;
  width: 60%;
}
@media screen and (max-width: 800px) {
  .purposeContent__image {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
.purposeContent__image__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.purposeContent__image__img {
  display: block;
  margin-top: 1.875vw;
  width: 27.34375vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 800px) {
  .purposeContent__image__img {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeContent__image__img {
    width: 53.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeContent__image__img {
    margin-left: 2.34375vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .purposeContent__image__img {
    margin-left: 8vw;
  }
}

.purposeGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0.625vw;
  margin-top: 1.875vw;
  padding-left: 0.78125vw;
  padding-right: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .purposeGrid {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeGrid {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeGrid {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeGrid {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeGrid {
    width: 90%;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
.purposeGrid__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  box-shadow: 2px 6px 30px 0px rgba(25, 90, 254, 0.15);
  transition: all 0.3s ease;
  cursor: pointer;
}
.purposeGrid__item {
  padding-top: 0.46875vw;
  padding-bottom: 0.46875vw;
}
@media screen and (max-width: 800px) {
  .purposeGrid__item {
    padding-top: 1.6vw;
    padding-bottom: 1.6vw;
  }
}
.purposeGrid__item {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .purposeGrid__item {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
}
.purposeGrid__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.625vw 1.5625vw rgba(30, 77, 241, 0.3);
}
.purposeGrid__text {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 1.09375vw;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 800px) {
  .purposeGrid__text {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .purposeGrid__text {
    white-space: normal;
    line-height: 1.5;
  }
}

.sectionUsecase {
  position: relative;
  width: 100%;
  height: 500vh;
}
@media screen and (max-width: 800px) {
  .sectionUsecase {
    height: 400vh;
  }
}
.sectionUsecase__inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.usecaseScroll {
  position: relative;
  width: 100%;
  height: 100%;
}
.usecaseScroll__track {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: none;
}

.usecaseContent {
  display: flex;
  width: 90%;
  max-width: 1200px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: auto;
}
@media screen and (max-width: 800px) {
  .usecaseContent {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 95%;
    transform: translateY(30px);
  }
}
.usecaseContent.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.usecaseContent.is-fade-up-exit {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-40px);
  transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 800px) {
  .usecaseContent.is-fade-up-exit {
    transform: translateY(-30px);
  }
}
.usecaseContent.is-changing {
  opacity: 0;
  transform: translateY(20px);
}
.usecaseContent__inner {
  display: block;
  width: 50%;
  padding-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .usecaseContent__inner {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseContent__inner {
    width: 90%;
    margin-bottom: 2.34375vw;
  }
  .usecaseContent__inner {
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseContent__inner {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseContent__inner {
    margin-bottom: 8vw;
  }
}
.usecaseContent__mainTitle {
  display: block;
  margin-bottom: 2.5vw;
  color: #222;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width: 800px) {
  .usecaseContent__mainTitle {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseContent__mainTitle {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseContent__mainTitle {
    text-align: center;
    margin-top: 7.03125vw;
    margin-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseContent__mainTitle {
    margin-top: 24vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseContent__mainTitle {
    margin-bottom: 8vw;
  }
}
.usecaseContent__mainTitle span {
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .usecaseContent__mainTitle span {
    font-size: 8.5333333333vw;
  }
}
.usecaseContent__title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .usecaseContent__title {
    margin-bottom: 0vw;
  }
}
.usecaseContent__title--icon {
  width: 2.5vw;
  height: 2.5vw;
}
@media screen and (max-width: 800px) {
  .usecaseContent__title--icon {
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseContent__title--icon {
    height: 8.5333333333vw;
  }
}
.usecaseContent__title p {
  color: #1e4df1;
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .usecaseContent__title p {
    font-size: 8.5333333333vw;
  }
}
.usecaseContent__subtitle {
  display: block;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .usecaseContent__subtitle {
    margin-bottom: 6.4vw;
  }
}
.usecaseContent__subtitle p {
  color: #222;
  font-family: "Hiragino Sans";
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .usecaseContent__subtitle p {
    font-size: 8.5333333333vw;
  }
}
.usecaseContent__text {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0vw;
}
@media screen and (max-width: 800px) {
  .usecaseContent__text {
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseContent__text {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseContent__text {
    margin-top: 6.4vw;
  }
}
.usecaseContent__text p {
  color: #222;
  font-family: "Noto Sans JP";
  font-size: 1.25vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
  flex: 1;
}
@media screen and (max-width: 800px) {
  .usecaseContent__text p {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseContent__text p {
    margin-bottom: 1.5625vw;
    text-align: left;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseContent__text p {
    margin-bottom: 5.3333333333vw;
  }
}
.usecaseContent__text--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .usecaseContent__text--sp {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 800px) {
  .usecaseContent__text--pc {
    display: none;
  }
}
.usecaseContent__image {
  display: block;
  flex-shrink: 0;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .usecaseContent__image {
    display: none;
  }
}
.usecaseContent__image__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.usecaseContent__image__img {
  width: 17.1875vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .usecaseContent__image__img {
    width: 53.3333333333vw;
  }
}
.usecaseContent__display--pc {
  display: block;
  width: 50%;
}
@media screen and (max-width: 800px) {
  .usecaseContent__display--pc {
    display: none;
  }
}
.usecaseContent__display--pc .usecaseContent__display__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.usecaseContent__display--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .usecaseContent__display--sp {
    display: block;
    width: 100%;
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseContent__display--sp {
    margin-bottom: 13.3333333333vw;
  }
}
.usecaseContent__display--sp .usecaseContent__display__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.usecaseImage {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}
.usecaseImage__imgWrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40.859375vw;
  padding: 0.78125vw;
  border-radius: 12px;
  background-color: rgba(74, 158, 255, 0.05);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .usecaseImage__imgWrapper {
    width: 74.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseImage__imgWrapper {
    padding: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .usecaseImage__imgWrapper {
    width: 23.4375vw;
    padding: 0.625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseImage__imgWrapper {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .usecaseImage__imgWrapper {
    padding: 2.1333333333vw;
  }
}
.usecaseImage__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.usecaseImage__video {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.usecaseProgress {
  position: fixed;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media screen and (max-width: 800px) {
  .usecaseProgress {
    right: 1.5rem;
    top: 60%;
    gap: 0.8rem;
  }
}
.usecaseProgress__dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(34, 34, 34, 0.3);
  transition: all 0.3s ease;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .usecaseProgress__dot {
    width: 10px;
    height: 10px;
  }
}
.usecaseProgress__dot.is-active {
  background-color: #1e4df1;
  transform: scale(1.3);
  box-shadow: 0 0 0 3px rgba(30, 77, 241, 0.2);
}
.usecaseProgress__dot:hover {
  background-color: rgba(30, 77, 241, 0.6);
}

.pc_only {
  display: block;
}
@media screen and (max-width: 800px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}
@media screen and (max-width: 800px) {
  .sp_only {
    display: block;
  }
}

.sectionUsage {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sectionUsage {
    padding-bottom: 16vw;
  }
}
.sectionUsage__inner {
  display: block;
  width: 90%;
}
.sectionUsage__inner {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionUsage__inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
.sectionUsage__header {
  display: flex;
  justify-content: center;
  margin-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .sectionUsage__header {
    margin-bottom: 8.5333333333vw;
  }
}
.sectionUsage__title {
  font-size: 3.125vw;
  color: #333;
  font-family: "Hiragino Sans";
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionUsage__title {
    font-size: 7.4666666667vw;
  }
}
.sectionUsage__title span {
  font-size: 3.125vw;
  font-family: "Hiragino Sans";
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .sectionUsage__title span {
    font-size: 7.4666666667vw;
  }
}
.sectionUsage__content {
  display: block;
  width: 100%;
}

.sectionVoice {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionVoice {
    padding-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice {
    padding-bottom: 16vw;
  }
}
.sectionVoice__inner {
  display: block;
  width: 100%;
  overflow: visible;
}
@media screen and (max-width: 800px) {
  .sectionVoice__inner {
    width: 100%;
    overflow: hidden;
    padding: 0;
  }
}
.sectionVoice__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionVoice__title {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__title {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.sectionVoice__title h2 {
  font-size: 3.125vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  color: black;
}
@media screen and (max-width: 800px) {
  .sectionVoice__title h2 {
    font-size: 8.5333333333vw;
  }
}
.sectionVoice__title h2 span {
  font-size: 3.125vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(92deg, #1e4df1 39%, #3ae1c7 77.43%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .sectionVoice__title h2 span {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__title {
    margin-left: 2.34375vw;
    margin-right: 2.34375vw;
    width: 85%;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionVoice__title {
    margin-left: 8vw;
    margin-right: 8vw;
  }
}
.sectionVoice__slider {
  position: relative;
  height: auto;
  width: 120%;
  margin-left: -10%;
  margin-right: -10%;
  padding-top: 1.5625vw;
  padding-bottom: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionVoice__slider {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__slider {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__slider {
    display: none;
  }
}
.sectionVoice__sliderWrapper {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderWrapper {
    width: 100%;
    overflow: visible;
    padding: 0;
  }
}
.sectionVoice__sliderPrev, .sectionVoice__sliderNext {
  display: block;
  width: 4.375vw;
  height: 4.375vw;
  cursor: pointer;
  transition: opacity 0.3s ease;
  border-radius: 50%;
  background-color: #1a2847;
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderPrev, .sectionVoice__sliderNext {
    width: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderPrev, .sectionVoice__sliderNext {
    height: 12.8vw;
  }
}
.sectionVoice__sliderPrev:hover, .sectionVoice__sliderNext:hover {
  opacity: 0.7;
}
.sectionVoice__sliderPrev.is-disabled, .sectionVoice__sliderNext.is-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.sectionVoice__sliderPrev {
  transform: rotate(180deg);
}
.sectionVoice__sliderNav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding-top: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderNav {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderNav {
    display: none;
  }
}
.sectionVoice__sliderSP {
  display: none;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderSP {
    display: block;
  }
}
.sectionVoice__sliderSPWrapper {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.sectionVoice__sliderSPWrapper {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderSPWrapper {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionVoice__sliderNavSP {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding-top: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderNavSP {
    padding-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderNavSP {
    display: none;
  }
}
.sectionVoice__sliderSPPrev, .sectionVoice__sliderSPNext {
  display: block;
  width: 4.375vw;
  height: 4.375vw;
  cursor: pointer;
  transition: opacity 0.3s ease;
  border-radius: 50%;
  background-color: #1a2847;
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderSPPrev, .sectionVoice__sliderSPNext {
    width: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionVoice__sliderSPPrev, .sectionVoice__sliderSPNext {
    height: 12.8vw;
  }
}
.sectionVoice__sliderSPPrev:hover, .sectionVoice__sliderSPNext:hover {
  opacity: 0.7;
}
.sectionVoice__sliderSPPrev.is-disabled, .sectionVoice__sliderSPNext.is-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.sectionVoice__sliderSPPrev {
  transform: rotate(180deg);
}

.voiceListSP {
  touch-action: pan-y;
  display: flex;
  width: 100%;
  transition: transform 0.3s ease-in-out;
}
.voiceListSP__item {
  flex: none;
  width: 23.4375vw;
  margin-right: 0;
}
@media screen and (max-width: 800px) {
  .voiceListSP__item {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceListSP__item {
    width: 23.4375vw;
    margin-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .voiceListSP__item {
    width: 80vw;
  }
}

.voiceCardSP {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.voiceCardSP__imgWrapper {
  position: relative;
  width: 100%;
  padding-top: 60%;
  overflow: hidden;
  margin-bottom: 1.25vw;
  border-radius: 8px 8px 0 0;
  background-color: #f5f5f5;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__imgWrapper {
    margin-bottom: 3.2vw;
  }
}
.voiceCardSP__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voiceCardSP__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.875vw;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__body {
    padding: 5.3333333333vw;
  }
}
.voiceCardSP__title {
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
  color: #092540;
  margin-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__title {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceCardSP__title {
    margin-bottom: 2.1333333333vw;
  }
}
.voiceCardSP__comment {
  font-size: 1.09375vw;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  text-transform: capitalize;
  color: #222;
  margin-bottom: 1.5625vw;
  flex-grow: 1;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__comment {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceCardSP__comment {
    margin-bottom: 4.2666666667vw;
  }
}
.voiceCardSP__author {
  display: flex;
  align-items: center;
  gap: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__author {
    gap: 2.1333333333vw;
  }
}
.voiceCardSP__avatar {
  flex-shrink: 0;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background-color: #f5f5f5;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__avatar {
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceCardSP__avatar {
    height: 8.5333333333vw;
  }
}
.voiceCardSP__avatarImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voiceCardSP__authorInfo {
  display: flex;
  flex-direction: column;
  gap: 0.15625vw;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__authorInfo {
    gap: 0.2666666667vw;
  }
}
.voiceCardSP__company {
  font-size: 1.09375vw;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  text-transform: capitalize;
  color: #222;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__company {
    font-size: 3.2vw;
  }
}
.voiceCardSP__name {
  font-size: 1.09375vw;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  text-transform: capitalize;
  color: #000;
}
@media screen and (max-width: 800px) {
  .voiceCardSP__name {
    font-size: 3.2vw;
  }
}

.voiceList {
  display: flex;
  width: 100%;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .voiceList {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceList {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 0;
    gap: 0;
  }
}
.voiceList__item {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 800px) {
  .voiceList__item {
    flex: none;
    width: 85%;
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: auto;
  }
  .voiceList__item.is-active {
    opacity: 1;
    pointer-events: auto;
  }
}

.voiceCard {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .voiceCard {
    border-radius: 12px;
    width: 100%;
  }
}
.voiceCard__imgWrapper {
  position: relative;
  width: 100%;
  padding-top: 60%;
  overflow: hidden;
  margin-bottom: 1.25vw;
  border-radius: 8px 8px 0 0;
  background-color: #f5f5f5;
}
@media screen and (max-width: 800px) {
  .voiceCard__imgWrapper {
    margin-bottom: 3.2vw;
  }
}
.voiceCard__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voiceCard__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.875vw;
}
@media screen and (max-width: 800px) {
  .voiceCard__body {
    padding: 5.3333333333vw;
  }
}
.voiceCard__title {
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
  color: #092540;
  margin-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .voiceCard__title {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceCard__title {
    margin-bottom: 2.1333333333vw;
  }
}
.voiceCard__comment {
  font-size: 1.09375vw;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  text-transform: capitalize;
  color: #222;
  margin-bottom: 1.5625vw;
  flex-grow: 1;
}
@media screen and (max-width: 800px) {
  .voiceCard__comment {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceCard__comment {
    margin-bottom: 4.2666666667vw;
  }
}
.voiceCard__author {
  display: flex;
  align-items: center;
  gap: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .voiceCard__author {
    gap: 2.1333333333vw;
  }
}
.voiceCard__avatar {
  flex-shrink: 0;
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background-color: #f5f5f5;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .voiceCard__avatar {
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .voiceCard__avatar {
    height: 8.5333333333vw;
  }
}
.voiceCard__avatarImg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.voiceCard__authorInfo {
  display: flex;
  flex-direction: column;
  gap: 0.15625vw;
}
@media screen and (max-width: 800px) {
  .voiceCard__authorInfo {
    gap: 0.2666666667vw;
  }
}
.voiceCard__company {
  font-size: 1.09375vw;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  text-transform: capitalize;
  color: #222;
}
@media screen and (max-width: 800px) {
  .voiceCard__company {
    font-size: 3.2vw;
  }
}
.voiceCard__name {
  font-size: 1.09375vw;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
  text-transform: capitalize;
  color: #000;
}
@media screen and (max-width: 800px) {
  .voiceCard__name {
    font-size: 3.2vw;
  }
}

.voiceSliderSP__dots {
  display: none;
}
@media screen and (max-width: 800px) {
  .voiceSliderSP__dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
  }
  .voiceSliderSP__dots .dot {
    width: 8px;
    height: 8px;
    padding: 0;
    margin: 0;
    border: 1px solid #1e4df1;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    box-sizing: border-box;
  }
  .voiceSliderSP__dots .dot.is-active {
    background: #1e4df1;
  }
}

.sectionTrial {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 3.125vw;
  background: linear-gradient(180deg, #fff 45.46%, #f4f7ff 84.84%, #e4eaff 96.53%);
}
@media screen and (max-width: 800px) {
  .sectionTrial {
    padding-bottom: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionTrial {
    flex-direction: column;
    align-items: center;
  }
}

.imgBox {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .imgBox--pc {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .imgBox {
    width: 45%;
  }
}
.imgBox__img {
  width: 100%;
  padding-bottom: 1.875vw;
  position: relative;
}
@media screen and (max-width: 800px) {
  .imgBox__img {
    padding-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .imgBox__img {
    width: 12.890625vw;
    height: 12.890625vw;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .imgBox__img {
    width: 44vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .imgBox__img {
    height: 44vw;
  }
}
@media screen and (max-width: 800px) {
  .imgBox__img--left {
    left: -7.03125vw;
  }
  .imgBox__img--right {
    right: -9.375vw;
  }
}

.trialContent {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
  padding-top: 9.375vw;
  padding-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .trialContent {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .trialContent {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .trialContent {
    width: 90%;
    order: -1;
  }
}
.trialContent__title {
  width: 100%;
  color: #222;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
}
@media screen and (max-width: 800px) {
  .trialContent__title {
    font-size: 8.5333333333vw;
  }
}
.trialContent__nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375vw;
  margin-top: 4.0625vw;
}
@media screen and (max-width: 800px) {
  .trialContent__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .trialContent__nav {
    margin-top: 13.8666666667vw;
  }
}
.trialContent__nav li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.trialContent__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .trialContent__nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .trialContent__nav {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .trialContent__nav {
    margin-top: 6.4vw;
  }
}
.trialContent__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 12.5vw;
}
@media screen and (max-width: 800px) {
  .trialContent__navtext {
    font-size: 3.7333333333vw;
  }
}
.trialContent__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.trialContent__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .trialContent__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.trialContent__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .trialContent__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.trialContent__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .trialContent__navtext--contact {
    min-width: 40vw;
  }
}
.trialContent__navtext--demo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e4df1;
  border-radius: 5px;
  background: white;
  border: solid 1px #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.trialContent__navtext--demo {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .trialContent__navtext--demo {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.trialContent__navtext--demo {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .trialContent__navtext--demo {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.trialContent__navtext--demo:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .trialContent__navtext--demo {
    min-width: 40vw;
  }
}

.imgWrapper {
  display: none;
}
@media screen and (max-width: 800px) {
  .imgWrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    gap: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .imgWrapper {
    gap: 2.1333333333vw;
  }
}

.sectionDemo {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.sectionDemo {
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo {
    padding-top: 5.3333333333vw;
    padding-bottom: 5.3333333333vw;
  }
}
.sectionDemo {
  padding-left: 11.71875vw;
  padding-right: 11.71875vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo {
    padding-left: 26.6666666667vw;
    padding-right: 26.6666666667vw;
  }
}
.sectionDemo__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.125vw;
  padding-left: 5.625vw;
  padding-right: 2.421875vw;
  width: 70%;
  border-radius: 20px;
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  /* シャドー */
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 800px) {
  .sectionDemo__inner {
    gap: 5.3333333333vw;
  }
}
.sectionDemo__inner {
  padding-top: 2.890625vw;
  padding-bottom: 2.890625vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo__inner {
    padding-top: 0vw;
    padding-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__inner {
    padding-left: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__inner {
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__inner {
    width: 85%;
    flex-direction: column;
    align-items: flex-start;
  }
}
.sectionDemo__content {
  flex-shrink: 0;
  width: 45%;
  order: 1;
}
@media screen and (max-width: 800px) {
  .sectionDemo__content {
    width: 100%;
    order: 2;
  }
}
.sectionDemo__title {
  font-size: 2.5vw;
  font-family: "Hiragino Sans";
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: white;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo__title {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__title {
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__title {
    margin-left: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionDemo__title {
    margin-left: 4.2666666667vw;
  }
}
.sectionDemo__text {
  font-size: 1.25vw;
  font-family: "Hiragino Sans";
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  color: white;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo__text {
    font-size: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__text {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__text {
    display: none;
  }
}
.sectionDemo__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.9375vw;
  margin-top: 2.8125vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionDemo__nav {
    margin-top: 9.6vw;
  }
}
.sectionDemo__nav--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .sectionDemo__nav--sp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    padding-top: 3.125vw;
    padding-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionDemo__nav--sp {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionDemo__nav--sp {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionDemo__nav--sp {
    padding-bottom: 16vw;
  }
}
.sectionDemo__nav li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.sectionDemo__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .sectionDemo__nav {
    display: none;
  }
}
.sectionDemo__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 14.0625vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo__navtext {
    font-size: 3.7333333333vw;
  }
}
.sectionDemo__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e4df1;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.sectionDemo__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionDemo__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .sectionDemo__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionDemo__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .sectionDemo__navtext--contact {
    min-width: 60vw;
  }
}
.sectionDemo__video {
  flex-grow: 1;
  width: 55%;
  order: 2;
}
@media screen and (max-width: 800px) {
  .sectionDemo__video {
    width: 100%;
    order: 1;
  }
}
.sectionDemo__videoWrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 10px;
  background: #e2e2e2;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .sectionDemo__videoWrapper {
    border-radius: 20px 20px 0 0;
  }
}
.sectionDemo__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
iframe[src] + .sectionDemo__placeholder {
  display: none;
}
.sectionDemo__youtubeIcon {
  width: 5vw;
  height: 5vw;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0.7;
}
.sectionDemo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.sectionDemo iframe:not([src]) {
  display: none;
}

.sectionProblem {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .sectionProblem {
    margin-top: 16vw;
  }
}
.sectionProblem__inner {
  display: block;
  width: 100%;
}
.sectionProblem__content {
  display: block;
  text-align: center;
  justify-content: center;
  width: 100%;
}
.sectionProblem__title {
  text-align: center;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .sectionProblem__title {
    font-size: 6.4vw;
  }
}
.sectionProblem__title span {
  text-align: center;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .sectionProblem__title span {
    font-size: 6.4vw;
  }
}
.sectionProblem__speechbubbles {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5vw;
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles {
    margin-top: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles {
    flex-direction: column;
  }
}
.sectionProblem__speechbubbles__sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles__sp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionProblem__speechbubbles__sp {
    gap: 4.2666666667vw;
  }
}
.sectionProblem__speechbubbles__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7.8125vw;
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles__left {
    display: none;
  }
}
.sectionProblem__speechbubbles__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7.8125vw;
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles__right {
    display: none;
  }
}
.sectionProblem__speechbubbles__ai {
  width: 35.15625vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles__ai {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles__ai {
    margin-top: 2.8125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionProblem__speechbubbles__ai {
    margin-top: 9.6vw;
  }
}
.sectionProblem__speechbubbles__img {
  width: 27.34375vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .sectionProblem__speechbubbles__img {
    width: 93.3333333333vw;
  }
}
.sectionProblem__arrow {
  margin-top: 2.34375vw;
  margin-bottom: 2.34375vw;
  width: 5.46875vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .sectionProblem__arrow {
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionProblem__arrow {
    width: 18.6666666667vw;
  }
}
.sectionProblem__message {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.125vw auto;
  color: #fff;
  font-family: "Hiragino Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
  text-transform: capitalize;
  max-width: 78.125vw;
  border-radius: 10px;
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.15);
}
.sectionProblem__message {
  padding-left: 3.125vw;
  padding-right: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionProblem__message {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionProblem__message {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .sectionProblem__message {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionProblem__message {
    font-size: 5.8666666667vw;
  }
}

.sectionCompliance {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 6.25vw;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompliance {
    padding-bottom: 16vw;
  }
}
.sectionCompliance__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.sectionCompliance__inner {
  display: block;
  width: 85%;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__inner {
    width: 90%;
  }
}
.sectionCompliance__title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__title {
    margin-bottom: 8.5333333333vw;
  }
}
.sectionCompliance__title p {
  font-family: "Hiragino Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__title p {
    font-size: 8.5333333333vw;
  }
}
.sectionCompliance__title span {
  font-family: "Hiragino Sans";
  font-size: 3.125vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__title span {
    font-size: 8.5333333333vw;
  }
}
.sectionCompliance__nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375vw;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionCompliance__nav {
    margin-top: 10.6666666667vw;
  }
}
.sectionCompliance__nav li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sectionCompliance__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    margin-top: 4.21875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionCompliance__nav {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionCompliance__nav {
    margin-top: 14.4vw;
  }
}
.sectionCompliance__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 9.375vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__navtext {
    font-size: 3.7333333333vw;
  }
}
.sectionCompliance__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.sectionCompliance__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionCompliance__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionCompliance__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .sectionCompliance__navtext--contact {
    min-width: 60vw;
  }
}
.sectionCompliance__navtext--demo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e4df1;
  border-radius: 5px;
  background: white;
  border: solid 1px #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.sectionCompliance__navtext--demo {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__navtext--demo {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionCompliance__navtext--demo {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .sectionCompliance__navtext--demo {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionCompliance__navtext--demo:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .sectionCompliance__navtext--demo {
    min-width: 60vw;
  }
}

.sectionPlan {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionPlan {
    padding-bottom: 16vw;
  }
}
.sectionPlan__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
}
.sectionPlan__inner {
  padding-left: 1.5625vw;
  padding-right: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan__inner {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionPlan__inner {
    width: 100%;
  }
}
.sectionPlan__title {
  display: block;
  font-family: "Hiragino Sans";
  font-size: 3.125vw;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 4.6875vw;
  background: var(--blue_gradation, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .sectionPlan__title {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionPlan__title {
    margin-bottom: 0vw;
  }
}
.sectionPlan__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .sectionPlan__content {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionPlan__content {
    margin-top: 8.5333333333vw;
  }
}
.sectionPlan__cta {
  display: flex;
  justify-content: center;
  margin-top: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan__cta {
    margin-top: 10.6666666667vw;
  }
}
.sectionPlan__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21.875vw;
  height: 4.375vw;
  border-radius: 28px;
  background: linear-gradient(135deg, #4f7cff 0%, #ff6b6b 100%);
  font-size: 1.25vw;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 800px) {
  .sectionPlan__button {
    width: 64vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionPlan__button {
    height: 12.8vw;
  }
}
.sectionPlan__button {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan__button {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionPlan__button {
    font-size: 3.7333333333vw;
  }
}
.sectionPlan__button:hover {
  opacity: 0.9;
}
@media screen and (max-width: 800px) {
  .sectionPlan__button {
    width: 7.8125%vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionPlan__button {
    width: 26.6666666667%vw;
  }
}
.sectionPlan__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.9375vw;
  margin-top: 4.0625vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan__nav {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .sectionPlan__nav {
    margin-top: 10.6666666667vw;
  }
}
.sectionPlan__nav--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .sectionPlan__nav--sp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.25vw;
    padding-top: 3.125vw;
    padding-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionPlan__nav--sp {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionPlan__nav--sp {
    padding-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sectionPlan__nav--sp {
    padding-bottom: 16vw;
  }
}
.sectionPlan__nav li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.sectionPlan__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
.sectionPlan__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 12.5vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan__navtext {
    font-size: 3.7333333333vw;
  }
}
.sectionPlan__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.sectionPlan__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.sectionPlan__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .sectionPlan__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.sectionPlan__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .sectionPlan__navtext--contact {
    min-width: 40vw;
  }
}

.planList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1.875vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .planList {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .planList {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
.planList__item {
  display: flex;
}
.planList__item--performance {
  grid-column: 1/-1;
}
@media screen and (max-width: 800px) {
  .planList__item--performance {
    grid-column: 1;
  }
}

.planCard {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 16px;
  border: 3px solid transparent;
  background-clip: padding-box;
}
@media screen and (max-width: 800px) {
  .planCard {
    border-radius: 10px;
  }
}
.planCard--half {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%) border-box;
  border: 2px solid transparent;
}
.planCard--year {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%) border-box;
  border: 2px solid transparent;
}
.planCard--performance {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 9.375vw;
  border: none;
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
}
@media screen and (max-width: 800px) {
  .planCard--performance {
    height: 53.3333333333vw;
  }
}
.planCard--performance {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .planCard--performance {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .planCard--performance {
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
}
.planCard__period {
  width: 100%;
  display: block;
  border-radius: 8px 8px 0 0;
  font-size: 2.5vw;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.planCard__period {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .planCard__period {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .planCard__period {
    font-size: 5.3333333333vw;
  }
}
.planCard--half .planCard__period {
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
}
.planCard--year .planCard__period {
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
}
.planCard__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
  color: #fff;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 800px) {
  .planCard__title {
    font-size: 6.4vw;
  }
}
.planCard--performance .planCard__title {
  margin-bottom: 0vw;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .planCard--performance .planCard__title {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .planCard--performance .planCard__title {
    text-align: center;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .planCard--performance .planCard__title {
    margin-bottom: 0vw;
  }
}
.planCard:not(.planCard--performance) .planCard__title {
  margin-bottom: 1.25vw;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .planCard:not(.planCard--performance) .planCard__title {
    margin-bottom: 3.2vw;
  }
}
.planCard__price {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding-top: 1.25vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .planCard__price {
    padding-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .planCard__price {
    padding-bottom: 1.0666666667vw;
  }
}
.planCard__amount {
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
  font-size: 3.75vw;
}
@media screen and (max-width: 800px) {
  .planCard__amount {
    font-size: 12.8vw;
  }
}
.planCard--half .planCard__amount {
  color: #222;
}
.planCard--year .planCard__amount {
  color: #222;
}
.planCard__unit {
  margin-left: 0.3125vw;
  font-family: "Hiragino Sans";
  font-size: 1.875vw;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
}
@media screen and (max-width: 800px) {
  .planCard__unit {
    margin-left: 0.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .planCard__unit {
    font-size: 4.2666666667vw;
  }
}
.planCard--half .planCard__unit {
  color: #222;
}
.planCard--year .planCard__unit {
  color: #222;
}
.planCard__tax {
  width: 100%;
  text-align: center;
  padding-bottom: 1.25vw;
  font-family: "Hiragino Sans";
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
  opacity: 0.5;
}
@media screen and (max-width: 800px) {
  .planCard__tax {
    padding-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .planCard__tax {
    font-size: 3.7333333333vw;
  }
}
.planCard--half .planCard__tax {
  color: #222;
}
.planCard--year .planCard__tax {
  color: #222;
}
.planCard__performancePrice {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  width: 60%;
}
@media screen and (max-width: 800px) {
  .planCard__performancePrice {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%;
  }
}
.planCard__performanceLabel {
  color: #fff;
  text-align: right;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
}
@media screen and (max-width: 800px) {
  .planCard__performanceLabel {
    font-size: 4.2666666667vw;
  }
}
.planCard__performancePriceTax {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
}
.planCard__performanceAmount {
  color: #fff;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 3.75vw;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
}
@media screen and (max-width: 800px) {
  .planCard__performanceAmount {
    font-size: 12.8vw;
  }
}
.planCard__performanceTax {
  width: 100%;
  color: #fff;
  font-family: "Hiragino Sans";
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5;
  text-transform: capitalize;
  opacity: 0.8;
}
@media screen and (max-width: 800px) {
  .planCard__performanceTax {
    font-size: 3.7333333333vw;
  }
}
.planCard__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.planCard__line--pc {
  display: block;
}
@media screen and (max-width: 800px) {
  .planCard__line--pc {
    display: none;
  }
}
.planCard__line--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .planCard__line--sp {
    display: block;
  }
}

.sectionTest {
  position: relative;
  display: flex;
  justify-content: center;
  width: 90%;
  border-radius: 16px;
  background: var(--blue, linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%));
}
@media screen and (max-width: 800px) {
  .sectionTest {
    width: 100%;
    border-radius: 0;
  }
}

.testContent {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
}
.testContent {
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .testContent {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .testContent {
    width: 100%;
  }
}
.testContent__img {
  height: 4.53125vw;
  width: 11.71875vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .testContent__img {
    height: 13.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .testContent__img {
    width: 33.8666666667vw;
  }
}
.testContent__titleContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1400px;
  margin-top: 0.625vw;
}
@media screen and (max-width: 800px) {
  .testContent__titleContainer {
    margin-top: 1.0666666667vw;
  }
}
.testContent__titleContainer__titleImg {
  height: 2.03125vw;
  width: 1.5625vw;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .testContent__titleContainer__titleImg {
    height: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .testContent__titleContainer__titleImg {
    width: 4.2666666667vw;
  }
}
.testContent__titleContainer__titleImg--pc {
  display: block;
}
@media screen and (max-width: 800px) {
  .testContent__titleContainer__titleImg--pc {
    display: none;
  }
}
.testContent__titleContainer__titleImg--sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .testContent__titleContainer__titleImg--sp {
    display: block;
  }
}
.testContent__titleContainer__title {
  font-size: 2.5vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  margin-left: 1.25vw;
  margin-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .testContent__titleContainer__title {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .testContent__titleContainer__title {
    margin-left: 2.1333333333vw;
    margin-right: 2.1333333333vw;
  }
}
.testContent__text {
  text-align: center;
  font-size: 1.25vw;
  gap: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .testContent__text {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .testContent__text {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .testContent__text {
    margin-top: 6.4vw;
  }
}
.testContent__nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.875vw;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .testContent__nav {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .testContent__nav {
    margin-top: 10.6666666667vw;
  }
}
.testContent__nav li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testContent__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .testContent__nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.78125vw;
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .testContent__nav {
    gap: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .testContent__nav {
    margin-top: 4.2666666667vw;
  }
}
.testContent__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 12.5vw;
}
@media screen and (max-width: 800px) {
  .testContent__navtext {
    font-size: 3.7333333333vw;
  }
}
.testContent__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  border: solid 1px #fff;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.testContent__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .testContent__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.testContent__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .testContent__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.testContent__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .testContent__navtext--contact {
    min-width: 40vw;
  }
}
.testContent__navtext--demo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e4df1;
  border-radius: 5px;
  background: white;
  border: solid 1px #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.testContent__navtext--demo {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .testContent__navtext--demo {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.testContent__navtext--demo {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .testContent__navtext--demo {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.testContent__navtext--demo:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 800px) {
  .testContent__navtext--demo {
    min-width: 40vw;
  }
}

.campaignCard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18.75vw;
  height: 14.0625vw;
  padding: 1.875vw;
  border-radius: 8px;
  background-color: rgba(59, 34, 23, 0.9);
}
@media screen and (max-width: 800px) {
  .campaignCard {
    width: 48vw;
  }
}
@media screen and (max-width: 800px) {
  .campaignCard {
    height: 37.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .campaignCard {
    padding: 4.2666666667vw;
  }
}
.campaignCard__title {
  display: block;
  margin-bottom: 0.9375vw;
  font-size: 1.875vw;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .campaignCard__title {
    margin-bottom: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .campaignCard__title {
    font-size: 5.3333333333vw;
  }
}
.campaignCard__text {
  display: block;
  font-size: 1.25vw;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .campaignCard__text {
    font-size: 3.7333333333vw;
  }
}

.storeCard {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.875vw;
  border-radius: 8px;
  border: 1px solid #ddd;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  .storeCard {
    padding: 4.2666666667vw;
  }
}
.storeCard__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .storeCard__header {
    margin-bottom: 4.2666666667vw;
  }
}
.storeCard__name {
  display: block;
  margin-bottom: 1.25vw;
  font-size: 1.5625vw;
  font-weight: bold;
  color: #3b2217;
}
@media screen and (max-width: 800px) {
  .storeCard__name {
    margin-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .storeCard__name {
    font-size: 4.8vw;
  }
}
.storeCard__info {
  display: flex;
  flex-direction: column;
}
.storeCard__address {
  display: block;
  margin-bottom: 0.625vw;
  font-size: 1.09375vw;
  color: #333;
}
@media screen and (max-width: 800px) {
  .storeCard__address {
    margin-bottom: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .storeCard__address {
    font-size: 3.7333333333vw;
  }
}
.storeCard__tel {
  display: block;
  margin-bottom: 0.625vw;
  font-size: 1.09375vw;
  color: #333;
}
@media screen and (max-width: 800px) {
  .storeCard__tel {
    margin-bottom: 1.0666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .storeCard__tel {
    font-size: 3.7333333333vw;
  }
}
.storeCard__hours {
  display: block;
  font-size: 1.09375vw;
  color: #333;
  line-height: 1.6;
}
@media screen and (max-width: 800px) {
  .storeCard__hours {
    font-size: 3.7333333333vw;
  }
}
.storeCard__footer {
  display: flex;
  justify-content: center;
  margin-top: auto;
}
.storeCard__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.625vw;
  height: 3.75vw;
  border-radius: 4px;
  background-color: #c03;
  font-size: 1.25vw;
  font-weight: bold;
  color: #fff;
  text-align: center;
  transition: background-color 0.3s;
}
@media screen and (max-width: 800px) {
  .storeCard__button {
    width: 42.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .storeCard__button {
    height: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .storeCard__button {
    font-size: 3.7333333333vw;
  }
}
.storeCard__button:hover {
  background-color: #a00;
}

.storeAccordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .storeAccordion {
    margin-top: 6.4vw;
  }
}
.storeAccordion__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .storeAccordion__item {
    margin-bottom: 3.2vw;
  }
}
.storeAccordion__item:last-child {
  margin-bottom: 0;
}
.storeAccordion__trigger {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.25vw;
  border: none;
  border-radius: 4px;
  background-color: #3b2217;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .storeAccordion__trigger {
    padding: 3.2vw;
  }
}
.storeAccordion__label {
  display: block;
  font-size: 1.40625vw;
  font-weight: bold;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .storeAccordion__label {
    font-size: 4.2666666667vw;
  }
}
.storeAccordion__icon {
  position: relative;
  display: block;
  width: 1.5625vw;
  height: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .storeAccordion__icon {
    width: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .storeAccordion__icon {
    height: 4.2666666667vw;
  }
}
.storeAccordion__icon::before, .storeAccordion__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.15625vw;
  background-color: #fff;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .storeAccordion__icon::before, .storeAccordion__icon::after {
    height: 0.5333333333vw;
  }
}
.storeAccordion__icon::after {
  transform: translateY(-50%) rotate(90deg);
}
.storeAccordion__content {
  display: block;
}
.storeAccordion__content {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .storeAccordion__content {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}

.storeList {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  .storeList {
    gap: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .storeList {
    gap: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .storeList {
    gap: 4.2666666667vw;
  }
}
.storeList__item {
  display: block;
}

.teamCard {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 33.59375vw;
  height: 32.8125vw;
  overflow: visible;
  border-radius: 32px;
  border: 1px solid #d3dfff;
  background: #fff;
  box-shadow: 2px 6px 30px 0px rgba(25, 90, 254, 0.35);
  -webkit-backdrop-filter: blur(5.4646000862px);
          backdrop-filter: blur(5.4646000862px);
}
@media screen and (max-width: 800px) {
  .teamCard {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard {
    height: 89.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard {
    border-radius: 16px;
  }
}
.teamCard__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.teamCard__textArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .teamCard__textArea {
    width: 100%;
    display: contents;
  }
}
.teamCard__imageArea {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .teamCard__imageArea {
    width: 100%;
    align-self: center;
    box-sizing: border-box;
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .teamCard__imageArea {
    margin-bottom: 0vw;
  }
}
.teamCard__title {
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 1.875vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1a1a;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .teamCard__title {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard__title {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard__title {
    text-align: center;
    width: 90%;
    align-self: center;
    display: block;
    box-sizing: border-box;
  }
}
.teamCard__title span {
  font-size: 2.5vw;
  font-family: "Hiragino Sans";
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  background: linear-gradient(91deg, #1e4df1 1.09%, #3ae1c7 99.6%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 800px) {
  .teamCard__title span {
    font-size: 6.4vw;
  }
}
.teamCard__description {
  font-size: 1.25vw;
  font-family: "Hiragino Sans";
  font-style: normal;
  font-weight: 400;
  line-height: 1.6;
  color: #4a4a4a;
  margin-bottom: 1.875vw;
}
@media screen and (max-width: 800px) {
  .teamCard__description {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard__description {
    margin-bottom: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard__description {
    text-align: center;
    width: 90%;
    align-self: center;
    display: block;
    box-sizing: border-box;
  }
}
.teamCard__link {
  display: inline-flex;
  align-items: center;
  font-size: 1.09375vw;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  transition: color 0.3s ease;
}
@media screen and (max-width: 800px) {
  .teamCard__link {
    font-size: 3.7333333333vw;
  }
}
.teamCard__link:hover {
  color: #3ae1c7;
}
@media screen and (max-width: 800px) {
  .teamCard__link {
    order: 4;
    justify-content: flex-end;
    text-align: left;
    width: 90%;
    align-self: center;
    display: flex;
    box-sizing: border-box;
    margin-top: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .teamCard__link {
    margin-top: 6.4vw;
  }
}
.teamCard__imgWrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1.25vw;
  margin-right: 1.25vw;
  margin-top: 1.25vw;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .teamCard__imgWrapper {
    margin-left: 4.2666666667vw;
    margin-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard__imgWrapper {
    margin-top: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.teamCard__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.teamCard__number {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.6875vw;
  height: 4.6875vw;
  border-radius: 50%;
  background-color: #1e4df1;
  box-shadow: 0 4px 12px rgba(25, 90, 254, 0.3);
}
@media screen and (max-width: 800px) {
  .teamCard__number {
    width: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard__number {
    height: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .teamCard__number {
    bottom: -7.8125vw;
  }
}
.teamCard__numberText {
  font-size: 1.875vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .teamCard__numberText {
    font-size: 6.4vw;
  }
}

.teamList {
  display: flex;
  position: relative;
  left: 0;
  gap: 24px;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y pinch-zoom;
  cursor: grab;
}
.teamList:active {
  cursor: grabbing;
}
@media screen and (max-width: 800px) {
  .teamList {
    gap: 16px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
  }
}
.teamList__item {
  flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .teamList__item {
    opacity: 0.3;
    transition: opacity 0.3s ease;
  }
  .teamList__item.is-active {
    opacity: 1;
  }
}

.newsCard {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}
.newsCard:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.newsCard__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  .newsCard__link {
    flex-direction: row;
  }
}
.newsCard__imgWrapper {
  display: block;
  width: 100%;
  height: 15.625vw;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .newsCard__imgWrapper {
    height: 32vw;
  }
}
@media screen and (max-width: 800px) {
  .newsCard__imgWrapper {
    width: 9.375vw;
    height: 100%;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .newsCard__imgWrapper {
    width: 26.6666666667vw;
  }
}
.newsCard__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
}
.newsCard:hover .newsCard__img {
  transform: scale(1.05);
}
.newsCard__body {
  display: flex;
  flex-direction: column;
  padding: 1.875vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .newsCard__body {
    padding: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsCard__body {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .newsCard__body {
    width: calc(100% - 100px);
  }
}
.newsCard__title {
  display: block;
  margin-bottom: 1.25vw;
  font-size: 1.40625vw;
  font-weight: bold;
  color: #3b2217;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 800px) {
  .newsCard__title {
    margin-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .newsCard__title {
    font-size: 4.2666666667vw;
  }
}
.newsCard__meta {
  display: flex;
  align-items: center;
}
.newsCard__date {
  display: block;
  margin-right: 1.25vw;
  font-size: 1.09375vw;
  color: #666;
}
@media screen and (max-width: 800px) {
  .newsCard__date {
    margin-right: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .newsCard__date {
    font-size: 3.2vw;
  }
}
.newsCard__category {
  display: inline-block;
  border-radius: 4px;
  background-color: #c03;
  font-size: 0.9375vw;
  color: #fff;
}
.newsCard__category {
  padding-left: 0.9375vw;
  padding-right: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .newsCard__category {
    padding-left: 2.1333333333vw;
    padding-right: 2.1333333333vw;
  }
}
.newsCard__category {
  padding-top: 0.3125vw;
  padding-bottom: 0.3125vw;
}
@media screen and (max-width: 800px) {
  .newsCard__category {
    padding-top: 0.5333333333vw;
    padding-bottom: 0.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsCard__category {
    font-size: 2.6666666667vw;
  }
}

.newsList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 1.875vw;
  margin-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .newsList {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .newsList {
    margin-bottom: 8.5333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .newsList {
    grid-template-columns: 1fr;
    gap: 1.875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .newsList {
    gap: 6.4vw;
  }
}
.newsList__item {
  display: block;
}

.reasonList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  margin-top: 6.71875vw;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .reasonList {
    margin-top: 22.9333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonList {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonList {
    grid-template-columns: 1fr;
    gap: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .reasonList {
    gap: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonList {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .reasonList {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.reasonList__item {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .reasonList__item {
    max-width: 100%;
  }
}

.reasonCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 17.1875vw;
  padding: 1.5625vw;
  border-radius: 16px;
  border: 1px solid #d3dfff;
  background: #fff;
  box-shadow: 2px 6px 30px 0px rgba(25, 90, 254, 0.1);
  -webkit-backdrop-filter: blur(5.4646000862px);
          backdrop-filter: blur(5.4646000862px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (max-width: 800px) {
  .reasonCard {
    padding: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonCard {
    max-width: 100%;
    min-height: auto;
    margin-top: 5.46875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .reasonCard {
    margin-top: 18.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonCard:first-child {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .reasonCard:first-child {
    margin-top: 4.2666666667vw;
  }
}
.reasonCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.reasonCard__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.90625vw;
  height: 3.90625vw;
  border-radius: 50%;
}
@media screen and (max-width: 800px) {
  .reasonCard__icon {
    width: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonCard__icon {
    height: 13.3333333333vw;
  }
}
.reasonCard__iconImg {
  width: 15.625vw;
  height: 15.625vw;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: -50px;
}
@media screen and (max-width: 800px) {
  .reasonCard__iconImg {
    width: 66.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonCard__iconImg {
    height: 66.6666666667vw;
  }
}
.reasonCard__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
.reasonCard__title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.09375vw;
  margin-top: 4.6875vw;
  margin-bottom: 0.9375vw;
  height: 3.75vw;
  font-family: "Noto Sans JP";
  font-weight: 700;
  line-height: 1.4;
  color: #222;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .reasonCard__title {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonCard__title {
    margin-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonCard__title {
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .reasonCard__title {
    height: 16vw;
  }
}
.reasonCard__description {
  font-size: 0.9375vw;
  text-align: left;
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 1.6;
  color: #555;
}
@media screen and (max-width: 800px) {
  .reasonCard__description {
    font-size: 3.2vw;
  }
}

.usageCard {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 7.8125vw;
  border-radius: 10px;
  border: 1px solid #d3dfff;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 2px 6px 30px 0 rgba(25, 90, 254, 0.1);
  -webkit-backdrop-filter: blur(5.4646000862px);
          backdrop-filter: blur(5.4646000862px);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.usageCard:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 800px) {
  .usageCard {
    min-height: 25vw;
  }
}
.usageCard__imgWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.875vw;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .usageCard__imgWrapper {
    padding: 2.6666666667vw;
  }
}
.usageCard__img {
  width: 4.375vw;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 800px) {
  .usageCard__img {
    width: 13.3333333333vw;
  }
}
.usageCard:hover .usageCard__img {
  transform: scale(1.05);
}
.usageCard__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding-top: 1.875vw;
  padding-bottom: 1.875vw;
  padding-right: 1.25vw;
  gap: 0.15625vw;
  flex-grow: 1;
}
@media screen and (max-width: 800px) {
  .usageCard__body {
    padding-top: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .usageCard__body {
    padding-bottom: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .usageCard__body {
    padding-right: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .usageCard__body {
    gap: 0.5333333333vw;
  }
}
.usageCard__title {
  font-size: 1.875vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  line-height: 1.5;
  color: #092540;
}
@media screen and (max-width: 800px) {
  .usageCard__title {
    font-size: 4.8vw;
  }
}
.usageCard__text {
  color: #3a5166;
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  flex-grow: 1;
}
@media screen and (max-width: 800px) {
  .usageCard__text {
    font-size: 3.7333333333vw;
  }
}

.usageList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  gap: 2.5vw;
  /*
  &__item:nth-child(7),
  &__item:nth-child(8) {
    @include responsive(pc) {
      // 7番目のアイテムを左から2列目の開始位置に配置
      &:nth-child(7) {
        grid-column: 1 / 2;
        grid-row: 3;
      }

      // 8番目のアイテムを左から3列目に配置
      &:nth-child(8) {
        grid-column: 2 / 3;
        grid-row: 3;
      }
    }
  }
    */
}
@media screen and (max-width: 800px) {
  .usageList {
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .usageList {
    grid-template-columns: 1fr;
  }
}
.usageList__item {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.instagramGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  gap: 1.25vw;
  margin-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .instagramGrid {
    gap: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .instagramGrid {
    margin-bottom: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .instagramGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.instagramGrid__item {
  display: block;
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.instagramGrid__link {
  display: block;
  width: 100%;
  height: 100%;
}
.instagramGrid__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 0.3s;
}
.instagramGrid__link:hover::after {
  opacity: 1;
}
.instagramGrid__link:hover .instagramGrid__img {
  transform: scale(1.05);
}
.instagramGrid__imgWrapper {
  display: block;
  width: 100%;
  height: 100%;
}
.instagramGrid__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s;
}

.snsButtons {
  display: flex;
  justify-content: center;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .snsButtons {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .snsButtons {
    flex-direction: column;
    align-items: center;
  }
}
.snsButtons__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.75vw;
  border-radius: 4px;
  background-color: #333;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s;
}
@media screen and (max-width: 800px) {
  .snsButtons__item {
    width: 26.6666666667vw;
  }
}
.snsButtons__item {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .snsButtons__item {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.snsButtons__item {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .snsButtons__item {
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
}
.snsButtons__item:hover {
  background-color: #555;
}
@media screen and (max-width: 800px) {
  .snsButtons__item {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .snsButtons__item {
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .snsButtons__item:last-child {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .snsButtons__item:last-child {
    margin-bottom: 0vw;
  }
}
.snsButtons__icon {
  display: block;
  width: 1.875vw;
  height: 1.875vw;
  margin-right: 0.9375vw;
  fill: #fff;
}
@media screen and (max-width: 800px) {
  .snsButtons__icon {
    width: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .snsButtons__icon {
    height: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .snsButtons__icon {
    margin-right: 2.1333333333vw;
  }
}
.snsButtons__text {
  display: block;
  font-size: 1.25vw;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .snsButtons__text {
    font-size: 3.7333333333vw;
  }
}

.sitemap {
  display: flex;
  justify-content: center;
  margin-top: 4.6875vw;
  gap: 6.25vw;
}
@media screen and (max-width: 800px) {
  .sitemap {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sitemap {
    gap: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .sitemap {
    flex-direction: column;
    align-items: center;
    gap: 2.5vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .sitemap {
    gap: 8.5333333333vw;
  }
}
.sitemap__list {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  .sitemap__list {
    gap: 3.2vw;
  }
}
.sitemap__item {
  display: block;
}
.sitemap__link {
  display: inline-block;
  font-size: 1.09375vw;
  color: #3b2217;
  text-decoration: none;
  transition: color 0.3s;
}
@media screen and (max-width: 800px) {
  .sitemap__link {
    font-size: 3.7333333333vw;
  }
}
.sitemap__link:hover {
  color: #c03;
}

.recruitmentContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .recruitmentContent {
    margin-top: 6.4vw;
  }
}
.recruitmentContent__logo {
  display: block;
  width: 14.0625vw;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 800px) {
  .recruitmentContent__logo {
    width: 37.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitmentContent__logo {
    margin-bottom: 6.4vw;
  }
}
.recruitmentContent__logoImg {
  display: block;
  width: 100%;
  height: auto;
}
.recruitmentContent__button {
  display: block;
}
.recruitmentContent__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21.875vw;
  height: 4.6875vw;
  border-radius: 4px;
  background-color: #c03;
  font-size: 1.25vw;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s;
}
@media screen and (max-width: 800px) {
  .recruitmentContent__link {
    width: 64vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitmentContent__link {
    height: 12.8vw;
  }
}
@media screen and (max-width: 800px) {
  .recruitmentContent__link {
    font-size: 4.2666666667vw;
  }
}
.recruitmentContent__link:hover {
  background-color: #a00;
}

.contact {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact__top {
  display: flex;
  align-items: center;
  width: 58%;
  margin-top: 6.25vw;
}
@media screen and (max-width: 800px) {
  .contact__top {
    margin-top: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__top {
    flex-direction: column;
    width: 100%;
  }
}
.contact__inner {
  display: flex;
  flex-direction: column;
  width: 58%;
  z-index: 2;
  padding-bottom: 8.75vw;
}
@media screen and (max-width: 800px) {
  .contact__inner {
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__inner {
    width: 80%;
  }
}
.contact__title {
  color: #1b1b1b;
  font-size: 1.875vw;
  margin-right: 1.25vw;
  font-weight: 800;
}
@media screen and (max-width: 800px) {
  .contact__title {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__title {
    margin-right: 4.2666666667vw;
  }
}
.contact__subtitle {
  color: #1b1b1b;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 2; /* 32px */
}
@media screen and (max-width: 800px) {
  .contact__subtitle {
    font-size: 3.7333333333vw;
  }
}
.contact__link {
  font-size: 1.25vw;
  margin-top: 0.625vw;
  text-decoration: underline;
  color: black;
  transition: all 0.25s ease-in;
}
@media screen and (max-width: 800px) {
  .contact__link {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__link {
    margin-top: 2.1333333333vw;
  }
}
.contact__link:hover {
  opacity: 40%;
}
.contact__set {
  display: flex;
  align-items: center;
}
.contact__col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 2.5vw;
}
@media screen and (max-width: 800px) {
  .contact__col {
    margin-top: 6.4vw;
  }
}
.contact__col--mt0 {
  margin-top: 0vw;
}
@media screen and (max-width: 800px) {
  .contact__col--mt0 {
    margin-top: 0vw;
  }
}
.contact__col textarea {
  resize: none;
}
.contact__col--a {
  align-items: flex-start;
  margin-bottom: 0vw;
}
@media screen and (max-width: 800px) {
  .contact__col--a {
    margin-bottom: 0vw;
  }
}
.contact__col--contents {
  align-items: flex-start;
}
.contact__col--center {
  align-items: center;
}
@media screen and (max-width: 800px) {
  .contact__col {
    flex-direction: column;
    align-items: flex-start;
  }
}
.contact__row {
  display: flex;
}
.contact__name {
  font-size: 1.25vw;
  color: #1b1b1b;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .contact__name {
    font-size: 4.2666666667vw;
  }
}
.contact__required {
  font-size: 1.25vw;
  margin-bottom: 0.46875vw;
  margin-top: 0.546875vw;
  opacity: 60%;
  color: red;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .contact__required {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__required {
    margin-bottom: 1.6vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__required {
    margin-top: 1.8666666667vw;
  }
}
.contact__required--privacy {
  width: 6.25vw;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .contact__required--privacy {
    width: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__required--privacy {
    margin-top: 6.4vw;
  }
}
.contact__content {
  position: relative;
  width: 61.40625vw;
  margin-top: 1.25vw;
  color: #1b1b1b;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5; /* 24px */
  border: 1px solid #1b1b1b;
}
@media screen and (max-width: 800px) {
  .contact__content {
    width: 71.4666666667vw;
  }
}
.contact__content {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .contact__content {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
  }
}
.contact__content {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .contact__content {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__content {
    margin-top: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__content {
    font-size: 4.2666666667vw;
  }
}
.contact__content::-moz-placeholder {
  font-family: "Shippori Mincho", serif;
}
.contact__content::placeholder {
  font-family: "Shippori Mincho", serif;
}
.contact__content--a {
  height: 16.953125vw;
  margin-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .contact__content--a {
    height: 57.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__content--a {
    margin-bottom: 21.3333333333vw;
  }
}
.contact__text {
  position: absolute;
  top: 39%;
  left: 1%;
  font-size: 0.625vw;
  opacity: 50%;
}
@media screen and (max-width: 800px) {
  .contact__text {
    font-size: 2.1333333333vw;
  }
}
.contact__text--a {
  top: 3%;
}
.contact__innerText {
  margin-left: 1.25vw;
  color: #1b1b1b;
}
@media screen and (max-width: 800px) {
  .contact__innerText {
    margin-left: 4.2666666667vw;
  }
}
.contact__viewbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4.375vw;
}
@media screen and (max-width: 800px) {
  .contact__viewbutton {
    margin-top: 14.9333333333vw;
  }
}
.contact .contact__viewbutton input:not(.contact__viewmore) {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Shippori Mincho", serif;
  width: 17.5vw;
  height: 4.375vw;
  font-size: 1.09375vw;
  line-height: 1.3;
  font-weight: 700;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 800px) {
  .contact .contact__viewbutton input:not(.contact__viewmore) {
    width: 48vw;
  }
}
@media screen and (max-width: 800px) {
  .contact .contact__viewbutton input:not(.contact__viewmore) {
    height: 10.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact .contact__viewbutton input:not(.contact__viewmore) {
    font-size: 3.2vw;
  }
}
.contact .contact__viewbutton input:not(.contact__viewmore) {
  padding-top: 0vw;
  padding-bottom: 0vw;
}
@media screen and (max-width: 800px) {
  .contact .contact__viewbutton input:not(.contact__viewmore) {
    padding-top: 0vw;
    padding-bottom: 0vw;
  }
}
.contact .contact__viewbutton input:not(.contact__viewmore):hover {
  color: #1b1b1b;
  background: #fff;
  border: 1px solid #1b1b1b;
}
.contact__viewmore {
  width: 15.625vw;
  color: white;
  text-align: center;
  font-size: 1.25vw;
  transition: all 0.25s ease-in;
  background-color: #0044df;
  border: 1px solid #0044df !important;
}
@media screen and (max-width: 800px) {
  .contact__viewmore {
    width: 53.3333333333vw;
  }
}
.contact__viewmore {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .contact__viewmore {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__viewmore {
    font-size: 4.2666666667vw;
  }
}
.contact__viewmore:hover {
  color: #0044df;
  background-color: white;
}
.contact__time {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 800px) {
  .contact__time {
    flex-direction: column;
    align-items: flex-start;
  }
}
.contact__hour {
  font-size: 1.25vw;
  margin-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .contact__hour {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__hour {
    margin-right: 8.5333333333vw;
  }
}
.contact .contact__checkBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875vw;
  height: 1.875vw;
  border: 1px solid rgba(53, 53, 53, 0.6);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: all 0.25s ease-in;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact .contact__checkBox {
    width: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .contact .contact__checkBox {
    height: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .contact .contact__checkBox {
    margin-top: -0.078125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .contact .contact__checkBox {
    margin-top: -0.2666666667vw;
  }
}
.contact .contact__checkBox:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #322a28;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease-in;
}
.contact .contact__checkBox:checked:after {
  opacity: 1;
}
.contact .contact__checkBox:focus {
  outline: none;
  border-color: #322a28;
}
.contact__upload {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}
.contact__file {
  position: relative;
  width: 100%;
  font-size: 1.25vw;
  font-weight: 500;
  color: #1b1b1b;
  gap: 1.875vw;
}
@media screen and (max-width: 800px) {
  .contact__file {
    font-size: 3.7333333333vw;
  }
}
.contact__file::-webkit-file-upload-button {
  position: relative;
  display: inline-block;
  padding: 0.9375vw 1.875vw;
  color: #1b1b1b;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  cursor: pointer;
}
.contact__note {
  color: #1b1b1b;
  font-weight: 500;
  font-size: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .contact__note {
    font-size: 3.2vw;
  }
}

.wpcf7-form-control-wrap {
  margin-right: 0.625vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap {
    margin-right: 2.1333333333vw;
  }
}

.wpcf7 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 3.125vw;
}
@media screen and (max-width: 800px) {
  .wpcf7 {
    margin-top: 10.6666666667vw;
  }
}

.wpcf7-spinner {
  display: none !important;
  visibility: hidden !important;
}

/* 成功時のメッセージの色 */
.wpcf7 form.sent .wpcf7-response-output {
  border: none !important;
  text-align: center;
  color: #1b1b1b !important;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .wpcf7 form.sent .wpcf7-response-output {
    font-size: 3.2vw;
  }
}

/* 失敗時のメッセージの色 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border: none !important;
  text-align: center;
  color: red !important;
  font-size: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output,
  .wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 3.2vw;
  }
}

.wpcf7-list-item-label {
  font-size: 1.25vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item-label {
    font-size: 4.2666666667vw;
  }
}

.wpcf7-list-item-label span {
  font-size: 1.25vw;
  color: red;
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item-label span {
    font-size: 4.2666666667vw;
  }
}

.wpcf7-select {
  font-size: 1.25vw;
  padding: 1.25vw;
  background-color: rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 800px) {
  .wpcf7-select {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-select {
    padding: 4.2666666667vw;
  }
}

.contact__col span {
  margin-top: 0vw;
  font-size: 0.9375vw;
  margin-right: 0;
}
@media screen and (max-width: 800px) {
  .contact__col span {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .contact__col span {
    font-size: 3.2vw;
  }
}

.wpcf7-form-control option {
  color: #353535;
}

.wpcf7-acceptance {
  background: none !important;
}

.wpcf7-checkbox {
  background: none !important;
}

.wpcf7-form-control-wrap[data-name=desired-type] {
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap[data-name=desired-type] {
    margin-top: 4.2666666667vw;
  }
}

.wpcf7-form-control-wrap[data-name=desired-type] span {
  margin-top: 0vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap[data-name=desired-type] span {
    margin-top: 0vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-form-control-wrap[data-name=desired-type] span {
    display: flex;
    align-items: center;
  }
}

.wpcf7-list-item {
  margin: 0 !important;
  margin-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item {
    margin-right: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item {
    padding-top: 0.46875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .wpcf7-list-item {
    padding-top: 1.6vw;
  }
}

.wpcf7-list-item label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625vw;
  color: #1b1b1b;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5; /* 24px */
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item label {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item label {
    align-items: flex-start;
  }
}

.wpcf7-list-item-label {
  margin-right: 1.25vw;
  opacity: 60%;
}
@media screen and (max-width: 800px) {
  .wpcf7-list-item-label {
    margin-right: 0vw;
  }
}

.contact__checkboxTop .wpcf7-list-item-label {
  width: 3.90625vw;
}
@media screen and (max-width: 800px) {
  .contact__checkboxTop .wpcf7-list-item-label {
    width: 21.3333333333vw;
  }
}

.contact__checkboxTop {
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .contact__checkboxTop {
    margin-top: 6.4vw;
  }
}

.contact__checkboxTop input {
  display: none;
}

.contact__checkboxTop input + span {
  padding-left: 28px;
  display: inline-block;
  position: relative;
}

.contact__checkboxTop input + span::after,
.contact__checkboxTop input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}

.contact__checkboxTop input + span::before {
  border: 1px solid #322a28;
  background-color: #ebe6e2;
  height: 20px;
  width: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.contact__checkboxTop input + span::after {
  content: "";
  display: none;
  position: absolute;
  top: 42%;
  left: 11px;
  width: 5px;
  height: 10px;
  border: solid #322a28;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.contact__checkboxTop input:checked + span::after {
  display: block;
}

/* 選択前のスタイル */
.placeholder-select {
  opacity: 0.6 !important;
  color: #1b1b1b;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.5; /* 24px */
  background-color: transparent !important;
}
@media screen and (max-width: 800px) {
  .placeholder-select {
    font-size: 4.2666666667vw;
  }
}

/* 選択後のスタイル */
.placeholder-select option:checked {
  color: rgb(53, 53, 53) !important;
  font-size: 16px;
  background-color: rgba(50, 42, 40, 0.05) !important;
}

@media screen and (max-width: 800px) {
  .contactForm__radioButton {
    display: flex;
    flex-direction: column;
    align-items: baseline;
  }
}

@media screen and (max-width: 800px) {
  .wpcf7-list-item input[type=radio] {
    margin-top: 0.390625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .wpcf7-list-item input[type=radio] {
    margin-top: 1.3333333333vw;
  }
}

.wpcf7-form.init {
  width: 100%;
}

::-moz-placeholder {
  color: #1b1b1b;
  opacity: 0.6;
}

::placeholder {
  color: #1b1b1b;
  opacity: 0.6;
}

.drawerNav {
  width: 100%;
  padding-top: 8.125vw;
  padding-bottom: 9.375vw;
  background-color: #fff;
  overflow-y: auto; /* スクロールを可能にする */
  max-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  z-index: 100;
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-top: 27.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-bottom: 32vw;
  }
}
.drawerNav {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
@media screen and (max-width: 800px) {
  .drawerNav {
    padding-left: 8.5333333333vw;
    padding-right: 8.5333333333vw;
  }
}
.drawerNav__menu {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.drawerNav__item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drawerNav__item a {
  box-sizing: border-box;
  color: #000;
}
.drawerNav__black {
  border-radius: 5px;
  border: 1px solid #000;
  margin-top: 1.875vw;
  text-align: center;
  width: 80%;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    margin-top: 6.4vw;
  }
}
.drawerNav__black {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    padding-top: 2.1333333333vw;
    padding-bottom: 2.1333333333vw;
  }
}
.drawerNav__black {
  padding-left: 1.09375vw;
  padding-right: 1.09375vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__black {
    padding-left: 3.7333333333vw;
    padding-right: 3.7333333333vw;
  }
}
.drawerNav__link {
  width: 100%;
  font-size: 1.09375vw;
  font-weight: bold;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    font-size: 3.7333333333vw;
  }
}
.drawerNav__link {
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.drawerNav__link--contact {
  margin-top: 1.25vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  color: #fff !important;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    margin-top: 4.2666666667vw;
  }
}
.drawerNav__link--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.drawerNav__link--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.drawerNav__link--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
.drawerNav__link--demo {
  margin-top: 3.125vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  color: #1e4df1 !important;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  border: none;
  border-radius: 5px;
  background: white;
  border: solid 1px #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--demo {
    margin-top: 10.6666666667vw;
  }
}
.drawerNav__link--demo {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--demo {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.drawerNav__link--demo {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__link--demo {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.drawerNav__link--demo:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
.drawerNav__button {
  display: inline-flex !important;
  margin-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .drawerNav__button {
    margin-top: 6.4vw;
  }
}
.drawerNav__campain {
  width: 100%;
  border: 1px solid #000;
  border-radius: 999px;
}

.drawer--left .drawer-nav {
  left: -100%;
}

.complianceCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 23.4375vw;
  padding: 1.5625vw;
  border-radius: 16px;
  border: 1px solid #d3dfff;
  background: #fff;
  box-shadow: 2px 6px 30px 0px rgba(25, 90, 254, 0.1);
  -webkit-backdrop-filter: blur(5.4646000862px);
          backdrop-filter: blur(5.4646000862px);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media screen and (max-width: 800px) {
  .complianceCard {
    padding: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard {
    max-width: 100%;
    min-height: auto;
    margin-top: 5.46875vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .complianceCard {
    margin-top: 18.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard:first-child {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .complianceCard:first-child {
    margin-top: 4.2666666667vw;
  }
}
.complianceCard:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.complianceCard__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.90625vw;
  height: 3.90625vw;
  border-radius: 50%;
}
@media screen and (max-width: 800px) {
  .complianceCard__icon {
    width: 13.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard__icon {
    height: 13.3333333333vw;
  }
}
.complianceCard__iconImg {
  width: 15.625vw;
  height: 15.625vw;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: -50px;
}
@media screen and (max-width: 800px) {
  .complianceCard__iconImg {
    width: 42.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard__iconImg {
    height: 42.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard__iconImg {
    margin-top: -80px;
  }
}
.complianceCard__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}
.complianceCard__title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25vw;
  margin-top: 4.6875vw;
  margin-bottom: 0.9375vw;
  height: 3.75vw;
  font-family: "Noto Sans JP";
  font-weight: 700;
  line-height: 1.4;
  color: #222;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .complianceCard__title {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard__title {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard__title {
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceCard__title {
    height: 16vw;
  }
}
.complianceCard__description {
  font-size: 0.9375vw;
  text-align: left;
  font-family: "Noto Sans JP";
  font-weight: 300;
  line-height: 1.6;
  color: #092540;
}
@media screen and (max-width: 800px) {
  .complianceCard__description {
    font-size: 3.7333333333vw;
  }
}

.complianceList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  margin-top: 6.25vw;
  gap: 0.625vw;
}
@media screen and (max-width: 800px) {
  .complianceList {
    margin-top: 21.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceList {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceList {
    grid-template-columns: 1fr;
    gap: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .complianceList {
    gap: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .complianceList {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .complianceList {
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.complianceList__item {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .complianceList__item {
    max-width: 100%;
  }
}

.header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 130;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
.header--news .header__left__navtext {
  color: white;
}
.header--news .header__right__navtext--contact, .header--news .header__right__navtext--demo {
  color: #fff;
}
.header--news .header__logo img {
  filter: brightness(0) invert(1);
  transition: filter 0.3s ease;
}
.header--default .header__left__navtext {
  color: black;
}
.header--scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.header--scrolled .header__left__navtext {
  color: #333;
}
.header--scrolled .header__logo img {
  filter: none;
}
.header--drawer-open .header__logo img {
  filter: brightness(0) saturate(100%) invert(31%) sepia(93%) saturate(1242%) hue-rotate(182deg) brightness(97%) contrast(107%);
}
.header__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 95%;
}
.header__inner {
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}
@media screen and (max-width: 800px) {
  .header__inner {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}
.header__inner {
  padding-top: 0.625vw;
  padding-bottom: 0.625vw;
}
@media screen and (max-width: 800px) {
  .header__inner {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .header__inner {
    z-index: 8;
    padding-left: 1.25vw;
    width: 100%;
    border: none;
    background-color: transparent;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .header__inner {
    padding-left: 4.2666666667vw;
  }
}
.header__nav-group {
  display: flex;
  align-items: center;
  gap: 2.8125vw;
}
@media screen and (max-width: 800px) {
  .header__nav-group {
    display: none;
  }
}
.header__logo {
  display: flex;
  align-items: center;
}
.header__logoImg {
  height: 2.5vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 800px) {
  .header__logoImg {
    height: 5.3333333333vw;
  }
}
.header__left {
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 0.390625vw;
}
@media screen and (max-width: 800px) {
  .header__left {
    width: auto;
    display: none;
  }
}
.header__left--page {
  border: none;
}
.header__left__nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5vw;
}
.header__left__nav li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__left__nav li a {
  transition: all ease-in 0.25s;
  cursor: pointer;
  font-weight: bold;
}
.header__left__nav li a:hover {
  opacity: 0.5;
}
@media screen and (max-width: 800px) {
  .header__left__nav {
    display: none;
  }
}
.header__left__navtext {
  color: #000;
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .header__left__navtext {
    font-size: 3.7333333333vw;
  }
}
.header__right {
  display: flex;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 0.390625vw;
}
@media screen and (max-width: 800px) {
  .header__right {
    width: auto;
    display: none;
  }
}
.header__right--page {
  border: none;
}
.header__right__nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9375vw;
}
.header__right__nav li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__right__nav li a {
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .header__right__nav {
    display: none;
  }
}
.header__right__navtext {
  font-size: 1.09375vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 700;
  min-width: 12.5vw;
}
@media screen and (max-width: 800px) {
  .header__right__navtext {
    font-size: 3.7333333333vw;
  }
}
.header__right__navtext--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  background: #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.header__right__navtext--contact {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .header__right__navtext--contact {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.header__right__navtext--contact {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .header__right__navtext--contact {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.header__right__navtext--contact:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
.header__right__navtext--demo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1e4df1;
  border-radius: 5px;
  background: white;
  border: solid 1px #1e4df1;
  box-shadow: 0 0.625vw 1.25vw rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.header__right__navtext--demo {
  padding-top: 0.9375vw;
  padding-bottom: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .header__right__navtext--demo {
    padding-top: 3.2vw;
    padding-bottom: 3.2vw;
  }
}
.header__right__navtext--demo {
  padding-left: 1.796875vw;
  padding-right: 1.796875vw;
}
@media screen and (max-width: 800px) {
  .header__right__navtext--demo {
    padding-left: 6.1333333333vw;
    padding-right: 6.1333333333vw;
  }
}
.header__right__navtext--demo:hover {
  box-shadow: 0 0.3125vw 0.625vw rgba(0, 0, 0, 0.2);
}
.header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.515625vw;
  height: 4.6875vw;
  background-color: red;
  border: 2px solid white;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .header__menu-toggle {
    width: 23.2vw;
  }
}
@media screen and (max-width: 800px) {
  .header__menu-toggle {
    height: 9.3333333333vw;
  }
}
.header__menu-toggle:hover {
  background-color: white;
  border-color: red;
}
.header__menu-toggle:hover .header__menu-text {
  color: red;
}
.header__menu-toggle:hover .header__menu-icon-line {
  background-color: red;
}
.header__menu-text {
  font-size: 1.5625vw;
  color: white;
  font-family: "futura-pt-medium-oblique", sans-serif;
  font-weight: 600;
  margin-right: 2.5vw;
  margin-top: 0.15625vw;
  transition: color 0.3s ease;
}
@media screen and (max-width: 800px) {
  .header__menu-text {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .header__menu-text {
    margin-top: 0.5333333333vw;
  }
}
.header__menu-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.09375vw;
  height: 0.9375vw;
}
@media screen and (max-width: 800px) {
  .header__menu-icon {
    width: 2.1333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .header__menu-icon {
    height: 2.1333333333vw;
  }
}
.header__menu-icon-line {
  width: 100%;
  height: 0.15625vw;
  background-color: white;
  border-radius: 999px;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .header__menu-icon-line {
    height: 0.2666666667vw;
  }
}
.header__menu-icon-line:nth-child(1) {
  transform-origin: top left;
}
.header__menu-icon-line:nth-child(3) {
  transform-origin: bottom left;
}
.header__menu-toggle.is-active {
  background-color: white;
  border-color: red;
}
.header__menu-toggle.is-active .header__menu-text {
  color: red;
}
.header__menu-toggle.is-active .header__menu-icon-line {
  background-color: red;
}
.header__menu-toggle.is-active .header__menu-icon-line:nth-child(1) {
  transform: translateY(0.0234375vw) rotate(45deg);
}
.header__menu-toggle.is-active .header__menu-icon-line:nth-child(2) {
  opacity: 0;
}
.header__menu-toggle.is-active .header__menu-icon-line:nth-child(3) {
  transform: translateY(-0.0234375vw) rotate(-45deg);
}
@media (max-width: 768px) {
  .header__menu-toggle.is-active .header__menu-icon-line:nth-child(1) {
    transform: translateY(0.203125vw) rotate(45deg);
  }
  .header__menu-toggle.is-active .header__menu-icon-line:nth-child(2) {
    opacity: 0;
  }
  .header__menu-toggle.is-active .header__menu-icon-line:nth-child(3) {
    transform: translateY(-0.203125vw) rotate(-45deg);
  }
}
.header__fixedButton {
  z-index: 7;
  position: fixed;
  bottom: 32px;
  right: 2.5%;
  width: 21.40625vw;
  height: 4.765625vw;
  background-color: rgba(34, 190, 72, 0.8);
  filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.25));
  border: 2px solid #fff;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .header__fixedButton {
    width: 80vw;
  }
}
@media screen and (max-width: 800px) {
  .header__fixedButton {
    height: 11.2vw;
  }
}
@media screen and (max-width: 800px) {
  .header__fixedButton {
    width: 100%;
    bottom: 0%;
    right: 0%;
    border: none;
    background-color: #22be48;
  }
}
.header__bannerText {
  font-size: 1.5625vw;
  padding-right: 0.625vw;
  color: #fff;
  font-family: "NotoSerifJP-Medium";
  font-weight: 700;
}
@media screen and (max-width: 800px) {
  .header__bannerText {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .header__bannerText {
    padding-right: 2.1333333333vw;
  }
}
.header__bannerCampaign {
  display: flex;
  justify-content: center;
  background: transparent;
  border: none;
  align-items: center;
  transition: all 0.25s ease-in;
}
.header__bannerCampaign:hover {
  opacity: 40%;
}
@media screen and (max-width: 800px) {
  .header__circle {
    width: 1.5625vw;
    height: 1.5625vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .header__circle {
    width: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .header__circle {
    height: 5.3333333333vw;
  }
}
.header__bannerArrow {
  width: 1.25vw;
  height: 1.25vw;
}
@media screen and (max-width: 800px) {
  .header__bannerArrow {
    width: 4.2666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .header__bannerArrow {
    height: 4.2666666667vw;
  }
}

.nav {
  position: fixed;
  top: -100%;
  right: 0;
  width: 86%;
  height: 100vh;
  border-radius: 15px 0px 0px 15px;
  background: rgba(34, 190, 72, 0.8);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transition: top 0.3s ease;
  overflow-y: auto;
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .nav {
    width: 100%;
    top: -130%;
  }
}
.nav.is-open {
  top: 0;
  border-radius: 0px 0px 0px 0px;
}
.nav__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  padding-top: 12.5vw;
}
@media screen and (max-width: 800px) {
  .nav__inner {
    padding-top: 29.8666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .nav__inner {
    flex-direction: column;
    width: 80%;
  }
}
.nav__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
  flex-grow: 1;
}
.nav__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 21.875vw;
  border-bottom: 1px solid white;
}
@media screen and (max-width: 800px) {
  .nav__item {
    width: 80vw;
  }
}
.nav__item {
  padding-top: 1.71875vw;
  padding-bottom: 1.71875vw;
}
@media screen and (max-width: 800px) {
  .nav__item {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
  }
}
.nav__item:first-child {
  border-top: 1px solid white;
}
.nav__item--none {
  border-bottom: none;
}
@media screen and (max-width: 800px) {
  .nav__item--sp {
    border-bottom: none;
  }
}
.nav__link {
  color: white;
  font-size: 1.25vw;
  text-decoration: none;
  transition: opacity 0.3s ease;
  font-family: "NotoSerifJP-Bold";
  font-weight: 800;
}
@media screen and (max-width: 800px) {
  .nav__link {
    font-size: 4.2666666667vw;
  }
}
.nav__link--medium {
  font-size: 1.25vw;
  font-weight: 500;
  margin-top: 1.25vw;
}
@media screen and (max-width: 800px) {
  .nav__link--medium {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .nav__link--medium {
    margin-top: 4.2666666667vw;
  }
}
.nav__link--medium--none {
  margin-top: 0;
}
.nav__link:hover {
  opacity: 0.7;
}
@media screen and (max-width: 800px) {
  .nav__link--sp {
    padding-bottom: 7.5vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .nav__link--sp {
    padding-bottom: 25.6vw;
  }
}
.nav__contact-btn {
  display: inline-block;
  background-color: white;
  color: red;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 1.5625vw;
  font-weight: 700;
  width: 21.875vw;
  text-align: center;
}
.nav__contact-btn {
  padding-top: 0.78125vw;
  padding-bottom: 0.78125vw;
}
@media screen and (max-width: 800px) {
  .nav__contact-btn {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 800px) {
  .nav__contact-btn {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 800px) {
  .nav__contact-btn {
    width: 80vw;
  }
}
.nav__contact-btn:hover {
  background-color: rgb(229.5, 229.5, 229.5);
  color: #cc0000;
}
.nav__end {
  display: flex;
  justify-content: flex-end;
  width: 82%;
  margin-top: 1.875vw;
  padding-bottom: 0vw;
}
@media screen and (max-width: 800px) {
  .nav__end {
    margin-top: 6.4vw;
  }
}
@media screen and (max-width: 800px) {
  .nav__end {
    padding-bottom: 10.6666666667vw;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nav.is-open .nav__item,
.nav.is-open .nav__contact-btn {
  animation: fadeIn 0.5s ease forwards;
  opacity: 0;
}
.nav.is-open .nav__item:nth-child(1) {
  animation-delay: 0.2s;
}
.nav.is-open .nav__item:nth-child(2) {
  animation-delay: 0.3s;
}
.nav.is-open .nav__item:nth-child(3) {
  animation-delay: 0.4s;
}
.nav.is-open .nav__item:nth-child(4) {
  animation-delay: 0.5s;
}
.nav.is-open .nav__item:nth-child(5) {
  animation-delay: 0.6s;
}
.nav.is-open .nav__item:nth-child(6) {
  animation-delay: 0.7s;
}
.nav.is-open .nav__contact-btn {
  animation-delay: 0.8s;
}

.footer {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  background: #faf9fa;
  color: #222;
}
.footer__inner {
  display: block;
  width: 85%;
  padding-top: 6.25vw;
  padding-bottom: 3.125vw;
}
@media screen and (max-width: 800px) {
  .footer__inner {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__inner {
    padding-bottom: 10.6666666667vw;
  }
}
.footer__logo {
  display: block;
  margin-bottom: 4.6875vw;
}
@media screen and (max-width: 800px) {
  .footer__logo {
    margin-bottom: 5.3333333333vw;
  }
}
.footer__logo img {
  width: 9.375vw;
  height: auto;
  display: block;
}
@media screen and (max-width: 800px) {
  .footer__logo img {
    width: 28.125vw;
  }
}
.footer__content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3.125vw;
  margin-bottom: 6.25vw;
}
@media screen and (max-width: 800px) {
  .footer__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 3.125vw;
  }
}
.footer__info {
  flex-shrink: 0;
  width: 25%;
}
@media screen and (max-width: 800px) {
  .footer__info {
    width: 100%;
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 800px) and (max-width: 800px) {
  .footer__info {
    margin-bottom: 10.6666666667vw;
  }
}
.footer__company {
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .footer__company {
    font-size: 3.2vw;
  }
}
.footer__companyName {
  margin-bottom: 0.625vw;
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .footer__companyName {
    font-size: 3.2vw;
  }
}
.footer__address {
  margin-bottom: 0.625vw;
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .footer__address {
    font-size: 3.2vw;
  }
}
.footer__map {
  color: #222;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .footer__map {
    font-size: 3.2vw;
  }
}
.footer__map::after {
  content: "";
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;
  background-image: url("../images/icons/link_01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0.625vw;
}
@media screen and (max-width: 800px) {
  .footer__map::after {
    width: 2.5vw;
    height: 2.5vw;
    margin-left: 1.25vw;
  }
}
.footer__map:hover {
  opacity: 0.8;
}
.footer__nav__page {
  flex-shrink: 0;
  width: 45%;
  display: flex;
  align-items: flex-start;
  gap: 6.25vw;
  padding-left: 3.125vw;
  position: relative;
}
.footer__nav__page::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 7.8125vw;
  background: #9b9ea0;
}
@media screen and (max-width: 800px) {
  .footer__nav__page {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    gap: 3.125vw;
    padding-left: 0;
    margin-bottom: 4.6875vw;
    padding-bottom: 4.6875vw;
    border-bottom: 1px solid #9b9ea0;
  }
  .footer__nav__page::before {
    display: none;
  }
}
.footer__nav__link {
  flex-shrink: 0;
  width: 20%;
  padding-left: 1.5625vw;
  position: relative;
}
.footer__nav__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 7.8125vw;
  background: #9b9ea0;
}
@media screen and (max-width: 800px) {
  .footer__nav__link {
    width: 100%;
    padding-left: 0;
  }
  .footer__nav__link::before {
    display: none;
  }
}
.footer__navGroup__page {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25vw;
}
@media screen and (max-width: 800px) {
  .footer__navGroup__page {
    width: 50%;
  }
}
.footer__navGroup__link {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
}
.footer__link {
  color: #222;
  text-decoration: none;
  font-size: 1.25vw;
  font-family: "Product Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding-left: 1.5625vw;
}
@media screen and (max-width: 800px) {
  .footer__link {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 800px) {
  .footer__link {
    padding-left: 2.5vw;
  }
}
.footer__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.9375vw;
  height: 0.9375vw;
  background-image: url("../images/icons/line_01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 800px) {
  .footer__link::before {
    width: 1.875vw;
    height: 1.875vw;
  }
}
.footer__link:hover {
  opacity: 0.8;
}
.footer__copy {
  text-align: right;
  border-top: 1px solid #9b9ea0;
  padding-top: 1.875vw;
}
@media screen and (max-width: 800px) {
  .footer__copy {
    padding-top: 4.6875vw;
    text-align: center;
  }
}
.footer__copy a {
  font-size: 1.25vw;
  font-family: "SF Pro", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  text-align: right;
  color: #222;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  .footer__copy a {
    font-size: 3.2vw;
  }
}

.main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}
.main__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-image: url("../images/fv_background_01.svg"), url("../images/fv_background_02.svg"), url("../images/team_background_01.svg"), url("../images/purpose_background_01.svg"), url("../images/usecase_background_01.svg"), url("../images/usecase_background_02.svg"), url("../images/usecase_background_03.svg"), url("../images/usage_background_01.svg"), url("../images/usage_background_02.svg"), url("../images/about_background.svg");
  background-size: 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 50%, 90%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: left 0 top 0, right 0 top 0, left 0 top 26%, right 0 top 45%, left 0 top 53%, right 0 top 61%, left 0 top 73%, right 0 top 83%, left 0 top 100%, left 310% top 113.28125vw;
}
@media screen and (max-width: 800px) {
  .main__inner {
    background-size: 90%, 90%, 90%, 90%, 90%, 90%, 90%, 90%, 90%, 180%, 180%;
    background-position: left 0 top 0, right 0 top 1%, left 0 top 26%, right 0 top 45%, left 0 top 53%, right 0 top 61%, left 0 top 73%, right 0 top 83%, left 0 top 100%, left 28% top 609.375vw;
  }
}