/**
 * Original CSS by F-Code
 */
body > .wrapper {
  margin: 0 auto;
  max-width: 1600px;
  padding: 0 0;
  overflow: hidden;
  min-width: 1130px;
}
body > .wrapper > header {
  position: relative;
  z-index: 10000;
  background-color: #f7f7f7;
  min-height: 113px;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
body > .wrapper > header > .wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 15px;
  min-height: 1px;
  position:relative;
}
body > .wrapper > header > .wrapper:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > header > .wrapper > a {
  float: left;
}
body > .wrapper > header > .wrapper > a > img {
  display: block;
}
body > .wrapper > header > .wrapper > h1 {
  color: #ef8376;
  margin: 41px 0 0 45px;
  float: left;
  font-size: 12px;
  line-height: 150%;
  width: 15em;
}
body > .wrapper > header > .wrapper p.link{
	padding: 2em;
    position: absolute;
    right: 0;
    top: 0;
    width: 25em;
}
body > .wrapper > header > .wrapper p.trial{
    width: 20em;
}
body > .wrapper > header > .wrapper p.link a{
	color:#6E97CA;
	text-decoration:underline;
}
body > .wrapper > header > .wrapper > nav {
  float: right;
  margin-top: 40px;
}
body > .wrapper > header > .wrapper > nav > ul {
  text-align: right;
  margin-right: -0.75em;
}
body > .wrapper > header > .wrapper > nav > ul > li {
  display: inline;
  position: relative;
}
body > .wrapper > header > .wrapper > nav > ul > li > a {
  padding: 7px 0.75em;
}
body > .wrapper > header > .wrapper > nav > ul > li > a:hover {
  background-color: #fff;
}
body > .wrapper > header > .wrapper > nav > ul > li.showing > a {
  background-color: #fff;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 {
  display: none;
  opacity: 0;
  position: absolute;
  right: 0;
  margin-top: 6px;
  min-width: 218px;
  padding: 20px 25px 15px 25px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 h2 {
  color: #6699cc;
  margin-bottom: 0.75em;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 .phone {
  font-size: 24px;
  margin: 0.25em 0;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 .or {
  margin: 0.5em 0 0 0;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 .btn.form {
  border: 1px dotted #fff;
  padding: 0;
  display: block;
  min-height: 25px;
  line-height: 25px;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 .btn.form a {
  margin: 0;
  display: inherit;
  color: white;
  font-weight: normal;
  text-align: center;
  padding: 0.6em;
  font-size: 20px;
  background-color: #b3b3b3;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 .btn.form a:hover {
  background-color: rgba(179, 179, 179, 0.8);
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 .btn.form span {
  padding-left: 34px;
  background: transparent url("/images/efo/icon_btn_forward_w26.png") no-repeat center left;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1 .btn.form a {
  font-size: 18px;
}
body > .wrapper > header > .wrapper > nav > ul > li > .contact1, body > .wrapper > header > .wrapper > nav > ul > li x:-moz-any-link {
  right: 0.3em;
}
body > .wrapper > header > .wrapper > nav > ul > li.nav-contact:hover > a, body > .wrapper > header > .wrapper > nav > ul > li.nav-contact:focus > a {
  background-color: #fff;
}
body > .wrapper > header.inquiry, body > .wrapper > header.trial {
  min-height: 101px;
  background: transparent url("/images/efo/bg_inquiry_01.jpg") no-repeat center;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
body > .wrapper > header.trial2{
  background: #fff;
  min-height: 50px;
}
body > .wrapper > header.trial2 img{
  width: 150px;
  height: auto;
}
body > .wrapper > header.trial2 p.link{
  padding: 15px 0 0 ;
  font-size: 11px;
}
body > .wrapper > header.trial2 p.link a{
  font-size: 11px;
}
body > .wrapper > header.inquiry > .wrapper > h1, body > .wrapper > header.trial > .wrapper > h1 {
  text-align: center;
  margin: 30px 0 0 0;
  font-size: 26px;
  line-height: 150%;
  width: 660px;
  color: #ee7711;
}
body > .wrapper > header.trial2 > .wrapper h1{
  margin: 15px 0 0 ;
}
body > .wrapper > .contents > section {
  position: relative;
}
body > .wrapper > .contents > section > .wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 15px;
}
body > .wrapper > .contents > section.nav {
  background-color: #e0e7ef;
  padding: 40px 0;
}
body > .wrapper > .contents > section.nav > .wrapper {
  min-height: 1px;
}
body > .wrapper > .contents > section.nav > .wrapper:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > .contents > section.nav > .wrapper > a {
  float: left;
}
body > .wrapper > .contents > section.nav > .wrapper > a h1 > img {
  display: block;
}
body > .wrapper > .contents > section.nav > .wrapper > nav > ul {
  text-align: center;
}
body > .wrapper > .contents > section.nav > .wrapper > nav > ul > li {
  display: inline;
  position: relative;
}
body > .wrapper > .contents > section.nav > .wrapper > nav > ul > li > a {
  font-size: 20px;
  padding: 7px 0.75em;
  opacity: 1;
}
body > .wrapper > .contents > section.nav > .wrapper > nav > ul > li > a > span {
  padding-left: 38px;
  background: transparent url("/images/efo/icon_btn_forward_w30.png") no-repeat center left;
}
body > .wrapper > .contents > section.nav > .wrapper > nav > ul > li > a:hover {
  opacity: 0.8;
}
body > .wrapper > .contents > section.feature > header > .wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 15px;
}
body > .wrapper > .contents > section.feature > header h2 {
  font-weight: bold;
  color: #ee7711;
  font-size: 30px;
  line-height: 150%;
}
body > .wrapper > .contents > section.feature > header p {
  margin-top: 5px;
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > .contents > section.feature > article > .wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 15px;
}
body > .wrapper > .contents.inquiry > section.first {
  padding: 35px 0 20px;
}
body > .wrapper > .contents.inquiry > section.first > .wrapper {
  text-align: center;
}
body > .wrapper > .contents.inquiry > section.first > .wrapper > p {
  font-size: 16px;
  line-height: 150%;
}
body > .wrapper > .contents.inquiry > section.first > .wrapper > .introduction2 {
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 0.5em;
}
body > .wrapper > .contents.inquiry > section.contact-counsel {
  padding-bottom: 10px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper {
  min-height: 1px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div {
  width: 550px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > header > h2 {
  font-weight: bold;
  color: #ee7711;
  text-align: center;
  margin: 20px 0 30px 0;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > header > h2 span {
  font-size: 22px;
  line-height: 150%;
  padding: 16px 15px 16px 70px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > header > p {
  text-align: center;
  font-size: 18px;
  line-height: 150%;
  margin: 0 0 20px 0;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > ul {
  padding: 0 100px 20px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > ul > li {
  display: table;
  margin-bottom: 0.5em;
  padding-left: 70px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > ul > li > p {
  display: table-cell;
  vertical-align: middle;
  min-height: 58px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > ul > li > p a {
  color: #6699cc;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > ul > li > p a:hover {
  text-decoration: underline;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > ul > li > p .num {
  font-size: 20px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div > ul > li:before {
  display: block;
  content: "";
  width: 0;
  height: 58px;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div.contact4 > header > h2 span {
  background: transparent url("/images/efo/icon_index_contact.png") no-repeat top 1px left;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div.contact4 > ul > li.item1 {
  background: transparent url("/images/efo/icon_inquiry_pamphlet.png") no-repeat top 1px left;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div.contact4 > ul > li.item2 {
  background: transparent url("/images/efo/icon_inquiry_partner.png") no-repeat top 1px left;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div.counsel > header > h2 span {
  background: transparent url("/images/efo/icon_inquiry_counsel.png") no-repeat top 1px left;
}
body > .wrapper > .contents.inquiry > section.contact-counsel .wrapper > div.counsel > ul > li.item1 {
  background: transparent url("/images/efo/icon_inquiry_days.png") no-repeat top 1px left;
}
body > .wrapper > .contents.inquiry > section.inquiry-form {
  background-color: #f4f4f0;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding-top: 35px;
}
body > .wrapper > .contents.inquiry > section.trial-form {
  background-color: transparent;
  border: none;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table {
  margin: 0 auto;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table th {
  vertical-align: top;
  border: 1px solid transparent;
  text-align: right;
  padding: 0.4em;
  padding-right: 1.0em;
  font-size:1.2em;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table th.checks, body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table th.ppolicy {
  padding-top: 1px;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table th .option {
  color: #fff;
  background-color: #9ab1ce;
  font-size: 11px;
  line-height: 150%;
  padding: 2px 7px;
  margin-left: 0.75em;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table th .required{
  color: #fff;
  background-color: #ED741A;
  font-size: 11px;
  line-height: 150%;
  padding: 2px 7px;
  margin-left: 0.75em;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td {
  padding-bottom: 0.5em;
  font-size:1.1em;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td input[type="text"] {
  border: 1px solid #e3e3e3;
  padding: 0.5em;
  width: 340px;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td .ppolicy {
  border: 1px solid #e3e3e3;
  background-color: #fff;
  width: 340px;
  height: 100px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 0.5em;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td .ppolicy iframe{
  width: 340px;
  height:100%;
  border:none;
  display:block;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td label {
  display: block;
  line-height: 150%;
  margin: 2px 0 5px;
  vertical-align: middle;
  padding:0.3em;
  cursor:pointer;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td >.radio label {
  display:inline;
}

body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td.checks label {
	padding:0;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td label input {
  vertical-align: middle;
  padding-top: 5px;
  margin-right: 0.2em;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td textarea {
  border: 1px solid #e3e3e3;
  background-color: #fff;
  padding: 0.5em;
  width: 340px;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td input[type="text"]:focus,
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td textarea:focus,
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td select:focus {
  border: 1px solid #6598CB;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td.checks {
  padding-bottom: 15px;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form .btns {
  margin-top: 30px;
  padding-bottom: 90px;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form .btns > .btn.form {
  border: 1px dotted #fff;
  padding: 0;
  display: block;
  width: 270px;
  margin: 5px auto 0 auto;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form .btns > .btn.form a {
  margin: 0;
  display: inherit;
  color: white;
  font-weight: normal;
  text-align: center;
  padding: 0.6em;
  font-size: 20px;
  background-color: #ef8376;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form .btns > .btn.form input:hover {
  opacity:0.9;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form .btns > .btn.form span {
  padding-left: 34px;
  background: transparent url("/images/efo/icon_btn_forward_w26.png") no-repeat center left;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form .btns > .btn.form > a {
  padding: 0.4em;
}
body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form .btns > .btn.form > a span {
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > .contents.trial > section.first {
  padding: 60px 0 35px 0;
}
body > .wrapper > .contents.trial > section.first > .wrapper {
  text-align: center;
}
body > .wrapper > .contents.trial > section.first > .wrapper > p {
  font-size: 16px;
  line-height: 150%;
}
body > .wrapper > .contents.trial > section.first > .wrapper > .introduction2 {
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 0.5em;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table {
  border: 1px solid #e3e3e3;
  margin: 0 auto;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table > tbody {
  display: block;
  margin: 20px 40px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table th {
  vertical-align: middle;
  text-align: right;
  padding: 0.75em;
  padding-right: 30px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table th .option {
  color: #fff;
  background-color: #9ab1ce;
  font-size: 11px;
  line-height: 150%;
  padding: 2px 7px;
  margin-left: 0.75em;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table td {
  vertical-align: middle;
  text-align: center;
  padding: 0.75em;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table td .input {
  font-size: 22px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table td .input.sites {
  font-size: 14px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table td .input.ppolicy {
  font-size: 14px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table td .input .unit {
  font-size: 16px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns {
  margin: 0 auto;
  max-width: 520px;
  padding: 0 0;
  padding-bottom: 90px;
  margin-top: 45px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > * {
  padding: 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > .back {
  width: 200px;
  text-align: center;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > .back a {
  display: inline;
  color: #6699cc;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > .back a:hover {
  text-decoration: underline;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > .back:before {
  display: inline;
  color: #6699cc;
  content: "<<";
  margin-right: 0.5em;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > div > .btn.form {
  border: 1px dotted #fff;
  padding: 0;
  display: block;
  width: 318px;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > div > .btn.form a {
  margin: 0;
  display: inherit;
  color: white;
  font-weight: normal;
  text-align: center;
  padding: 0.6em;
  font-size: 20px;
  background-color: #ef8376;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > div > .btn.form a:hover {
  background-color: rgba(239, 131, 118, 0.8);
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > div > .btn.form > a {
  padding: 0.75em;
}
body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > div > .btn.form > a span {
  font-size: 22px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.first {
  margin: 60px 0;
}
body > .wrapper > .contents.trial.success > section.first > .wrapper {
  text-align: center;
}
body > .wrapper > .contents.trial.success > section.first > .wrapper > p {
  font-size: 16px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.first > .wrapper > .introduction2 {
  font-size: 28px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.feature1 {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f4f4f0;
  min-height: 600px;
  z-index: 10000;
}
body > .wrapper > .contents.trial.success > section.feature1 > header {
  text-align: center;
  padding-top: 80px;
  margin-bottom: 55px;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions {
  background: transparent url("/images/efo/figure_index_step_bg.png") no-repeat top 50px left;
  width: 0;
  overflow: hidden;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol {
  width: 1100px;
  padding-left: 15px;
  min-height: 1px;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li {
  opacity: 0;
  float: left;
  width: 228px;
  margin-right: 50px;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li .num {
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -99999px;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li.description4 {
  margin-right: 0;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li > .detail .img > img {
  display: block;
  width: 139px;
  height: 139px;
  margin: 0 auto;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li > .detail h3 {
  text-align: center;
  color: #6699cc;
  margin: 0.2em 0;
  font-size: 20px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li > .detail > .balloon {
  text-align: center;
  background: transparent url("/images/efo/bg_balloon_step.png") no-repeat top left;
  padding: 50px 20px 20px 20px;
  width: 170px;
  height: 68px;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li > .detail > .balloon > p {
  font-size: 16px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions > ol > li > .detail > .balloon > p strong {
  font-weight: bold;
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions.appeared {
  width: 1100px;
  -webkit-transition: width 0.5s linear;
  -webkit-transition-delay: 0s;
  -moz-transition: width 0.5s linear 0s;
  -o-transition: width 0.5s linear 0s;
  transition: width 0.5s linear 0s;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions.appeared > ol > li {
  opacity: 1;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions.appeared > ol > li.description1 {
  -webkit-transition: opacity 0.5s linear;
  -webkit-transition-delay: 0.5s;
  -moz-transition: opacity 0.5s linear 0.5s;
  -o-transition: opacity 0.5s linear 0.5s;
  transition: opacity 0.5s linear 0.5s;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions.appeared > ol > li.description2 {
  -webkit-transition: opacity 0.5s linear;
  -webkit-transition-delay: 0.6s;
  -moz-transition: opacity 0.5s linear 0.6s;
  -o-transition: opacity 0.5s linear 0.6s;
  transition: opacity 0.5s linear 0.6s;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions.appeared > ol > li.description3 {
  -webkit-transition: opacity 0.5s linear;
  -webkit-transition-delay: 0.7s;
  -moz-transition: opacity 0.5s linear 0.7s;
  -o-transition: opacity 0.5s linear 0.7s;
  transition: opacity 0.5s linear 0.7s;
}
body > .wrapper > .contents.trial.success > section.feature1 > article .descriptions.appeared > ol > li.description4 {
  -webkit-transition: opacity 0.5s linear;
  -webkit-transition-delay: 0.8s;
  -moz-transition: opacity 0.5s linear 0.8s;
  -o-transition: opacity 0.5s linear 0.8s;
  transition: opacity 0.5s linear 0.8s;
}
body > .wrapper > .contents.trial.success > section.feature2 {
  padding-bottom: 75px;
}
body > .wrapper > .contents.trial.success > section.feature2 > header {
  text-align: center;
  padding-top: 80px;
  margin-bottom: 50px;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul {
  padding-left: 26px;
  min-height: 1px;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li {
  float: left;
  width: 336px;
  margin-right: 20px;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li .num {
  position: relative;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: -99999px;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li.description3 {
  margin-right: 0;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li > .detail {
  opacity: 0;
  position: relative;
  top: 100px;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li > .detail .img > img {
  display: block;
  margin: 0 auto;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li > .detail h3 {
  text-align: center;
  color: #6699cc;
  margin: 1em 0 0.5em 0;
  font-size: 22px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li > .detail p {
  padding: 0 20px;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li.appeared.description1 > .detail {
  opacity: 1;
  top: 0;
  -webkit-transition: top 0.5s linear, opacity 0.5s linear;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition: top 0.5s linear 0s, opacity 0.5s linear 0s;
  -o-transition: top 0.5s linear 0s, opacity 0.5s linear 0s;
  transition: top 0.5s linear 0s, opacity 0.5s linear 0s;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li.appeared.description2 > .detail {
  opacity: 1;
  top: 0;
  -webkit-transition: top 0.5s linear, opacity 0.5s linear;
  -webkit-transition-delay: 0.2s, 0.2s;
  -moz-transition: top 0.5s linear 0.2s, opacity 0.5s linear 0.2s;
  -o-transition: top 0.5s linear 0.2s, opacity 0.5s linear 0.2s;
  transition: top 0.5s linear 0.2s, opacity 0.5s linear 0.2s;
}
body > .wrapper > .contents.trial.success > section.feature2 > article .descriptions > ul > li.appeared.description3 > .detail {
  opacity: 1;
  top: 0;
  -webkit-transition: top 0.5s linear, opacity 0.5s linear;
  -webkit-transition-delay: 0.4s, 0.4s;
  -moz-transition: top 0.5s linear 0.4s, opacity 0.5s linear 0.4s;
  -o-transition: top 0.5s linear 0.4s, opacity 0.5s linear 0.4s;
  transition: top 0.5s linear 0.4s, opacity 0.5s linear 0.4s;
}
body > .wrapper > .contents.trial.success > section.questions-more {
  padding-top: 75px;
  padding-bottom: 100px;
  border-top: 1px solid #e3e3e3;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper {
  min-height: 1px;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div {
  float: left;
  width: 550px;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div > header > h2 {
  font-size: 24px;
  font-weight: bold;
  color: #ee7711;
  text-align: center;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > header > h2 {
  margin: 0 0 30px 0;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article {
  float: left;
  width: 550px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul {
  margin-bottom: 40px;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul > li > h3 {
  padding: 5px 0;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul > li > h3 > span {
  outline: none;
  padding: 5px 0 5px 42px;
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul > li > h3 > span:hover {
  text-decoration: underline;
  cursor: pointer;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul > li > h3 > span:focus {
  opacity: 0.7;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul > li > p {
  overflow: hidden;
  padding-left: 42px;
  font-size: 16px;
  line-height: 150%;
  height: 4.5em;
  padding-bottom: 2em;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul > li.opened > h3 > span {
  color: #ee7711;
  background: transparent url("/images/efo/icon_tree_close_w31.png") no-repeat center left;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article > ul > li.closed > h3 > span {
  color: #6699cc;
  background: transparent url("/images/efo/icon_tree_open_w31.png") no-repeat center left;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article .btns > .btn.form {
  border: 1px dotted #fff;
  padding: 0;
  display: block;
  width: 360px;
  margin: 0 auto 0 auto;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article .btns > .btn.form a {
  margin: 0;
  display: inherit;
  color: white;
  font-weight: normal;
  text-align: center;
  padding: 0.6em;
  font-size: 20px;
  background-color: #b3b3b3;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article .btns > .btn.form a:hover {
  background-color: rgba(179, 179, 179, 0.8);
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article .btns > .btn.form span {
  padding-left: 34px;
  background: transparent url("/images/efo/icon_btn_forward_w26.png") no-repeat center left;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article .btns > .btn.form > a {
  padding: 0.4em;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.questions > article .btns > .btn.form > a span {
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > header > h2 {
  margin: 0 0 30px 0;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > header > p {
  text-align: center;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article {
  padding-top: 0.5em;
  padding-left: 30px;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article p {
  font-size: 16px;
  line-height: 150%;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .paragraph1 {
  margin-bottom: 10px;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .paragraph2 {
  margin-top: 60px;
  margin-bottom: 10px;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .address {
  -webkit-border-radius: 10px 10px;
  -moz-border-radius: 10px / 10px;
  border-radius: 10px / 10px;
  text-align: center;
  background-color: #f7f7f7;
  padding: 15px;
  margin: 0 auto 20px auto;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .btns > .btn.form {
  border: 1px dotted #fff;
  padding: 0;
  display: block;
  width: 360px;
  margin: 0 auto 0 auto;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .btns > .btn.form a {
  margin: 0;
  display: inherit;
  color: white;
  font-weight: normal;
  text-align: center;
  padding: 0.6em;
  font-size: 20px;
  background-color: #b3b3b3;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .btns > .btn.form a:hover {
  background-color: rgba(179, 179, 179, 0.8);
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .btns > .btn.form span {
  padding-left: 34px;
  background: transparent url("/images/efo/icon_btn_forward_w26.png") no-repeat center left;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .btns > .btn.form > a {
  padding: 0.4em;
}
body > .wrapper > .contents.trial.success > section.questions-more .wrapper > div.more > article .btns > .btn.form > a span {
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > footer {
  background-color: #80807d;
  color: #b3b3b3;
}
body > .wrapper > footer a {
  color: #b3b3b3;
}
body > .wrapper > footer a:hover {
  text-decoration: underline;
}
body > .wrapper > footer > .wrapper {
  max-width: 1040px;
  margin: 0 auto;
  padding: 50px 15px 100px 15px;
}
body > .wrapper > footer > .wrapper > .img.logo {
  width: 231px;
  margin: 0 auto 40px auto;
}
body > .wrapper > footer > .wrapper > .img.logo > img {
  display: block;
  width: 231px;
}
body > .wrapper > footer > .wrapper > ul {
  margin-bottom: 1em;
  text-align: center;
}
body > .wrapper > footer > .wrapper > ul > li {
  display: inline;
  text-align: center;
  padding: 1em;
}
body > .wrapper > footer > .wrapper > .social {
  width: 128px;
  margin: 40px auto;
  min-height: 1px;
}
body > .wrapper > footer > .wrapper > .social:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > footer > .wrapper > .social > * {
  float: left;
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
body > .wrapper > footer > .wrapper > .social > *.fb {
  margin-right: 0;
}
body > .wrapper > footer > .wrapper > .social a {
  opacity: 1;
}
body > .wrapper > footer > .wrapper > .social a:hover {
  opacity: 0.8;
}
body > .wrapper > footer > .wrapper > .copyright {
  text-align: center;
}
body > section.nav {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #e0e7ef;
  padding: 40px 0;
}
body > section.nav > .wrapper {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 15px;
  min-height: 1px;
}
body > section.nav > .wrapper:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > section.nav > .wrapper > a {
  float: left;
}
body > section.nav > .wrapper > a h1 > img {
  display: block;
}
body > section.nav > .wrapper > nav > ul {
  text-align: center;
}
body > section.nav > .wrapper > nav > ul > li {
  display: inline;
  position: relative;
}
body > section.nav > .wrapper > nav > ul > li > a {
  font-size: 20px;
  padding: 7px 0.75em;
  opacity: 1;
}
body > section.nav > .wrapper > nav > ul > li > a > span {
  padding-left: 38px;
  background: transparent url("/images/efo/icon_btn_forward_w30.png") no-repeat center left;
}
body > section.nav > .wrapper > nav > ul > li > a:hover {
  opacity: 0.8;
}
body > .to-page-top {
  display: none;
  position: fixed;
  z-index: 10001;
  bottom: 30px;
  right: 60px;
  -o-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
body > .to-page-top a {
  display: block;
  width: 83px;
  height: 83px;
}
body > .modal {
  -webkit-transition: opacity 0.1s linear;
  -webkit-transition-delay: 0s;
  -moz-transition: opacity 0.1s linear 0s;
  -o-transition: opacity 0.1s linear 0s;
  transition: opacity 0.1s linear 0s;
  opacity: 0;
  z-index: 10002;
  position: fixed;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
body > .modal > * {
  display: none;
}
body > .modal.visible {
  width: 100%;
  height: 100%;
  opacity: 1;
}
body > .modal.visible > * {
  display: block;
}
body > .modal.visible .movie {
  position: absolute;
  width: 768px;
  height: 432px;
  top: 50%;
  left: 50%;
  margin: -215px 0 0 -384px;
}
body > .modal h2 {
  margin-top: 400px;
  text-align: center;
  font-size: 38px;
}
body.inner > section.try-form {
  background-color: #e0e7ef;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  padding-top: 55px;
}
body.inner > section.try-form > .wrapper > header {
  text-align: center;
}
body.inner > section.try-form > .wrapper > header h2 {
  font-size: 22px;
  line-height: 150%;
  color: #6699cc;
}
body.inner > section.try-form > .wrapper > header p {
  margin-top: 0.75em;
  font-size: 12px;
  line-height: 150%;
}
body.inner > section.try-form > .wrapper > form {
  margin-top: 35px;
}
body.inner > section.try-form > .wrapper > form > table {
  margin: 0 auto;
}
body.inner > section.try-form > .wrapper > form > table th {
  vertical-align: top;
  border: 1px solid transparent;
  text-align: right;
  padding: 0.75em;
  padding-right: 0.5em;
}
body.inner > section.try-form > .wrapper > form > table td {
  padding-bottom: 0.5em;
}
body.inner > section.try-form > .wrapper > form > table td input[type="text"] {
  border: 1px solid #e3e3e3;
  padding: 0.75em;
  width: 340px;
}
body.inner > section.try-form > .wrapper > form > table td .ppolicy {
  border: 1px solid #e3e3e3;
  background-color: #fff;
  width: 340px;
  height: 100px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0.75em;
  margin-bottom: 0.5em;
}
body.inner > section.try-form > .wrapper > form .btns {
  margin-top: 30px;
  padding-bottom: 45px;
}
body.inner > section.try-form > .wrapper > form .btns > .btn.form {
  border: 1px dotted #fff;
  padding: 0;
  display: block;
  width: 270px;
  margin: 5px auto 0 auto;
}
body.inner > section.try-form > .wrapper > form .btns > .btn.form a {
  margin: 0;
  display: inherit;
  color: white;
  font-weight: normal;
  text-align: center;
  padding: 0.6em;
  font-size: 20px;
  background-color: #ef8376;
}
body.inner > section.try-form > .wrapper > form .btns > .btn.form a:hover {
  background-color: rgba(239, 131, 118, 0.8);
}
body.inner > section.try-form > .wrapper > form .btns > .btn.form span {
  padding-left: 34px;
  background: transparent url("/images/efo/icon_btn_forward_w26.png") no-repeat center left;
}
body.inner > section.try-form > .wrapper > form .btns > .btn.form > a {
  padding: 0.4em;
}
body.inner > section.try-form > .wrapper > form .btns > .btn.form > a span {
  font-size: 18px;
  line-height: 150%;
}

.trial-blocks li{
	float:left;
	width:33%;
	text-align:center;
	padding:130px 0 20px;
}
.trial-blocks li.merit01{
	background: transparent url("/images/efo/trial01.png") no-repeat top center;
}
.trial-blocks li.merit02{
	background: transparent url("/images/efo/trial02.png") no-repeat top center;
}
.trial-blocks li.merit03{
	background: transparent url("/images/efo/trial03.png") no-repeat top center;
}
.trial-blocks li h2{
	font-size:20px;
	font-weight:100;
	padding:10px 0;
}
.trial-blocks li h2 b{
	font-size:32px;
}
.paper li{
	width:50%;
	text-align:left;
	padding:20px 0;
}
.paper li h2{
	color:#EE7711;
	font-weight:bold;
}
.side .wrapper{
	margin:30px auto 40px;
	max-width:1060px;
	border:3px solid #eee;
	padding:20px;
}
.side .wrapper .left{
	width:70%;
	float:left;
}
.side .wrapper .left h2{
	padding:0 0 10px;
}
.side .wrapper .left h2 b{
	font-size:18px;
}
.side .wrapper .left p{
	padding:0 20px 0 0;
}
.side .wrapper .right{
	width:30%;
	float:right;
	padding:40px 0px;
	background:#F4F4F0;
}
.side .wrapper .right a{
	float:left;
	margin:0 10px 0 20px;
}
.side .wrapper .right p{
	margin:0 20px 0 0;
}
.err{
	color:#EE7711;
}
section.blog {
    background-color: #F4F4F0;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    padding: 75px 0 55px;
}
section.blog > .wrapper {
    max-width: 1040px;
}
section.blog > .wrapper > header{
	text-align:center;
}
section.blog > .wrapper > header > h2 {
    color: #EE7711;
    font-size: 30px;
    font-weight: bold;
    line-height: 150%;
    vertical-align: middle;
}
section.blog > .wrapper > header > h2:after {
    background: url("/img/separation_w1_gray.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    content: " ";
    margin: 0 0.5em;
}
section.blog > .wrapper > header > p {
    display: inline;
    font-size: 18px;
    line-height: 150%;
    vertical-align: middle;
}
section.blog > .wrapper ul {
    margin: 25px -20px 0;
    min-height: 1px;
}
section.blog > .wrapper ul:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
section.blog > .wrapper ul > li {
    float: left;
    width: 270px;
}
section.blog > .wrapper ul > li > a {
    display: block;
    padding: 20px;
}
section.blog > .wrapper ul > li > a:hover {
    background-color: rgba(255, 255, 255, 0.7);
}
section.blog > .wrapper ul > li .img {
    border: 1px solid #E3E3E3;
	width: 228px;
	height:150px;
	overflow:hidden;
	text-align:center;
	background:#fff;
}
section.blog > .wrapper ul > li .img > img {
    display: block;
	height:150px;
	width:auto;
	margin:0 auto;
}
section.blog > .wrapper ul > li h3 {
    color: #6699CC;
    font-size: 14px;
    line-height: 150%;
    margin: 1em 0;
}
section.blog > .wrapper ul > li .date {
    font-size: 12px;
    line-height: 150%;
}
.homebtn{
	margin:100px 100px 0px;
	background:#BFBFBF;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding:10px;
	display:block;
}
.homebtn:hover{
	background:#C2C2C2;
}

body > .wrapper > .contents.trial.success.lp > section.feature1 {
  min-height: 460px;
  z-index: 10000;
  border:none;
}
body > .wrapper > .contents.trial.success.lp > section.feature1 header{
  padding-top:40px;
  margin-bottom: 30px;
}
body > .wrapper > .contents.trial.success.lp > section.feature1 header h2{
	font-size:24px;
}
body > .wrapper > .contents.trial.success.lp > section.questions-more{
	border-bottom: 1px solid #e3e3e3;
	padding:50px 0;
}
body > .wrapper > .contents.trial.success.lp > section.questions-more .wrapper > div {
    float: none;
    width: auto;
}

body > .wrapper > .contents.trial.success.lp > section.questions-more .wrapper > div.questions > article {
    line-height: 150%;
    float: none;
    width: auto;
}
body > .wrapper > .contents.example > section.section > .wrapper > header {
  text-align: center;
  padding-top: 50px;
  margin-bottom: 40px;
}
body > .wrapper > .contents.example > section.section > .wrapper > header > h2 {
  font-weight: bold;
  color: #ee7711;
  font-size: 28px;
  line-height: 130%;
  margin-bottom: 5px;
}
body > .wrapper > .contents.example > section.section > .wrapper > header > p {
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > .contents.example > section.section > .wrapper > article strong {
  font-weight: bold;
}
body > .wrapper > .contents.example > section.section3 {
  background-color: #f4f4f0;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 25px;
}
body > .wrapper > .contents.example > section.section3 > .wrapper > article .companies {
  padding: 0 70px 0 100px;
}
body > .wrapper > .contents.example > section.section3 > .wrapper > article .companies ul {
  min-height: 1px;
}
body > .wrapper > .contents.example > section.section3 > .wrapper > article .companies ul:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > .contents.example > section.section3 > .wrapper > article .companies ul > li {
  display: block;
  height: 35px;
  margin-bottom: 35px;
  margin-right: 30px;
  float: left;
}
body > .wrapper > .contents.example > section.section4 {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 20px;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article {
  margin: 0 auto;
  max-width: 946px;
  padding: 0 0;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li {
  min-height: 1px;
  margin-bottom: 50px;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .person {
  float: left;
  width: 134px;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .person > .img {
  width: 69px;
  margin: 0 auto;
  margin-bottom: 10px;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .person > .img > img {
  display: block;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .person > p {
  line-height: 160%;
  text-align: center;
  font-size: 16px;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .person > ul {
  margin-top: 5px;
  text-align: center;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .person > ul > li {
  font-size: 14px;
  line-height: 150%;
  padding: 0.1em 4px;
  margin: 0 5px;
  -webkit-border-radius: 5px 5px;
  -moz-border-radius: 5px / 5px;
  border-radius: 5px / 5px;
  display: inline;
  display: inline-block;
  min-width: 45px;
  color: #fff;
  background-color: #9ab1ce;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .paragraphs {
  -webkit-border-radius: 2px 2px;
  -moz-border-radius: 2px / 2px;
  border-radius: 2px / 2px;
  line-height: 180%;
  float: right;
  width: 705px;
  border: 2px solid #d5d5c1;
  background-color: #fff;
  position: relative;
  padding: 20px 25px;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .paragraphs strong {
  font-size: 18px;
  line-height: 150%;
}
body > .wrapper > .contents.example > section.section4 > .wrapper > article > .customers > li > .paragraphs:before {
  content: "";
  position: absolute;
  top: 35px;
  left: -40px;
  width: 52px;
  height: 28px;
  background: transparent url("/images/efo/bg_example_balloon_horn.png") no-repeat left top;
}
.mainvisual img.main{
	float:left;
	margin:40px;
}
.mainvisual.lp2{
  background: url("/images/efo/bg_lp2.png") no-repeat left top;
}
.mainvisual .right{
	float:right;
	width:550px;
}
.mainvisual h1{
	font-size:30px;
	font-weight:bold;
	margin:60px 0 30px 0;
	line-height:1.3;
}
.mainvisual h2{
	color:#F27600;
	font-size:20px;
	margin-bottom:5px;
	line-height:30px;
	padding-left:37px;
	background:url("/images/efo/icon_check_orange_w30.png") no-repeat left center;
}
.mainvisual p{
	margin-bottom:20px;
	padding-left:37px;
}
.mainvisual a{
	padding-left:37px;
	margin-top:10px;
}
.mainvisual a:hover{
	opacity:0.7;
}
.mainvisual .maincopy{
  float: left;
  width: 70%;
  text-shadow:1px 0 5px #fff, -1px 0 5px #fff, 0px 1px 5px #fff, 0px -1px 5px #fff;
}
.mainvisual .maincopy h2{
  color: #fff;
  text-shadow:none;
  font-weight: bold;
}
.mainvisual .mainform{
  float: right;
  width: 30%;
  margin: 30px 0;
  background: rgba(224, 231, 239, 0.8);
}
.mainvisual .mainform .inner{
  margin: 30px;
}
.mainvisual .mainform h2{
  padding: 0 0 5px;
  background: none;
  line-height: 1;
  color: #6598CB;
  font-size: 19px;
  font-weight: bold;
}
.mainvisual .mainform h3{
  font-weight: bold;
  color: #555;
}
.mainvisual .mainform input{
  border: 1px solid #e3e3e3;
  padding: 8px 12% 8px 3%;
  width: 85%;
  margin-bottom: 5px;
}
.mainvisual .mainform input:focus{
  border-color: #6598CB;
}
.mainvisual .mainform .btns p, .mainvisual .mainform .btns a{
  font-size: 11px;
  padding: 0;
  line-height: 1.2;
}
.mainvisual .mainform .btns p{
  margin-bottom: 8px;
}
.mainvisual .mainform input.btn-pink, .btn-pink{
  font-size: 20px;
  font-weight: bold;
  background: #ef8376;
  color: #fff;
  border: none;
  padding: 10px;
  margin: 0;
  width: 100%;
}
.btn-pink:hover{
  cursor: pointer;
  opacity: 0.8;
}
.mainvisual.paper .maincopy h2{
   color: #555;
}
.mainvisual.paper .leftbox{
  float: left;
  width: 31.5%;
}
.mainvisual.paper .leftbox h2{
  background: none;
  padding: 0;
  font-size: 12px;
}
.mainvisual.paper .leftbox ul li{
  padding: 0;
  width: auto;
  margin-left: 20px;
  list-style-type: disc;
  font-size: 11px;
}
.mainvisual.paper .rightbox{
  float: right;
  width: 60%;
  margin: 10px 5% 0 0 ;
}
.mainvisual.paper .rightbox ul li{
  padding: 0;
  margin-left: 40px;
  width: auto;
  list-style-type: disc;
}
.mainvisual.paper .mainform{
  margin:0;
}
.mainvisual.paper .mainform h3{
  display:inline-block;
}
.mainvisual.paper .mainform .err{
  color: #ef8376;
  display:inline-block;
  font-size: 11px;
}
.mainvisual.paper .mainform small{
  line-height: 1.2
}
.mainvisual.paper .mainform input[type="text"]{
  padding: 8px 12% 8px 3%;
  width: 85%;
}
.mainvisual.paper .mainform input[type="checkbox"]{
  width:auto;
  margin-bottom: 20px;
}
.mainvisual .mainform .rel{
  position: relative;
  margin: 0;
}
.mainvisual .mainform .rel .FFt{
  position: absolute;
  top:22px;
  right: 0px;
}
@media screen and (max-width: 1100px) {
  body > .wrapper {
      min-width: 0;
      overflow: auto;
  }
  body > .wrapper > header .wrapper {
  }
  body > .wrapper > header .wrapper nav ul li {
      display: none;
  }
  body > .wrapper > header .wrapper nav ul li.nav-trial {
      display: inline;
  }
  body > .wrapper > .contents article .companies {
      padding: 0 !important;
      text-align: center !important;
  }
  body > .wrapper > .contents article .companies ul > li {
      display: inline-block !important;
      float: none !important;
      margin: 0 20px 10px 0 !important;
  }
  body > .wrapper > .contents > section.contact2 .wrapper > div.left {
      float: none;
      margin-right: 0;
      text-align: center;
      width: auto;
  }
  body > .wrapper > .contents > section.contact2 .wrapper > div.right {
      float: none;
      padding-top: 30px;
      text-align: center;
      width: auto;
  }
  .sp-banner-btm img {
      width: 100%;
  }
  .sp-banner-btm > section.nav.feature {
      display: none;
  }
}
@media screen and (max-width: 700px) {
  body > .wrapper > header {
      min-height: 0;
  }
  body > .wrapper > header .wrapper a {
      height: auto;
      width: 30%;
  }
  body > .wrapper > header .wrapper a img {
      height: auto;
      width: 100%;
  }
  body > .wrapper > header .wrapper h1 {
      display: none;
  }
  body > .wrapper > header .wrapper nav {
      margin-top: 0;
  }
  body > .wrapper > header .wrapper nav a {
      width: auto;
  }
  body > .wrapper > .contents > section.contact2 .btn.form, body > .wrapper > .contents > section.try-form .btn.form, body > .wrapper > .contents > section.try .btn.form, body > .wrapper > .contents > section.download .btn.form {
      width: auto !important;
  }
  body > .wrapper > .contents > section.contact2 .btn.form img, body > .wrapper > .contents > section.try-form .btn.form img, body > .wrapper > .contents > section.try .btn.form img, body > .wrapper > .contents > section.download .btn.form img {
      height: auto !important;
      width: 100% !important;
  }
  body > .wrapper > .contents > section.contact2 header, body > .wrapper > .contents > section.contact2 article, body > .wrapper > .contents > section.try-form header, body > .wrapper > .contents > section.try-form article, body > .wrapper > .contents > section.try header, body > .wrapper > .contents > section.try article, body > .wrapper > .contents > section.download header, body > .wrapper > .contents > section.download article {
      float: none !important;
  }
  body > .wrapper > .contents > section.contact2 .phone img, body > .wrapper > .contents > section.try-form .phone img, body > .wrapper > .contents > section.try .phone img, body > .wrapper > .contents > section.download .phone img {
      height: auto;
      width: 100%;
  }
  body > .wrapper > header.inquiry, body > .wrapper > header.trial {
      min-height: 0px;
  }
  body > .wrapper > header > .wrapper p.link {
      display: none !important;
  }
  body > .wrapper > .contents.inquiry > section.contact-counsel {
      display: none !important;
  }
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table,
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table tbody,
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table th,
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td,
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table,
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table tbody,
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table tr,
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table th,
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table td{
      display: block!important;
  }
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table th{
      text-align:left;
      padding-left: 0;
  }
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td input[type="text"] ,
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td textarea {
      width:270px;
  }  
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table tbody{
      margin:0;
  }
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form > table th{
      text-align: left;
  }
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns{
    margin:0;
  }
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > * {
      display: block;
  }
  body > .wrapper > .contents.trial > section.trial-form > .wrapper > form .btns > .back {
    margin: 0 0 20px;
    text-align: left;
  }
  body > .wrapper > .contents.trial.success > section.first {
      padding: 0;
  }
  section.blog{
      padding: 30px 0;
  }
  section.blog > .wrapper > header > h2 {
      font-size: 18px;
  }
  body > .wrapper > .contents.trial.success > section.questions-more {
      display:none;
  }
  body > .wrapper > .contents > section.mainvisual,
  body > .wrapper > .contents > section.section3 ,
  body > .wrapper > .contents > section.section4 ,
  body > .wrapper > .contents > section.feature1{
      display:none;
  }
  body > .wrapper > .contents > section.mainvisual.paper{
      display: block;
  }
  body > .wrapper > .contents > section.mainvisual.paper .maincopy{
    display: none;
  }
  body > .wrapper > .contents > section.mainvisual.paper .mainform{
    width: 100%;
  }
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td .ppolicy {
    width: 290px;
  }
  body > .wrapper > .contents.inquiry > section.inquiry-form > .wrapper > form > table td .ppolicy iframe{
    width: 290px;
  }
}