@charset "utf-8";
img{
    max-width: 100%;
}
h2 {
    font-size: 22px;
    font-weight: normal;
}

h3 {
    font-weight: normal;
    text-align: center;
    font-size: 22px;
}

h4 {
    font-weight: normal;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
}

/* Start Section#topCopy */
section#topCopy {
    background: url(../images/img_main.jpg) no-repeat center left;
    background-size: auto 100%;
}

section#topCopy a {
    margin-top: 30px;
    padding: 10px;
    width:200px;
    font-size: 16px;
}
/* End Section#topCopy */

/* Start Section#topMain */
section#topMain {
    text-align: center;
    background: #f0f0f0;
}

section#topMain div#owl-example {
    margin-top: 30px;
}

section#topMain .owl-carousel .owl-stage-outer {
    padding-bottom: 30px;
}

section#topMain .owl-carousel .owl-dots {
    margin-top: 0 !important;
}

section#topMain p.title {
    font-size: 22px;
}

section#topMain p.text {
    margin: 10px 0 30px;
}

section#topMain img {
    width: 70%;
    box-shadow: rgba(0,0,0,0.35) 0px 10px 25px 0px;
    display: inline-block;
}

section#topMain .owl-theme .owl-controls {
    margin-top: 0;
}

.slick-dots li button:before{
    font-size: 2rem !important;
}
/* End Section#topMain */

/* Start Section#topProblem */
section#topProblem ul {
    overflow: hidden;
    margin: 30px auto 0;
}

section#topProblem ul li{
    margin-bottom: 43px;
    overflow: hidden;
}

section#topProblem ul li img{
    float: left;
    max-width: 30%;
    padding-right: 1rem;
}

section#topProblem ul li div.description {
    float: right;
    width: 70%;
}

section#topProblem ul li p.title {
    margin-bottom: 10px;
    font-weight: bold;
}
/* End Section#topProblem */


/* Start Section#topFunction */
section#topFunction {
    background: linear-gradient(to bottom right, #60a6ff, #ad90ff 70%);
    color: #fff;
}

section#topFunction .concept {
    margin: 30px auto;
    display: block;
}

section#topFunction ul {
    margin-top: 30px;
    overflow: hidden;
}

section#topFunction ul li {
    margin-bottom: 43px;
    overflow: hidden;
}

section#topFunction ul li img {
    float: left;
    max-width: 30%;
    padding-right: 1rem;
}

section#topFunction ul li div.description {
    float: right;
    width: 70%;
}

section#topFunction ul li p.title {
    margin-bottom: 10px;
    font-weight: bold;
}
/* End Section#topFunction */

/* Start Section#topSites */
section#topSites ul {
    margin-top: 60px;
    overflow: hidden;
}

section#topSites ul li {
    margin-bottom: 43px;
    overflow: hidden;
}

section#topSites ul li img {
    float: left;
    max-width: 30%;
    padding-right: 1rem;
}

section#topSites ul li p.title{
    font-weight: bold;
}

section#topSites ul li p {
    float: right;
    width: 70%;
}

section#topSites ul li p.title span {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}
/* End Section#topSites */

/* Start Section#topPartner */
section#topPartner {
    background: url("../images/img_partner.jpg");
    background-size: cover;
    background-position: right;
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 10px #828282;
}

section#topPartner h3 {
    font-weight: bold;
}

section#topPartner p {
    padding: 60px 0;
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
}

section#topPartner a {
    display: block;
    width: 300px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    padding: 15px;
    margin: 0 auto;
}
/* End Section#topPartner */

/* Start Section#topContact */
section#topContact{
    overflow: hidden;
}

section#topContact div.tel,
section#topContact div.form {
    margin-top: 30px;
    text-align: center;
}

section#topContact div.tel p.number {
    font-size: 40px;
    font-weight: bold;
    color: #60a6ff;
    margin: -5px 0;
}

section#topContact div.tel p.number span {
    background: url("../images/ico_tel.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center left;
    padding-left: 40px;
}

section#topContact div.form a {
    margin: 5px auto 0;
    padding: 20px;
    font-size: 18px;
}
/* End Section#topContact */