@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700;900&family=Noto+Sans:wght@400;700&family=Roboto+Slab:wght@400;600;700&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

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

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

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

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

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/*  --------------------------------------------------------------------------------
  base
--------------------------------------------------------------------------------  */
body {
  background: #EBE9DC;
  color: #000;
  font-size: 16px;
  font-size: 1.25vw;
  line-height: 1.7;
  margin: 0;
  /*	画面倍率	*/
  zoom: .9;
}

div,
h1,
h2,
h3,
h4,
h5,
p,
li,
dl,
dt,
dd,
th,
td,
article,
header,
footer,
nav,
span,
a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}

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

em {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
}

p,
li,
td,
th,
dt,
dd {
  font-size: 16px;
  font-size: 1.25vw;
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  word-break: break-all;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

/*	PC・SP 表示指定	*/
@media screen and (min-width: 415px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 414px) {
  body {
    zoom: 1;
  }
  .sp-none {
    display: none !important;
  }
}

/*	font	*/
body {
  font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, sans-serif;
}

.font-RobotoSlab {
  font-family: 'Roboto Slab', serif;
}

.font-NotoSans {
  font-family: 'Noto Sans', sans-serif;
}

.font-HelveticaNeue {
  font-family: "Helvetica Neue";
  font-weight: 500;
}

/*	hover	*/
@media screen and (min-width: 768px) {
  a {
    -webkit-transition: .3s;
    transition: .3s;
  }
  a:hover {
    opacity: .6;
  }
}

/* imgFitBox imgLinkBox */
.imgFitBox,
.imgLinkBox {
  overflow: hidden;
}

.imgFitBox img,
.imgLinkBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover; object-position: center;';
}

.imgFitBox.contain,
.imgLinkBox.contain {
  /* fit = contain */
}

.imgFitBox.contain img,
.imgLinkBox.contain img {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: 'object-fit: contain; object-position: center;';
}

/* txt-nowrap */
.txt-nowrap {
  white-space: nowrap;
}

.flame {
  position: relative;
  overflow: hidden;
}

/*  --------------------------------------------------------------------------------
  common
--------------------------------------------------------------------------------  */
.cmnBt01 {
  border-radius: 0.78125vw;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  font-size: 24px;
  font-size: 1.875vw;
  width: 23.4375vw;
  height: 3.125vw;
  position: relative;
  z-index: 5;
}

.cmnBt01.cmnBt01-adjust01 {
  font-size: 20px;
  font-size: 1.5625vw;
  width: 31.25vw;
}

.cmnBt01.is-header {
  border-radius: 0.39062vw;
  font-size: 14px;
  font-size: 1.09375vw;
  width: 7.8125vw;
  height: 1.95312vw;
}

.cmnBt01.is-header span {
  background: none;
  padding-right: 0;
}

.cmnBt01.is-red {
  background: -webkit-gradient(linear, left top, left bottom, from(#DCA5A8), color-stop(48%, #9A0109), to(#9A0109));
  background: linear-gradient(top, #DCA5A8 0%, #9A0109 48%, #9A0109 100%);
}

.cmnBt01.is-grn {
  background: -webkit-gradient(linear, left top, left bottom, from(#8BA7A8), color-stop(48%, #44A4A9), to(#44A4A9));
  background: linear-gradient(top, #8BA7A8 0%, #44A4A9 48%, #44A4A9 100%);
}

.cmnBt01 span {
  background-image: url(../img/ico/ico_arrow01.svg);
  background-position: bottom 0.78125vw right;
  background-repeat: no-repeat;
  background-size: 4.0625vw 0.54688vw;
  padding-right: 4.53125vw;
}

@media screen and (max-width: 414px) {
  .cmnBt01 {
    border-radius: 10px;
    font-size: 17px;
    width: 220px;
    height: 30px;
  }
  .cmnBt01.cmnBt01-adjust01 {
    font-size: 11px;
    width: 190px;
  }
  .cmnBt01.cmnBt01-adjust01 span {
    background-position: bottom 4px right;
  }
  .cmnBt01.is-header {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    margin: 2px 54px 0 0;
    max-width: 95px;
    width: 100%;
    height: 20px;
  }
  .cmnBt01.is-red {
    background: -webkit-gradient(linear, left top, left bottom, from(#DCA5A8), color-stop(60%, #9A0109), to(#9A0109));
    background: linear-gradient(top, #DCA5A8 0%, #9A0109 60%, #9A0109 100%);
  }
  .cmnBt01.is-grn {
    background: -webkit-gradient(linear, left top, left bottom, from(#8BA7A8), color-stop(60%, #44A4A9), to(#44A4A9));
    background: linear-gradient(top, #8BA7A8 0%, #44A4A9 60%, #44A4A9 100%);
  }
  .cmnBt01 span {
    background-position: bottom 7px right;
    background-size: 38px 5px;
    padding-right: 45px;
  }
}

/*  --------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------  */
.header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.34375vw 2.34375vw 2.34375vw 3.90625vw;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

.header-logo {
  display: block;
  margin-top: 1.71875vw;
  width: 14.84375vw;
}

.header-nav {
  width: 34.375vw;
}

.header-nav-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-nav-box__link {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.09375vw;
}

.header-nav-box__link + .header-nav-box__link {
  margin-left: 1.5625vw;
}

@media screen and (max-width: 414px) {
  .header {
    padding: 38px 24px 0 17px;
    z-index: 999;
  }
  .header-logo {
    display: block;
    margin-top: 0;
    width: 141px;
  }
  .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .header-nav-box {
    display: block;
    margin: auto;
    padding: 120px 20px 80px;
    position: relative;
    z-index: 999;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
  }
  .header-nav-box__logo {
    display: block;
    margin: 0 auto 100px;
    width: 142px;
  }
  .header-nav-box__link {
    color: #fff;
    display: block;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
  }
  .header-nav-box__link + .header-nav-box__link {
    margin-top: 15px;
    margin-left: 0;
  }
  .header-nav-box-list {
    margin-top: 94px;
    margin-bottom: 58px;
  }
  .header-nav-box-list li + li {
    margin-top: 15px;
  }
  .header-nav-box-list li a {
    color: #fff;
    display: block;
    font-weight: 100;
    font-size: 13px;
    width: 100%;
    text-align: center;
  }
  .header-nav-box__logo02 {
    display: block;
    margin: 0 auto;
    width: 128px;
  }
  .header-nav .navBg {
    background: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    position: absolute;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s ease;
    transition: .3s ease;
  }
  .header-nav .navBg__icoCloud01 {
    display: block;
    position: absolute;
    top: 100px;
    left: -100%;
    width: 432px;
    -webkit-transition: 1s ease;
    transition: 1s ease;
  }
  .header-nav .navBg__icoCloud02 {
    display: block;
    position: absolute;
    top: 20px;
    bottom: 0;
    right: -100%;
    margin: auto;
    width: 276px;
    -webkit-transition: 1s ease;
    transition: 1s ease;
  }
  .header-nav .navBg__icoCloud03 {
    display: block;
    position: absolute;
    bottom: 40px;
    right: -100%;
    width: 432px;
    -webkit-transition: 1s ease;
    transition: 1s ease;
  }
  .header-nav.close {
    opacity: 1;
    visibility: visible;
    z-index: 990;
  }
  .header-nav.close .navBg {
    right: 0;
  }
  .header-nav.close .navBg__icoCloud01 {
    left: -174px;
  }
  .header-nav.close .navBg__icoCloud02 {
    right: -100px;
  }
  .header-nav.close .navBg__icoCloud03 {
    right: -114px;
  }
}

.navBt {
  cursor: pointer;
  position: fixed;
  top: 30px;
  right: 24px;
  width: 40px;
  height: 40px;
  z-index: 9999;
}

.navBt span {
  background: #363636;
  border-radius: 1px;
  display: inline-block;
  position: absolute;
  width: 90%;
  height: 2px;
}

.navBt span:nth-child(1) {
  top: 0;
  bottom: 6px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.navBt span:nth-child(2) {
  top: 6px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.navBt.close span {
  background: #fff;
}

.navBt.close span:nth-child(1) {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.navBt.close span:nth-child(2) {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*  --------------------------------------------------------------------------------
  footer
--------------------------------------------------------------------------------  */
.footer {
  padding: 14.375vw 0 3.59375vw;
  position: relative;
}

.footer__icoCloud09 {
  position: absolute;
  top: 0;
  bottom: 1.5625vw;
  left: -10.78125vw;
  margin: auto;
  width: 29.84375vw;
}

.footer__logo {
  display: block;
  margin: 0 auto 4.375vw;
  width: 18.75vw;
}

.footer-list {
  margin: 0 auto 13.28125vw;
  width: 18.75vw;
}

.footer-list li + li {
  margin-top: 1.17188vw;
}

.footer-list li a {
  display: block;
  font-size: 16px;
  font-size: 1.25vw;
  text-align: center;
  width: 100%;
}

.footer__logo02 {
  display: block;
  margin: 0 auto 3.28125vw;
  width: 19.14062vw;
}

.footer__txt {
  color: #6C6C6C;
  font-size: 16px;
  font-size: 1.25vw;
  text-align: center;
  margin-bottom: 8.35938vw;
}

.footer__copyright {
  color: #6C6C6C;
  font-size: 13px;
  font-size: 1.01562vw;
  text-align: center;
}

@media screen and (max-width: 414px) {
  .footer {
    padding: 45px 0 20px;
  }
  .footer__icoCloud09-sp {
    position: absolute;
    top: 20px;
    bottom: 0;
    margin: auto;
    left: -84px;
    width: 368px;
  }
  .footer__logo {
    margin: 0 auto 54px;
    width: 194px;
  }
  .footer-list {
    margin: 0 auto 130px;
    width: 180px;
  }
  .footer-list li + li {
    margin-top: 15px;
  }
  .footer-list li a {
    font-size: 14px;
  }
  .footer__logo02 {
    margin: 0 auto 27px;
    width: 192px;
  }
  .footer__txt {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 130px;
  }
  .footer__copyright {
    font-size: 11px;
  }
}

/*  --------------------------------------------------------------------------------
  top
--------------------------------------------------------------------------------  */
.mv {
  padding: 37.5vw 0;
  position: relative;
}

.mv__txtNo3 {
  position: absolute;
  top: -3.51562vw;
  right: -25.46875vw;
  width: 85.15625vw;
  z-index: 1;
}

.mv__txtMv01 {
  position: absolute;
  top: 28.75vw;
  left: 4.21875vw;
  width: 35.9375vw;
}

.mv__icoCloud01 {
  position: absolute;
  top: 13.59375vw;
  left: -6.875vw;
  width: 29.84375vw;
}

.mv__icoCloud02 {
  position: absolute;
  top: 32.65625vw;
  right: -13.82812vw;
  width: 40.70312vw;
}

.mv__icoCloud03 {
  position: absolute;
  top: 56.25vw;
  left: -6.5625vw;
  width: 53.125vw;
  z-index: 3;
}

@media screen and (max-width: 414px) {
  .mv {
    padding: 430px 0 0;
  }
  .mv__txtNo3 {
    top: 0;
    right: -147px;
    width: 392px;
  }
  .mv__txtMv01 {
    top: 210px;
    left: 18px;
    width: 243px;
    z-index: 4;
  }
  .mv__icoCloud01 {
    position: absolute;
    top: 102px;
    left: -78px;
    width: 234px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .mv__icoCloud02 {
    position: absolute;
    top: 325px;
    right: -113px;
    width: 320px;
  }
}

.connect {
  padding: 10.9375vw 0 0 0;
  position: relative;
  z-index: 2;
}

.connect__txtShigoto01 {
  position: absolute;
  bottom: -78.125vw;
  right: -28.125vw;
  width: 65.07812vw;
  z-index: 4;
}

.connect-inner {
  padding: 0 2.34375vw 0 9.375vw;
}

.connect__ttl {
  color: #fff;
  display: block;
  font-weight: normal;
  font-size: 169px;
  font-size: 13.20312vw;
  line-height: .95;
  margin-bottom: 21.09375vw;
  position: relative;
  z-index: 3;
}

.connect__ttl::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(154, 1, 9, 0.9)), color-stop(40%, rgba(77, 1, 5, 0.9)), to(rgba(77, 1, 5, 0.9)));
  background: linear-gradient(top, rgba(154, 1, 9, 0.9) 0%, rgba(77, 1, 5, 0.9) 40%, rgba(77, 1, 5, 0.9) 100%);
  border-radius: 50%;
  content: "";
  position: absolute;
  top: -15.625vw;
  bottom: 0;
  left: -9.375vw;
  right: 0;
  margin: auto;
  width: 94.45312vw;
  height: 94.45312vw;
  z-index: -1;
}

.connect__ttl::before {
  background: url(../img/img/img_decoration_circle01.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  top: 14.0625vw;
  left: -29.6875vw;
  margin: auto;
  width: 94.45312vw;
  height: 94.45312vw;
  z-index: -1;
}

.connect__ttl small {
  display: block;
  font-size: 89px;
  font-size: 6.95312vw;
}

@media screen and (max-width: 414px) {
  .connect {
    padding: 50px 0 82px 0;
  }
  .connect__txtShigoto01 {
    position: absolute;
    bottom: -357.52px;
    right: -178px;
    width: 362px;
    z-index: 4;
  }
  .connect-inner {
    padding: 0 18px;
  }
  .connect__ttl {
    font-size: 53px;
    line-height: 1;
    margin-bottom: 37px;
  }
  .connect__ttl::after {
    top: 0;
    bottom: 0;
    left: -120px;
    width: 428px;
    height: 428px;
  }
  .connect__ttl::before {
    top: 100px;
    left: -129px;
    width: 386px;
    height: 386px;
  }
  .connect__ttl small {
    font-size: 28px;
  }
}

.service {
  padding: 10.4375vw 0 7.8125vw 0;
  position: relative;
}

.service__icoCloud04 {
  position: absolute;
  top: -200px;
  left: -2.34375vw;
  width: 40.70312vw;
}

.service__icoCloud05 {
  position: absolute;
  top: 31.25vw;
  bottom: 0;
  left: -14.84375vw;
  margin: auto;
  width: 40.70312vw;
}

.service-box {
  position: relative;
  z-index: 2;
}

.service-box:nth-child(1) {
  margin-bottom: 7.65625vw;
  width: 94.6875vw;
}

.service-box:nth-child(2) {
  margin: 0 0 3.51562vw auto;
  width: 72.03125vw;
}

.service-box:nth-child(3) {
  margin-left: auto;
  width: 90.625vw;
}

.service-box__txtNo0 {
  position: absolute;
  bottom: -15.625vw;
  left: -6.25vw;
  width: 41.40625vw;
  z-index: -1;
}

.service-box__txtWeb01 {
  position: absolute;
  top: -2.65625vw;
  right: -24.21875vw;
  width: 57.03125vw;
  z-index: -1;
}

.service-box-itemTxt.itemTxt01 {
  padding-left: 3.125vw;
  width: 59.375vw;
}

.service-box-itemTxt.itemTxt02 {
  padding-left: 6.25vw;
  width: 54.6875vw;
}

.service-box-itemTxt.itemTxt03 {
  padding-left: 6.25vw;
  width: 70.3125vw;
}

.service-box-itemTxt__txt {
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8vw;
  margin-top: 1.5625vw;
}

.service-box-itemTxt__txt.txt02 {
  margin-bottom: 1.5625vw;
}

@media screen and (max-width: 414px) {
  .service {
    padding: 0px 0 100px;
  }
  .service__icoCloud04 {
    top: -110px;
    left: -58px;
    width: 300px;
  }
  .service__icoCloud05 {
    position: absolute;
    top: 135px;
    bottom: 0;
    left: -207px;
    margin: auto;
    width: 375px;
  }
  .service-box:nth-child(1) {
    margin-bottom: 75px;
    width: 100%;
  }
  .service-box:nth-child(2) {
    margin: 0 0 62px auto;
    max-width: 307px;
    width: 100%;
  }
  .service-box:nth-child(3) {
    margin-left: auto;
    max-width: 366px;
    width: 100%;
  }
  .service-box__txtNo0 {
    bottom: -20px;
    left: -15px;
    width: 134px;
  }
  .service-box__txtWeb01 {
    top: auto;
    bottom: -100px;
    right: -85px;
    width: 235px;
    z-index: -1;
  }
  .service-box-itemTxt.itemTxt01 {
    padding-left: 18px;
    padding-right: 18px;
    width: 100%;
  }
  .service-box-itemTxt.itemTxt02 {
    padding-left: 0;
    width: 270px;
  }
  .service-box-itemTxt.itemTxt03 {
    margin: 0 auto;
    padding-left: 0;
    width: 300px;
  }
  .service-box-itemTxt__txt {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 15px;
  }
  .service-box-itemTxt__txt.txt02 {
    margin-bottom: 10px;
  }
}

.howTo {
  padding: 11.32812vw 0 0;
  position: relative;
}

.howTo__secTll {
  color: #909090;
  font-weight: 900;
  font-size: 192px;
  font-size: 15vw;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.howTo-inner {
  background: url(../img/bg/bg_how_to01.png) no-repeat;
  background-size: 100%;
  padding: 7.8125vw 0 39.0625vw;
  position: relative;
}

.howTo-inner__txtDec {
  color: #C6C6C6;
  font-weight: 900;
  font-size: 192px;
  font-size: 15vw;
}

.howTo-inner__txtWeb02 {
  position: absolute;
  bottom: 3.90625vw;
  left: -28.125vw;
  width: 75.54688vw;
  z-index: -1;
}

.howTo-inner__icoCloud06 {
  position: absolute;
  bottom: -5.78125vw;
  right: -12.26562vw;
  width: 40.70312vw;
  z-index: -1;
}

.howTo-list {
  margin: 0 auto;
  width: 83.59375vw;
}

.howTo-list-item + .howTo-list-item {
  margin-top: 3.51562vw;
}

.howTo-list-item__ttl {
  border-bottom: solid #fff 1px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 39px;
  font-size: 3.04688vw;
  margin-bottom: 0.39062vw;
}

.howTo-list-item__ttl span {
  font-size: 107px;
  font-size: 8.35938vw;
  line-height: .8;
  margin-right: 1.875vw;
}

.howTo-list-item__txt {
  color: #fff;
  font-weight: normal;
  font-size: 20px;
  font-size: 1.5625vw;
}

@media screen and (max-width: 414px) {
  .howTo {
    padding: 55px 0 0;
  }
  .howTo__secTll {
    font-size: 70px;
  }
  .howTo-inner {
    background: url(../img/bg/bg_how_to01_sp.png) no-repeat;
    background-size: 100%;
    padding: 45px 0 260px;
  }
  .howTo-inner__txtDec {
    font-size: 70px;
  }
  .howTo-inner__txtWeb02 {
    bottom: -10px;
    left: -185px;
    width: 502px;
  }
  .howTo-list {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 auto;
    padding: 0 24px;
    width: 100%;
  }
  .howTo-list-item + .howTo-list-item {
    margin-top: 15px;
  }
  .howTo-list-item__ttl {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 4px;
    padding-bottom: 8px;
  }
  .howTo-list-item__ttl span {
    font-size: 49px;
    line-height: 1;
    margin-right: 10px;
  }
  .howTo-list-item__txt {
    font-size: 14px;
  }
}

.eco {
  padding: 7.8125vw 0 0;
  position: relative;
}

.eco-inner {
  background: url(../img/bg/bg_eco01.png) no-repeat;
  background-size: 100%;
  padding: 0 0 16.40625vw;
}

.eco__secTll {
  font-weight: 900;
  font-size: 89px;
  font-size: 6.95312vw;
  text-align: center;
  margin-bottom: 5.07812vw;
}

.eco__imgEco01 {
  display: block;
  margin: 0 auto;
  width: 71.875vw;
}

@media screen and (max-width: 414px) {
  .eco {
    padding: 0;
  }
  .eco__icoCloud06 {
    position: absolute;
    top: 70px;
    left: -70px;
    width: 356px;
  }
  .eco-inner {
    background: url(../img/bg/bg_eco01_sp.png) no-repeat;
    background-size: 100%;
    padding: 220px 22px 120px;
  }
  .eco__secTll {
    font-size: 45px;
    margin-bottom: 40px;
  }
  .eco__imgEco01 {
    max-width: 330px;
    width: 100%;
  }
}

.roadmap {
  padding: 5.85938vw 0 30.46875vw;
  position: relative;
}

.roadmap__icoCloud07 {
  position: absolute;
  bottom: 9.375vw;
  left: -13.04688vw;
  width: 40.70312vw;
  height: 11.5625vw;
}

.roadmap__txtMirai01 {
  position: absolute;
  top: 0;
  right: -26.17188vw;
  width: 57.5vw;
  height: 135.54688vw;
}

.roadmap__secTll {
  font-weight: 900;
  font-size: 89px;
  font-size: 6.95312vw;
  text-align: center;
  margin-bottom: 5.07812vw;
}

.roadmap-inner {
  padding: 0 0 0 3.51562vw;
}

.roadmap-box {
  width: 93.75vw;
}

.roadmap-box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.roadmap-box-item + .roadmap-box-item {
  margin-top: 6.64062vw;
}

.roadmap-box-item-number {
  background-image: url(../img/img/img_roadmap_circle01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  width: 22.65625vw;
  height: 22.65625vw;
}

.roadmap-box-item-number.icoCircle01::before {
  background: url(../img/ico/ico_roadmap_circle01.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2.42188vw;
  height: 36.25vw;
}

.roadmap-box-item-number.icoCircle02::before {
  background: url(../img/ico/ico_roadmap_circle02.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2.42188vw;
  height: 29.0625vw;
}

.roadmap-box-item-number.icoCircle03::before {
  background: url(../img/ico/ico_roadmap_circle03.png) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 2.42188vw;
  height: 36.48438vw;
}

.roadmap-box-item-number__txt {
  padding-right: 3.04688vw;
}

.roadmap-box-item-number__txt small {
  display: block;
  font-size: 21px;
  font-size: 1.64062vw;
  line-height: 1;
}

.roadmap-box-item-number__txt span {
  font-weight: 900;
  font-size: 57px;
  font-size: 4.45312vw;
  line-height: 1;
}

.roadmap-box-item-txtList {
  padding-left: 2.34375vw;
  width: 65.625vw;
}

.roadmap-box-item-txtList li {
  list-style: initial;
}

.roadmap-box-item-txtList li h4 {
  font-weight: bold;
  font-size: 26px;
  font-size: 2.03125vw;
  line-height: 1.2;
}

.roadmap-box-item-txtList li p {
  font-weight: normal;
  font-size: 26px;
  font-size: 2.03125vw;
  line-height: 1.4;
}

@media screen and (max-width: 414px) {
  .roadmap {
    padding: 25px 0 270px;
  }
  .roadmap__icoCloud07 {
    bottom: 40px;
    left: auto;
    right: -120px;
    width: 368px;
    height: 105px;
  }
  .roadmap__txtMirai01 {
    position: absolute;
    top: 105px;
    right: -187px;
    width: 520px;
    height: 1167px;
  }
  .roadmap__secTll {
    font-size: 45px;
    margin-bottom: 80px;
  }
  .roadmap-inner {
    padding: 0;
  }
  .roadmap-box {
    max-width: 420px;
    width: 100%;
  }
  .roadmap-box-item {
    margin-left: -60px;
  }
  .roadmap-box-item + .roadmap-box-item {
    margin-top: 64px;
  }
  .roadmap-box-item:nth-child(4) {
    margin-top: 45px;
  }
  .roadmap-box-item-number {
    width: 200px;
    height: 200px;
  }
  .roadmap-box-item-number.icoCircle01::before {
    width: 22px;
    height: 328px;
  }
  .roadmap-box-item-number.icoCircle02::before {
    width: 22px;
    height: 263px;
  }
  .roadmap-box-item-number.icoCircle03::before {
    width: 22px;
    height: 328px;
  }
  .roadmap-box-item-number__txt {
    padding-right: 20px;
  }
  .roadmap-box-item-number__txt small {
    font-size: 13px;
  }
  .roadmap-box-item-number__txt span {
    font-size: 38px;
  }
  .roadmap-box-item-txtList {
    padding-left: 20px;
    max-width: 220px;
    width: 100%;
  }
  .roadmap-box-item-txtList li h4 {
    font-size: 14px;
    line-height: 1.2;
  }
  .roadmap-box-item-txtList li p {
    font-size: 14px;
    line-height: 1.4;
  }
}

.partners {
  background: url(../img/bg/bg_our_partners01.png) no-repeat;
  background-size: 100%;
  padding: 5.85938vw 0 0.54688vw;
}

.partners__secTll {
  color: #fff;
  font-weight: 900;
  font-size: 71px;
  font-size: 5.54688vw;
  text-align: center;
  text-shadow: 0 0 3px #000;
}

.partners-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8.4375vw auto 0;
  width: 85.54688vw;
}

.partners-list-item {
  margin-bottom: 4.53125vw;
  width: 27.03125vw;
}

@media screen and (max-width: 414px) {
  .partners {
    background: url(../img/bg/bg_our_partners01_sp.png) no-repeat;
    background-size: 100%;
    padding: 33px 0 80px;
  }
  .partners__secTll {
    font-size: 29px;
    text-shadow: 0 0 1px #000;
  }
  .partners-list {
    margin: 45px auto 0;
    max-width: 305px;
    width: 100%;
  }
  .partners-list-item {
    margin-bottom: 25px;
    width: 48%;
  }
}

.register {
  padding: 14.375vw 0 19.29688vw;
  position: relative;
}

.register__icoCloud08 {
  position: absolute;
  bottom: 0;
  right: -23.20312vw;
  width: 40.70312vw;
}

@media screen and (max-width: 414px) {
  .register {
    padding: 74px 0 120px;
  }
  .register__icoCloud08-sp {
    position: absolute;
    bottom: 45px;
    right: -85px;
    width: 234px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

/*  --------------------------------------------------------------------------------
  contact
--------------------------------------------------------------------------------  */
.mvLower {
  padding: 15.625vw 5.46875vw 3.51562vw;
}

.mvLower__txtMv01 {
  display: block;
  width: 35.9375vw;
}

@media screen and (max-width: 414px) {
  .mvLower {
    padding: 130px 18px 20px;
  }
  .mvLower__txtMv01 {
    width: 192px;
  }
}

.contact {
  background: url(../img/bg/bg_contact01.png) no-repeat;
  background-size: 100%;
  padding: 3.90625vw 5.46875vw 3.51562vw;
}

.contact-inner {
  margin: auto;
  width: 59.6875vw;
}

@media screen and (max-width: 414px) {
  .contact {
    background: url(../img/bg/bg_contact01_sp.png) no-repeat;
    background-size: 100%;
    padding: 40px 20px;
  }
  .contact-inner {
    width: 100%;
  }
}

.self-presentation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 100px;
  margin-top: 45px;
}

@media screen and (max-width: 876px) {
  .self-presentation {
    padding-right: 0px;
  }
}

@media screen and (max-width: 414px) {
  .self-presentation {
    margin-top: 70px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 78px -10% 0px -10%;
  }
}

.self-presentation__inner {
  height: 400px;
  background: transparent linear-gradient(205deg, #FFFFFF80 0%, #D0CD9ECC 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 100%;
  width: 876px;
  height: 876px;
  text-align: center;
  display: block;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 876px) {
  .self-presentation__inner {
    width: 95%;
    height: 95vw;
    margin: auto;
  }
}

@media screen and (max-width: 414px) {
  .self-presentation__inner {
    width: 432px;
    height: 432px;
  }
}

.self-presentation__title {
  margin: 125px 0px 60px;
  font-size: 97px;
  line-height: 114px;
}

@media screen and (max-width: 768px) {
  .self-presentation__title {
    margin: 90px 0px 30px;
    font-size: 64px;
    line-height: 64px;
  }
}

@media screen and (max-width: 414px) {
  .self-presentation__title {
    margin: 67px 0px 30px;
    font-size: 40px;
    line-height: 47px;
  }
}

.self-presentation__logo02 {
  width: 200px;
  margin-bottom: 75px;
}

@media screen and (max-width: 768px) {
  .self-presentation__logo02 {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 414px) {
  .self-presentation__logo02 {
    width: 116px;
    margin-bottom: 43px;
  }
}

.self-presentation__guilders {
  width: 200px;
  margin-bottom: 45px;
}

@media screen and (max-width: 414px) {
  .self-presentation__guilders {
    width: 116px;
    margin-bottom: 22px;
  }
}

.self-presentation__text {
  font-size: 22px;
  line-height: 37px;
}

@media screen and (max-width: 414px) {
  .self-presentation__text {
    font-size: 14px;
    line-height: 17px;
  }
}

.self-presentation__text-paragraph {
  margin-top: 30px;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 414px) {
  .sp {
    display: inline-block !important;
  }
}

.sp-flex {
  display: none !important;
}

@media screen and (max-width: 414px) {
  .sp-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.pc {
  display: inline-block !important;
}

@media screen and (max-width: 414px) {
  .pc {
    display: none !important;
  }
}

.eco__technos {
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: -140px auto 120px;
}

@media screen and (max-width: 1000px) {
  .eco__technos {
    width: 50%;
    margin: -100px auto 80px;
  }
}

@media screen and (max-width: 414px) {
  .eco__technos {
    width: 80%;
    margin: -70px auto 16px;
  }
}

.eco__technos__logo {
  height: inherit;
  width: auto;
}

.eco__technos__and-more_sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  font-weight: bold;
  margin-bottom: 108px;
}

.eco__technos__and-more {
  white-space: nowrap;
  font-weight: bold;
}

* {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

*::-webkit-scrollbar {
  display: none;
}

/*	PC 1280px以上 表示指定	*/
@media screen and (min-width: 1280px) {
  body {
    font-size: 24px;
  }
  /* header */
  .header {
    /*max-width: 1280px;*/
    max-width: 1420px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding: 30px 30px 30px 50px;
  }
  .header-logo {
    display: block;
    margin-top: 33px;
    width: 285px;
  }
  .header-nav {
    width: 660px;
  }
  .header-nav-box__link {
    font-size: 21px;
  }
  .header-nav-box__link + .header-nav-box__link {
    margin-left: 30px;
  }
  .cmnBt01.is-header {
    border-radius: 7.4999px;
    font-size: 21px;
    width: 150px;
    height: 37.4826px;
  }
  /* main */
  .main {
    /*max-width: 1280px;*/
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
  }
  .mv {
    padding: 550px 0 100px 0;
  }
  .mv__txtNo3 {
    display: none;
    top: -67.4999px;
    right: -800px;
    width: 1420px;
  }
  .txtNo3-0-extra {
    display: block;
    position: absolute;
    top: -100px;
    left: 500px;
    width: 2500px;
    height: 1500px;
    background-image: url(../img/txt/txt_mv_no3.png);
    background-size: cover;
  }
  .mv__txtMv01 {
    top: 250px;
    left: 62px;
    width: 461px;
  }
  .mv__icoCloud01 {
    display: none;
    top: 174px;
    left: -88px;
    width: 381.997px;
  }
  .mv__icoCloud02 {
    top: 418px;
    right: -177px;
    width: 520.99px;
  }
  .mv__icoCloud03 {
    top: 720px;
    left: -84px;
    width: 680px;
  }
  .connect {
    padding: 0;
  }
  .connect-inner {
    padding: 0 30px 0 120px;
  }
  .connect__ttl {
    font-size: 169px;
    margin-bottom: 270px;
  }
  .connect__ttl small {
    display: block;
    font-size: 89px;
  }
  .connect__ttl::before {
    top: 180px;
    left: -380px;
    width: 1208.99px;
    height: 1208.99px;
  }
  .connect__ttl::after {
    top: 211px;
    bottom: 0;
    left: -359px;
    right: 0;
    width: 1208.99px;
    height: 1208.99px;
  }
  .cmnBt01 {
    border-radius: 10px;
    font-size: 24px;
    width: 300px;
    height: 40px;
  }
  .connect__txtShigoto01 {
    bottom: -1000px;
    right: -360px;
    width: 832.986px;
  }
  .service {
    padding: 140px 0 100px 0;
  }
  .service__icoCloud04 {
    left: -30px;
    width: 520.99px;
  }
  .service__icoCloud05 {
    top: 400px;
    bottom: 0;
    left: -190px;
    width: 520.99px;
  }
  .service-box:nth-child(1) {
    margin-bottom: 98px;
    width: 1212px;
  }
  .service-box__txtNo0 {
    bottom: -200px;
    left: -580px;
    width: 1030px;
  }
  .service-box-itemTxt.itemTxt01 {
    padding-left: 40px;
    width: 760px;
  }
  .service-box-itemTxt__txt {
    font-size: 24px;
    margin-top: 20px;
  }
  .service-box:nth-child(2) {
    margin: 0 0 44.9999px auto;
    width: 921.997px;
  }
  .service-box__txtWeb01 {
    top: -34px;
    right: -310px;
    width: 730px;
  }
  .service-box-itemTxt.itemTxt02 {
    padding-left: 80px;
    width: 700px;
  }
  .service-box-itemTxt__txt.txt02 {
    margin-bottom: 20px;
  }
  .cmnBt01 span {
    background-position: bottom calc(100% - 10px) right;
    background-size: 52px 7.00006px;
    padding-right: 58px;
  }
  .service-box:nth-child(3) {
    width: 1160px;
  }
  .howTo {
    height: 1800px;
    padding: 145px 0 0;
  }
  .howTo__secTll {
    font-size: 192px;
  }
  .howTo-inner {
    width: 3800px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: url(../img/bg/bg_how_to01_pc.png) no-repeat;
    background-position-x: center;
    background-size: contain;
    padding: 100px 0 500px;
  }
  .howTo-list {
    margin: 0 auto;
    width: 1070px;
  }
  p,
  li,
  td,
  th,
  dt,
  dd {
    font-size: 16px;
  }
  .howTo-list-item__ttl {
    font-size: 39px;
    margin-bottom: 4.99994px;
  }
  .howTo-list-item__ttl span {
    font-size: 107px;
    margin-right: 24px;
  }
  .howTo-list-item__txt {
    font-size: 20px;
  }
  .howTo-inner__txtDec {
    display: none;
    font-size: 192px;
  }
  .howTo-inner__txtWeb02 {
    display: none;
    bottom: 50px;
    left: -360px;
    width: 966.997px;
  }
  .howTo-inner__icoCloud06 {
    bottom: -74px;
    right: -157px;
    width: 520.99px;
  }
  .eco {
    position: relative;
    background: none;
    padding: 100px 0 0;
  }
  .eco-bg-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2554px;
    height: 1230px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: url(../img/bg/bg_eco01_pc.png) no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-size: cover;
    z-index: -10;
  }
  .eco-inner {
    background: none;
    padding: 0 0 210px;
  }
  .eco__secTll {
    font-size: 89px;
    margin-bottom: 64.9999px;
  }
  .eco__imgEco01 {
    width: 920px;
  }
  .eco__technos {
    height: 90px;
    width: 50%;
    margin: -140px auto 120px;
  }
  .roadmap__txtMirai01 {
    right: -335px;
    width: 735.99px;
    height: 1735px;
  }
  .roadmap__secTll {
    font-size: 89px;
    margin-bottom: 64.9999px;
  }
  .roadmap-inner {
    padding: 0 0 0 44.9999px;
  }
  .roadmap-box {
    width: 1200px;
  }
  .roadmap-box-item-number {
    width: 290px;
    height: 290px;
  }
  .roadmap-box-item-number.icoCircle01::before {
    width: 30.9896px;
    height: 463.993px;
  }
  .roadmap-box-item-number__txt {
    padding-right: 39.0001px;
  }
  .roadmap-box-item-number__txt small {
    font-size: 21px;
  }
  .roadmap-box-item-number__txt span {
    font-size: 57px;
  }
  .roadmap-box-item-txtList {
    padding-left: 30px;
    width: 840px;
  }
  .roadmap-box-item + .roadmap-box-item {
    margin-top: 84.9999px;
  }
  .roadmap-box-item-number.icoCircle02::before {
    width: 30.9896px;
    height: 371.997px;
  }
  .roadmap-box-item-txtList li h4 {
    font-size: 26px;
  }
  .roadmap-box-item-txtList li p {
    font-size: 26px;
  }
  .roadmap-box-item-number.icoCircle03::before {
    width: 30.9896px;
    height: 466.997px;
  }
  .roadmap__icoCloud07 {
    bottom: 120px;
    left: -167px;
    width: 520.99px;
    height: 147.986px;
  }
  .partners {
    position: relative;
    background: none;
    padding: 75.0001px 0 7.00006px;
  }
  .partners-bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 3554px;
    height: 1500px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: url(../img/bg/bg_our_partners01_pc.png) no-repeat;
    background-position-x: center;
    background-size: cover;
    z-index: -10;
  }
  .partners-inner {
    width: 1420px;
    margin: 0 auto;
  }
  .partners__secTll {
    font-size: 71px;
  }
  .partners-list {
    margin: 108px auto 0;
    width: 1095px;
  }
  .partners-list-item {
    margin-bottom: 58px;
    width: 345.99px;
    /*width: 250px;*/
  }
  .register {
    padding: 550px 0 247px;
    padding-bottom: 0;
  }
  .register__icoCloud08 {
    right: -297px;
    width: 520.99px;
  }
  .footer {
    padding: 184px 0 46px;
    padding-top: 0;
    position: relative;
  }
  .footer__icoCloud09 {
    bottom: 20px;
    left: -138px;
    width: 381.997px;
  }
  .footer__logo {
    margin: 0 auto 56px;
    width: 240px;
  }
  .footer-list {
    margin: 0 auto 170px;
    width: 240px;
  }
  .footer__logo02 {
    margin: 0 auto 42px;
    width: 244.983px;
  }
  .footer__txt {
    font-size: 16px;
    margin-bottom: 107px;
  }
  .footer__copyright {
    font-size: 13px;
  }
}
/*# sourceMappingURL=style.css.map */

.padding-50px {
  padding-top: 50px;
}