@charset "utf-8";

#Content {
}
#Content section {
}

#Content section #areaWorked,
#Content section #areaGetQual {
}
#Content section #areaWorked h3,
#Content section #areaGetQual h3 {
  display:block;
  padding-left:0;
  font-family: "Shippori Mincho", serif;
  font-size:24px;
  font-weight:500;
  background:none;
}
#Content section #areaWorked .blockClass1,
#Content section #areaGetQual .blockClass1 {
  padding-bottom:30px;
}
#Content section #areaWorked .blockClass1 h3,
#Content section #areaGetQual .blockClass1 h3 {
  color:#ce6fc5;
}
#Content section #areaWorked .blockClass2,
#Content section #areaGetQual .blockClass2 {
  padding-bottom:30px;
}
#Content section #areaWorked .blockClass2 h3,
#Content section #areaGetQual .blockClass2 h3 {
  color:#649b62;
}
#Content section #areaWorked .blockClass3,
#Content section #areaGetQual .blockClass3 {
  padding-bottom:30px;
}
#Content section #areaWorked .blockClass3 h3,
#Content section #areaGetQual .blockClass3 h3 {
  color:#4062dd;
}
#Content section #areaWorked .boxClassFrame,
#Content section #areaGetQual .boxClassFrame {
  padding:20px;
  border:1px solid #f0f0f0;
}
#Content section #areaGetQual dl {
  float:left;
  width:660px;
  font-size:15px;
  line-height:1.5em;
}
#Content section #areaGetQual dl dt {
}
#Content section #areaGetQual dl dt span {
  display:inline-block;
  padding:6px 9px;
  font-size:15px;
  line-height:1.0em;
  background:#eee;
  border-radius:9px;
}
#Content section #areaGetQual dl dd {
  margin-top:-1.5em;
  margin-left:13em;
  margin-bottom:1.0em;
}
#Content section #areaGetQual img {
  float:right;
  width:400px;
  height:auto;
}
#Content section #areaWorked p {
  float:left;
  width:740px;
  font-size:15px;
  line-height:1.8em;
}
#Content section #areaWorked img {
  float:right;
  margin-bottom:10px;
  width:320px;
  height:auto;
}

#Content section #areaRecture {
}
#Content section #areaRecture img {
  margin:5px;
  width:350px;
  height:auto;
}



/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#Content section #areaWorked h3,
#Content section #areaGetQual h3 {
  font-size:20px;
}

#Content section #areaGetQual dl {
  float:none;
  width:100%;
  font-size:15px;
  line-height:1.5em;
}
#Content section #areaGetQual dl dd {
  margin-top:10px;
  margin-left:0;
  margin-bottom:1.0em;
}
#Content section #areaGetQual img {
  float:none;
  margin:10px 0;
  width:100%;
  height:auto;
}

#Content section #areaWorked p {
  float:none;
  width:100%;
  font-size:15px;
  line-height:1.8em;
}
#Content section #areaWorked img {
  float:none;
  margin-bottom:10px;
  width:100%;
  height:auto;
}

#Content section #areaRecture img {
  margin:5px 0;
  width:100%;
  height:auto;
}

}