@charset "UTF-8";
/* 各モジュール
----------------------------- */
* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #333;
}

.mgn-t30 {
  margin-top: 30px;
}

.mgn-b20 {
  margin-bottom: 20px;
}

.mgn-b15 {
  margin-bottom: 15px;
}

.mgn-b40 {
  margin-bottom: 40px;
}

.fnt-org {
  color: #ffb547;
}

.fnt-gre {
  color: #00b6bc;
}

.fnt-db {
  color: #036a98;
}

.fnt-lg {
  color: #8e8e8e;
}

.fnt-red {
  color: rgb(255, 0, 0);
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.fnt-b {
  font-weight: bold;
}

/* インナー
----------------------------- */
.inner-1, .inner-3 {
  padding: 0 20px;
}
@media (max-width: 480px) {
  .inner-1, .inner-3 {
    padding: 0 2vw;
  }
}

.inner-2 {
  padding: 0 20px;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .inner-2 {
    padding: 0 2vw;
  }
}

.inner-3 {
  margin-bottom: 50px;
}

/* 改行
----------------------------- */
.pc-br {
  display: block;
}
@media (max-width: 480px) {
  .pc-br {
    display: none;
  }
}

.sp-br {
  display: block;
}
@media (min-width: 481px) {
  .sp-br {
    display: none;
  }
}

/* レイアウト
----------------------------- */
/* 3カラム */
.col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.33%;
}
.col3 img {
  max-width: 100%;
}
@media (min-width: 481px) {
  .col3 {
    grid-template-columns: repeat(3, 30%);
    max-width: 500px;
    margin: 0 auto;
    gap: 5%;
  }
}

.col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20%;
}
.col2 img {
  width: 100%;
}

/* リンク
----------------------------- */
.link-1 {
  text-align: right;
  vertical-align: middle;
}
.link-1 a {
  color: #1091d4;
}
.link-1 a::after {
  content: url(../images/ico-arr-link.svg);
  display: inline-block;
  padding-left: 0.6em;
}
.link-1.mt {
  margin-top: 20px;
}
.link-1.mb {
  margin-bottom: 20px;
}
@media (min-width: 481px) {
  .link-1 {
    font-size: 16px;
  }
}

.link-2 {
  vertical-align: middle;
  position: relative;
  font-size: 0.9rem;
}
.link-2 a {
  color: #1091d4;
  display: block;
  padding-left: 1em;
}
.link-2 a::before {
  content: url(../images/ico-arr-link.svg);
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.link-2.mt {
  margin-top: 20px;
}
.link-2.mb {
  margin-bottom: 20px;
}
@media (min-width: 481px) {
  .link-2 {
    font-size: 14px;
  }
}

/* フォント
----------------------------- */
.fnt-1 {
  font-size: 3.6vw;
  line-height: 1.6;
}
@media (min-width: 481px) {
  .fnt-1 {
    font-size: 14px;
  }
}

/* サイズ
----------------------------- */
.w100-50 {
  width: 100%;
}
@media (min-width: 481px) {
  .w100-50 {
    width: 50%;
  }
}

/* 画像サイズ
----------------------------- */
.imgSize-max {
  max-width: 100%;
}
@media (min-width: 481px) {
  .imgSize-max {
    max-width: 444px;
    width: 100%;
  }
}

.imgSize-1 {
  width: 70%;
}
@media (min-width: 481px) {
  .imgSize-1 {
    min-width: 268px;
    width: 34%;
  }
}

.imgSize-2 {
  width: 80%;
}
@media (min-width: 481px) {
  .imgSize-2 {
    max-width: 320px;
    width: 100%;
  }
}

.imgSize-3 {
  max-width: 100%;
}
@media (min-width: 481px) {
  .imgSize-3 {
    max-width: 540px;
    width: 100%;
  }
}

/* 箇条書き
----------------------------- */
.list-num {
  margin-left: 1.6em;
  list-style: decimal;
  font-size: 0.8rem;
}
@media (min-width: 769px) {
  .list-num {
    font-size: 14px;
  }
}

.list-num li:not(:last-child) {
  margin-bottom: 6px;
}

/* インデント
----------------------------- */
.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}

body {
  background: #00b6bc;
  font-family: "メイリオ", "MS Pゴシック", "ヒラギノ角ゴ Pro", sans-serif;
}
.menu-top {
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .menu-top {
    margin-bottom: 20px;
  }
}
.menu-top li {
  text-align: center;
  background-color: #ffffff;
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 481px) {
  .menu-top li {
    max-width: 490px;
    margin: 0 auto 15px;
  }
}
.menu-top li::before {
  content: url(../images/menu-ico-arr.svg);
  position: absolute;
  top: 52%;
  left: 2vw;
  transform: translateY(-50%);
}
.menu-top li a {
  color: #1091d4;
  display: block;
  font-weight: bold;
  padding: 12px 0;
  border: 2px solid #1091d4;
  border-radius: 60px;
  transition: 0.3s;
}
@media (min-width: 769px) {
  .menu-top li a:hover {
    background-color: #1091d4;
    transition: 0.3s;
    color: #ffffff;
  }
}
@media (max-width: 480px) {
  .menu-top li a {
    padding: 10px 0;
    font-size: 4vw;
  }
}

.wrap {
  max-width: 768px;
  margin: 0 auto;
  line-height: 1.4;
  color: #333;
  background: #ffffff;
}

.intro {
  background-color: #00b6bc;
  color: #ffffff;
  padding: 50px 2vw 20px;
}
@media (max-width: 480px) {
  .intro {
    padding: 22px 2vw 0;
    margin-bottom: 15px;
  }
}
.intro h2 {
  font-size: 3vw;
  margin-bottom: 0.5em;
  font-weight: bold;
}
@media (max-width: 480px) {
  .intro h2 {
    font-size: 5.1vw;
  }
}
@media (min-width: 481px) {
  .intro h2 {
    font-size: 26px;
    text-align: center;
  }
}
.intro h2 + p {
  font-size: 18px;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .intro h2 + p {
    font-size: 3.8vw;
    margin-bottom: 5px;
  }
}
@media (min-width: 481px) {
  .intro h2 + p {
    text-align: center;
  }
}
.intro .app-dl {
  display: flex;
  justify-content: space-between;
}
.intro .app-dl .img-appy-top {
  width: 90px;
}
@media (max-width: 480px) {
  .intro .app-dl .img-appy-top {
    width: 60px;
  }
}
.intro .app-dl .btn-gp {
  width: 100%;
  background-color: #ffffff;
  position: relative;
  border-radius: 8px;
  text-align: center;
  padding: 0.5em;
  color: #333333;
}
@media (max-width: 480px) {
  .intro .app-dl .btn-gp {
    padding: 0.3em;
  }
}
.intro .app-dl .btn-gp .txt-dl {
  margin-bottom: 20px;
  font-size: 18px;
}
@media (max-width: 480px) {
  .intro .app-dl .btn-gp .txt-dl {
    margin-bottom: 5px;
    font-size: 3.5vw;
  }
}
@media (min-width: 481px) {
  .intro .app-dl .btn-gp .txt-dl {
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .intro .app-dl .btn-gp {
    font-size: 0.75em;
  }
}
.intro .app-dl .btn-gp .list-btn {
  display: flex;
  justify-content: space-around;
}
@media (min-width: 481px) {
  .intro .app-dl .btn-gp .list-btn {
    justify-content: center;
  }
}
.intro .app-dl .btn-gp .list-btn li {
  width: 45%;
}
@media (min-width: 481px) {
  .intro .app-dl .btn-gp .list-btn li {
    min-width: 192px;
    width: 32%;
    padding: 0 12px;
  }
}
.intro .app-dl .btn-gp .list-btn li img {
  width: 100%;
}

footer {
  background-color: #00b6bc;
  color: #ffffff;
  text-align: center;
  padding: 12px 0;
  font-size: 14px;
  line-height: 1.6;
}
@media (max-width: 480px) {
  footer {
    font-size: 4vw;
  }
}

.top-contentWrap {
  max-width: 768px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .top-contentWrap {
    max-width: auto;
    margin: 0;
  }
}

.top-bgWhite {
  background-color: #ffffff;
  padding: 20px 0;
}
@media (max-width: 480px) {
  .top-bgWhite {
    background-color: none;
    padding: 10px 0;
  }
}

/* トップヘッダー
----------------------------------*/
.header {
  height: 32px;
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 481px) {
  .header {
    height: 60px;
  }
}
.header h1 {
  position: relative;
  top: -5px;
  width: 280px;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 26px;
  background-color: #ffffff;
  background: url("../images/header-circle@2x.png") center center no-repeat;
  background-size: 90% 90%;
}
@media (max-width: 480px) {
  .header h1 {
    width: 240px;
    background-size: 50% 50%;
  }
}
.header h1 img {
  height: 56px;
}
@media (max-width: 480px) {
  .header h1 img {
    height: 28px;
  }
}

/* 下層トップヘッダー
----------------------------------*/
@media (max-width: 480px) {
  .header-page {
    height: 60px;
  }
}
@media (max-width: 480px) {
  .header-page h1 {
    width: 260px;
    padding: 19px 0;
  }
}
@media (max-width: 480px) {
  .header-page h1 img {
    height: 34px;
  }
}
.header-page::after {
  content: "";
  position: absolute;
  top: -56px;
  left: 2vw;
  width: 70px;
  height: 220px;
  background: url(../images/header-appy.svg) center center no-repeat;
}
@media (min-width: 481px) {
  .header-page::after {
    width: 102px;
    top: -38px;
  }
}

.wrap .ttl-start {
  text-align: center;
  padding: 12px 0 3px;
}
@media (min-width: 481px) {
  .wrap .ttl-start {
    padding: 40px 0 5px;
  }
}

.humberger {
  width: 46px;
  height: 46px;
  position: fixed;
  right: 7px;
  top: 7px;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid #dddddd;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
}

/* ピースサインの始め方
------------------------------------*/
.img-startGuide {
  width: 100%;
}
@media (min-width: 481px) {
  .img-startGuide {
    max-width: 400px;
    width: 100%;
  }
}
@media (min-width: 769px) {
  .img-startGuide {
    max-width: 416px;
    width: 100%;
  }
}

.condition {
  font-size: 3.2vw;
  margin-bottom: 15px;
  font-weight: bold;
}
@media (min-width: 481px) {
  .condition {
    font-size: 14px;
  }
}

.ttl-snooze {
  font-size: 4.4vw;
  color: #00b6bc;
  font-weight: bold;
  margin-bottom: 10px;
}
@media (min-width: 481px) {
  .ttl-snooze {
    font-size: 20px;
  }
}

/* //ピースサインの始め方
------------------------------------*/
.btn-guide {
  max-width: 300px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  border-bottom: 6px dotted #9DD9DB;
  font-weight: bold;
}
.btn-guide a {
  display: block;
  padding: 0.1em;
}
.btn-guide .btn-mimamoru {
  border-bottom: 2px solid #00b6bc;
  padding: 0 0 0.2em 3em;
  position: relative;
  margin-bottom: 30px;
}
.btn-guide .btn-mimamoru::before {
  content: url(../images/link-appy-circle-orange.svg);
  position: absolute;
  left: -0.5em;
  top: -10px;
}
.btn-guide .btn-mimamoru::after {
  content: url(../images/ico-arr-down2.svg);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.btn-guide .btn-mimamorareru {
  border-bottom: 2px solid #ffb547;
  padding: 0 0 0.2em 3em;
  position: relative;
}
.btn-guide .btn-mimamorareru::before {
  content: url(../images/link-appy-circle-green.svg);
  position: absolute;
  left: -0.5em;
  top: -10px;
}
.btn-guide .btn-mimamorareru::after {
  content: url(../images/ico-arr-down.svg);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.intro-name {
  font-weight: bold;
  border-radius: 8px;
  background-color: #FFF5D4;
  padding: 0.5em;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .intro-name {
    font-size: 3.8vw;
    margin-bottom: 30px;
    line-height: 1.4;
  }
}
@media (min-width: 481px) {
  .intro-name {
    font-size: 16px;
  }
}
.intro-name.snooze {
  font-size: 3.3vw;
  text-align: center;
  margin-top: 20px;
}
@media (min-width: 481px) {
  .intro-name.snooze {
    font-size: 16px;
  }
}
.intro-name .tmp-message {
  font-weight: normal;
  font-size: 3.6vw;
  font-weight: bold;
  list-style: disc;
  margin-left: 2em;
}
@media (min-width: 481px) {
  .intro-name .tmp-message {
    font-size: 14px;
  }
}
.intro-name .tmp-message li:not(:last-child) {
  margin-bottom: 5px;
}

.process {
  font-size: 3.6vw;
  line-height: 1.6;
  margin-bottom: 40px;
}
.process .process-detail {
  font-size: 0.8rem;
}
@media (min-width: 481px) {
  .process .process-detail {
    font-size: 0.9rem;
  }
}
.process .process-num {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (min-width: 481px) {
  .process .process-num {
    font-size: 16px;
  }
}
.process .process-num.ttl {
  align-items: center;
}
.process .process-num .circle-num {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background: #00b6bc;
  color: #ffffff;
  font-size: 5vw;
}
@media (min-width: 481px) {
  .process .process-num .circle-num {
    font-size: 16px;
  }
}
.process .process-num .circle-num.circle-num-gre {
  background: #ffb547;
  color: #ffffff;
}
.process .process-num .circle-num.circle-numBlue {
  background: #1091d4;
  color: #ffffff;
}
.process .process-num .circle-num.circle-numBlue + p {
  font-weight: bold;
  font-size: 4.4vw;
  line-height: 2.1;
}
@media (min-width: 481px) {
  .process .process-num .circle-num.circle-numBlue + p {
    font-size: 18px;
    line-height: 2;
  }
}
.process .process-num p {
  width: calc(100% - 40px);
}
@media (min-width: 481px) {
  .process .process-num p {
    line-height: 2;
  }
}
.process .process-num p.process-ttl {
  font-size: 1rem;
  font-weight: bold;
}
.process .process-num p.intro-home {
  font-size: 5.2vw;
}
@media (min-width: 481px) {
  .process .process-num p.intro-home {
    font-size: 22px;
    line-height: 1.5;
  }
}
.process .img-screen {
  text-align: center;
  margin-bottom: 15px;
}
.process .img-screen .img-1 {
  width: 52%;
}
@media (min-width: 481px) {
  .process .img-screen .img-1 {
    max-width: 186px;
  }
}
.process .img-screen .img-2 {
  width: 100%;
}
@media (min-width: 481px) {
  .process .img-screen .img-2 {
    max-width: 366px;
  }
}
.process .img-screen .img-3 {
  width: 100%;
}
@media (min-width: 481px) {
  .process .img-screen .img-3 {
    max-width: 550px;
  }
}
.process .txt-att {
  color: red;
  font-size: 3.1vw;
  margin-bottom: 30px;
}
@media (min-width: 481px) {
  .process .txt-att {
    font-size: 14px;
  }
}
@media (min-width: 769px) {
  .process .txt-att {
    text-align: center;
  }
}
.process .detail-num, .process .detail-num-2 {
  font-size: 0.8rem;
}
@media (min-width: 481px) {
  .process .detail-num, .process .detail-num-2 {
    font-size: 14px;
  }
}
.process .detail-num li, .process .detail-num-2 li {
  margin-bottom: 10px;
}
.process .detail-num li > p, .process .detail-num-2 li > p {
  padding-left: 5%;
}
@media (min-width: 481px) {
  .process .detail-num li > p, .process .detail-num-2 li > p {
    padding-left: 3%;
  }
}
.process .detail-num li::after, .process .detail-num-2 li::after {
  content: "";
  clear: both;
  display: block;
}
.process .detail-num li:nth-child(1)::before, .process .detail-num-2 li:nth-child(1)::before {
  content: "①";
  color: red;
  padding-right: 0.3em;
  float: left;
}
.process .detail-num li:nth-child(2)::before, .process .detail-num-2 li:nth-child(2)::before {
  content: "②";
  color: red;
  padding-right: 0.3em;
  float: left;
}
.process .detail-num li:nth-child(3)::before, .process .detail-num-2 li:nth-child(3)::before {
  content: "③";
  color: red;
  padding-right: 0.3em;
  float: left;
}
.process .detail-num li:nth-child(4)::before, .process .detail-num-2 li:nth-child(4)::before {
  content: "④";
  color: red;
  padding-right: 0.3em;
  float: left;
}
.process .detail-num li:nth-child(5)::before, .process .detail-num-2 li:nth-child(5)::before {
  content: "⑤";
  color: red;
  padding-right: 0.3em;
  float: left;
}
.process .detail-num li:nth-child(6)::before, .process .detail-num-2 li:nth-child(6)::before {
  content: "⑥";
  color: red;
  padding-right: 0.3em;
  float: left;
}
.process .detail-num-2 dt {
  font-weight: bold;
  margin-bottom: 5px;
}
.process .detail-num-2 dt.num1::before {
  content: "①";
  color: red;
  padding-right: 0.3em;
}
.process .detail-num-2 dt.num2::before {
  color: red;
  padding-right: 0.3em;
  content: "②";
}
.process .detail-num-2 dt.num3::before {
  color: red;
  padding-right: 0.3em;
  content: "③";
}
.process .detail-num-2 dt.num4::before {
  color: red;
  padding-right: 0.3em;
  content: "④";
}
.process .detail-num-2 dt.num5::before {
  color: red;
  padding-right: 0.3em;
  content: "⑤";
}
.process .detail-num-2 dd {
  margin-bottom: 15px;
}

.invite-map {
  width: 82%;
}
@media (min-width: 481px) {
  .invite-map {
    min-width: 364px;
    width: 38%;
  }
}

.circle-num-sub {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 0 1vw;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: #00b6bc;
  color: #ffffff;
  font-size: 4vw;
}
@media (min-width: 481px) {
  .circle-num-sub {
    font-size: 16px;
  }
}
.circle-num-sub.circle-bg-org {
  background: #ffb547;
}
.circle-num-sub.circle-bg-gre {
  background: #00b6bc;
}

.numCircle-1 {
  display: inline-block;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  text-align: center;
  line-height: 24px;
  margin: 0 0.2em;
  background-color: #00b6bc;
  color: #ffffff;
}

.ttl-invite {
  border-bottom: 3px solid #00b6bc;
  padding: 0.3em 0;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}

/* ページメニュー
----------------------------- */
.menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(16, 145, 212, 0.86);
  z-index: 999;
  padding: 60px 5vw;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease-out;
}
.menu .menu-ttl {
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 30px;
  padding-bottom: 5px;
  font-size: 5.4vw;
  border-bottom: 4px double white;
}
@media (min-width: 481px) {
  .menu .menu-ttl {
    font-size: 22px;
  }
}
.menu ul li {
  border-radius: 60px;
  text-align: center;
  background-color: #ffffff;
  border: 2px solid #1091d4;
  margin-bottom: 20px;
  position: relative;
}
@media (min-width: 481px) {
  .menu ul li {
    max-width: 560px;
    margin: 0 auto 15px;
  }
}
.menu ul li::before {
  content: url(../images/menu-ico-arr.svg);
  position: absolute;
  top: 52%;
  left: 2vw;
  transform: translateY(-50%);
}
.menu ul li a {
  color: #1091d4;
  display: block;
  font-weight: bold;
  padding: 12px 0;
}
@media (max-width: 480px) {
  .menu ul li a {
    padding: 10px 0;
    font-size: 4vw;
  }
}
.menu .btn-close {
  width: 36px;
  height: 36px;
  position: fixed;
  top: 12px;
  right: 12px;
  background-color: #1091d4;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  border-radius: 4px;
  cursor: pointer;
}
.menu .btn-close img {
  width: 100%;
}

.menu-show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}

#scroll {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 4vw;
  cursor: pointer;
  opacity: 0.7;
}

.box-mimamori .ttl-mimamori-wrap {
  padding: 1.4em 0 1em;
  background-color: #e0f8f9;
  margin-bottom: 30px;
}
.box-mimamori .ttl-mimamori-wrap .ttl-mimamori {
  font-size: 5.4vw;
  font-weight: bold;
}
@media (min-width: 481px) {
  .box-mimamori .ttl-mimamori-wrap .ttl-mimamori {
    font-size: 22px;
    padding: 1.4em 0 2.4em;
  }
}
.box-mimamori .ttl-mimamori-wrap .ttl-mimamoru {
  border-bottom: 3px solid #00b6bc;
  width: calc(100% - 14vw);
  margin: 0 auto;
  padding: 0 0 0.2em 3.4em;
  position: relative;
}
@media (min-width: 481px) {
  .box-mimamori .ttl-mimamori-wrap .ttl-mimamoru {
    width: 320px;
    padding: 0 0 0.1em 2.6em;
  }
}
@media (min-width: 689px) and (max-width: 767px) {
  .box-mimamori .ttl-mimamori-wrap .ttl-mimamoru {
    max-width: 380px;
    width: 100%;
  }
}
.box-mimamori .ttl-mimamori-wrap .ttl-mimamoru::before {
  content: url(../images/link-appy-circle-orange.svg);
  position: absolute;
  left: -2.4vw;
  top: -8px;
  transform: scale(1.2);
}
.box-mimamori .ttl-mimamori-wrap .ttl-mimamorareru {
  border-bottom: 3px solid #ffb547;
  width: calc(100% - 14vw);
  margin: 0 auto;
  padding: 0 0 0.2em 3.4em;
  position: relative;
}
@media (min-width: 481px) {
  .box-mimamori .ttl-mimamori-wrap .ttl-mimamorareru {
    width: 380px;
    padding: 0 0 0.1em 2.6em;
  }
}
.box-mimamori .ttl-mimamori-wrap .ttl-mimamorareru::before {
  content: url(../images/link-appy-circle-green.svg);
  position: absolute;
  left: -2.4vw;
  top: -8px;
  transform: scale(1.2);
}
.box-mimamori .mimamorareru-wrap {
  background: #fff1db;
}

/* 下層固定
--------------------------------*/
.intro-fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 997;
  background-color: rgba(255, 255, 255, 0.8);
  color: #00b6bc;
  border-bottom: 2px solid #00b6bc;
  height: 60px;
  line-height: 40px;
}
@media (min-width: 481px) {
  .intro-fixed {
    padding-top: 10px !important;
  }
}
.intro-fixed h2 {
  font-size: 4.8vw;
}
@media (min-width: 481px) {
  .intro-fixed h2 {
    font-size: 20px;
  }
}

.process p.txt-ast {
  color: red;
  font-size: 14px;
}/*# sourceMappingURL=base.css.map */