@charset "UTF-8";
/* window width 360px under */
#header {
  width: 336px;
  padding: 0 12px;
}
#header .nav {
  float: left;
  padding: 14px 0 18px;
}

#area-visual {
  height: 204px;
}
#area-visual .bgbox {
  padding: 0 12px;
  width: 336px;
}
#area-visual .container {
  padding: 0 12px;
  width: 336px;
}
#area-visual .container h1 {
  padding-top: 24px;
  width: 300px;
  font-size: 18px;
}
#area-visual .container p {
  font-size: 12px;
  line-height: 1.2em;
}
#area-visual .container ol {
  font-size: 12px;
  line-height: 1.2em;
}

#area-content .container {
  width: 336px;
}
#area-content .container .content {
  padding: 36px 12px;
  text-align: center;
}

#area-other {
  width: 336px;
}