h1, h2, h3, h4, h5, h6 {
  text-transform: none; }

strong {
  color: #be1d3e; }


/* Button */
button,
.button {
  font-size:85%;
  height: 2.25rem;
  line-height: 2.25rem; }

/* Footer */
footer.special {
  text-align: center;
  margin-bottom: 1rem; }

/* Header */
header.special p {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto; }



/* Wrapper */
.narrow-wrapper {
  padding: 4rem 0 2rem 0 ; }
.thin-wrapper {
  padding: 0; }
  .thin-wrapper .outer {
  	text-align:center; }
  .thin-wrapper .outer h2 {
  	margin: 1.5rem 0; }



/* Testimonials */
.testimonials .content .product {
  display:inline-block;
  margin:0px 20px;
  text-align:center;
  width:80%; }	
.testimonials .content .more {
  margin-top:20px;
  text-align:center; }	


.highlights .content img {
  width:100%; }



.left-sidebar h3 {
  margin-left:-16px; }
  .left-sidebar h3.selected {
	font-weight:700;
    color:#ef7d26; }

  
.left-sidebar a {
  color:#555555;
  text-decoration:none; }
  .left-sidebar a:hover {
    color:#ef7d26; }

.left-sidebar a:hover h3 {
  color:#ef7d26; }



.plan {
  background-color:#ffffff;
  margin:3rem auto;
  padding:3rem 1rem;
  height:24rem;
  width:26rem;
  border-radius:6px;
  font-size:95%; }
  .plan .plan-title {
    font-size:120%;
	font-weight:700; }
  .plan .plan-price span {
  	padding:5px;
  	font-size:250%;
  	font-weight:700; }
  .plan.basicplan span {
  	color:#4481b7; }
  .plan.csplan span {
  	color:#bf1d3e; }
  .plan ul {
  	list-style-type:none;
  	line-height:1.8;
  	margin-left:3rem;
	text-align:left; }
  	.plan ul span {
  	  font-size:120%;
	  padding:10px; }
  @media screen and (max-width: 736px) {
  	.plan {
  	  width:24rem; }
  	  .plan ul {
  	  	margin-left:2rem; } }
  @media screen and (max-width: 480px) {
  	.plan {
  	  width:20rem; } 
  	  .plan ul {
  	  	margin-left:0; } }

.box {
  width:100%;
  text-align:center;
  vertical-align: middle; }
  .box p {
  	font-weight:600;
  	margin-bottom:0.65rem; }
  .box img {
  	height:48px;
  	margin-bottom:2rem; }

.article {
	margin-bottom: 2rem;
	border-bottom: 1px solid #dddddd; }
.article h4 {
	color:#111111;
	font-size:1.1rem;
	font-weight:700; }
.article ul {
	margin: -1.5rem 0 4.5rem 0;
	line-height:2;
	list-style: none; }
.article ul img {
	vertical-align:text-bottom; }
.article span.step {
	color: #82c1df;
	font-size:1.7rem;
	font-style: italic;
	font-weight:400; }
.article p.recommend {
	color: #be1d3e; }


.comparison {
	width:100%;
	padding: 40px 80px;
	margin-bottom:80px;
	border-radius:5px;
	background-color:#ffffff; }	
    @media screen and (max-width: 1280px) {
      .comparison {
      	margin-bottom:50px;
    	padding: 30px 50px; }
    }
    @media screen and (max-width: 736px) {
      .comparison {
      	font-size:90%;
      	margin-bottom:40px;
    	padding: 20px 10px; }
    }
	.comparison h4 {
	  text-align:center;
	  font-size: 110%;
  	  font-weight: 700; }
	.comparison table tbody th {
  	  font-weight: 400; }
	.comparison table tbody td {
	  font-weight: 700;
	  text-align:center;
  	  font-size: 98%; }
	  .comparison table tbody td span.icon {
	    color:#be1d3e;
  	  	font-size: 140%; }
	  .comparison table tbody td span.note {
	  	font-size: 130%;
	    color:#be1d3e; }
	.comparison table tbody tr {
  	  border-color: rgba(0, 0, 0, 0.15); }
	  .comparison table tbody tr:nth-child(2n + 1) {
    	background-color: rgba(128, 0, 0, 0.02); }

p.note {
  font-size:90%;
  padding-right:1rem;
  text-align:right; }
span.note {
  font-size:130%;
  color:#be1d3e; }


/* Back Button */
#backToTop {
  position:fixed;
  bottom:10px;
  right:30px;
  font-size:250%;
  z-index:1; }
  #backToTop a {
    color:#aaaaaa;
    text-decoration:none; }



/* Banner */
#banner {
  background-image: url("../../images/banner-r.jpg"); }
  #banner:after {
    background-color: #ff8300;
    background: linear-gradient(135deg, #ff8300 0%, #111111 74%); }
  #banner video {
    display: none; }

#banner.zero {
  background-image: url("../../images/banner-y.jpg"); }
  #banner.zero:after {
    background-color: #fdd84d;
    background: linear-gradient(135deg, #fdd84d 0%, #111111 74%); }

#banner.lite {
  background-image: url("../../images/banner-r.jpg"); }
  #banner.lite:after {
    background-color: #be1d3e;
    background: linear-gradient(135deg, #be1d3e 0%, #111111 74%); }

@media screen and (max-width: 736px) {
  #banner img {
    width: 100%; } }




/* Header */
#header {
  font-size:90%;
  background: rgba(255, 255, 255, 0.9);
  color: rgba(0, 0, 0, 0.9); }
  #header > .logo {
    color: #333333; }
	#header > .logo > img {
	  margin:10% 0px;
      height:58%; }
    #header > nav > span {
      padding-left: 16px;
      padding-right: 16px; }
    #header > nav > span:hover {
      color: #be1d3e;
      cursor: pointer; }
    #header > nav > a:hover {
      color: #be1d3e; }
    #header > nav.main_menu {
      display:block; }
    #header > nav.hier_menu {
      display:none; }
    @media screen and (max-width: 736px) {
      #header > nav.main_menu {
      	display:none; }
      #header > nav.hier_menu {
      	display:none; }
	}
	
#cta.zero {
  background-color: #dcbc43;
  background-image: linear-gradient(rgba(253, 216, 77, 0.25), rgba(253, 216, 77, 0.25)), url(../../images/cta4.jpg); }

/* Footer */
#footer {
  background-color: #666666;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9rem;
  padding: 3rem 0 0.5rem 0; }
  #footer a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none; }
    #footer a:hover {
      color: #ce1b28; }
  #footer .sns {
  	width:100%;
  	padding-bottom: 2rem;
  	font-size: 2rem;
  	color:#ffffff;
  	text-align:center;
  	opacity: 1;　}
  	#footer .sns a {
  	  padding: 0 0.5rem; }
  	#footer .content section {
  	  text-align:center;
      width: 33%; }
  	#footer .content section:first-child {
	  width: 33%;
      padding-right: 4rem; }
  	#footer .content section:last-child {
      padding-left: 4rem; }


/* Heading */
.heading {
  -ms-flex-align: center;
  -ms-flex-pack: center;
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.7);
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-image: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0;
  display: -ms-flexbox;
  padding: 3rem;
  height: auto !important;
  min-height: auto;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }
  .heading img {
    width: 100%;
    padding:1rem 1rem 2rem 1rem; }
  .heading div.demo {
    position:relative;
    width:100%;
    height:100%;
    padding:1rem 1rem 2rem 1rem; }
  	.heading div.demo img.demo {
 	  position:absolute;
 	  top:11%; 
      left:12.5%;
      width: 75%;
      opacity:0.0;
      -webkit-transition: opacity 1s ease-out;
　	  -moz-transition: opacity 1s ease-out;
　	  -ms-transition: opacity 1s ease-out;
　	  -o-transition: opacity 1s ease-out;
　	  transition: opacity 1s ease-out; }
  	  .heading div.demo img.demo.shown {
 		opacity:1.0; }
  .heading p.heading-left {
  	padding: 4rem 0rem;
  	color: #888888;
  	font-size: 125%;
  	font-weight: 400;
  	letter-spacing:0.2em;
  	line-height:2.1; }
  .heading footer.special a {
    z-index:1; }
  .heading footer.special a button.primary {
  	height:2.5rem;
  	padding:0rem 3rem;
  	background-color:#ce1b28; }
  .heading footer.special a button.primary:hover {
    background-color:#8b122e; }
  .heading input, .heading select, .heading textarea {
    color: #333333; }
  .heading a {
  	position: relative;
    color: #ce1b28; }
  .heading strong, .heading b {
    color: #333333; }
  .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
    color: #333333; }
  .heading blockquote {
    border-left-color: rgba(255, 255, 255, 0.25); }
  .heading code {
    background: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }
  .heading hr {
    border-bottom-color: rgba(255, 255, 255, 0.25); }
  .heading input[type="submit"],
  .heading input[type="reset"],
  .heading input[type="button"],
  .heading button,
  .heading .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 1px #ffffff;
    color: #ffffff !important; }
    .heading input[type="submit"]:hover,
    .heading input[type="reset"]:hover,
    .heading input[type="button"]:hover,
    .heading button:hover,
    .heading .button:hover {
      box-shadow: inset 0 0 0 1px #ce1b28;
      color: #ce1b28 !important; }
      .heading input[type="submit"]:hover:active,
      .heading input[type="reset"]:hover:active,
      .heading input[type="button"]:hover:active,
      .heading button:hover:active,
      .heading .button:hover:active {
        background-color: rgba(206, 27, 40, 0.25); }
    .heading input[type="submit"].primary,
    .heading input[type="reset"].primary,
    .heading input[type="button"].primary,
    .heading button.primary,
    .heading .button.primary {
      box-shadow: none;
      background-color: #ce1b28;
      color: #ffffff !important; }
      .heading input[type="submit"].primary:hover,
      .heading input[type="reset"].primary:hover,
      .heading input[type="button"].primary:hover,
      .heading button.primary:hover,
      .heading .button.primary:hover {
        background-color: #ff212f;
        box-shadow: none; }
        .heading input[type="submit"].primary:hover:active,
        .heading input[type="reset"].primary:hover:active,
        .heading input[type="button"].primary:hover:active,
        .heading button.primary:hover:active,
        .heading .button.primary:hover:active {
          background-color: #b71824; }
  .heading label {
    color: #ffffff; }
  .heading input[type="text"],
  .heading input[type="password"],
  .heading input[type="email"],
  .heading input[type="tel"],
  .heading input[type="search"],
  .heading input[type="url"],
  .heading select,
  .heading textarea {
    background-color: rgba(255, 255, 255, 0.075);
    border-color: rgba(255, 255, 255, 0.25); }
    .heading input[type="text"]:focus,
    .heading input[type="password"]:focus,
    .heading input[type="email"]:focus,
    .heading input[type="tel"]:focus,
    .heading input[type="search"]:focus,
    .heading input[type="url"]:focus,
    .heading select:focus,
    .heading textarea:focus {
      border-color: #ce1b28;
      box-shadow: 0 0 0 1px #ce1b28; }
  .heading select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); }
    .heading select option {
      color: rgba(255, 255, 255, 0.5);
      background-color: #111111; }
  .heading input[type="checkbox"] + label,
  .heading input[type="radio"] + label {
    color: rgba(255, 255, 255, 0.5); }
    .heading input[type="checkbox"] + label:before,
    .heading input[type="radio"] + label:before {
      background: rgba(255, 255, 255, 0.075);
      border-color: rgba(255, 255, 255, 0.25); }
  .heading input[type="checkbox"]:checked + label:before,
  .heading input[type="radio"]:checked + label:before {
    background-color: #ce1b28;
    border-color: #ce1b28;
    color: #ffffff; }
  .heading input[type="checkbox"]:focus + label:before,
  .heading input[type="radio"]:focus + label:before {
    border-color: #ce1b28;
    box-shadow: 0 0 0 1px #ce1b28; }
  .heading ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  .heading :-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  .heading ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  .heading :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.4) !important; }
  .heading ul.alt li {
    border-top-color: rgba(255, 255, 255, 0.25); }
  .heading table tbody tr {
    border-color: rgba(255, 255, 255, 0.25); }
    .heading table tbody tr:nth-child(2n + 1) {
      background-color: rgba(255, 255, 255, 0.075); }
  .heading table th {
    color: #ffffff; }
  .heading table thead {
    border-bottom-color: rgba(255, 255, 255, 0.25); }
  .heading table tfoot {
    border-top-color: rgba(255, 255, 255, 0.25); }
  .heading table.alt tbody tr td {
    border-color: rgba(255, 255, 255, 0.25); }
  .heading .highlights .content {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
  .heading .testimonials .content {
    background: #111111;
    box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); }
    .heading .testimonials .content .credit strong {
      color: #ce1b28; }
  .heading:before {
    background: none;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  .heading h1 {
    margin-bottom: 0;
    position: relative;
    z-index: 2; }
    
  .heading.graybg {
  	background-color: #eeeeee;
  	padding: 3.5rem; }
  .heading.yellowbg {
   background-color: #fdd84d;
   padding: 5rem; }
  .heading.whitebg {
  	background-color: #ffffff;
  	padding: 5rem; }
  .heading.nobg {
  	padding: 1rem 0 0 0; }


  @media screen and (max-width: 980px) {
    .heading {
      padding: 2rem; } }

  @media screen and (max-width: 980px) {
    .heading.graybg {
      padding: 2rem; } }

  @media screen and (max-width: 736px) {
    .heading.graybg {
      padding: 1.5rem; } }

  @media screen and (max-width: 980px) {
    .heading.yellowbg {
      padding: 3rem 1rem; } }

  @media screen and (max-width: 736px) {
    .heading.yellowbg {
      padding: 3rem 0; } }