@charset "utf-8";
/* CSS Document */


div#contents .inside {
    width: 895px;
    margin: 85px auto;
    overflow:  hidden;
}
.border {
    border-top: 5px #48af22 inset;
}

#section01 {
    background: url(../img/bg/bg01.jpg);
    background-size: cover;
    overflow: hidden;
}
#section02 {
    background: url(../img/bg/bg02.jpg);
    background-repeat: repeat;
    overflow: hidden;
    color: #fff;
}
#section03 {
    background: url(../img/bg/bg03.jpg);
    background-size: cover;
    overflow: hidden;
}
#section04 {
    background: url(../img/bg/bg04.jpg);
    background-size: cover;
    overflow: hidden;
}
#section05 {
    background: url(../img/bg/bg05.jpg);
    background-size: cover;
    overflow: hidden;
}


.title h2 {
    font-family: 'Bevan', cursive;
    font-size: 35px;
    letter-spacing: 3px;
    text-decoration: underline;
    margin-bottom: -9px;
}

.title p {
    font-family: 'Courgette', cursive;
    font-size: 27px;
}

.left {
    float: left;
    width: 50%;
}
.right {
    float: right;
    width: 48%;
}

.block01 {
    width: 428px;
    overflow: hidden;
}

.block02 h2 {
    font-size: 34px;
    margin-bottom: 10px;
}

.block02 ul li {text-decoration: underline;font-weight: bolder;font-size: 110%;margin-top: 6px;}

.block02 ul {
    list-style-type: disc;
    list-style-position: inside;
}

.title {
    margin-bottom: 13px;
}

.block01 a {
    background: #000;
    padding: 17px 30px;
    color: #fff;
    float: right;
    margin: 17px 32px 0 0px;
}

.block01 a:hover {
    background: #fff;
    color: #000;
    transition: 0.3s;
}

.pic img:nth-child(3) {
    float: right;
}

.pic {
    width: 407px;
}

.pic img:first-child {
    margin-bottom: 8px;
}
.newlogo {
    width: 300px;
    position: absolute;
    z-index: 1000;
    top: 150px;
    animation: flash 1.5s linear infinite;
}
@keyframes flash {
    0%,100% {
        opacity: 1;
    }

    50% {
        opacity: 0.8;
    }
}
#section02 h3 {
    font-family: 'Courgette', cursive;
    font-size: 31px;
    margin-bottom: 20px;
}
.added-section {
    width: 400px;
    float: right;
    margin-top: 40px;
}
.added-section p {
    font-size: 18px;
}


#section02 .left p {
    margin-bottom: 13px;
    font-size: 22px;
}

#section02 .right .title {
    float: right;
    text-align: right;
}

#section02 .right img {
    float: right;
}

#section03 .title:after {
    content: '';
    display: inline-block;
    background: url(../img/tips.jpg) no-repeat;
    background-size:  contain;
    position: absolute;
    top: 0px;
    right: 85px;
    width: 290px;
    height: 380px;
}

#section03 .inside {
    position: relative;
}

#section03 .left a {
    background: #000;
    padding: 17px 30px;
    color: #fff;
    float: left;
    margin: 57px 69px 0 0px;
}
#section03 .left a:hover{
    background: #fff;
    color: #000;
    transition: 0.3s;
}

#section03 .left {
    margin-bottom: 74px !important;
    float: left;
    width: 487px;
    margin: 0 auto;
}

#contents #section03 .inside {
    margin-bottom: 0;
}

#section03 .left .title {
    margin-bottom: 60px;
}

#section04 .inside .title {
    text-align: center;
    margin-bottom: 50px;
}

#section04 {
    color: #fff;
}

#section04 .left {
    text-align: left;
    padding-top: 0px;
    margin-bottom: 37px;
    display: block;
    overflow: hidden;
}

#section04 .content + a {
    background: #000;
    padding: 17px 30px;
    color: #fff;
    display: block;
    text-align: center;
    width: 270px;
    margin: 24px auto 0;
}


#section04 .content {
    overflow:  hidden;
}

#section04 .content + a:hover {
    background: #fff;
    color: #000;
    transition: 0.3s;
}

#section05 .right {
    text-align: center;
    margin-bottom: 22px;
}

#section05 .right address h3 {
    margin-bottom: 7px;
    margin-top: 15px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


#section06 .swiper-container {
    width: 46%;
    float: left;
    margin: 0 2%;
}

.swiper-pagination.swiper-pagination-fraction {
    color: #fff;
    bottom: 46px;
}

#section06 {
    background: #fefff2;
    overflow: hidden;
}
#section06 h3 {
    text-align: center;
    margin-top: 12px;
}

.pay {
    float: right;
    width: 210px;
    margin-top: 10px;
}

.pay a {
    display: block;
    width: 208px;
    margin: 8px 0;
    padding: 5px 0;
    border-radius: 16px;
    text-align: center;
    color: #fbff00;
    background: #eb0000;
    transition: 0.2s;
    font-weight: bold;
}

.pay a:hover {
    background: #00000085;
    transition: 0.3s;
}

.block02 ul li:last-child {
    margin-bottom: 20px;
}

.reviews h3 {
    display: block;
    text-align: center;
}

.contact {
    overflow: hidden;
    width: 49%;
    text-align: center;
}
.contact .left{
    width: 100%;
}
.contact address h3 {
    margin: 20px 0 0 0;
}
.space{
    justify-content: space-between;
}
.title-contact {
    text-align: center;
    margin: 0 0 50px 0;
}
.reviews {
    margin: 90px auto 0;
    width: 100%;
}

.reviews h3 {
    font-size: 30px;
    text-decoration: underline;
}
.flex {
    display: flex;
}
.review-left{
    width: 50%;
}
.review-right {
    width: 50%;
    height: 469.2px;
}
.review-section div h4 {
    text-align: center;
    font-size: 22px;
    margin: 30px 0 10px;
    font-family: 'Courgette', cursive;
}

.review-left h4 {
    color: #ff4747;
}
.review-right h4 {
    color: #01b1f0;
}

.reviews h3+p {
    text-align: center;
    font-size: 20px;
    margin-bottom: 17px;
}

.info p {font-weight:  bold;margin-top: 5px;}

.info {
    margin-top: 20px;
}

p.attention {
    text-align: center;
    margin-top: 30px;
    font-weight:  bold;
    font-size: 18px;
}

div#section03 .attention {
    position: relative;
    width: 440px;
    top: -40px;
}