@charset "utf-8";


/* --------------------------------------------------------------------------------
   Shered
-------------------------------------------------------------------------------- */

.header {
    margin-bottom: 0;
    width: 100%;
    min-height: 43px;
    padding-bottom: 20px;
}
#contents-area,
#contents-body,
.lyt-col-1 #contents-body {
  float: none;
  width: 100%;
  min-width: 990px;
}
#contents-body {
  display: block;
  padding-top: 40px;
}
.contents-inner {
  width: 950px;
  margin: 12px auto 0;
  padding: 0 20px;
}
.contents-inner:first-child {
  margin-top: 0;
}
#contents-footer {
  width: 990px;
  margin: 0 auto;
}

.clearfix:after {
  content        : ".";
  height         : 0px;
  clear          : both;
  visibility     : hidden;
  display        : block;
}
.clearfix {
  zoom:100%;
}


/* --------------------------------------------------------------------------------
   Individual
-------------------------------------------------------------------------------- */

/* General
--------------------------------------------------------------------- */
#contents-area,
#contents-body { width: 100% !important; }
#contents-body { border-top: 1px solid #d9dadc; }

#menubar { background-color: #e03731; padding: 8px 0; position: relative; z-index: 1; }
#menubar .inner { margin: 0 auto; position: relative; width: 950px; height: 40px; }
#menubar .inner .select-lang { position: absolute; top: 0; right: 0; width: 134px; line-height: 38px; font-size: 16px; font-weight: bold; text-align: center; z-index: 2;  }
#menubar .inner .select-lang a { display: block; border: 1px solid #c02620; outline: none; color: #fff; text-decoration: none; }
#menubar .inner .select-lang .current { cursor: pointer; }
#menubar .inner .select-lang .current:after { margin: -2px 0 0 6px; border-width: 6px 6px 0px; border-style: solid; border-color: #fff transparent transparent; content: ""; display: inline-block; vertical-align: middle; }
#menubar .inner .select-lang .switches { display: none; }
#menubar .inner .select-lang .switches a { margin-top: -1px; color: #e03731; background-color: #fff; }
#menubar .inner .select-lang .switches a:hover { background-color: #ffc2c0; }

#contents-head { position: relative; overflow: hidden; min-width: 990px; height: 515px; background: #ebf2f8 url(../../img/p/fig_main-bg.png) left bottom repeat-x; }
#contents-head .main { margin-left: -1000px; position: absolute; top: 0; left: 50%; }
.sections-wrap { margin-bottom: 110px; }
.contents-inner { margin: 0 auto; padding: 0 20px; width: 950px; }
.section { position: relative; line-height: 1.44; font-size: 18px; }
.section p { line-height: 1.44; }

.section .heading { margin: 110px 0 20px; }
.section .secondary-heading { margin-top: 30px; position: relative; overflow: hidden; line-height: 1; font-size: 25px; font-weight: bold; }
.section .secondary-heading .ear { padding: 10px 18px; display: inline-block; position: relative; color: #fff; background-color: #e03731; }
.section .secondary-heading .ear:after { content: ""; position: absolute; top: -20px; bottom: -20px; right: -15px; z-index: -1; transform: rotate(-30deg); width: 30px; background-color: #e03731; }
.section .secondary-heading:after { content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 2px; background-color: #e03731; }
.section .flow + .secondary-heading { margin-top: 55px; }
.section .tertiary-heading { margin-top: 33px; padding-left: 8px; border-left: 10px solid #e03731; line-height: 1.1; font-size: 21px; font-weight: bold; }
.section .flow + .tertiary-heading { margin-top: 100px; }
.section .listing { margin-left: 1em; line-height: 1.66; list-style: disc; }

.section .flow {}
.section .flow .lead { margin: 17px 0 10px; }
.section .flow .cols { margin: 0 -14px; list-style: none; }
.section .flow .step { margin: 40px 14px 0; float: left; position: relative; width: 298px; line-height: 1.6; font-size: 16px; }
.section .flow .step .num { display: block; line-height:1; font-size: 36px; font-style: normal; }
.section .flow .step .fig { margin-top: 15px; }
.section .flow .step .fig-screen img:nth-child(n+2) { margin-left: 28px; }
.section .flow .step .fig-config { margin-top: 20px; }
.section .flow .step .desc { margin: 15px 0 0; }
.section .flow .step .note { margin: 15px 0 0; line-height: 1.25;  font-size: 12px; }
.section .flow .step-double { width: 624px; }
.section .flow .step-double .fig-screen { display: inline-block; }

/* Local
--------------------------------------------------------------------- */
/* Overview */
.section-overview { margin-bottom: -75px; }

/* Service Outline */
.section-outline .designs { margin-top: 40px; }
.section-outline .designs li { float: left; width: 100%; text-align: center; }
.section-outline .designs li .copy { margin: 10px auto 0; width: 370px; text-align: right; font-size: 13px; }

/* Sales price */
.section-price {}

/* Additional plan purchase */
.section-additional .plan { margin-top: 25px; width: 100%; }
.section-additional .plan th,
.section-additional .plan td { border: 2px solid #333; width: 50%; vertical-align: middle; text-align: center; }
.section-additional .plan th { padding: 5px; border-bottom: none; color: #fff; background-color: #6e6e6e; font-weight: bold; }
.section-additional .plan td { padding: 15px; border-top: none; }
.section-additional .plan td strong { margin-bottom: 15px; display: block; font-weight: normal; }

/* Where to buy */
.section-where {}

/* How to Use */
.section-howto {}
.section-howto .before strong { display: block; font-size: 21px; }
.section-howto .require { margin: 30px 0 0; }
.section-howto .require + ol { margin-left: 1.8em; }

/* Special website */
.section-website {}
.section-website .flow1 .step-s03,
.section-website .flow2 .step-s04 { clear: left; }

/* Important */
.section-important {}

/* Important Notes */
.section-notes {}

/* FAQ */
.section-faq {}
.section-faq dl { border-bottom: 2px solid #ccc; }
.section-faq dt,
.section-faq dd { padding: 9px 0 9px 65px; display: table; position: relative; vertical-align: middle; box-sizing: border-box; width: 100%; min-height: 89px; line-height: 1.66; }
.section-faq dt i,
.section-faq dd i { display: block; position: absolute; top: 0; left: 0; width: 40px; height: 40px; text-indent: 100%; background-repeat: no-repeat; white-space: nowrap; overflow: hidden; }
.section-faq dt { padding-top: 40px; border-top: 2px solid #ccc; font-weight: bold; }
.section-faq dt i { top: 36px; background-image: url(../../img/icn_faq_q.png); }
.section-faq dd { padding-bottom: 40px; }
.section-faq dd i { top: 5px; background-image: url(../../img/icn_faq_a.png); }

#inc_box-enquete {
  margin-top: 30px;
}

.bnr-campaign{
  text-align: center;
  margin-top: 75px;
}
.section .c-plan-notes{
  margin-top: 48px;
}
.section .c-plan-notes__ttl{
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 5px;
}
.section .c-plan-notes__txt{
  font-size: 18px;
  line-height: 1.8em;
}