@charset "utf-8";

@media print,screen and (min-width : 501px) {

#solua1{
  margin-top: 40px;
  text-align: center;
}
#solua1 h2{
  font-size:22px;font-size:2.2rem;
  font-family:"NotoSerifJP-4";
}
#solua1 .contactbx{
  margin-top: 20px;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  border:none;
  padding: 0;
}
#solua1 .contactbx .title{
  font-size:18px;font-size:1.8rem;
  margin-right: 20px;
}


#features{
  margin-top: 80px;
}


#approach{
  margin-top: 80px;
}
#approach dt{
  margin-top: 10px;
  font-family:"NotoSerifJP-4";
  font-size:18px;font-size:1.8rem;
}
#approach dd{
  font-size:14px;font-size:1.4rem;
}


#foryou{
  margin-top: 80px;
}
#foryou li{
  margin-left: 20px;
  list-style-type: disc;
}


#about{
  margin-top: 80px;
}
#message{
  margin-top: 40px;
}
#message p{
  margin-bottom: 10px;
}
#message .sola{
  text-align: right;
  font-family:"NotoSerifJP-4";
  font-size:18px;font-size:1.8rem;
}


#introduction{
  margin-top: 80px;
}
#introduction p{
  margin-top: 10px;
}
#introduction.fix_bg{
  background-image: url("images/bg1.jpg");
  padding: 40px 0;
}

#me{
  margin-top: 80px;
}
#me table{
  border-top:solid 1px #ccc;
}
#me th,
#me td{
  border-bottom:solid 1px #ccc;
  padding: 10px;
  vertical-align: middle;
}


#untilnow{
  margin-top: 80px;
}
#untilnow dt{
  margin-top: 20px;
}
#untilnow dt:first-child{
  margin-top: 0px;
}


#conclusion{
  margin-top: 80px;
}
#conclusion p{
  margin-top: 10px;
}
#conclusion.fix_bg{
  background-image: url("images/bg2.jpg");
  padding: 40px 0;
}


}
@media screen and (max-width : 500px) {


#solua1{
  margin-top: 20px;
  text-align: center;
}
#solua1 h2{
  font-size:18px;font-size:1.8rem;
  font-family:"NotoSerifJP-4";
}
#solua1 .contactbx{
  margin-top: 20px;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  border:none;
  padding: 0;
}
#solua1 .contactbx .title{
  font-size:16px;font-size:1.6rem;
  margin-right: 20px;
}


#features{
  margin-top: 40px;
}


#approach{
  margin-top: 40px;
}
#approach li{
  width: 100%;
}
#approach dt{
  margin-top: 10px;
  font-family:"NotoSerifJP-4";
  font-size:16px;font-size:1.6rem;
}
#approach dd{
  font-size:12px;font-size:1.2rem;
  margin: 6px 0;
}


#foryou{
  margin-top: 20px;
}
#foryou li{
  margin-left: 20px;
  list-style-type: disc;
}


#about{
  margin-top: 60px;
}
#message{
  margin-top: 20px;
}
#message p{
  margin-bottom: 10px;
}
#message .sola{
  text-align: right;
  font-family:"NotoSerifJP-4";
}


#introduction{
  margin-top: 40px;
}
#introduction p{
  margin-top: 10px;
}
#introduction.fix_bg{
  background-image: url("images/bg1.jpg");
  padding: 40px 0;
}

#me{
  margin-top: 40px;
}
#me table{
  border-top:solid 1px #ccc;
  margin-top: 20px;
}
#me th,
#me td{
  border-bottom:solid 1px #ccc;
  padding: 10px 4px;
  vertical-align: middle;
}
#me th{
  width: 100px;
}


#untilnow{
  margin-top: 40px;
}
#untilnow dt{
  margin-top: 14px;
}
#untilnow dt:first-child{
  margin-top: 0px;
}


#conclusion{
  margin-top: 40px;
}
#conclusion p{
  margin-top: 10px;
}
#conclusion.fix_bg{
  background-image: url("images/bg2.jpg");
  padding: 40px 0;
}


}