@charset "utf-8";

  
body #mainContent .sTitle {
  font-size:23px;
}
body #mainContent .user {
    color: #4e6a89;
  font-weight:bold;
}

.text {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5;
}
.b-ttl{
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
}
.b-ttl.color{
  color:#6e7d90;
  font-size:18px;
}
.image{
  margin-top:20px;
}
@media only screen and (max-width: 640px) {
  .b-ttl{
    font-size:15px;
  }
  .b-ttl.color{
    font-size:16px;
  }

}


/*greenArea*/
.greenArea{
  background:#e7ffe7;
  padding:20px;
}
.greenArea ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
}
.greenArea ul:nth-child(n+2){
  margin-top:20px;
}
.greenArea ul li{
  vertical-align:top;
}
.greenArea ul li:nth-child(n+2){
  margin-left:20px;
}
.greenArea ul.clum2 li:nth-child(2){
  width:65.85365853658537%;
}
.greenArea ul li p{
  margin-top:15px;
}

@media only screen and (max-width: 640px) {
  .greenArea ul.clum2{
    display:block;
  }
  .greenArea ul.clum2 li:nth-child(2){
    width:auto;
    margin-top:20px;
    margin-left:0;
  }
  .greenArea ul.clum2 ul li:nth-child(2){
    margin-left:10px;
  }

}


table{
  width:100%;
  background-color:#aeaeae;
  font-size:13px;
  margin-top:30px;
}
table th{
  width:22%;
  background-color:#FFF;
  padding:2px 10px;
  font-weight:normal;
}
table td{
  background-color:#FFF;
  padding:2px 10px;
}
table td a{
  color:#000000;
  text-decoration:none;
}
table td a:hover{
  color:#aeaeae;
}
@media only screen and (max-width:640px) {
  table{
  }
  table th{
    width:100%;
    display:block;
    font-weight:bold;
    box-sizing:border-box;
  }
  table td{
    width:100%;
    display:block;
     box-sizing:border-box;
  }
}


.clumBox{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap: wrap;
}
.clumBox:nth-child(n+2){
  margin-top:20px;
}
.clumBox li{
  width:48.78048780487805%;
}
.clumBox li:nth-child(n+2){
  margin-left:2.4390243902439024%;
}
@media only screen and (max-width: 640px) {
  .clumBox{
    display:block;
  }
  .clumBox li{
    width:100%;
  }
  .clumBox li:nth-child(n+2){
    margin-left:0;
    margin-top:30px;
  }
}


.lineBox{
  border:solid 1px #0d0408;
  padding:20px;
  margin-top:30px;
}
.lineBox .clumBox li:nth-child(1){
  width:30%;
}
.lineBox .clumBox li:nth-child(2){
  width:60%;
}
@media only screen and (max-width: 640px) {
  .lineBox .clumBox li:nth-child(1){
    width:70%;
    margin:0 auto 20px;
  }
  .lineBox .clumBox li:nth-child(2){
    width:100%;
  }

}