.baseContent h1 {
  font-size: 24px;
  border-bottom: 2px solid #EA70A6;
  margin: 8px 0 40px;
  padding: 0 0 10px; }
.baseContent h2 {
  font-size: 20px;
  margin: 40px 0 40px;
  padding: 8px;
  color: #fff;
  background: #28A3CE;
  border-bottom: 4px solid #217C9C;
  text-align: center;
  clear: both; }
.baseContent h3 {
  color: #333;
  border-left: 15px solid #46C59C;
  margin: 0 0 10px;
  padding: 0 0 0 10px; }
.baseContent h4 {
  color: #28A3CE;
  margin: 0 0 10px; }
.baseContent p {
  line-height: 24px; }
.baseContent ul, .baseContent ol {
  margin: 20px 40px; }
.baseContent li {
  margin: 5px 0;
  line-height: 24px; }

.kobetsu p{margin:0 10px 20px;}
.kobetsu img{margin: 40px 10% 0;}

.baseButton {
  position: relative;
  width: 200px;
  height: 48px;
  margin: 20px auto; }
  .baseButton p {
    width: 200px;
    height: 28px;
    padding: 9px 0;
    background: #FF7C3A;
    box-shadow: 0 1px 5px #999;
    border-radius: 10px;
    text-align: center;
    /*transition: all .2s;*/ }
  .baseButton a {
    color: #fff;
    font-size: 18px; }
  .baseButton p:hover {
    box-shadow: 0 1px 5px #F25809; }
  .baseButton p:active {
    background: #FFAB80; }

.baseStaff {
  height: 300px;
  /*min-height: 220px;*/
  margin: 20px 0;
  /*border: 1px solid #f00;*/ }
  .baseStaff .staffImage {
    border: 2px solid #ddd;
    width: 198px;
    height: 198px;
    margin: 10px 3px 20px;
    float: left; }
    .staffImage img{
      width: 100%;
      height: 100%;
    }
  .baseStaff .staffText {
    /*border: 1px solid #f00;*/
    width: 534px;
    height: 300px;
    /*height: 100%;*/
    margin: 10px 3px 20px;
    float: left; }
    .baseStaff .staffText h4 {
      background: #C16291;
      color: #fff;
      padding: 6px 6px; }
    .baseStaff .staffText dt, .baseStaff .staffText dd {
      line-height: 20px; }
    .baseStaff .staffText dt {
      padding: 6px 4px 2px;
      color: #EA70A6; }
    .baseStaff .staffText dd {
      padding: 4px 4px;
      border-bottom: 1px dotted #ddd; }

.infoClum {
  height: 240px;
  margin: 20px 0;
  display: block; }
  .infoClum .infoImage {
    border: 2px solid #ddd;
    width: 198px;
    height: 198px;
    margin: 10px 3px 20px;
    float: left; }
  .infoImage img{
    width: 198px;
  }
  .infoClum .infoText {
    width: 534px;
    height: 200px;
    margin: 10px 3px 20px;
    float: left; }
    .infoClum .infoText h4 {
      background: #999;
      color: #fff;
      padding: 6px 6px; }
    .infoClum .infoText dt, .infoClum .infoText dd {
      line-height: 20px; }
    .infoClum .infoText dt {
      padding: 6px 4px 2px;
      color: #28B184; }
    .infoClum .infoText dd {
      padding: 4px 4px;
      border-bottom: 1px dotted #ddd; }

.serviceClum {
  height: 100%;
  margin: 20px 0;
  display: block; }

.infoTable, .serviceTable, .sriseTable {
  margin: 20px 0 5px; }
  .infoTable th, .infoTable td, .serviceTable th, .serviceTable td, .sriseTable th, .sriseTable td {
    margin: 20px 0;
    padding: 20px 10px;
    line-height: 24px; }

.infoTable th {
  width: 200px;
  border-bottom: 2px solid #999; }
.infoTable td {
  width: 80%;
  border-bottom: 2px solid #ddd; }

.serviceTable th {
  width: 200px;
  color: #fff;
  font-size: 11pt;
  background: #EA70A6;
  border-bottom: 8px solid #fff; }
.serviceTable td {
  width: 80%;
  background: #efefef;
  border-bottom: 8px solid #fff; }

.sriseTable th {
  width: 230px;
  color: #fff;
  border-bottom: 2px;
  background: #EA70A6;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff; }
.sriseTable td {
  width: 0px;
  background: #efefef;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  text-align: center; }

.triangle{
  display:block;
  width:0;
  height:0;
  margin: 0 auto;
  border-top:40px solid #EA70A6;
  border-right:40px solid transparent;
  border-left:40px solid transparent;
  border-bottom:40px solid transparent; 
}
.trianglemachine {
  display:block;
  width:0;
  height:0;
  margin: 20px auto 20px;
  border-top:40px solid #EA70A6;
  border-right:40px solid transparent;
  border-left:40px solid transparent;
  border-bottom:0 solid transparent; 
}

.nagare{
  margin:0;
  padding: 0;
}
.nagareTitle,.nagareText{
  padding: 10px;
  color: #fff;
  text-align: center;
    background: #EA70A6;
}
.nagareTitle{
  background: #EA70A6;
  font-size: 16pt;
}
.nagareText{
  height: 100%;
}

.machineTraning img{
  width: 100%;
  margin: 20px 0 0;
  border: 2px solid #ddd;
}

@media only screen and (max-width: 640px) {
  .baseStaff .staffText {
    width: 100%; }
  .baseStaff,.staffImage{margin: 60px 3px 0;}

  .infoClum .infoText, .serviceClum .infoText {
    width: 385px; } 

  .kobetsu img{
    width: 100%;
    margin: 40px 0;}

}
@media only screen and (max-width: 480px) {
  .baseStaff .staffText {
    width: 460px; }

  .infoClum {
    height: 400px; }
    .infoClum .infoText {
      width: 460px;
      height: 100px; }
    .infoClum .infoImage {
      width: 240px;
      height: 240px;
      margin: 10px 23% 10px; }

  .serviceClum {
    height: 100%; }

  .infoTable, .serviceTable {
    width: 420px; }
    .infoTable th, .infoTable td, .serviceTable th, .serviceTable td {
      width: 100%;
      display: block;
      border: none; }
    .infoTable th, .serviceTable th {
      margin: 0 0 0;
      padding: 5px 20px;
      font-size: 15pt; }
    .infoTable td, .serviceTable td {
      margin: 0 0 10px;
      padding: 10px 20px; } }

/*# sourceMappingURL=base.css.map */