@charset "UTF-8";

/* ----- Container control ----- */
#lp-container {text-align: center; width: 100%; margin: 0 auto;}
.lp-box-example {width: 960px; text-align: left; margin: 0 auto 60px auto;}
.box2Wrap {margin-bottom: 20px;}

@media (max-width:1280px) {
.lp-box-example {width: 98%; text-align: left; margin: 0 auto 20px auto;}
#lp-container {width: 98%;}
}

/* ----- Top main image area ----- */
#top-img {background-image: url("images/top-img-lp-ai.jpg"); background-repeat: no-repeat; width: 100%; height: 660px; display: block; text-align: center; background-size: cover; background-position: center; margin-bottom: 60px;}

#top-copy {display: block; width: 100%; text-align: center; position: relative; top: 38%; text-shadow: 0 0 10px white;}
#top-copy > h1 {font-size: 56px; line-height: 0.64em;}
#top-copy > p {font-size: 28px; letter-spacing: -0.05em;}

#top-copy > h1
{font-family: "ruika", sans-serif;
font-weight: 100;
font-style: normal;
}

#top-copy > h1::after {content: ''; display:block; width: 380px; height:7px; background-image: url("images/top-copy-line.png"); background-size: cover; margin:26px auto 30px auto;}

#top-copy > p
{font-family: "ruika", sans-serif;
font-weight: 500;
font-style: normal;
}

@media (max-width:1280px) {
#top-copy > p {font-size: 24px; letter-spacing: -0.05em;}
#top-copy > h1 {font-size: 48px; line-height: 0.64em;}
#top-copy > h1::after {content: ''; display:block; width: 36%; height:5px; background-image: url("images/top-copy-line.png"); background-size: cover; margin:26px auto 30px auto;}
}

@media (max-width:736px) {
#top-img {width: 100%; height: 400px; display: block; text-align: center; background-size: cover; background-position: center; margin-bottom: 40px;}
#top-copy {display: block; width: 100%; text-align: center; position: relative; top: 36%; text-shadow: 0 0 8px white; padding: 0 auto;}
#top-copy > h1 {font-size: 30px; line-height: 0.64em;}
#top-copy > p {font-size: 17px; letter-spacing: -0.05em; margin: 16px 10px;}
}

/* ----- H2, H3 ----- */
h2.strongpoint {
font-family: "ruika", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 22px;
line-height: 22px;
margin: 10px auto 5px auto;
color: #2a3030;
text-align: left;
}

.lp-h2 {
font-family: "ruika", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 26px;
}
.lp-h2::after { content: ""; display: block; width: 40%; border-bottom: 4px dotted #3895a9; text-align: center; margin: 0px auto 40px auto;}

/* Example list */
.example-back ul {font-size: 1.16em; width: 100%; margin: 0 auto; }

ul.lp-examples > li {margin-bottom: 12px;}
.second-list {display: inline-block; padding-left: 1em; text-indent: -1em;}
.second-list > .fa {left: 0px; display: inline; position: relative;}

/* Image Size */
.img-box {text-align: center; display: block; width: 100%; margin: auto;}


@media (max-width:1280px) {
ul.lp-examples {width: 90%; margin: 20px auto;}
.img-box {text-align: center; display: block; width: 96%; margin: auto;}
.img-box img {width: 100%; height: auto;}
}
@media (max-width:736px) {
.lp-h2 {font-size: 19px;}
.lp-h2::after { content: ""; display: block; width: 40%; border-bottom: 4px dotted #3895a9; text-align: center; margin: 0px auto 20px auto;}
h2.strongpoint {width: 96%; font-size: 18px !important; padding-bottom: 8px !important; margin: auto;}
ul.lp-examples {width: 90%; margin: 20px auto;font-size: 14px !important;}
}


/* ----- Backgrounds ----- */
.reason-back {background-image: url("images/reason-back.jpg"); background-repeat: no-repeat; display: block; background-size:auto; background-position: center; padding-top: 20px; padding-bottom: 80px; margin-bottom: 100px; margin-top: 60px;}

p.reason {width: 940px; margin: 0 auto; font-size: 1.16em;}

.strongpoint-back {background-image: url("images/strongpoint-back.jpg"); background-repeat: no-repeat; display: block; background-size:auto; background-position: center; padding-top: 20px; margin-bottom: 60px; padding-bottom: 30px;}

.strongpoint-back p {padding-bottom: 30px; padding-top: 8px;}

.example-back {background-color: #edf8ff; width: 100%; display: block; text-align: center; padding-top:20px; padding-bottom: 30px; margin: 80px auto 30px auto;}

@media (max-width:1280px) {
p.reason {width: 90%; margin: 0 auto; font-size: 1em;}
}

@media (max-width:736px) {
.reason-back {padding-top: 10px; padding-bottom: 40px; margin-bottom: 30px; margin-top: 40px;}
p.reason {width: 90%; margin: 0 auto; font-size: 14px;}

.strongpoint-back {background-image: url("images/reason-back.jpg"); background-repeat: no-repeat; display: block; background-size:cover; background-position: center; padding-top: 10px; margin-bottom: 20px; padding-bottom: 10px;}
	
.strongpoint-back p {width: 96%; font-size: 14px !important; padding-bottom: 30px; padding-top: 0px; margin: auto;}
	
.example-back {background-color: #edf8ff; display: block; width: 100%; padding-top:10px; padding-bottom: 20px; margin: 40px auto 20px auto;}
}


/* ----- Buttons ----- */
.lp-Btn p {
        width: 80%;
        margin: 20px auto 0px auto;
        text-align: center;
		color: #fff;
        padding: 14px;
        font-size: 18px;
        background-color: #f9941e;
        border: 1px solid #f9941e;
    }

.lp-Btn p:hover {
      width: 80%;
      margin: 20px auto 0px auto;
      text-align: center;
      padding: 14px;
      font-size: 18px;
      background-color: #f6f6f6;
      border: 1px solid #0080c3;
      color: #0080c3;
	}
.lp-Btn p .fa {
        padding: 0 0 0 6px;
    }

@media (max-width:1280px) {
.lp-Btn p {width:80%; font-size: 16px; margin: 16px auto 0px auto;}
.lp-Btn p:hover {width:80%; font-size: 16px; margin: 16px auto 0px auto;}
}


/* LP Footer with Buttons */
.LP-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 10px 0;
  text-align: center;
}

.LP-footer .copyright {font-size: 0.74em; padding-bottom:12px;}

body { /* For the LP Fixed Footer */
  padding-bottom: 200px;
}


@media (max-width:1280px) {
.LP-footer {position:relative;}
}
	
@media (max-width:736px) {
.LP-footer .copyright {font-size: 0.74em; margin-top: 20px; padding-bottom:12px;}

body {
  padding-bottom: 0px;
}
.LP-footer .copyright {font-size: 0.64em; padding-bottom:12px;}
}