article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 
display: block; 
}
audio, canvas, video {
display: inline-block; *display: inline; *zoom: 1; 
}
audio:not([controls]) {
display: none; height: 0; 
}
[hidden] { display: none; }
html {
font-size: 100%; 
-webkit-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%;  
}
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); 
}
html, button, input, select, textarea {
font-family: 'Varela Round', sans-serif; 
}
body {
margin: 0; font-family: 'Varela Round', sans-serif; 
}
h1 { font-size: 2.5em; /*margin: 0.67em 0;*/ color: #353535; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
p { margin: 1em 0; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #242830; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: bold; }
a:hover, a:focus { color: #d02c25; text-decoration: none; }
p { color: #8c9398; word-spacing: 1px; line-height: 1.8em; font-size: 1em; }
h2 { font-size: 15px; color: #353535; text-transform: uppercase; font-weight: bold; }
h2::after { content: " "; border: solid 2px #d02c25; display: block; width: 35px; margin: 25px auto; }
.section-padding { padding: 90px 0; }
.dark-bg { background: #f3f5f8; }
.light-bg { background-color: #fff; }
.dark-box { background: #f3f5f8; -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; -moz-box-shadow: 0px 3px 0px 0px #f0f2f4; box-shadow: 0px 3px 0px 0px #f0f2f4; }
.light-box { background-color: #fff; -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; -moz-box-shadow: 0px 3px 0px 0px #f0f2f4; box-shadow: 0px 3px 0px 0px #f0f2f4; padding: 20px 0; }
.light-box:hover, .light-box:focus { -webkit-box-shadow: 0px 3px 0px 0px #d02c25; -moz-box-shadow: 0px 3px 0px 0px #d02c25; box-shadow: 0px 3px 0px 0px #d02c25; }
.box-hover { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
.box-hover:hover, .box-hover:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.wrapper {display:flex; background-color: #f3f5f8; padding: 5% 0}
.nopadding { padding: 0; }
.inner { padding: 10px 0; }
.redtxt {color: #d02c25;}
.in833 {display: none;}
.out833 {display: block;}
br.out833 {display: inline-block;}

p.right{text-align: right;}
p.left{text-align: left;}

@media screen and (max-width:833px){
.out833 {display: none !important;}
.in833 {display: block;}
br.in833 {display: inline-block;}
}


img { border: 0; 
-ms-interpolation-mode: bicubic;  }
svg:not(:root) { overflow: hidden; }


/* ==========================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; 
	padding: 0; white-space: normal; 
*margin-left: -7px; }
button, input, select, textarea { font-size: 100%; 
	margin: 0; 
	vertical-align: baseline;
*vertical-align: middle; }
button, input { line-height: 2.2em; }
button, html input[type="button"], 
input[type="reset"], input[type="submit"] { -webkit-appearance: button; 
	cursor: pointer;
*overflow: visible; /* 4 */ }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; 
	padding: 0; 
	*height: 13px;
*width: 13px; }
input[type="search"] { -webkit-appearance: textfield; 
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; 
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; 
vertical-align: top;  }


/* ==========================================================================
Hero
========================================================================== */
.hero { background: url('../img/hero-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 65px 0; height: auto; }
.hero h1 { letter-spacing: 6px; margin: 0; text-shadow: 0 0 0.2em rgba(255,255,255,1); line-height:2em; font-weight: bold; border-bottom: dotted 2px #a1a9b0; /*color: #ffffff;追加*/}
.hero h1 span { color: #a1a9b0; display: inline-block; }
.hero p { letter-spacing: 1px; color: #242830/*#ffffff*/; font-size: 1.5em; text-shadow: 0 0 0.2em rgba(255,255,255,1); font-weight: bold; }
.hero p em{ color: #242830 /*#ffffff*/; font-size: 0.8em; text-shadow: 0 0 0.2em rgba(255,255,255,1); font-weight: bold;}
.learn-more-btn { background: rgba(208, 44, 37, 1); padding: 20px 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #309383; -moz-box-shadow: 0px 3px 0px 0px #309383; box-shadow: 0px 3px 0px 0px #309383; margin: 60px 0 0; font-weight: bold; }
.learn-more-btn:hover, .learn-more-btn:focus { background: rgba(208, 44, 37, 0.6); color: #fff; }
p.new {
background-color: #d02c25;
padding: 5px;
color: #fff;
font-size: 1em;
font-weight: bold;
width: 25%;
margin: 0 auto;
margin-bottom:20px;
text-shadow: none;
}
.attention {
color: #d02c25;
border-bottom:5px solid #f8ff2e;
font-weight:bold;
text-shadow: 0 0 0.2em rgba(255,255,255,1);
font-size:1.8em;
line-height: 1.8em;
}
.btn_fix {
	opacity: 1;
}
.btn_fix {
	position: fixed;
	width: 53px;
	height: 234px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	z-index: 1000000;
}
.btn_fix .off {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10000000;
}
.btn_fix p {
	display: none;
}
.intro { background: #f3f5f8; }
.intro p { margin: 50px 0 0; }
h3.arrow { font-size: 1.5em; /*text-transform: uppercase;*/ color: #353535; letter-spacing: 1px; background: url('../img/h1-bg.png') no-repeat center bottom; padding-bottom: 30px; font-weight: bold; line-height:1.5em;}

.features-wrapper, .team-wrapper { margin: 40px 0 0; }
.icon { height: 175px; width: 175px; line-height: 175px; max-width: 100%; /*background: #d02c25; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; */display: block; color: #fff; font-size: 55px; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px; }
.icon img{
width: 200px;
}
.responsive-services { position: relative; }

.worry { background: url('../img/worry2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px;
}

.worry h1 { color: #fff; margin-bottom: 40px; }
.worry h1 span { display: block; font-size: 0.6em; text-transform: uppercase; font-weight: bold; margin-top: 20px; letter-spacing: 1px; }
.worry ul { list-style: none;}
.worry li {color: #fff; line-height:2em;}
.worry ul li::before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f059';
  color: #fff;
  margin: 0 5px 0;
}

.subscribe { background: url('../img/keyboard-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px; }
.subscribe h1 { color: #fff; margin-bottom: 40px; }
.subscribe h1 span { display: block; font-size: 0.6em; text-transform: uppercase; font-weight: bold; margin-top: 20px; letter-spacing: 1px; }
.subscribe ul { list-style: none;}
.subscribe li {color: #fff; line-height:2em;}
.subscribe ul li::before {
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f059';
  color: #fff;
  margin: 0 5px 0;
}

.ignite-cta { background-color: #242830; padding: 40px 0; }
.ignite-white-cta { background-color: #fff; padding: 40px 0; }
.ignite-white-btn { display: inline-block; padding: 25px 40px; color: #fff; border: solid 1px #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-radius:10px; color: #fff; }
.ignite-white-btn:hover, .ignite-btn:focus { color: #d02c25; border: solid 1px #d02c25; background-color: #fff; }
.ignite-btn { display: inline-block; padding: 25px 40px; color: #d02c25; border: solid 1px #d02c25; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; border-radius:10px; }
.ignite-btn:hover, .ignite-btn:focus { color: #fff; border: solid 1px #d02c25; background-color: #d02c25; }
.ignite-white-btn i, .ignite-btn i {margin-left: 5px;}

.team img { margin-bottom: 40px; width: 20%; }

.up-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(208, 44, 37, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; position: absolute; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.up-btn:hover, up-btn:focus { color: #fff; background: rgba(208, 44, 37, 1); }
.contact-details { margin: 70px 0; }
.contact-details h2 { font-size: 20px; }
.contact-details h2 span { display: block; color: #d02c25; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-top: 15px; }
.contact-wrap { position: relative; }

footer a { color: #a1a9b0; }
footer { background-color: #242830; padding: 40px 0 30px; }
footer p { color: #fff; }
ul.legals { list-style: none; color: #fff; line-height: 25px; }
ul.legals li { display: inline-block; }
ul.legals li::after { content: " |"; }
ul.legals li:last-child::after { content: ""; }
.legals { text-align: left; }
.credit { text-align: right; font-size:0.5em;}

.slides {margin: 0; padding: 0; list-style: none;}
ul.slides li { margin-bottom: 20px; }

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.wp3 { background: url('../img/iphone-bg.png') no-repeat center center; background-position: 200px 10px; height: 100%; }


video#video {
width: 75%;
margin: 0 auto;
}
div.wonder p {
font-size: 1em;
color: #fff;
}
div.col-md-offset-2 dl{
display: flex;
flex-wrap: wrap;
}
div.col-md-offset-2 dl dt{
width: 30%;
text-align: right;
}
div.col-md-offset-2 dl dd{
width: 70%;
}
h2.f28 {
margin-top: 60px;
}
.privacy h1{
color: #fff;
font-size: 1.5em;
}
input[type="checkbox"] {
margin-right: 10px;
}
label{
margin-bottom:0 !important;
}
p.submitBtn {
text-align: center;
}
.wpcf7-not-valid-tip {
color: #d02c25;
}
.screen-reader-response p, .wpcf7-response-output {
text-align: center;
color: #d02c25;
margin: 30px 0;
}
.screen-reader-response ul {
text-align: center;
color: #d02c25;
list-style:none;
}
span.must {
color: #242830;
}
dd.check {
text-align:left;
display:inline-flex;
padding-left:8%;
}


@media screen and (min-width:834px){
	.btn_fix:hover .off {
		opacity: 0;
	}
	.btn_fix:hover .on {
		opacity: 1;
	}
.icon img {
width: 100%;
}
}
@media screen and (max-width:833px){
.hero {
padding: 10px;
}
.hero h1 {
font-size: 2em;
letter-spacing:0.2em;
line-height:1.5em;
}
.hero p {
text-align: center;
line-height: 1.5em;
}
.hero p img {
width: 25%;
}
	.btn_fix {
		width: 100%;
		height: auto;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		text-align: center;
		z-index: 10000000000000000;
	}
	.btn_fix img {
		display: none;
	}
	.btn_fix img.in833 {
		display: inline-block;
		margin-right: 3px;
	}
	.btn_fix p {
		display: block;
		background: #d02c25;
		font-size: 1.7rem;
		padding: 3px;
		margin: 0;
		color: #fff;
		text-align: center;
	}
	.btn_fix p span,.btn_fix p img {
		vertical-align: middle;
		font-size:0.7em;
	}
.btn_fix p::before{
  position: relative;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f086';
  color: #fff;
  margin: 0 5px 0;
}

.icon img {
width: 100%;
}
h3.arrow {
font-size: 1.3em;
}
p {
text-align: left;
}
.intro p {
margin-left: 15px;
margin-right: 15px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
line-height:2.2em;
background-color: #f3f5f8;
padding: 5px 10px;
border: 1px solid #242830;
border-radius:5px;
}

.worry { 
background-attachment: scroll;
}
.subscribe { 
background-attachment: scroll;
}
.subscribe, .section-padding, .worry {
padding: 80px 0;
}
.subscribe h1 span, .worry h1 span {
line-height: 1.5em;
}
.subscribe ul, .worry ul {
padding: 0;
margin-left: 10px;
margin-right: 10px;
}
.subscribe ul li, .worry ul li{
text-align: left;
margin-bottom: 1em;
}
.fa-paper-plane{
font-size: 1em;
}
.ignite-white-btn,.ignite-btn {
padding: 15px 40px;
}
.team-wrapper {
padding: 0 30px;
}
.team img {
width: 40%;
}
.contact-wrap{
padding-left: 15px;
padding-right: 15px;
}
.wrapper {
height: auto !important;
padding: 60px 0 !important;
}
video#video{
width: 90%;
}
footer {
padding-bottom: 70px;
}
footer ul.legals {
padding-left: 0;
text-align: center;
}
footer .credit p {
text-align: center;
}
div.col-md-offset-2 dl{
display: block;
}

div.col-md-offset-2 dl dt{
width: 100%;
}
div.col-md-offset-2 dl dt p{
text-align: center;
}
div.col-md-offset-2 dl dd{
width: 100%;
}

input {
width: 100%;
}
input[type="checkbox"], input[type="radio"]{
float: left;
width: 20px;
height: 20px;
}
dd.check {
text-align:center;
display:block;
}
}