/* --------------------------------------------------------
 Name:      ミイダスラップ | あなたの可能性を診断するならミイダス - app.css
 Author:    これは作成者です
 Info:      ミイダスラップ | あなたの可能性を診断するならミイダス
----------------------------------------------------------- */
@charset "UTF-8";
/* ------------------------------------------- SASS Information
 Name:      app.scss
 Author:    これは作成者です
 Info:      ミイダスラップ | あなたの可能性を診断するならミイダス
----------------------------------------------------------- */
/* -----------------------------------------------------------
  COMMON: config
----------------------------------------------------------- */
/*

*/
/*

*/
/*

*/
/*
*/
/*
*/
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

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

html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:after, *:before {
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  line-height: 1;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, p {
  font-weight: normal;
}

img {
  border-style: none;
  vertical-align: bottom;
}

img, video {
  max-width: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

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

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

input::-webkit-search-decoration {
  display: none;
}

input:focus {
  outline-offset: -2px;
}

select::-ms-expand {
  display: none;
}

select::-webkit-search-decoration {
  display: none;
}

select:focus {
  outline-offset: -2px;
}

button {
  background-color: transparent;
}

textarea {
  resize: none;
}

textarea::-webkit-search-decoration {
  display: none;
}

textarea:focus {
  outline-offset: -2px;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* -----------------------------------------------------------
  STYLES: layouts
----------------------------------------------------------- */
/* ------------------------------------------- SASS Information
 Name:      layouts/_default.scss
 Author:    これは作成者です
 Modifier:  これは編集者です
----------------------------------------------------------- */
body {
  background: #fff;
  color: #000;
  font-size: 16px;
  font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

body * {
  font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

a {
  color: #000;
  line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 1.8;
}

/* ------------------------------------------- SASS Information
 Name:      layouts/_content.scss
 Author:    これは作成者です
 Modifier:  これは編集者です
----------------------------------------------------------- */
#section-contents {
  min-height: 100vh;
}

/* ------------------------------------------- SASS Information
 Name:      layouts/_wrapper.scss
 Author:    これは作成者です
 Modifier:  これは編集者です
----------------------------------------------------------- */
/* -----------------------------------------------------------
  STYLES: partials
----------------------------------------------------------- */
/* ------------------------------------------- SASS Information
 Name:      partials/_footer.scss
 Author:    これは作成者です
 Modifier:  これは編集者です
----------------------------------------------------------- */
.footer {
  width: 100%;
  margin-top: -56px;
  padding-top: 180px;
  background: #fff;
}

.footer-logo {
  -moz-background-size: contain;
  width: 225px;
  height: 36px;
  margin: auto;
  background: url(../../assets/images/footer_logo.webp) no-repeat;
       background-size: contain;
}

.footer-logo a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999px;
}

.footer-logo:hover {
  opacity: 0.7;
}

.footer-nav {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: space-between;
  width: 1030px;
  margin: auto;
  margin-top: 120px;
}

.footer-officialSns {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
}

.footer-officialSns p {
  margin-right: 20px;
  color: #284459;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
}

.footer-officialSns ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-officialSns ul li {
  margin-right: 15px;
}

.footer-officialSns ul li * {
  -o-object-fit: contain;
  display: block;
  width: 30px;
  width: 100%;
  height: 30px;
     object-fit: contain;
}

.footer-officialSns ul li a:hover {
  opacity: 0.8;
}

.footer-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  line-height: 1;
}

.footer-contact li {
  margin-left: 20px;
}

.footer-contact li a {
  color: #284459;
}

.footer-contact li a:hover {
  text-decoration: underline;
}

.footer-copyright {
  display: block;
  width: 100%;
  padding: 40px 0;
  color: #284459;
  font-size: 11px;
  line-height: 1em;
  text-align: center;
}

.mobile .footer {
  -webkit-box-shadow: 10.244px 8.004px 54.6px 15.4px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 10.244px 8.004px 54.6px 15.4px rgba(0, 0, 0, 0.3);
  width: 100%;
  margin-top: 0;
  padding-top: 240px;
  background: #fff;
          box-shadow: 10.244px 8.004px 54.6px 15.4px rgba(0, 0, 0, 0.3);
}

.mobile .footer-logo {
  -moz-background-size: contain;
  width: 54.66667vw;
  max-width: 410px;
  height: 8vw;
  max-height: 60px;
  margin: auto;
  overflow: hidden;
  background: url(../../assets/images/footer_logo.webp) no-repeat;
       background-size: contain;
  text-indent: -9999px;
}

.mobile .footer-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
  width: 100%;
  margin: auto;
  margin-top: 130px;
}

.mobile .footer-officialSns {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
}

.mobile .footer-officialSns p {
  margin-right: 40px;
  color: #284459;
  font-weight: bold;
  font-size: 27px;
  line-height: 1;
}

.mobile .footer-officialSns ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile .footer-officialSns ul li {
  margin-right: 40px;
}

.mobile .footer-officialSns ul li:last-child {
  margin-right: 0;
}

.mobile .footer-officialSns ul li * {
  -o-object-fit: contain;
  display: block;
  width: 6.66667vw;
  width: 100%;
  max-width: 50px;
  height: 6.66667vw;
  max-height: 50px;
     object-fit: contain;
}

.mobile .footer-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  font-size: 23px;
  line-height: 1;
}

.mobile .footer-contact li {
  margin-left: 38px;
}

.mobile .footer-contact li:first-child {
  margin-left: 0;
}

.mobile .footer-contact li a {
  color: #284459;
}

.mobile .footer-contact li a:hover {
  text-decoration: underline;
}

.mobile .footer-copyright {
  display: block;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 55px;
  color: #284459;
  font-size: 21px;
  line-height: 1em;
  text-align: center;
}

/* ------------------------------------------- SASS Information
 Name:      partials/_header.scss
 Author:    これは作成者です
 Modifier:  これは編集者です
----------------------------------------------------------- */
/* -----------------------------------------------------------
  STYLES: pages
----------------------------------------------------------- */
/* ------------------------------------------- SASS Information
 Name:      _index.scss
 Author:    これは作成者です
 Modifier:  これは編集者です
----------------------------------------------------------- */
html,
body {
  height: 100%;
}

.page-index .is-hidden {
  display: none !important;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.is-scrollLock {
  overflow: hidden;
}

html:not(.mobile) #section-wrapper {
  min-width: 1200px;
}

*[data-x="1"] {
  -webkit-transform: translateX(1px);
     -moz-transform: translateX(1px);
      -ms-transform: translateX(1px);
       -o-transform: translateX(1px);
          transform: translateX(1px);
}

*[data-y="1"] {
  -webkit-transform: translateY(1px);
     -moz-transform: translateY(1px);
      -ms-transform: translateY(1px);
       -o-transform: translateY(1px);
          transform: translateY(1px);
}

*[data-scale="0.1"] {
  -webkit-transform: scale(0.1, 0.1);
     -moz-transform: scale(0.1, 0.1);
      -ms-transform: scale(0.1, 0.1);
       -o-transform: scale(0.1, 0.1);
          transform: scale(0.1, 0.1);
}

*[data-x="2"] {
  -webkit-transform: translateX(2px);
     -moz-transform: translateX(2px);
      -ms-transform: translateX(2px);
       -o-transform: translateX(2px);
          transform: translateX(2px);
}

*[data-y="2"] {
  -webkit-transform: translateY(2px);
     -moz-transform: translateY(2px);
      -ms-transform: translateY(2px);
       -o-transform: translateY(2px);
          transform: translateY(2px);
}

*[data-scale="0.2"] {
  -webkit-transform: scale(0.2, 0.2);
     -moz-transform: scale(0.2, 0.2);
      -ms-transform: scale(0.2, 0.2);
       -o-transform: scale(0.2, 0.2);
          transform: scale(0.2, 0.2);
}

*[data-x="3"] {
  -webkit-transform: translateX(3px);
     -moz-transform: translateX(3px);
      -ms-transform: translateX(3px);
       -o-transform: translateX(3px);
          transform: translateX(3px);
}

*[data-y="3"] {
  -webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
      -ms-transform: translateY(3px);
       -o-transform: translateY(3px);
          transform: translateY(3px);
}

*[data-scale="0.3"] {
  -webkit-transform: scale(0.3, 0.3);
     -moz-transform: scale(0.3, 0.3);
      -ms-transform: scale(0.3, 0.3);
       -o-transform: scale(0.3, 0.3);
          transform: scale(0.3, 0.3);
}

*[data-x="4"] {
  -webkit-transform: translateX(4px);
     -moz-transform: translateX(4px);
      -ms-transform: translateX(4px);
       -o-transform: translateX(4px);
          transform: translateX(4px);
}

*[data-y="4"] {
  -webkit-transform: translateY(4px);
     -moz-transform: translateY(4px);
      -ms-transform: translateY(4px);
       -o-transform: translateY(4px);
          transform: translateY(4px);
}

*[data-scale="0.4"] {
  -webkit-transform: scale(0.4, 0.4);
     -moz-transform: scale(0.4, 0.4);
      -ms-transform: scale(0.4, 0.4);
       -o-transform: scale(0.4, 0.4);
          transform: scale(0.4, 0.4);
}

*[data-x="5"] {
  -webkit-transform: translateX(5px);
     -moz-transform: translateX(5px);
      -ms-transform: translateX(5px);
       -o-transform: translateX(5px);
          transform: translateX(5px);
}

*[data-y="5"] {
  -webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
}

*[data-scale="0.5"] {
  -webkit-transform: scale(0.5, 0.5);
     -moz-transform: scale(0.5, 0.5);
      -ms-transform: scale(0.5, 0.5);
       -o-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
}

*[data-x="6"] {
  -webkit-transform: translateX(6px);
     -moz-transform: translateX(6px);
      -ms-transform: translateX(6px);
       -o-transform: translateX(6px);
          transform: translateX(6px);
}

*[data-y="6"] {
  -webkit-transform: translateY(6px);
     -moz-transform: translateY(6px);
      -ms-transform: translateY(6px);
       -o-transform: translateY(6px);
          transform: translateY(6px);
}

*[data-scale="0.6"] {
  -webkit-transform: scale(0.6, 0.6);
     -moz-transform: scale(0.6, 0.6);
      -ms-transform: scale(0.6, 0.6);
       -o-transform: scale(0.6, 0.6);
          transform: scale(0.6, 0.6);
}

*[data-x="7"] {
  -webkit-transform: translateX(7px);
     -moz-transform: translateX(7px);
      -ms-transform: translateX(7px);
       -o-transform: translateX(7px);
          transform: translateX(7px);
}

*[data-y="7"] {
  -webkit-transform: translateY(7px);
     -moz-transform: translateY(7px);
      -ms-transform: translateY(7px);
       -o-transform: translateY(7px);
          transform: translateY(7px);
}

*[data-scale="0.7"] {
  -webkit-transform: scale(0.7, 0.7);
     -moz-transform: scale(0.7, 0.7);
      -ms-transform: scale(0.7, 0.7);
       -o-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7);
}

*[data-x="8"] {
  -webkit-transform: translateX(8px);
     -moz-transform: translateX(8px);
      -ms-transform: translateX(8px);
       -o-transform: translateX(8px);
          transform: translateX(8px);
}

*[data-y="8"] {
  -webkit-transform: translateY(8px);
     -moz-transform: translateY(8px);
      -ms-transform: translateY(8px);
       -o-transform: translateY(8px);
          transform: translateY(8px);
}

*[data-scale="0.8"] {
  -webkit-transform: scale(0.8, 0.8);
     -moz-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
       -o-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

*[data-x="9"] {
  -webkit-transform: translateX(9px);
     -moz-transform: translateX(9px);
      -ms-transform: translateX(9px);
       -o-transform: translateX(9px);
          transform: translateX(9px);
}

*[data-y="9"] {
  -webkit-transform: translateY(9px);
     -moz-transform: translateY(9px);
      -ms-transform: translateY(9px);
       -o-transform: translateY(9px);
          transform: translateY(9px);
}

*[data-scale="0.9"] {
  -webkit-transform: scale(0.9, 0.9);
     -moz-transform: scale(0.9, 0.9);
      -ms-transform: scale(0.9, 0.9);
       -o-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
}

*[data-x="10"] {
  -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
       -o-transform: translateX(10px);
          transform: translateX(10px);
}

*[data-y="10"] {
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
}

*[data-scale="1"] {
  -webkit-transform: scale(1, 1);
     -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
       -o-transform: scale(1, 1);
          transform: scale(1, 1);
}

*[data-x="11"] {
  -webkit-transform: translateX(11px);
     -moz-transform: translateX(11px);
      -ms-transform: translateX(11px);
       -o-transform: translateX(11px);
          transform: translateX(11px);
}

*[data-y="11"] {
  -webkit-transform: translateY(11px);
     -moz-transform: translateY(11px);
      -ms-transform: translateY(11px);
       -o-transform: translateY(11px);
          transform: translateY(11px);
}

*[data-scale="1.1"] {
  -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
       -o-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

*[data-x="12"] {
  -webkit-transform: translateX(12px);
     -moz-transform: translateX(12px);
      -ms-transform: translateX(12px);
       -o-transform: translateX(12px);
          transform: translateX(12px);
}

*[data-y="12"] {
  -webkit-transform: translateY(12px);
     -moz-transform: translateY(12px);
      -ms-transform: translateY(12px);
       -o-transform: translateY(12px);
          transform: translateY(12px);
}

*[data-scale="1.2"] {
  -webkit-transform: scale(1.2, 1.2);
     -moz-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
       -o-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
}

*[data-x="13"] {
  -webkit-transform: translateX(13px);
     -moz-transform: translateX(13px);
      -ms-transform: translateX(13px);
       -o-transform: translateX(13px);
          transform: translateX(13px);
}

*[data-y="13"] {
  -webkit-transform: translateY(13px);
     -moz-transform: translateY(13px);
      -ms-transform: translateY(13px);
       -o-transform: translateY(13px);
          transform: translateY(13px);
}

*[data-scale="1.3"] {
  -webkit-transform: scale(1.3, 1.3);
     -moz-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
       -o-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

*[data-x="14"] {
  -webkit-transform: translateX(14px);
     -moz-transform: translateX(14px);
      -ms-transform: translateX(14px);
       -o-transform: translateX(14px);
          transform: translateX(14px);
}

*[data-y="14"] {
  -webkit-transform: translateY(14px);
     -moz-transform: translateY(14px);
      -ms-transform: translateY(14px);
       -o-transform: translateY(14px);
          transform: translateY(14px);
}

*[data-scale="1.4"] {
  -webkit-transform: scale(1.4, 1.4);
     -moz-transform: scale(1.4, 1.4);
      -ms-transform: scale(1.4, 1.4);
       -o-transform: scale(1.4, 1.4);
          transform: scale(1.4, 1.4);
}

*[data-x="15"] {
  -webkit-transform: translateX(15px);
     -moz-transform: translateX(15px);
      -ms-transform: translateX(15px);
       -o-transform: translateX(15px);
          transform: translateX(15px);
}

*[data-y="15"] {
  -webkit-transform: translateY(15px);
     -moz-transform: translateY(15px);
      -ms-transform: translateY(15px);
       -o-transform: translateY(15px);
          transform: translateY(15px);
}

*[data-scale="1.5"] {
  -webkit-transform: scale(1.5, 1.5);
     -moz-transform: scale(1.5, 1.5);
      -ms-transform: scale(1.5, 1.5);
       -o-transform: scale(1.5, 1.5);
          transform: scale(1.5, 1.5);
}

*[data-x="16"] {
  -webkit-transform: translateX(16px);
     -moz-transform: translateX(16px);
      -ms-transform: translateX(16px);
       -o-transform: translateX(16px);
          transform: translateX(16px);
}

*[data-y="16"] {
  -webkit-transform: translateY(16px);
     -moz-transform: translateY(16px);
      -ms-transform: translateY(16px);
       -o-transform: translateY(16px);
          transform: translateY(16px);
}

*[data-scale="1.6"] {
  -webkit-transform: scale(1.6, 1.6);
     -moz-transform: scale(1.6, 1.6);
      -ms-transform: scale(1.6, 1.6);
       -o-transform: scale(1.6, 1.6);
          transform: scale(1.6, 1.6);
}

*[data-x="17"] {
  -webkit-transform: translateX(17px);
     -moz-transform: translateX(17px);
      -ms-transform: translateX(17px);
       -o-transform: translateX(17px);
          transform: translateX(17px);
}

*[data-y="17"] {
  -webkit-transform: translateY(17px);
     -moz-transform: translateY(17px);
      -ms-transform: translateY(17px);
       -o-transform: translateY(17px);
          transform: translateY(17px);
}

*[data-scale="1.7"] {
  -webkit-transform: scale(1.7, 1.7);
     -moz-transform: scale(1.7, 1.7);
      -ms-transform: scale(1.7, 1.7);
       -o-transform: scale(1.7, 1.7);
          transform: scale(1.7, 1.7);
}

*[data-x="18"] {
  -webkit-transform: translateX(18px);
     -moz-transform: translateX(18px);
      -ms-transform: translateX(18px);
       -o-transform: translateX(18px);
          transform: translateX(18px);
}

*[data-y="18"] {
  -webkit-transform: translateY(18px);
     -moz-transform: translateY(18px);
      -ms-transform: translateY(18px);
       -o-transform: translateY(18px);
          transform: translateY(18px);
}

*[data-scale="1.8"] {
  -webkit-transform: scale(1.8, 1.8);
     -moz-transform: scale(1.8, 1.8);
      -ms-transform: scale(1.8, 1.8);
       -o-transform: scale(1.8, 1.8);
          transform: scale(1.8, 1.8);
}

*[data-x="19"] {
  -webkit-transform: translateX(19px);
     -moz-transform: translateX(19px);
      -ms-transform: translateX(19px);
       -o-transform: translateX(19px);
          transform: translateX(19px);
}

*[data-y="19"] {
  -webkit-transform: translateY(19px);
     -moz-transform: translateY(19px);
      -ms-transform: translateY(19px);
       -o-transform: translateY(19px);
          transform: translateY(19px);
}

*[data-scale="1.9"] {
  -webkit-transform: scale(1.9, 1.9);
     -moz-transform: scale(1.9, 1.9);
      -ms-transform: scale(1.9, 1.9);
       -o-transform: scale(1.9, 1.9);
          transform: scale(1.9, 1.9);
}

*[data-x="20"] {
  -webkit-transform: translateX(20px);
     -moz-transform: translateX(20px);
      -ms-transform: translateX(20px);
       -o-transform: translateX(20px);
          transform: translateX(20px);
}

*[data-y="20"] {
  -webkit-transform: translateY(20px);
     -moz-transform: translateY(20px);
      -ms-transform: translateY(20px);
       -o-transform: translateY(20px);
          transform: translateY(20px);
}

*[data-scale="2"] {
  -webkit-transform: scale(2, 2);
     -moz-transform: scale(2, 2);
      -ms-transform: scale(2, 2);
       -o-transform: scale(2, 2);
          transform: scale(2, 2);
}

*[data-x="21"] {
  -webkit-transform: translateX(21px);
     -moz-transform: translateX(21px);
      -ms-transform: translateX(21px);
       -o-transform: translateX(21px);
          transform: translateX(21px);
}

*[data-y="21"] {
  -webkit-transform: translateY(21px);
     -moz-transform: translateY(21px);
      -ms-transform: translateY(21px);
       -o-transform: translateY(21px);
          transform: translateY(21px);
}

*[data-scale="2.1"] {
  -webkit-transform: scale(2.1, 2.1);
     -moz-transform: scale(2.1, 2.1);
      -ms-transform: scale(2.1, 2.1);
       -o-transform: scale(2.1, 2.1);
          transform: scale(2.1, 2.1);
}

*[data-x="22"] {
  -webkit-transform: translateX(22px);
     -moz-transform: translateX(22px);
      -ms-transform: translateX(22px);
       -o-transform: translateX(22px);
          transform: translateX(22px);
}

*[data-y="22"] {
  -webkit-transform: translateY(22px);
     -moz-transform: translateY(22px);
      -ms-transform: translateY(22px);
       -o-transform: translateY(22px);
          transform: translateY(22px);
}

*[data-scale="2.2"] {
  -webkit-transform: scale(2.2, 2.2);
     -moz-transform: scale(2.2, 2.2);
      -ms-transform: scale(2.2, 2.2);
       -o-transform: scale(2.2, 2.2);
          transform: scale(2.2, 2.2);
}

*[data-x="23"] {
  -webkit-transform: translateX(23px);
     -moz-transform: translateX(23px);
      -ms-transform: translateX(23px);
       -o-transform: translateX(23px);
          transform: translateX(23px);
}

*[data-y="23"] {
  -webkit-transform: translateY(23px);
     -moz-transform: translateY(23px);
      -ms-transform: translateY(23px);
       -o-transform: translateY(23px);
          transform: translateY(23px);
}

*[data-scale="2.3"] {
  -webkit-transform: scale(2.3, 2.3);
     -moz-transform: scale(2.3, 2.3);
      -ms-transform: scale(2.3, 2.3);
       -o-transform: scale(2.3, 2.3);
          transform: scale(2.3, 2.3);
}

*[data-x="24"] {
  -webkit-transform: translateX(24px);
     -moz-transform: translateX(24px);
      -ms-transform: translateX(24px);
       -o-transform: translateX(24px);
          transform: translateX(24px);
}

*[data-y="24"] {
  -webkit-transform: translateY(24px);
     -moz-transform: translateY(24px);
      -ms-transform: translateY(24px);
       -o-transform: translateY(24px);
          transform: translateY(24px);
}

*[data-scale="2.4"] {
  -webkit-transform: scale(2.4, 2.4);
     -moz-transform: scale(2.4, 2.4);
      -ms-transform: scale(2.4, 2.4);
       -o-transform: scale(2.4, 2.4);
          transform: scale(2.4, 2.4);
}

*[data-x="25"] {
  -webkit-transform: translateX(25px);
     -moz-transform: translateX(25px);
      -ms-transform: translateX(25px);
       -o-transform: translateX(25px);
          transform: translateX(25px);
}

*[data-y="25"] {
  -webkit-transform: translateY(25px);
     -moz-transform: translateY(25px);
      -ms-transform: translateY(25px);
       -o-transform: translateY(25px);
          transform: translateY(25px);
}

*[data-scale="2.5"] {
  -webkit-transform: scale(2.5, 2.5);
     -moz-transform: scale(2.5, 2.5);
      -ms-transform: scale(2.5, 2.5);
       -o-transform: scale(2.5, 2.5);
          transform: scale(2.5, 2.5);
}

*[data-x="26"] {
  -webkit-transform: translateX(26px);
     -moz-transform: translateX(26px);
      -ms-transform: translateX(26px);
       -o-transform: translateX(26px);
          transform: translateX(26px);
}

*[data-y="26"] {
  -webkit-transform: translateY(26px);
     -moz-transform: translateY(26px);
      -ms-transform: translateY(26px);
       -o-transform: translateY(26px);
          transform: translateY(26px);
}

*[data-scale="2.6"] {
  -webkit-transform: scale(2.6, 2.6);
     -moz-transform: scale(2.6, 2.6);
      -ms-transform: scale(2.6, 2.6);
       -o-transform: scale(2.6, 2.6);
          transform: scale(2.6, 2.6);
}

*[data-x="27"] {
  -webkit-transform: translateX(27px);
     -moz-transform: translateX(27px);
      -ms-transform: translateX(27px);
       -o-transform: translateX(27px);
          transform: translateX(27px);
}

*[data-y="27"] {
  -webkit-transform: translateY(27px);
     -moz-transform: translateY(27px);
      -ms-transform: translateY(27px);
       -o-transform: translateY(27px);
          transform: translateY(27px);
}

*[data-scale="2.7"] {
  -webkit-transform: scale(2.7, 2.7);
     -moz-transform: scale(2.7, 2.7);
      -ms-transform: scale(2.7, 2.7);
       -o-transform: scale(2.7, 2.7);
          transform: scale(2.7, 2.7);
}

*[data-x="28"] {
  -webkit-transform: translateX(28px);
     -moz-transform: translateX(28px);
      -ms-transform: translateX(28px);
       -o-transform: translateX(28px);
          transform: translateX(28px);
}

*[data-y="28"] {
  -webkit-transform: translateY(28px);
     -moz-transform: translateY(28px);
      -ms-transform: translateY(28px);
       -o-transform: translateY(28px);
          transform: translateY(28px);
}

*[data-scale="2.8"] {
  -webkit-transform: scale(2.8, 2.8);
     -moz-transform: scale(2.8, 2.8);
      -ms-transform: scale(2.8, 2.8);
       -o-transform: scale(2.8, 2.8);
          transform: scale(2.8, 2.8);
}

*[data-x="29"] {
  -webkit-transform: translateX(29px);
     -moz-transform: translateX(29px);
      -ms-transform: translateX(29px);
       -o-transform: translateX(29px);
          transform: translateX(29px);
}

*[data-y="29"] {
  -webkit-transform: translateY(29px);
     -moz-transform: translateY(29px);
      -ms-transform: translateY(29px);
       -o-transform: translateY(29px);
          transform: translateY(29px);
}

*[data-scale="2.9"] {
  -webkit-transform: scale(2.9, 2.9);
     -moz-transform: scale(2.9, 2.9);
      -ms-transform: scale(2.9, 2.9);
       -o-transform: scale(2.9, 2.9);
          transform: scale(2.9, 2.9);
}

*[data-x="30"] {
  -webkit-transform: translateX(30px);
     -moz-transform: translateX(30px);
      -ms-transform: translateX(30px);
       -o-transform: translateX(30px);
          transform: translateX(30px);
}

*[data-y="30"] {
  -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
      -ms-transform: translateY(30px);
       -o-transform: translateY(30px);
          transform: translateY(30px);
}

*[data-scale="3"] {
  -webkit-transform: scale(3, 3);
     -moz-transform: scale(3, 3);
      -ms-transform: scale(3, 3);
       -o-transform: scale(3, 3);
          transform: scale(3, 3);
}

.js-typewriter span {
  opacity: 0;
}

.banner-competency {
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
  bottom: 20px;
  left: -webkit-calc(100vw - 330px);
  left: -moz-calc(100vw - 330px);
  left: calc(100vw - 330px);
  width: 300px;
  height: 125px;
  margin-top: -235px;
}

.banner-competency > a > img:nth-child(2) {
  display: none;
}

.mobile .banner-competency {
  position: -webkit-sticky;
  position: sticky;
  bottom: 5vw;
  left: -webkit-calc(100vw - 90vw);
  left: -moz-calc(100vw - 90vw);
  left: calc(100vw - 90vw);
  width: 80vw;
  height: auto;
  margin-top: -43vw;
}

.mobile .banner-competency > a > img:nth-child(1) {
  display: none;
}

.mobile .banner-competency > a > img:nth-child(2) {
  display: inline;
}

.section-pc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -moz-background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  min-height: 100vh;
  padding-top: 85px;
  overflow-x: hidden;
  background: url(../../assets/images/bg_blur_pc.webp), url(../../assets/images/bg_word.webp);
       background-size: cover;
}

.section-pc .is-hide {
  opacity: 0;
}

.section-pc * {
  letter-spacing: 0.01em;
}

.section-pc .miidasrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-direction: column;
  width: 896px;
  width: 1040px;
  height: 700px;
  margin-left: 200px;
}

.section-pc .miidasrap .miidasrap-title {
  width: 443px;
  height: 221px;
  opacity: 0;
}

.section-pc .miidasrap .miidasrap-inline {
  width: 448px;
}

.section-pc .miidasrap .miidasrap-catch {
  width: 448px;
  margin-top: 67px;
  font-size: 22.8px;
  line-height: 56 / 24;
  text-align: center;
}

.section-pc .miidasrap .miidasrap-catch p {
  display: inline-block;
  font-weight: bold;
}

.section-pc .miidasrap .sample-button {
  -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
  -webkit-box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(189, 199, 209, 0.8);
     -moz-box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(189, 199, 209, 0.8);
  -webkit-transition: -webkit-filter 0.3s ease;
  -o-transition: filter 0.3s ease;
  -moz-transition: filter 0.3s ease;
  display: block;
  position: relative;
  width: 312px;
  height: 60px;
  margin: auto;
  margin-top: 58px;
  border: none;
          border-radius: 60px;
          box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(189, 199, 209, 0.8);
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.section-pc .miidasrap .sample-button span {
  z-index: 1;
  position: relative;
}

.section-pc .miidasrap .sample-button:after {
  -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
          border-radius: 60px;
  background-image: -webkit-linear-gradient(314deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 90%, #4ee0f2 100%);
  background-image: -moz-linear-gradient(314deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 90%, #4ee0f2 100%);
  background-image: -o-linear-gradient(314deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 90%, #4ee0f2 100%);
  background-image: linear-gradient(136deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 90%, #4ee0f2 100%);
  content: "";
  transition: opacity 0.2s ease;
}

.section-pc .miidasrap .sample-button:hover {
  -webkit-filter: brightness(1.15);
          filter: brightness(1.15);
}

.section-pc .miidasrap .smartPhone {
  position: relative;
  width: 561px;
  padding-top: 12px;
  opacity: 0;
}

.section-pc .miidasrap .smartPhone img {
  width: 100%;
}

.section-pc .steps {
  z-index: 1;
}

.section-pc .steps .steps-title {
  position: relative;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: center;
}

.section-pc .steps .steps-title:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: -2px;
  width: 100%;
  height: 100%;
  margin: auto;
  content: attr(data-text);
  color: #00ffff;
}

.section-pc .steps .steps-title:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 2px;
  width: 100%;
  height: 100%;
  margin: auto;
  content: attr(data-text);
  color: #ff00ff;
}

.section-pc .steps .steps-list .steps-item {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  width: 604px;
  height: 61px;
  margin-top: 45px;
          border-radius: 10px;
  background: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

.section-pc .steps .steps-list .steps-item:after {
  -moz-background-size: contain;
  position: absolute;
  bottom: -30px;
  width: 31px;
  height: 14px;
  margin: auto;
  background: url(../../assets/images/arrow.webp) no-repeat;
       background-size: contain;
  content: "";
}

.section-pc .steps .steps-list .steps-item::before {
  -webkit-border-radius: 11px;
     -moz-border-radius: 11px;
  z-index: -1;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
          border-radius: 11px;
  background: -webkit-gradient(linear, right top, left top, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  background: -webkit-linear-gradient(right, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -moz-linear-gradient(right, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -o-linear-gradient(right, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: linear-gradient(to left, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  content: "";
}

.section-pc .steps .steps-list .steps-item:first-child {
  margin-top: 40px;
  background-image: -webkit-linear-gradient(-44.97deg, #1eb8f2 0%, #215bd4 90%, #215bd4 100%);
  color: #fff;
}

.section-pc .steps .steps-list .steps-item:first-child::before {
  display: none;
}

.section-pc .steps .steps-list .steps-item:last-child:after {
  display: none;
}

.section-pc .aboutMiidas {
  z-index: 1;
  position: relative;
  width: 854px;
  margin-top: 93px;
}

.section-pc .aboutMiidas .aboutMiidas-container {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
  -moz-background-size: cover;
  position: relative;
  padding-top: 60px;
  padding-right: 95px;
  padding-bottom: 50px;
  padding-left: 97px;
          border-radius: 10px;
  background: url(../../assets/images/aboutMiidas_pc.webp) no-repeat;
       background-size: cover;
}

.section-pc .aboutMiidas .aboutMiidas-container::after {
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
  z-index: -1;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
          border-radius: 12px;
  background: -webkit-gradient(linear, left bottom, left top, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  background: -webkit-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -moz-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -o-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: linear-gradient(to top, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  content: "";
}

.section-pc .registMiidas {
  -moz-background-size: 1440px 100%, 100% 100%;
  width: 100%;
  height: 430px;
  margin-top: 50px;
  background: url(../../assets/images/registMiidas_bg.webp) center top no-repeat, url(../../assets/images/registMiidas_bg_center.webp) center top no-repeat;
       background-size: 1440px 100%, 100% 100%;
}

.section-pc .registMiidas .registMiidas-inline {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  width: 800px;
  height: 100%;
  margin: auto;
  padding: 58px 0;
  padding-top: 58px;
  color: #fff;
  line-height: 1;
  text-align: center;
}

.section-pc .noize-wrap-wrap {
  position: absolute;
  top: 0;
  left: 0;
}

.section-pc .noize-wrap {
  -webkit-transform: skewX(341.5deg) skewY(4deg);
     -moz-transform: skewX(341.5deg) skewY(4deg);
      -ms-transform: skewX(341.5deg) skewY(4deg);
       -o-transform: skewX(341.5deg) skewY(4deg);
  position: relative;
  left: 120px;
  width: 320px;
  height: 530px;
          transform: skewX(341.5deg) skewY(4deg);
}

.section-pc .noize {
  z-index: 1;
  position: absolute;
  pointer-events: none;
}

.section-pc .noize * {
  margin: 0;
}

.section-pc .noize svg {
  position: absolute;
}

.section-pc .noize[data-position="lt"] {
  left: -35px;
  width: 39.5px;
  height: 87px;
}

.section-pc .noize[data-position="rt"] {
  top: 65px;
  right: -20px;
  width: 39.5px;
  height: 87px;
}

.section-pc .noize[data-position="lb"] {
  bottom: -10px;
  left: -45px;
  width: 55.5px;
  height: 142.5px;
}

.section-pc .noize[data-position="rb"] {
  right: -25px;
  bottom: 0px;
  width: 55.5px;
  height: 142.5px;
}

.modal {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: none;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 130px;
  padding-bottom: 51px;
  background: rgba(0, 0, 0, 0.5);
}

.modal .is-ios {
  display: none;
}

.ios .modal .is-ios {
  display: block;
}

.section-sp .modal {
  overflow: scroll;
}

.modal.is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.5);
}

.modal.is-active .modal-inline {
  -webkit-animation: SHOW 0.6s ease forwards;
     -moz-animation: SHOW 0.6s ease forwards;
       -o-animation: SHOW 0.6s ease forwards;
          animation: SHOW 0.6s ease forwards;
}

@-webkit-keyframes SHOW {
  0% {
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}

@-moz-keyframes SHOW {
  0% {
    -moz-transform: scale(0.9, 0.9);
         transform: scale(0.9, 0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: scale(1, 1);
         transform: scale(1, 1);
    opacity: 1;
  }
}

@-o-keyframes SHOW {
  0% {
    -o-transform: scale(0.9, 0.9);
       transform: scale(0.9, 0.9);
    opacity: 0;
  }
  100% {
    -o-transform: scale(1, 1);
       transform: scale(1, 1);
    opacity: 1;
  }
}

@keyframes SHOW {
  0% {
    -webkit-transform: scale(0.9, 0.9);
       -moz-transform: scale(0.9, 0.9);
         -o-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}

.modal .modal-title {
  font-size: 28px;
  line-height: 2;
  text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
}

.modal .upload-steps {
  margin-top: 78px;
}

.modal .upload-steps-item {
  margin-top: 74px;
}

.modal .upload-steps-item:first-child {
  margin-top: 0;
}

.modal .upload-seteps-item-description {
  margin-bottom: 30px;
  padding-left: 1.4em;
  font-weight: bold;
  font-size: 33px;
  line-height: 1;
  text-indent: -1.4em;
}

.modal .upload-seteps-item-description span {
  display: inline-block;
  margin-top: 15px;
  font-size: 25px;
}

.modal .upload-seteps-item-description a {
  text-decoration: underline;
}

.modal .share-link,
.modal .app-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -moz-transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 66.66667vw;
  max-width: 500px;
  height: 14.93333vw;
  max-height: 112px;
          border-radius: 60px;
  background-image: -webkit-linear-gradient(134.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  background-image: -moz-linear-gradient(134.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  background-image: -o-linear-gradient(134.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  background-image: linear-gradient(-44.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  color: #fff;
  font-weight: bold;
  transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
}

.modal .share-link:active,
.modal .app-link:active {
  -webkit-transform: scale(0.8, 0.8);
     -moz-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
       -o-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

.modal .share-link[data-type="twitter"],
.modal .app-link[data-type="twitter"] {
  background: #1da1f2;
}

.modal .share-link[data-type="line"],
.modal .app-link[data-type="line"] {
  background: #00b900;
}

.modal .share-link[data-type="facebook"],
.modal .app-link[data-type="facebook"] {
  background: #1877f2;
}

.modal .share-link[data-type="tiktok"],
.modal .app-link[data-type="tiktok"] {
  background: #000;
}

.modal .share-link[data-type="instagram"],
.modal .app-link[data-type="instagram"] {
  background-image: -webkit-linear-gradient(30deg, #febd1c 0%, #f61002 30%, #e0003d 70%, #c0009e 100%);
  background-image: -moz-linear-gradient(30deg, #febd1c 0%, #f61002 30%, #e0003d 70%, #c0009e 100%);
  background-image: -o-linear-gradient(30deg, #febd1c 0%, #f61002 30%, #e0003d 70%, #c0009e 100%);
  background-image: linear-gradient(60deg, #febd1c 0%, #f61002 30%, #e0003d 70%, #c0009e 100%);
}

.modal .share-link[data-type="youtube"],
.modal .app-link[data-type="youtube"] {
  background: #ff0000;
}

.modal a[data-type="ios_save_movie"] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
          align-items: center;
          justify-content: center;
  width: 66.66667vw;
  max-width: 500px;
  height: 6.53333vw;
  max-height: 49px;
  margin-top: 17px;
          border-radius: 25px;
  background-image: -webkit-linear-gradient(-44.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 1em;
  letter-spacing: 0.1em;
}

.modal .modal-hr {
  width: 23.06667vw;
  max-width: 173px;
  margin-top: 85px;
  margin-bottom: 85px;
  border-top: solid 1px #4ee0f2;
  border-bottom: solid 1px #5a58fe;
}

.modal .howToAttach .howToAttach-title {
  margin-top: -6px;
  margin-bottom: 30px;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.2em;
  text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
}

.modal .howToAttach .howToAttach-list {
  margin-bottom: 60px;
  text-align: left;
}

.modal .howToAttach .howToAttach-item {
  font-size: 24px;
  line-height: 1.5;
}

.modal .howToAttach .howToAttach-image {
  position: relative;
  width: 72.13333vw;
  max-width: 541px;
  height: 55.73333vw;
  max-height: 418px;
  background: #ccc;
}

.modal .howToAttach .howToAttach-image .howToAttach-arrow {
  position: absolute;
  width: 6.93333vw;
  max-width: 52px;
  height: 8vw;
  max-height: 60px;
}

.modal .howToAttach .howToAttach-image .howToAttach-arrow[data-no="1"] {
  -moz-background-size: contain;
  top: -54px;
  right: 21px;
  background: url(../../assets/images/howToAttach-arrow_1.webp) no-repeat;
       background-size: contain;
}

.modal .howToAttach .howToAttach-image .howToAttach-arrow[data-no="2"] {
  -moz-background-size: contain;
  top: 330px;
  left: 143px;
  background: url(../../assets/images/howToAttach-arrow_2.webp) no-repeat;
       background-size: contain;
}

.modal[data-type="sample"] {
  -moz-background-size: cover;
  background: url(../../assets/images/modal_overlay.webp);
       background-size: cover;
}

.modal[data-type="sample"] .modal-inline {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          box-sizing: content-box;
  position: relative;
  width: 300px;
  height: 535px;
  padding: 4px;
          border-radius: 20px;
  background-image: -webkit-gradient(linear, 110deg, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  background-image: -webkit-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background-image: -moz-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background-image: -o-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background-image: linear-gradient(to 110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
}

.modal[data-type="sample"] .modal-inline .inner {
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
  width: 300px;
  height: 535px;
  overflow: hidden;
          border-radius: 15px;
  background: #fff;
}

.modal[data-type="sample"] .closeModal {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  right: -42px;
  cursor: pointer;
}

.modal[data-type="terms"] .modal-inline, .modal[data-type="ios_save_movie"] .modal-inline {
  padding: 70px;
  padding-right: 30px;
  padding-left: 30px;
}

.modal[data-type="terms"] h3, .modal[data-type="ios_save_movie"] h3 {
  margin-bottom: 40px;
  font-size: 32px;
  line-height: 1em;
}

.modal[data-type="terms"] dl, .modal[data-type="ios_save_movie"] dl {
  font-size: 24px;
  line-height: 1.25;
  text-align: left;
}

.modal[data-type="terms"] dl dt, .modal[data-type="ios_save_movie"] dl dt {
  margin-bottom: 30px;
}

.modal[data-type="terms"] dl dd, .modal[data-type="ios_save_movie"] dl dd {
  margin-bottom: 30px;
}

.modal[data-type="terms"] .steps-image, .modal[data-type="ios_save_movie"] .steps-image {
  margin-left: -60px;
}

.modal[data-type="terms"] .closeModal-inline, .modal[data-type="ios_save_movie"] .closeModal-inline {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
  width: 40vw;
  max-width: 300px;
  height: 8.53333vw;
  max-height: 64px;
  margin-top: 60px;
          border-radius: 10px;
  background: #e5e5e5;
  font-size: 24px;
}

.modal.is-active {
  -webkit-animation: SHOWBG 0.8s ease forwards;
     -moz-animation: SHOWBG 0.8s ease forwards;
       -o-animation: SHOWBG 0.8s ease forwards;
          animation: SHOWBG 0.8s ease forwards;
  will-change: transform;
}

@-webkit-keyframes SHOWBG {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes SHOWBG {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes SHOWBG {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes SHOWBG {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.modal.is-active .modal-inline {
  -webkit-animation: SHOW 0.6s ease forwards;
     -moz-animation: SHOW 0.6s ease forwards;
       -o-animation: SHOW 0.6s ease forwards;
          animation: SHOW 0.6s ease forwards;
}

@keyframes SHOW {
  0% {
    -webkit-transform: scale(0.9, 0.9);
       -moz-transform: scale(0.9, 0.9);
         -o-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

.closeModal {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -moz-transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  position: fixed;
  top: 30px;
  right: 30px;
          align-items: center;
          justify-content: center;
  width: 8vw;
  max-width: 60px;
  height: 8vw;
  max-height: 60px;
  border: none;
          border-radius: 30px;
  background: #000;
  color: #fff;
  font-size: 30px;
  line-height: 0em;
  text-align: center;
  cursor: pointer;
  transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
}

.closeModal:active {
  -webkit-transform: scale(0.8, 0.8);
     -moz-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
       -o-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

.section-pc .closeModal {
  width: 30px;
  height: 30px;
  font-size: 15px;
}

.section-sp .modal-inline {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
  -webkit-border-image: url(../../assets/images/modal_bg.webp) 14 fill/8px/8px stretch;
     -moz-border-image: url(../../assets/images/modal_bg.webp) 14 fill/8px/8px stretch;
       -o-border-image: url(../../assets/images/modal_bg.webp) 14 fill/8px/8px stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
  width: 80vw;
  max-width: 600px;
  padding: 0;
  padding: 51px;
  padding-bottom: 65px;
  border: none;
          border-radius: 10px;
          border-image: url(../../assets/images/modal_bg.webp) 14 fill/8px/8px stretch;
  text-align: center;
}

.section-sp {
  -moz-background-size: cover;
  min-height: 100vh;
  padding-bottom: 130px;
  background: url(../../assets/images/bg_word_sp.webp);
       background-size: cover;
}

.section-sp .section-sp-inline {
  width: 100%;
  margin: auto;
}

.section-sp .miidasrap {
  padding-top: 80px;
}

.section-sp .miidasrap .miidasrap-title {
  width: 85.6vw;
  max-width: 642px;
  height: 11.2vw;
  max-height: 84px;
  margin: auto;
  opacity: 0;
}

.section-sp .miidasrap .miidasrap-description {
  width: 91.73333vw;
  max-width: 688px;
  margin: auto;
  margin-top: 52px;
  font-size: 34.2px;
  line-height: 1.94444;
  letter-spacing: 0em;
  text-align: center;
}

.section-sp .miidasrap .miidasrap-description p {
  display: inline-block;
  font-weight: bold;
}

.section-sp .miidasrap .movie {
  z-index: 1;
  position: relative;
  width: 72.66667vw;
  max-width: 545px;
  height: 129.33333vw;
  max-height: 970px;
  margin: auto;
  margin-top: 60px;
  opacity: 0;
}

.section-sp .miidasrap .movie::after {
  -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
  z-index: -1;
  position: absolute;
  top: -6px;
  right: -6px;
  bottom: -6px;
  left: -6px;
          border-radius: 25px;
  background: -webkit-gradient(linear, left bottom, left top, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  background: -webkit-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -moz-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -o-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: linear-gradient(to top, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  content: "";
}

.section-sp .miidasrap .movie .play-button {
  -moz-background-size: 17%;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -moz-transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: url(../../assets/images/playbtn.webp) center no-repeat;
       background-size: 17%;
  color: transparent;
  transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
}

.section-sp .miidasrap .movie .play-button.is-hidden {
  display: none;
}

.section-sp .miidasrap .movie .play-button:active {
  -webkit-transform: scale(0.8, 0.8);
     -moz-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
       -o-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

.section-sp .miidasrap .movie .video-wrapper {
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
          border-radius: 20px;
}

.section-sp .miidasrap .movie video {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
}

.section-sp .miidasrap .movie .noize {
  z-index: 1;
  position: absolute;
  pointer-events: none;
}

.section-sp .miidasrap .movie .noize svg {
  position: absolute;
}

.section-sp .miidasrap .movie .noize[data-position="lt"] {
  left: -80px;
  width: 10.53333vw;
  max-width: 79px;
  height: 23.2vw;
  max-height: 174px;
}

.section-sp .miidasrap .movie .noize[data-position="rt"] {
  top: 130px;
  right: -70px;
  width: 10.53333vw;
  max-width: 79px;
  height: 23.2vw;
  max-height: 174px;
}

.section-sp .miidasrap .movie .noize[data-position="lb"] {
  bottom: 130px;
  left: -100px;
  width: 14.8vw;
  max-width: 111px;
  height: 38vw;
  max-height: 285px;
}

.section-sp .miidasrap .movie .noize[data-position="rb"] {
  right: -80px;
  bottom: 0px;
  width: 14.8vw;
  max-width: 111px;
  height: 38vw;
  max-height: 285px;
}

.section-sp .share {
  margin-top: 60px;
  text-align: center;
}

.section-sp .share .share-description {
  font-size: 24px;
  line-height: 42 / 24;
  text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
}

.section-sp .share .share-item a {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(189, 199, 209, 0.8);
     -moz-box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(189, 199, 209, 0.8);
  -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -moz-transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  width: 80vw;
  max-width: 600px;
  height: 14.93333vw;
  max-height: 112px;
  margin: auto;
  margin-top: 42px;
          border-radius: 60px;
  background-image: -webkit-linear-gradient(134.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  background-image: -moz-linear-gradient(134.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  background-image: -o-linear-gradient(134.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  background-image: linear-gradient(-44.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
          box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(189, 199, 209, 0.8);
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  line-height: 1;
  transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
}

.section-sp .share .share-item a:active {
  -webkit-transform: scale(0.8, 0.8);
     -moz-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
       -o-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

.section-sp .share .share-item a img[alt="twitter"] {
  width: 8.4vw;
  max-width: 63px;
  margin-right: 23px;
}

.section-sp .share .share-item a img[alt="line"] {
  width: 9.73333vw;
  max-width: 73px;
  margin-right: 13px;
}

.section-sp .share .share-item a.is-disabled {
  background: #b0b0b0;
  color: #fff;
  pointer-events: none;
}

.section-sp .share .share-item label {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          align-items: center;
          justify-content: center;
  margin-top: 40px;
  margin-bottom: 72px;
  font-size: 24px;
  letter-spacing: 0.1em;
}

.section-sp .share .share-item label div {
  margin-left: 10px;
  text-decoration: underline;
}

.section-sp .share .share-item p {
  width: 54.66667vw;
  max-width: 410px;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 24px;
}

.section-sp .share .share-item p span {
  display: inline-block;
  border-bottom: 1px solid #000;
  line-height: 1.3em;
}

.section-sp .share .share-item p + a {
  margin-top: 0;
}

.section-sp .share .share-item:first-child {
  margin-bottom: 80px;
}

.section-sp .share .app-list-title {
  margin-top: 90px;
  color: #284459;
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-shadow: 0.1px 0.1px 0 #284459, -0.1px -0.1px 0 #284459, 0.1px -0.1px 0 #284459, -0.1px 0.1px 0 #284459;
}

.section-sp .share .app-list {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
          justify-content: space-between;
  width: 60vw;
  max-width: 450px;
  margin: auto;
  margin-top: 40px;
}

.section-sp .share .app-list .app-item {
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -moz-transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  width: 11.2vw;
  max-width: 84px;
          filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
}

.section-sp .share .app-list .app-item:active {
  -webkit-transform: scale(0.8, 0.8);
     -moz-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
       -o-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

.section-sp .tryMiidas {
  z-index: 1;
  position: relative;
  position: relative;
  width: 84vw;
  max-width: 630px;
  margin: auto;
  margin-top: 120px;
}

.section-sp .tryMiidas .tryMiidas-inline {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
  padding-top: 36px;
  padding-bottom: 57px;
          border-radius: 10px;
  background: #fff;
}

.section-sp .tryMiidas .tryMiidas-inline::after {
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
  z-index: -1;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
          border-radius: 12px;
  background: -webkit-gradient(linear, left bottom, left top, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  background: -webkit-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -moz-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -o-linear-gradient(bottom, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: linear-gradient(to top, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  content: "";
}

.section-sp .tryMiidas .tryMiidas-inline .tryMiidas-title {
  margin-left: 36px;
  font-weight: bold;
  font-size: 36px;
  line-height: 60 / 36;
  letter-spacing: -0.05em;
}

.section-sp .tryMiidas .tryMiidas-inline .tryMiidas-title span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  background: -webkit-linear-gradient(left, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -moz-linear-gradient(left, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -o-linear-gradient(left, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: linear-gradient(to right, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  color: transparent;
}

.section-sp .tryMiidas .tryMiidas-inline .steps-title {
  margin-top: 50px;
  font-size: 28px;
  line-height: 1;
  text-align: center;
  text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
}

.section-sp .tryMiidas .tryMiidas-inline .steps-list {
  z-index: 1;
  position: relative;
}

.section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          align-items: center;
          justify-content: center;
  width: 73.33333vw;
  max-width: 550px;
  height: 8vw;
  max-height: 60px;
  margin: auto;
  margin-top: 55px;
          border-radius: 10px;
  background: #fff;
  font-size: 24px;
  text-align: center;
  text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
}

.section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item:after {
  -moz-background-size: contain;
  position: absolute;
  bottom: -38px;
  width: 6.13333vw;
  max-width: 46px;
  height: 2.93333vw;
  max-height: 22px;
  margin: auto;
  background: url(../../assets/images/arrow.webp) no-repeat;
       background-size: contain;
  content: "";
}

.section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item::before {
  -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
  z-index: -1;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
          border-radius: 13px;
  background: -webkit-gradient(linear, right top, left top, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  background: -webkit-linear-gradient(right, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -moz-linear-gradient(right, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: -o-linear-gradient(right, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  background: linear-gradient(to left, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  content: "";
}

.section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item:first-child {
  margin-top: 40px;
  background-image: -webkit-linear-gradient(-44.97deg, #1eb8f2 0%, #215bd4 100%);
  color: #fff;
  text-shadow: 0.1px 0.1px 0 rgba(255, 255, 255, 0.5), -0.1px -0.1px 0 rgba(255, 255, 255, 0.5), 0.1px -0.1px 0 rgba(255, 255, 255, 0.5), -0.1px 0.1px 0 rgba(255, 255, 255, 0.5);
}

.section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item:first-child::before {
  display: none;
}

.section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item:last-child:after {
  display: none;
}

.section-sp .tryMiidas .tryMiidas-inline .aboutMiidas-title {
  margin: auto;
  margin-top: 80px;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
}

.section-sp .tryMiidas .tryMiidas-inline .aboutMiidas-inline {
  padding-right: 55px;
  padding-left: 55px;
}

.section-sp .registMiidas .registMiidas-title {
  position: relative;
  width: 84.66667vw;
  max-width: 635px;
  margin: auto;
  margin-top: 210px;
  font-weight: bold;
  font-size: 32px;
  line-height: 1.4375;
  letter-spacing: 0.07em;
  text-align: center;
}

.section-sp .registMiidas .registMiidas-title::after {
  -webkit-border-image: -webkit-gradient(linear, 110deg, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  -webkit-border-image: -webkit-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
     -moz-border-image: -moz-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
       -o-border-image: -o-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
       -o-transform-origin: 50% 100%;
  -webkit-transform: rotate(-25deg);
     -moz-transform: rotate(-25deg);
      -ms-transform: rotate(-25deg);
       -o-transform: rotate(-25deg);
  display: block;
  position: absolute;
  top: -2px;
  left: 50px;
  width: 0;
  height: 16vw;
  max-height: 120px;
          transform: rotate(-25deg);
          transform-origin: 50% 100%;
  border-left: 2px solid #000000;
          border-image: -webkit-gradient(linear, 110deg, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
          border-image: linear-gradient(to 110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  border-image-slice: 1;
  content: "";
}

.section-sp .registMiidas .registMiidas-title::before {
  -webkit-border-image: -webkit-gradient(linear, 110deg, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
  -webkit-border-image: -webkit-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
     -moz-border-image: -moz-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
       -o-border-image: -o-linear-gradient(110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
       -o-transform-origin: 50% 100%;
  -webkit-transform: rotate(25deg);
     -moz-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
       -o-transform: rotate(25deg);
  display: block;
  position: absolute;
  top: -2px;
  right: 50px;
  width: 0;
  height: 16vw;
  max-height: 120px;
          transform: rotate(25deg);
          transform-origin: 50% 100%;
  border-left: 2px solid #000000;
          border-image: -webkit-gradient(linear, 110deg, from(#9942ca), color-stop(50%, #5c53fd), to(#4ee0f2));
          border-image: linear-gradient(to 110deg, #9942ca 0%, #5c53fd 50%, #4ee0f2 100%);
  border-image-slice: 1;
  content: "";
}

.section-sp .registMiidas .registMiidas-description {
  width: 84.66667vw;
  max-width: 635px;
  margin: auto;
  margin-top: 0px;
  font-size: 28px;
  line-height: 1.3em;
  text-align: center;
  text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
}

.section-sp .registMiidas .registMiidas-memo {
  width: 84.66667vw;
  max-width: 635px;
  margin: auto;
  margin-top: 40px;
  font-size: 20px;
  line-height: 1.5;
}

.section-sp .registMiidas .registMiidas-link {
  margin-right: auto;
  margin-left: auto;
}

.section-sp .js-hide {
  opacity: 0;
}

.aboutMiidas .aboutMiidas-inline,
.tryMiidas .aboutMiidas-inline {
  width: 382px;
  margin-top: 56px;
}

.aboutMiidas .aboutMiidas-title,
.tryMiidas .aboutMiidas-title {
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.18em;
  text-align: center;
}

.aboutMiidas .aboutMiidas-heading,
.tryMiidas .aboutMiidas-heading {
  -moz-text-align-last: justify;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
       text-align-last: justify;
}

.aboutMiidas .aboutMiidas-emphasized,
.tryMiidas .aboutMiidas-emphasized {
  margin-top: 13px;
  font-weight: bold;
  font-size: 54px;
  line-height: 1;
}

.aboutMiidas .aboutMiidas-description,
.tryMiidas .aboutMiidas-description {
  margin-top: 22px;
  font-size: 16px;
  line-height: 32/16;
  letter-spacing: 0.07em;
}

.aboutMiidas .aboutMiidas-image,
.tryMiidas .aboutMiidas-image {
  position: absolute;
  right: 55px;
  bottom: 0;
  height: 100%;
  overflow: hidden;
}

.aboutMiidas .aboutMiidas-image img,
.tryMiidas .aboutMiidas-image img {
  width: 283px;
  margin-top: 90px;
}

.aboutMiidas:before, .aboutMiidas:after,
.tryMiidas:before,
.tryMiidas:after {
  -moz-background-size: contain;
  position: absolute;
  right: 0;
  bottom: -56px;
  left: 0;
  width: 45px;
  height: 23px;
  margin: auto;
  background: url(../../assets/images/arrow.webp) no-repeat;
       background-size: contain;
  content: "";
}

.aboutMiidas:after,
.tryMiidas:after {
  bottom: -93px;
}

/*
*/
.registMiidas .registMiidas-title {
  position: relative;
  font-weight: bold;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0.1em;
}

.registMiidas .registMiidas-title::after {
  -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
       -o-transform-origin: 50% 100%;
  -webkit-transform: translateX(-13px) rotate(-25deg);
     -moz-transform: translateX(-13px) rotate(-25deg);
      -ms-transform: translateX(-13px) rotate(-25deg);
       -o-transform: translateX(-13px) rotate(-25deg);
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 0;
  height: 63px;
          transform: translateX(-13px) rotate(-25deg);
          transform-origin: 50% 100%;
  border-left: 3px solid #fff;
  content: "";
}

.registMiidas .registMiidas-title::before {
  -webkit-transform-origin: 50% 100%;
     -moz-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
       -o-transform-origin: 50% 100%;
  -webkit-transform: translateX(13px) rotate(25deg);
     -moz-transform: translateX(13px) rotate(25deg);
      -ms-transform: translateX(13px) rotate(25deg);
       -o-transform: translateX(13px) rotate(25deg);
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  width: 0;
  height: 63px;
          transform: translateX(13px) rotate(25deg);
          transform-origin: 50% 100%;
  border-left: 3px solid #fff;
  content: "";
}

.registMiidas .registMiidas-description {
  margin-top: 13px;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
}

.registMiidas .registMiidas-link {
  -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
  -webkit-box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(0, 0, 0, 0.2);
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -o-transition: -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -moz-transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  -webkit-transition: -webkit-filter 0.3s ease;
  -o-transition: filter 0.3s ease;
  -moz-transition: filter 0.3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
  width: 604px;
  margin-top: 25px;
  padding: 23px 23px 12px 23px;
          border-radius: 60px;
  background-image: -webkit-linear-gradient(135deg, #19a5dc, #1cb6f1);
  background-image: -moz-linear-gradient(135deg, #19a5dc, #1cb6f1);
  background-image: -o-linear-gradient(135deg, #19a5dc, #1cb6f1);
  background-image: linear-gradient(-45deg, #19a5dc, #1cb6f1);
          box-shadow: 8.03px 11.468px 26.1px 2.9px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  transition: -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -webkit-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -moz-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17), -o-transform 0.8s cubic-bezier(0, 0.14, 0.37, 1.17);
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.registMiidas .registMiidas-link:active {
  -webkit-transform: scale(0.8, 0.8);
     -moz-transform: scale(0.8, 0.8);
      -ms-transform: scale(0.8, 0.8);
       -o-transform: scale(0.8, 0.8);
          transform: scale(0.8, 0.8);
}

.registMiidas .registMiidas-link span {
  z-index: 1;
  position: relative;
}

.registMiidas .registMiidas-link .registMiidas-text {
  position: relative;
  font-size: 36px;
  letter-spacing: 0.1em;
}

.registMiidas .registMiidas-link .registMiidas-memo {
  width: 450px;
  margin-top: 13px;
  padding-left: 1em;
  font-size: 12px;
  line-height: 1.66667;
  letter-spacing: 0.02em;
  text-align: left;
  text-indent: -1em;
}

.registMiidas .registMiidas-link:before {
  -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
          border-radius: 60px;
  background-image: -webkit-linear-gradient(-44.97deg, #9942ca 0%, #7b4be4 22%, #5c53fd 48%, #559af8 74%, #4ee0f2 100%);
  content: "";
  transition: opacity 0.2s ease;
}

.registMiidas .registMiidas-link:after {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto;
          transform: rotate(-45deg);
  border-right: solid 2px #ffffff;
  border-bottom: solid 2px #ffffff;
  content: "";
}

.registMiidas .registMiidas-link:hover {
  -webkit-filter: brightness(1.15);
          filter: brightness(1.15);
}

/* -----------------------------------------------------------
  STYLES: components
----------------------------------------------------------- */

@media print {
  -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
  -webkit-transform-origin: 0 0;
     -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
       -o-transform-origin: 0 0;
  width: 1280px;
          transform: scale(0.8);
          transform-origin: 0 0;
}

@media print, screen and (min-width: 781px) {
  .u-sp {
    display: none;
  }
  .section-pc .miidasrap .smartPhone {
    position: absolute;
    top: -20px;
    right: 0;
    height: 655px;
  }
}

@media only screen and (max-width: 780px) {
  .u-pc {
    display: none;
  }
  .mobile .footer {
    padding-top: 32vw;
  }
  .mobile .footer-nav {
    margin-top: 17.33333vw;
  }
  .mobile .footer-officialSns p {
    font-size: 3.6vw;
  }
  .mobile .footer-officialSns p {
    margin-right: 5.33333vw;
  }
  .mobile .footer-officialSns ul li {
    margin-right: 5.33333vw;
  }
  .mobile .footer-contact {
    font-size: 3.06667vw;
  }
  .mobile .footer-contact {
    margin-top: 10.66667vw;
  }
  .mobile .footer-contact li {
    margin-left: 5.06667vw;
  }
  .mobile .footer-copyright {
    font-size: 2.8vw;
  }
  .mobile .footer-copyright {
    padding-top: 9.33333vw;
  }
  .mobile .footer-copyright {
    padding-bottom: 7.33333vw;
  }
  .section-pc {
    -moz-background-size: cover;
    position: relative;
    padding-top: 80px;
    background: url(../../assets/images/bg_word_sp.webp);
         background-size: cover;
  }
  .section-pc:after {
    z-index: 1;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 7.6vw;
    max-height: 57px;
    background: #fff;
    content: "";
  }
  .section-pc .miidasrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
            flex-direction: column;
    width: 84vw;
    max-width: 630px;
    height: auto;
    margin-left: unset;
  }
  .section-pc .miidasrap .miidasrap-title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 71.2vw;
    max-width: 534px;
    height: 35.6vw;
    max-height: 267px;
    margin: 0 auto;
  }
  .section-pc .miidasrap .miidasrap-inline {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: auto;
  }
  .section-pc .miidasrap .miidasrap-catch {
    width: 100%;
    margin-top: -55px;
    font-size: 34px;
  }
  .section-pc .miidasrap .sample-button {
    margin-top: 50px;
    font-size: 36px;
  }
  .section-pc .miidasrap .smartPhone {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 86.8vw;
    max-width: 651px;
    padding-top: 80px;
    padding-top: 0;
  }
  .section-pc .steps {
    margin-top: 155px;
  }
  .section-pc .steps .steps-title {
    font-weight: bold;
    font-size: 32px;
  }
  .section-pc .steps .steps-list .steps-item {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
    width: 83.6vw;
    max-width: 627px;
    height: 8vw;
    max-height: 60px;
    margin-top: 56px;
            border-radius: 5px;
    font-size: 24px;
  }
  .section-pc .steps .steps-list .steps-item:after {
    bottom: -40px;
    width: 6.26667vw;
    max-width: 47px;
    height: 3.06667vw;
    max-height: 23px;
  }
  .section-pc .steps .steps-list .steps-item::before {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
  }
  .section-pc .steps .steps-list .steps-item:first-child {
    margin-top: 55px;
  }
  .section-pc .aboutMiidas {
    width: 84vw;
    max-width: 630px;
    margin-top: 163px;
  }
  .section-pc .aboutMiidas .aboutMiidas-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
            flex-direction: column;
    padding-top: 85px;
    padding-right: 55px;
    padding-bottom: 85px;
    padding-left: 55px;
  }
  .section-pc .aboutMiidas .aboutMiidas-container .aboutMiidas-title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .section-pc .aboutMiidas .aboutMiidas-container .aboutMiidas-image {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .section-pc .aboutMiidas .aboutMiidas-container .aboutMiidas-inline {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .section-pc .registMiidas {
    -moz-background-size: contain;
    z-index: 2;
    position: relative;
    height: 124vw;
    max-height: 930px;
    margin-top: 228px;
    background: url(../../assets/images/registMiidas_bg_sp.webp?v=20250312) center top no-repeat;
         background-size: contain;
  }
  .section-pc .registMiidas .registMiidas-inline {
    width: 100%;
    padding: 0;
    padding-bottom: 25vw;
  }
  .section-pc .noize-wrap {
    top: 50px;
    left: 180px;
    width: 46.66667vw;
    max-width: 350px;
    height: 80vw;
    max-height: 600px;
  }
  .section-pc .noize[data-position="lt"] {
    left: -70px;
    width: 7.37333vw;
    max-width: 55.3px;
    height: 16.24vw;
    max-height: 121.8px;
  }
  .section-pc .noize[data-position="rt"] {
    top: 130px;
    right: -40px;
    width: 7.37333vw;
    max-width: 55.3px;
    height: 16.24vw;
    max-height: 121.8px;
  }
  .section-pc .noize[data-position="lb"] {
    bottom: -20px;
    left: -90px;
    width: 10.36vw;
    max-width: 77.7px;
    height: 26.6vw;
    max-height: 199.5px;
  }
  .section-pc .noize[data-position="rb"] {
    right: -50px;
    bottom: 0px;
    width: 10.36vw;
    max-width: 77.7px;
    height: 26.6vw;
    max-height: 199.5px;
  }
  .modal {
    padding-top: 17.33333vw;
  }
  .modal {
    padding-bottom: 6.8vw;
  }
  .modal .modal-title {
    font-size: 3.73333vw;
  }
  .modal .upload-steps {
    margin-top: 10.4vw;
  }
  .modal .upload-steps-item {
    margin-top: 9.86667vw;
  }
  .modal .upload-seteps-item-description {
    font-size: 4.4vw;
  }
  .modal .upload-seteps-item-description {
    margin-bottom: 4vw;
  }
  .modal .upload-seteps-item-description span {
    margin-top: 2vw;
  }
  .modal .upload-seteps-item-description span {
    font-size: 3.33333vw;
  }
  .modal .share-link,
  .modal .app-link {
    -webkit-border-radius: 8vw;
       -moz-border-radius: 8vw;
            border-radius: 8vw;
  }
  .modal a[data-type="ios_save_movie"] {
    font-size: 3.2vw;
  }
  .modal a[data-type="ios_save_movie"] {
    margin-top: 2.26667vw;
  }
  .modal a[data-type="ios_save_movie"] {
    -webkit-border-radius: 3.33333vw;
       -moz-border-radius: 3.33333vw;
            border-radius: 3.33333vw;
  }
  .modal .modal-hr {
    margin-top: 11.33333vw;
  }
  .modal .modal-hr {
    margin-bottom: 11.33333vw;
  }
  .modal .howToAttach .howToAttach-title {
    font-size: 4vw;
  }
  .modal .howToAttach .howToAttach-title {
    margin-top: -0.8vw;
  }
  .modal .howToAttach .howToAttach-title {
    margin-bottom: 4vw;
  }
  .modal .howToAttach .howToAttach-list {
    margin-bottom: 8vw;
  }
  .modal .howToAttach .howToAttach-item {
    font-size: 3.2vw;
  }
  .modal .howToAttach .howToAttach-image .howToAttach-arrow[data-no="1"] {
    top: -7.2vw;
  }
  .modal .howToAttach .howToAttach-image .howToAttach-arrow[data-no="1"] {
    right: 2.8vw;
  }
  .modal .howToAttach .howToAttach-image .howToAttach-arrow[data-no="2"] {
    top: 44vw;
  }
  .modal .howToAttach .howToAttach-image .howToAttach-arrow[data-no="2"] {
    left: 19.06667vw;
  }
  .modal[data-type="sample"] {
    overflow-y: auto;
  }
  .modal[data-type="sample"] .modal-inline {
    width: 72.66667vw;
    max-width: 545px;
    height: 129.58667vw;
    max-height: 971.9px;
  }
  .modal[data-type="sample"] .modal-inline .inner {
    width: 72.66667vw;
    max-width: 545px;
    height: 129.58667vw;
    max-height: 971.9px;
  }
  .modal[data-type="sample"] .closeModal {
    top: -75px;
    right: 0;
  }
  .modal[data-type="terms"] .modal-inline, .modal[data-type="ios_save_movie"] .modal-inline {
    padding: 9.33333vw;
  }
  .modal[data-type="terms"] .modal-inline, .modal[data-type="ios_save_movie"] .modal-inline {
    padding-left: 4vw;
  }
  .modal[data-type="terms"] .modal-inline, .modal[data-type="ios_save_movie"] .modal-inline {
    padding-right: 4vw;
  }
  .modal[data-type="terms"] h3, .modal[data-type="ios_save_movie"] h3 {
    font-size: 4.26667vw;
  }
  .modal[data-type="terms"] h3, .modal[data-type="ios_save_movie"] h3 {
    margin-bottom: 5.33333vw;
  }
  .modal[data-type="terms"] dl, .modal[data-type="ios_save_movie"] dl {
    font-size: 3.2vw;
  }
  .modal[data-type="terms"] dl dt, .modal[data-type="ios_save_movie"] dl dt {
    margin-bottom: 4vw;
  }
  .modal[data-type="terms"] dl dd, .modal[data-type="ios_save_movie"] dl dd {
    margin-bottom: 4vw;
  }
  .modal[data-type="terms"] .steps-image, .modal[data-type="ios_save_movie"] .steps-image {
    margin-left: -8vw;
  }
  .modal[data-type="terms"] .closeModal-inline, .modal[data-type="ios_save_movie"] .closeModal-inline {
    margin-top: 8vw;
  }
  .modal[data-type="terms"] .closeModal-inline, .modal[data-type="ios_save_movie"] .closeModal-inline {
    font-size: 3.2vw;
  }
  .modal[data-type="terms"] .closeModal-inline, .modal[data-type="ios_save_movie"] .closeModal-inline {
    -webkit-border-radius: 1.33333vw;
       -moz-border-radius: 1.33333vw;
            border-radius: 1.33333vw;
  }
  .closeModal {
    top: 4vw;
  }
  .closeModal {
    right: 4vw;
  }
  .closeModal {
    font-size: 4vw;
  }
  .closeModal {
    -webkit-border-radius: 4vw;
       -moz-border-radius: 4vw;
            border-radius: 4vw;
  }
  .section-sp .modal-inline {
    -webkit-border-radius: 1.33333vw;
       -moz-border-radius: 1.33333vw;
            border-radius: 1.33333vw;
  }
  .section-sp .modal-inline {
    padding: 6.8vw;
  }
  .section-sp .modal-inline {
    padding-bottom: 8.66667vw;
  }
  .section-sp {
    padding-bottom: 17.33333vw;
  }
  .section-sp .miidasrap {
    padding-top: 10.66667vw;
  }
  .section-sp .miidasrap .miidasrap-description {
    font-size: 4.56vw;
  }
  .section-sp .miidasrap .miidasrap-description {
    margin-top: 6.93333vw;
  }
  .section-sp .miidasrap .movie {
    margin-top: 8vw;
  }
  .section-sp .miidasrap .movie::after {
    top: -0.8vw;
  }
  .section-sp .miidasrap .movie::after {
    left: -0.8vw;
  }
  .section-sp .miidasrap .movie::after {
    right: -0.8vw;
  }
  .section-sp .miidasrap .movie::after {
    bottom: -0.8vw;
  }
  .section-sp .miidasrap .movie::after {
    -webkit-border-radius: 3.33333vw;
       -moz-border-radius: 3.33333vw;
            border-radius: 3.33333vw;
  }
  .section-sp .miidasrap .movie .video-wrapper {
    -webkit-border-radius: 2.66667vw;
       -moz-border-radius: 2.66667vw;
            border-radius: 2.66667vw;
  }
  .section-sp .miidasrap .movie .noize[data-position="lt"] {
    left: -10.66667vw;
  }
  .section-sp .miidasrap .movie .noize[data-position="rt"] {
    top: 17.33333vw;
  }
  .section-sp .miidasrap .movie .noize[data-position="rt"] {
    right: -9.33333vw;
  }
  .section-sp .miidasrap .movie .noize[data-position="lb"] {
    left: -13.33333vw;
  }
  .section-sp .miidasrap .movie .noize[data-position="lb"] {
    bottom: 17.33333vw;
  }
  .section-sp .miidasrap .movie .noize[data-position="rb"] {
    right: -10.66667vw;
  }
  .section-sp .miidasrap .movie .noize[data-position="rb"] {
    bottom: 0vw;
  }
  .section-sp .share {
    margin-top: 8vw;
  }
  .section-sp .share .share-description {
    font-size: 3.2vw;
  }
  .section-sp .share .share-item a {
    margin-top: 5.6vw;
  }
  .section-sp .share .share-item a {
    font-size: 4.8vw;
  }
  .section-sp .share .share-item a {
    -webkit-border-radius: 8vw;
       -moz-border-radius: 8vw;
            border-radius: 8vw;
  }
  .section-sp .share .share-item a img[alt="twitter"] {
    margin-right: 3.06667vw;
  }
  .section-sp .share .share-item a img[alt="line"] {
    margin-right: 1.73333vw;
  }
  .section-sp .share .share-item label {
    font-size: 3.2vw;
  }
  .section-sp .share .share-item label {
    margin-top: 5.33333vw;
  }
  .section-sp .share .share-item label {
    margin-bottom: 9.6vw;
  }
  .section-sp .share .share-item label div {
    margin-left: 1.33333vw;
  }
  .section-sp .share .share-item p {
    font-size: 3.2vw;
  }
  .section-sp .share .share-item p {
    margin-top: 5.33333vw;
  }
  .section-sp .share .share-item p {
    margin-bottom: 2.66667vw;
  }
  .section-sp .share .share-item:first-child {
    margin-bottom: 10.66667vw;
  }
  .section-sp .share .app-list-title {
    font-size: 3.6vw;
  }
  .section-sp .share .app-list-title {
    margin-top: 12vw;
  }
  .section-sp .share .app-list {
    margin-top: 5.33333vw;
  }
  .section-sp .tryMiidas {
    margin-top: 16vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline {
    -webkit-border-radius: 1.33333vw;
       -moz-border-radius: 1.33333vw;
            border-radius: 1.33333vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline {
    padding-top: 4.8vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline {
    padding-bottom: 7.6vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline::after {
    top: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline::after {
    left: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline::after {
    right: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline::after {
    bottom: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline::after {
    -webkit-border-radius: 1.6vw;
       -moz-border-radius: 1.6vw;
            border-radius: 1.6vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .tryMiidas-title {
    font-size: 4.8vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .tryMiidas-title {
    margin-left: 4.8vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-title {
    font-size: 3.73333vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-title {
    margin-top: 6.66667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item {
    font-size: 3.2vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item {
    margin-top: 7.33333vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item {
    -webkit-border-radius: 1.33333vw;
       -moz-border-radius: 1.33333vw;
            border-radius: 1.33333vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item:after {
    bottom: -5.06667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item::before {
    top: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item::before {
    left: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item::before {
    right: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item::before {
    bottom: -0.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item::before {
    -webkit-border-radius: 1.73333vw;
       -moz-border-radius: 1.73333vw;
            border-radius: 1.73333vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .steps-list .steps-item:first-child {
    margin-top: 5.33333vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .aboutMiidas-title {
    font-size: 4.26667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .aboutMiidas-title {
    margin-top: 10.66667vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .aboutMiidas-inline {
    padding-left: 7.33333vw;
  }
  .section-sp .tryMiidas .tryMiidas-inline .aboutMiidas-inline {
    padding-right: 7.33333vw;
  }
  .section-sp .registMiidas .registMiidas-title {
    font-size: 4.26667vw;
  }
  .section-sp .registMiidas .registMiidas-title {
    margin-top: 28vw;
  }
  .section-sp .registMiidas .registMiidas-title::after {
    top: -0.26667vw;
  }
  .section-sp .registMiidas .registMiidas-title::after {
    left: 6.66667vw;
  }
  .section-sp .registMiidas .registMiidas-title::before {
    top: -0.26667vw;
  }
  .section-sp .registMiidas .registMiidas-title::before {
    right: 6.66667vw;
  }
  .section-sp .registMiidas .registMiidas-description {
    margin-top: 0vw;
  }
  .section-sp .registMiidas .registMiidas-description {
    font-size: 3.73333vw;
  }
  .section-sp .registMiidas .registMiidas-memo {
    font-size: 2.66667vw;
  }
  .aboutMiidas .aboutMiidas-inline,
  .tryMiidas .aboutMiidas-inline {
    width: 100%;
    margin-top: 76px;
  }
  .aboutMiidas .aboutMiidas-title,
  .tryMiidas .aboutMiidas-title {
    font-size: 32px;
    text-shadow: 0.1px 0.1px 0 #000, -0.1px -0.1px 0 #000, 0.1px -0.1px 0 #000, -0.1px 0.1px 0 #000;
  }
  .aboutMiidas .aboutMiidas-heading,
  .tryMiidas .aboutMiidas-heading {
    font-size: 24px;
  }
  .aboutMiidas .aboutMiidas-emphasized,
  .tryMiidas .aboutMiidas-emphasized {
    width: 100%;
    height: auto;
    font-size: 72px;
    text-align: center;
  }
  .aboutMiidas .aboutMiidas-description,
  .tryMiidas .aboutMiidas-description {
    margin-top: 37px;
    font-size: 24px;
  }
  .aboutMiidas .aboutMiidas-image,
  .tryMiidas .aboutMiidas-image {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    right: unset;
            align-items: flex-start;
            justify-content: center;
    height: 77.33333vw;
    max-height: 580px;
  }
  .aboutMiidas .aboutMiidas-image img,
  .tryMiidas .aboutMiidas-image img {
    width: 72.66667vw;
    max-width: 545px;
    margin-top: -41px;
    margin-right: -15px;
  }
  .aboutMiidas:before, .aboutMiidas:after,
  .tryMiidas:before,
  .tryMiidas:after {
    bottom: -96px;
    width: 12.13333vw;
    max-width: 91px;
    height: 6.13333vw;
    max-height: 46px;
  }
  .aboutMiidas:after,
  .tryMiidas:after {
    bottom: -168px;
  }
  .registMiidas .registMiidas-title::after {
    -webkit-transform: translateX(0) rotate(-25deg);
       -moz-transform: translateX(0) rotate(-25deg);
        -ms-transform: translateX(0) rotate(-25deg);
         -o-transform: translateX(0) rotate(-25deg);
    height: 15.6vw;
    max-height: 117px;
            transform: translateX(0) rotate(-25deg);
    border-width: 3px;
  }
  .registMiidas .registMiidas-title::before {
    -webkit-transform: translateX(0) rotate(25deg);
       -moz-transform: translateX(0) rotate(25deg);
        -ms-transform: translateX(0) rotate(25deg);
         -o-transform: translateX(0) rotate(25deg);
    height: 15.6vw;
    max-height: 117px;
            transform: translateX(0) rotate(25deg);
    border-width: 3px;
  }
  .registMiidas .registMiidas-title {
    font-size: 32px;
  }
  .registMiidas .registMiidas-description {
    margin-top: 14px;
    font-size: 26px;
    line-height: 1.38462;
  }
  .registMiidas .registMiidas-link {
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
    width: 80vw;
    max-width: 600px;
    height: 27.06667vw;
    max-height: 203px;
    margin-top: 36px;
    padding-top: 44px;
    padding-right: 55px;
    padding-bottom: 30px;
    padding-left: 55px;
            border-radius: 100px;
  }
  .registMiidas .registMiidas-link .registMiidas-text {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    font-size: 44px;
    letter-spacing: 0;
  }
  .registMiidas .registMiidas-link .registMiidas-text:after {
    display: none;
  }
  .registMiidas .registMiidas-link .registMiidas-memo {
    margin-top: 18px;
    padding-left: 1em;
    font-size: 20px;
    line-height: 1.3;
    text-indent: -1em;
  }
  .registMiidas .registMiidas-link:before {
    -webkit-border-radius: 100px;
       -moz-border-radius: 100px;
            border-radius: 100px;
  }
  .registMiidas .registMiidas-link:after {
    right: 22px;
    width: 2.66667vw;
    max-width: 20px;
    height: 2.66667vw;
    max-height: 20px;
  }
}

@media only screen and (max-width: 780px) and (max-width: 780px) {
  .section-pc {
    padding-top: 10.66667vw;
  }
  .section-pc:after {
    bottom: 0vw;
  }
  .section-pc .miidasrap .miidasrap-catch {
    font-size: 4.53333vw;
  }
  .section-pc .miidasrap .miidasrap-catch {
    margin-top: -7.33333vw;
  }
  .section-pc .miidasrap .sample-button {
    margin-top: 6.66667vw;
  }
  .section-pc .miidasrap .sample-button {
    font-size: 4.8vw;
  }
  .section-pc .miidasrap .smartPhone {
    padding-top: 10.66667vw;
  }
  .section-pc .steps {
    margin-top: 20.66667vw;
  }
  .section-pc .steps .steps-title {
    font-size: 4.26667vw;
  }
  .section-pc .steps .steps-list .steps-item {
    font-size: 3.2vw;
  }
  .section-pc .steps .steps-list .steps-item {
    margin-top: 7.46667vw;
  }
  .section-pc .steps .steps-list .steps-item:after {
    bottom: -5.33333vw;
  }
  .section-pc .steps .steps-list .steps-item:first-child {
    margin-top: 7.33333vw;
  }
  .section-pc .aboutMiidas {
    margin-top: 21.73333vw;
  }
  .section-pc .aboutMiidas .aboutMiidas-container {
    padding-top: 11.33333vw;
  }
  .section-pc .aboutMiidas .aboutMiidas-container {
    padding-left: 7.33333vw;
  }
  .section-pc .aboutMiidas .aboutMiidas-container {
    padding-right: 7.33333vw;
  }
  .section-pc .aboutMiidas .aboutMiidas-container {
    padding-bottom: 11.33333vw;
  }
  .section-pc .registMiidas {
    margin-top: 30.4vw;
  }
  .section-pc .noize-wrap {
    top: 6.66667vw;
  }
  .section-pc .noize-wrap {
    left: 24vw;
  }
  .section-pc .noize[data-position="lt"] {
    left: -9.33333vw;
  }
  .section-pc .noize[data-position="rt"] {
    top: 17.33333vw;
  }
  .section-pc .noize[data-position="rt"] {
    right: -5.33333vw;
  }
  .section-pc .noize[data-position="lb"] {
    left: -12vw;
  }
  .section-pc .noize[data-position="lb"] {
    bottom: -2.66667vw;
  }
  .section-pc .noize[data-position="rb"] {
    right: -6.66667vw;
  }
  .section-pc .noize[data-position="rb"] {
    bottom: 0vw;
  }
  .modal[data-type="sample"] .closeModal {
    top: -10vw;
  }
  .aboutMiidas .aboutMiidas-inline,
  .tryMiidas .aboutMiidas-inline {
    margin-top: 10.13333vw;
  }
  .aboutMiidas .aboutMiidas-title,
  .tryMiidas .aboutMiidas-title {
    font-size: 4.26667vw;
  }
  .aboutMiidas .aboutMiidas-heading,
  .tryMiidas .aboutMiidas-heading {
    font-size: 3.2vw;
  }
  .aboutMiidas .aboutMiidas-emphasized,
  .tryMiidas .aboutMiidas-emphasized {
    font-size: 9.6vw;
  }
  .aboutMiidas .aboutMiidas-description,
  .tryMiidas .aboutMiidas-description {
    font-size: 3.2vw;
  }
  .aboutMiidas .aboutMiidas-description,
  .tryMiidas .aboutMiidas-description {
    margin-top: 4.93333vw;
  }
  .aboutMiidas .aboutMiidas-image img,
  .tryMiidas .aboutMiidas-image img {
    margin-top: -5.46667vw;
  }
  .aboutMiidas .aboutMiidas-image img,
  .tryMiidas .aboutMiidas-image img {
    margin-right: -2vw;
  }
  .aboutMiidas:before, .aboutMiidas:after,
  .tryMiidas:before,
  .tryMiidas:after {
    bottom: -12.8vw;
  }
  .aboutMiidas:after,
  .tryMiidas:after {
    bottom: -22.4vw;
  }
  .registMiidas .registMiidas-title::after {
    border-width: 0.4vw;
  }
  .registMiidas .registMiidas-title::before {
    border-width: 0.4vw;
  }
  .registMiidas .registMiidas-title {
    font-size: 4.26667vw;
  }
  .registMiidas .registMiidas-description {
    margin-top: 1.86667vw;
  }
  .registMiidas .registMiidas-description {
    font-size: 3.46667vw;
  }
  .registMiidas .registMiidas-link {
    margin-top: 4.8vw;
  }
  .registMiidas .registMiidas-link {
    padding-top: 5.86667vw;
  }
  .registMiidas .registMiidas-link {
    padding-left: 7.33333vw;
  }
  .registMiidas .registMiidas-link {
    padding-right: 7.33333vw;
  }
  .registMiidas .registMiidas-link {
    padding-bottom: 4vw;
  }
  .registMiidas .registMiidas-link {
    -webkit-border-radius: 13.33333vw;
       -moz-border-radius: 13.33333vw;
            border-radius: 13.33333vw;
  }
  .registMiidas .registMiidas-link .registMiidas-text {
    font-size: 5.86667vw;
  }
  .registMiidas .registMiidas-link .registMiidas-memo {
    margin-top: 2.4vw;
  }
  .registMiidas .registMiidas-link .registMiidas-memo {
    font-size: 2.66667vw;
  }
  .registMiidas .registMiidas-link:before {
    -webkit-border-radius: 13.33333vw;
       -moz-border-radius: 13.33333vw;
            border-radius: 13.33333vw;
  }
  .registMiidas .registMiidas-link:after {
    right: 2.93333vw;
  }
}