@charset "utf-8";

body {
  background: linear-gradient( #ddd,#ccc);
}


.container{
  background-color:#fff;
}
#fcm {
  margin:10px auto 10px auto;
  width:800px;
}
.price th{
  text-align:center;
  font-size:18px;
}
.price td{
  text-align:right;
  font-size:20px;
}

.eigyo th{
  text-align:center;
  font-size:18px;
}
.eigyo td{
  text-align:center;
  font-size:20px;
}

H1{
  font-weight:bold;
  font-size:28px;
  border:solid 10px #bbe1c5;
  border-radius:5px;
  background-color:#bbe1c5;
  margin:30px 20px 0px 20px;
  color:#6c6c6c;
}

H2{
  font-weight:bold;
  font-size:32px;
  margin:20px 10px 0px 10px;
  color: #033b25;
}


h3{
  padding:0px 10px 0 12px;
  margin:20px 30px 20px 30px;
  border-left:solid 10px #4cb09b;
}

.hdoc{
  border:solid 2px #888;
  padding:20px 30px 20px 30px;
  margin:10px 20px 50px 20px;
  font-size:18px;
  border-radius:5px;
}

.hfooter{
  padding:0px 30px 0px 30px;
}

.footertitle{

   max-width:100%;
}

.footercontent{
  width:300px;
  text-align:right;
  float:right;
}

.footeraddress{
  font-size:24px;
}
.footertel{
  font-size:36px;
  font-weight:bold;
}
.container{
  padding-right:0px;
  padding-left:0px;

}



@media (max-width: 992px) {
    #fcm {
    width:400px;
    max-width:100%
  }
.footercontent{
    float:left;
    text-align:left;
    margin-top:10px;
  }

}

@media (max-width: 959px) {
    #fcm {
    width:400px;
    max-width:100%
  }
  
}
@media (max-width: 800px) {


}

@media (max-width: 580px) {

}

@media (max-width: 450px) {
  .ciInfo2{
  font-size:16px;
  }
  .ciTitle{
  font-size:18px;

  }
}
@media (max-width: 400px) {
  .ciInfo2{
  font-size:14px;
  }
  .ciTitle{
  font-size:15px;

  }
}