<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.basic-idea{
  margin-bottom: 5rem;
}
.h2-blue{
  color: #0D4DA1;
  font-size: 1.8rem;
  margin-bottom: 3rem;
  text-align: center;
}
.h2-green{
  color: #1A8825;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-indent: -1.7em;
  padding-left: 1.7em;
}
.basic-idea li {
  list-style: none;
  background-image: url('../img/list-arrow.png');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  padding-left: 30px;
  margin-bottom: 1rem;
  text-align: justify;
}

.basic-idea-img{
  display: block;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.basic-idea-img01{
  width: 300px;
}
.basic-idea-img02{
  width: 500px;
}
.basic-idea-img03{
  width: 300px;
}
.basic-idea-img04{
  width: 300px;
}
.basic-idea-img05{
  width: 300px;
}
.basic-idea-img06{
  width: 500px;
}
@media screen and (max-width : 767px){
  .h2-blue{
    font-size: 1.2rem;
  }
  .h2-green{
    font-size: 1.1rem;
    text-indent: -1.3em;
    padding-left: 1.3em;
  }  
  .basic-idea{
    margin-bottom: 3rem;
  }
  .basic-idea-img01{ width: 200px; }
  .basic-idea-img02{ width: 80%; }
  .basic-idea-img03{ width: 200px; }
  .basic-idea-img04{ width: 200px; }
  .basic-idea-img05{ width: 200px; }
  .basic-idea-img06{ width: 80%; }
}
</pre></body></html>