/*
Theme Name: Easee.work
Text Domain: Easee.work
Version: 1.0
*/
body{
  margin: 0;
  padding: 0;
}
img{
  max-width: 100%;
  height: auto;
}
p{
  margin: 0;
  margin-bottom: 1em;
}
h2{
  color:#fa8128;
  font-size: 48px;
  text-align: center;
  font-weight: normal;
}
.wrapper {
  width: 960px;
  margin:0 auto;
}
.nayami{
  background-color: #f7ffe3;
  padding: 20px;
  border: solid 3px #97bc3a;
  border-radius: 10px;
}
.nayami ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.nayami li{
  background-image: url(img/nayami_check.png);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 18px;
  padding-left: 40px;
  margin-bottom: 1em;
}
.logo{
  max-width: 90%;
}
.reason{
  background-color: #fae4ee;
  padding: 20px;
  border: solid 3px #f19ec2;
  border-radius: 10px;
}
.reason ul{
  margin: 0;
  padding: 0;
  list-style: "★";
}
.reason li{
  font-size: 18px;
  color: #fa2881;
  padding-left: 0.5em;
  margin-bottom: 1em;
}
.clearfix:after, form:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.spec ul{
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 3%;
}
.spec ul li{
  float: left;
  width: 30%;
  margin-right: 3%;
}
.spec ul h3{
  background-color: #1709cd;
  color: white;
  font-size: 24px;
  text-align: center;
  padding: .5em;
  margin: 0;
}
.spec ul ul{
  border: solid 3px #1709cd;
  padding: 1em;
  float: none;
  min-height: 265px;
  margin-bottom: 2em;
}
.spec ul ul li{
  float: none;
  margin-right: 0;
  width: 100%;
}
.characteristic{
  padding: 20px;
  border: solid 3px #000;
  border-radius: 10px;
}
.characteristic ul{
  margin: 0;
  padding: 0;
  list-style: "●";
}
.characteristic li{
  font-size: 18px;
  color: #000;
  padding-left: 0.5em;
  margin-bottom: 1em;
}
.price ul{
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 3%;
}
.price ul li{
  float: left;
  width: 47%;
  margin-right: 3%;
}
.price ul h3{
  background-color: #1709cd;
  color: white;
  font-size: 24px;
  text-align: center;
  padding: .5em;
  margin: 0;
}
.price ul ul{
  border: solid 3px #1709cd;
  padding: 1em;
  float: none;
  min-height: 150px;
  margin-bottom: 2em;
}
.price ul ul li{
  float: none;
  margin-right: 0;
  margin-left: 1em;
  width: 100%;
  list-style: "●";
  font-size: 18px;
}
.alignright{
  float: right;
  margin: 0 0em 0 4em;
}
.alignleft{
  float: left;
  margin: 0 4em 0 0em;
}
footer{
  background-color: #f7ffe3;
  padding: 1px;
  font-size: 13px;
  padding: 2em;
}
footer .copyright{
  text-align: center;
}
@media screen and (max-width:768px) {
  .wrapper {
    width: 100%;
    margin:0 auto;
  }
  h2{
    font-size: 24px;
  }
  .nayami,.reason,.characteristic{
    margin: 0 3%;
    text-align: center;
  }
  .nayami li{
    font-size: 14px;
    line-height: 1.5em;
    min-height: 35px;
    text-align: left;
  }
  .reason li{
    font-size: 14px;
    line-height: 1.5em;
    min-height: 35px;
    text-align: left;
  }
  .spec ul li{
    float: left;
    width: 97%;
    margin-right: 3%;
  }
  .characteristic li{
    font-size: 14px;
    text-align: left;
  }
  .price ul li{
    float: left;
    width: 97%;
    margin-right: 3%;
  }
  .alignright{
    float: none;
    margin: 0 auto;
  }
  .alignleft{
    float: none;
    margin: 0 auto;
  }
}