/* line 5, app/assets/stylesheets/achubi.scss */
* {
  color: black;
  font-size: 16px;
  line-height: 2.0em;
}

/* line 7, app/assets/stylesheets/achubi.scss */
body {
  font-family: heisei-maru-gothic-std, sans-serif;
}

/* line 11, app/assets/stylesheets/achubi.scss */
* {
  color: black;
}

/* line 13, app/assets/stylesheets/achubi.scss */
article {
  max-width: 1000px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  /* line 19, app/assets/stylesheets/achubi.scss */
  .smp {
    display: none;
  }
  /* line 20, app/assets/stylesheets/achubi.scss */
  h1 {
    background-color: green;
    padding: 30px;
    border-radius: 5px;
    color: #ff9200;
    font-size: xx-large;
    margin-top: 50px;
  }
  /* line 21, app/assets/stylesheets/achubi.scss */
  h2 {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  /* line 25, app/assets/stylesheets/achubi.scss */
  .pc {
    display: none;
  }
  /* line 26, app/assets/stylesheets/achubi.scss */
  h1 {
    margin-top: 20px;
    background-color: green;
    color: #ff9200;
    text-align: center;
  }
  /* line 27, app/assets/stylesheets/achubi.scss */
  #topics tbody tr td, #topics tr th {
    width: 100%;
    display: block;
  }
}

/* line 30, app/assets/stylesheets/achubi.scss */
h2 {
  background-color: green;
  padding: 20px;
  color: #ffffff;
}

/* line 31, app/assets/stylesheets/achubi.scss */
h3 {
  display: block;
  border-left: solid 10px green;
  border-bottom: solid 5px green;
  padding: 15px;
}

/* line 32, app/assets/stylesheets/achubi.scss */
h4 {
  color: green;
  text-decoration: underline;
  padding-left: 10px;
  line-height: 20px;
}

/* line 33, app/assets/stylesheets/achubi.scss */
p {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 34, app/assets/stylesheets/achubi.scss */
li {
  padding-left: 15px;
  line-height: 40px;
}

/* line 36, app/assets/stylesheets/achubi.scss */
table {
  margin: 0 auto;
}

/* line 37, app/assets/stylesheets/achubi.scss */
th, td {
  padding: 20px;
}

/* line 39, app/assets/stylesheets/achubi.scss */
img {
  display: block;
  width: 60%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  /* line 42, app/assets/stylesheets/achubi.scss */
  img {
    width: 85%;
  }
}

/* line 45, app/assets/stylesheets/achubi.scss */
tr:nth-child(odd) {
  background: #fff1da;
  border-bottom: 1px solid #cccccc;
}

/* line 46, app/assets/stylesheets/achubi.scss */
tr:nth-child(even) {
  background: #f9f9f9;
  border-bottom: 1px solid #cccccc;
}

/* line 47, app/assets/stylesheets/achubi.scss */
th {
  width: 300px;
  background: #ffb500;
}

/* line 49, app/assets/stylesheets/achubi.scss */
header {
  width: 100%;
  padding-top: 60vw;
  background-image: url(/assets/achubi/achubi-top-b25e4c383c29f9c9fc5c7ff19055086f2ebe370ed858409dc280780eff4954a2.svg);
  background-position: 0 6vw;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #92d4f5;
}

@media screen and (min-width: 768px) {
  /* line 52, app/assets/stylesheets/achubi.scss */
  img#header-achubi-title {
    width: 50vw;
    position: absolute;
    top: 8vw;
    left: 23vw;
  }
  /* line 53, app/assets/stylesheets/achubi.scss */
  img#header-ai-chatbot {
    width: 25vw;
    position: absolute;
    top: 1vw;
    left: 2vw;
  }
  /* line 54, app/assets/stylesheets/achubi.scss */
  img#header-easy-install {
    width: 17vw;
    position: absolute;
    top: 1vw;
    left: 79vw;
  }
  /* line 55, app/assets/stylesheets/achubi.scss */
  img#header-hopes {
    width: 60vw;
    position: absolute;
    top: 23vw;
    left: 18vw;
  }
  /* line 57, app/assets/stylesheets/achubi.scss */
  #demo-sites h4 {
    clear: both;
    padding-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  /* line 61, app/assets/stylesheets/achubi.scss */
  img#header-achubi-title {
    width: 80vw;
    position: absolute;
    top: 15vw;
    left: 10vw;
  }
  /* line 62, app/assets/stylesheets/achubi.scss */
  img#header-ai-chatbot {
    width: 45vw;
    position: absolute;
    top: 2vw;
    left: 2vw;
  }
  /* line 63, app/assets/stylesheets/achubi.scss */
  img#header-easy-install {
    width: 35vw;
    position: absolute;
    top: 1vw;
    left: 60vw;
  }
  /* line 64, app/assets/stylesheets/achubi.scss */
  img#header-hopes {
    display: none;
  }
  /* line 66, app/assets/stylesheets/achubi.scss */
  #demo-sites {
    padding-bottom: 30px;
  }
  /* line 67, app/assets/stylesheets/achubi.scss */
  #demo-sites img.qrcode {
    display: none;
  }
  /* line 68, app/assets/stylesheets/achubi.scss */
  #demo-sites img {
    width: 100%;
    padding-bottom: 10px;
  }
}

/* line 71, app/assets/stylesheets/achubi.scss */
.inquiry-btn {
  display: block;
  width: 200px;
  height: 60px;
  background-color: green;
  text-align: center;
  margin: 50px auto;
  border-radius: 5px;
}

/* line 72, app/assets/stylesheets/achubi.scss */
.inquiry-btn a {
  color: white;
  line-height: 60px;
}

/* line 74, app/assets/stylesheets/achubi.scss */
footer {
  clear: both;
  width: 100%;
  margin: 0 auto;
  background-color: green;
  padding: 3px 0;
  margin-top: 20px;
}

/* line 75, app/assets/stylesheets/achubi.scss */
footer p {
  margin: 16px 0;
  text-align: center;
  line-height: 20px;
  color: white;
  padding: 0;
}

/* line 76, app/assets/stylesheets/achubi.scss */
footer small {
  color: white;
}

@media screen and (max-width: 767px) {
  /* line 78, app/assets/stylesheets/achubi.scss */
  footer p {
    font-size: 14px;
  }
}

/* line 81, app/assets/stylesheets/achubi.scss */
h2 {
  font-size: 24px;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* line 82, app/assets/stylesheets/achubi.scss */
h3 {
  font-size: 18px;
  text-align: left;
  margin: 18px 0;
}

/* line 83, app/assets/stylesheets/achubi.scss */
h4 {
  font-size: 16px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  /* line 86, app/assets/stylesheets/achubi.scss */
  .inquiry {
    background-color: white;
  }
  /* line 87, app/assets/stylesheets/achubi.scss */
  .inquiry h2 {
    background-color: green;
    border-color: white;
    color: white;
  }
}

@media screen and (max-width: 767px) {
  /* line 92, app/assets/stylesheets/achubi.scss */
  #bg, .inquiry {
    height: 100%;
  }
  /* line 93, app/assets/stylesheets/achubi.scss */
  .inquiry {
    min-height: 100vh;
  }
}

/* line 97, app/assets/stylesheets/achubi.scss */
.inquiry input, .inquiry textarea {
  color: black;
}

/* line 98, app/assets/stylesheets/achubi.scss */
.inquiry .btn {
  background-color: green;
  color: white;
}

/* line 101, app/assets/stylesheets/achubi.scss */
#chat_button {
  text-align: center;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 10px;
  width: 200px;
  max-width: 40%;
  background-color: #3f4242;
  border-radius: 5px;
  display: block;
}

/* line 102, app/assets/stylesheets/achubi.scss */
#chat_button img {
  width: 100%;
}

/* line 104, app/assets/stylesheets/achubi.scss */
#chat {
  position: fixed;
  bottom: 0;
  right: 0;
  border: solid 1px white;
  display: none;
  background-color: green;
  border-radius: 15px 15px 0 0;
  border: solid 1px #40c040;
  display: none;
}

/* line 105, app/assets/stylesheets/achubi.scss */
#chat p {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  margin: 10px;
  color: orange;
}

/* line 106, app/assets/stylesheets/achubi.scss */
#chat #btn {
  width: 20px;
  position: absolute;
  top: 17px;
  right: 20px;
}

@media screen and (max-width: 767px) {
  /* line 109, app/assets/stylesheets/achubi.scss */
  #chat_button, #chat {
    bottom: 0;
  }
}