/*--------------bootstrap header correction--------------*/

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
del,
details,
dfn,
div,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

h5 {
    margin-bottom: 15px;
}

h5,
h5 a,
h5 a:hover {
    color: #777;
}

h5 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    h5 {
        font-size: 14px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .section_wrapper,
    .container,
    .four.columns .widget-area {
        max-width: 480px !important;
    }
}

h1 {
    margin-bottom: 15px;
}

h1,
h1 a,
h1 a:hover,
.text-logo #logo {
    color: #212121;
}

h1,
.text-logo #logo {
    font-size: 48px;
    line-height: 50px;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    h1,
    .text-logo #logo {
        font-size: 41px;
        line-height: 43px;
    }
}

body,
button,
span.date_label,
.timeline_items li h3 span,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea,
select,
.offer_li .title h3 {
    font-family: Arial, Tahoma, sans-serif;
}

body {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        font-size: 13px;
        line-height: 21px;
    }
}

h1,
.text-logo #logo {
    font-size: 48px;
    line-height: 50px;
    font-weight: 400;
}

#Top_bar .top_bar_left {
    /*width: 86vw !important;*/
}

#Top_bar .top_bar_left .logo img {
    max-height: 45px !important;
}

#Top_bar .top_bar_left .menu_wrapper nav ul {
    margin-bottom: 0rem;
}

@media only screen and (max-width: 767px) {
    #Top_bar .top_bar_left .logo img {
        max-height: 9vw !important;
    }
}

@media only screen and (min-width: 1240px) {
    .section_wrapper,
    .container {
        max-width: 1220px;
        width: 1200px;
        padding: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container,
    .section_wrapper,
    .with_aside .content_wrapper {
        max-width: 708px;
    }
    h4 {
        font-size: 18px;
        line-height: 21px;
    }
}

h4 {
    font-size: 21px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 15px;
}

body,
ul.timeline_items,
.icon_box a .desc,
.icon_box a:hover .desc,
.feature_list ul li a,
.list_item a,
.list_item a:hover,
.widget_recent_entries ul li a,
.flat_box a,
.flat_box a:hover,
.story_box .desc,
.content_slider.carouselul li a .title,
.content_slider.flat.description ul li .desc,
.content_slider.flat.description ul li a .desc,
.post-nav.minimal a i {
    color: #aaaaaa;
}


/*--------------//bootstrap header correction--------------*/

.features {
    /*background-color: blue;*/
}

.features .row {
    margin: 0;
}

.features .container {
    width: auto !important;
    max-width: -webkit-fill-available !important;
}

.bg {
    width: -webkit-fill-available;
}

.features .title {
    font-family: 'noto-sans', 'Arial';
    font-size: 38px;
    font-weight: 600;
}

.features .title span {
    font-size: 1.2rem;
    font-weight: 600;
}

.features .sub_title {
    font-family: 'noto-sans', 'Arial';
    font-size: 32px;
    font-weight: 600;
    padding-top: 6rem;
}


/*.features .font_bold{

	font-weight: 600;

}*/

.descript {
    font-family: 'Calibri', 'Arial';
    font-size: 16px;
    /*width: 75%;*/
    color: rgb(0 0 0);
}


/*@media (max-width: 991.99px) {

	.pc{

		display: none;

	}

}

@media (min-width: 992px) {

	.mobile{

		display: none;

	}

}*/

@media (max-width: 769.99px) {
    .pc {
        display: none !important;
    }
}

@media (min-width: 770px) {
    .mobile {
        display: none !important;
    }
}

.features .descript {
    font-size: 14px;
    /* color: #fff; */
    font-family: 'Calibri', 'Arial';
    line-height: 1.75em;
}

@media (min-width: 992px) {
    .features .descript {
        font-size: 19px;
    }
}

.slick-dots li button {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/*.features .sec03 span{

	color: black;

}*/

.sec01 {
    /*background-image: url('../sec1-iw-rj460-08_01_bg_tetris.jpg');

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-attachment: initial;

    background-position: center;

    background-size: cover;

    -webkit-background-size: cover;*/
    /*background-size: 116%;

    padding: 0vw 8vw 0vw 8vw;*/
    position: relative;
}

.sec01 .bg {
    width: 100%;
    z-index: -5;
}


/*.sec01 .title{

	padding-top: 6rem;

}*/

.sec01 .sec01_area {
    position: absolute;
    top: 0;
    width: 100%;
    align-items: center;
}

.sec01 .sec01_area .title {
    color: #9f5a21;
    font-size: 3rem;
    padding: 100px 90px 0 90px;
}

.sec01 .sec01_area .title span {
    color: #000;
    font-size: 2.2rem;
    font-weight: 100;
}

.sec01 .sec01_area .pro {
    width: 75%;
    padding-top: 7rem;
}

.sec01 .sec01_area .content {
    width: 76%;
    position: relative;
    /*背景白色模糊效果*/
    /*margin: 10px 0 0 0;*/
    margin: auto;
    z-index: 0;
    padding-top: 10px;
    font-size: 1.2rem;
}

.sec01 .sec01_area .content::before {
    /*背景白色模糊效果*/
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgb(255 255 255 / 80%);
    filter: blur(20px);
    z-index: -1;
}

.sec01 .sec01_area .pro_area {
    padding: 0px 0vw 0vw 0vw;
}

.sec01 .sec01_area .pro_area img {
    /*padding-bottom: 20px;

	max-width: 50% !important;*/
}

@media (max-width: 768px) {
    .sec01 .sec01_area {
        position: relative;
    }
    .sec01 .sec01_area .title {
        font-size: 2.5rem;
        padding: 60px 10px 0 10px;
    }
    .sec01 .sec01_area .title span {
        font-size: 2rem;
        padding: 25px 0 10px 0;
        display: block;
    }
    .sec01 .sec01_area .pro_area {
        width: 100%;
    }
    .sec01 .sec01_area .content {
        width: 90%;
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {
    .sec01 .sec01_area .pro_area {
        width: 80%;
    }
    .sec01 .sec01_area .title {
        padding: 40px 40px 0 40px;
        font-size: 2rem;
    }
    .sec01 .sec01_area .title span {
        font-size: 1.8rem;
        padding: 25px 0 10px 0;
        display: block;
    }
    .sec01 .sec01_area .content {
        width: 86%;
    }
}

@media (min-width: 1239px) {
    .sec01 .sec01_area .title {
        padding: 137px 0vw 0 0vw;
    }
    .sec01 .sec01_area .pro_area {
        padding: 99px 0 0 0;
    }
}

.sec02 {
    position: relative;
    /*background-image: url('../sec2-iw-rj460-08_07_icon_bg_tetris.jpg');

	background-repeat: no-repeat;

    background-attachment: initial;

    background-position: center;

    background-size: cover;

    -webkit-background-size: cover;

    background-size: 116%;*/
    padding: 0vw 60px 8vw 60px;
    display: flex;
    align-items: center;
    text-align: left;
}

.sec02 .bg {
    position: absolute;
    width: 100%;
    left: 0;
}

.sec02 .left_area,
.sec02 .right_area {
    padding: 0;
}

.sec02 .left_area .icon_item,
.sec02 .right_area .icon_item {
    /*display: flex;*/
    align-items: center;
    /*文字置中*/
    padding: 20px 0vw;
    ;
}

.sec02 .left_area .icon_item img,
.sec02 .right_area .icon_item img {
    width: 100%;
}

.sec02 .left_area .icon_item .descript,
.sec02 .right_area .icon_item .descript {
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.sec02 .left_area {
    padding: 0 20px 0 0;
}

.sec02 .right_area {
    padding: 0 0 0 20px;
}

.sec02 .right_area .icon_item {
    height: 180px;
}

.sec02 .right_area .icon_item .descript {
    padding: 0;
}

@media (max-width: 768px) {
    .sec02 {
        padding: 50px 20px 8vw 20px;
        display: flex;
        align-items: center;
        text-align: left;
    }
    .sec02 .left_area {
        padding: 0;
    }
    .sec02 .col-md-6 .icon_item img {
        padding: 0;
        width: 96%;
    }
    .sec02 .col-md-6 .icon_item .descript {
        padding: 0;
    }
    .sec02 .col-md-6.right_area {
        padding: 0;
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {
    .sec02 {
        padding: 4vw 46px 8vw 46px;
    }
    .sec02 .bg {
        display: none;
    }
    .sec02 .left_area {
        padding: 0;
    }
    .sec02 .left_area .icon_item img,
    .sec02 .right_area .icon_item img {
        width: 130%;
    }
    .sec02 .right_area .icon_item .descript {
        padding: 0;
    }
}

@media (min-width: 1239px) {
    .sec02 .right_area .icon_item {
        height: 220px;
    }
    .sec02 .left_area .icon_item img,
    .sec02 .right_area .icon_item img {
        width: 100%;
    }
    .sec02 .right_area .icon_item {
        height: 220px;
    }
}

.sec03 {
    background-blend-mode: saturation;
    background-color: rgba(255, 255, 255, 0);
    /* background-image: url('../sec3-iw-rj472-08_bg.jpg'); */
    background-color: #d5bdac;
    background-repeat: no-repeat;
    background-attachment: cover;
    background-position: center;
    background-size: cover;
    -webkit-background-repeat: no-repeat;
    -webkit-background-attachment: cover;
    -webkit-background-position: center;
    -webkit-background-size: cover;
    padding: 0 0 120px 0;
    position: relative;
}

.sec03 .pro_area {
    padding: 0;
}

.sec03 .pro_area .probg_area {}

.sec03 .pro_area .probg_area .probg_item {
    display: none;
}

.sec03 .pro_area .probg_area .probg_item.active {
    display: block;
}

.sec03 .pro_area .probg_area img {
    float: left;
    width: 80%
}

.sec03 .pro_area .btn_area {
    position: absolute;
    top: 0;
}

.sec03 .pro_area .btn_area .btn {
    cursor: pointer;
    z-index: 1;
    transition: opacity 0.3s;
    width: 52px;
    max-width: 52px !important;
    animation-name: shine;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}

@keyframes shine {
    from {
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
    }
    50% {
        filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
    }
    to {
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
    }
}

@-webkit-keyframes shine {
    from {
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
    }
    50% {
        filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
    }
    to {
        filter: drop-shadow(0px 0px 0px rgba(255, 255, 255, 1));
    }
}

.sec03 .pro_area .btn_area .btn:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
}

.sec03 .pro_area .btn_area .btn_01 {
    position: absolute;
    top: 251px;
    left: 233px;
}

.sec03 .pro_area .btn_area .btn_02 {
    position: absolute;
    top: 369px;
    left: 356px;
}

.sec03 .pro_area .btn_area .btn_03 {
    position: absolute;
    top: 12.5vw;
    left: 35vw;
}

.sec03 .title_area {
    line-height: inherit;
    text-align: left;
    display: inline-block;
    padding: 4vw 4vw 0 6vw;
    position: absolute;
    right: 0;
}

.sec03 .title_area .title01 {
    font-weight: 600;
    color: #462000;
    font-size: 2.2rem;
    line-height: 0.8em;
}

.sec03 .title_area .title02 {
    font-weight: 300;
    color: #462000;
    text-align-last: justify;
    font-size: 2.2rem;
    line-height: 0.8em;
}

.sec03 .title_area .title03 {
    font-weight: 600;
    color: #462000;
    text-align: right;
    font-size: 2.2rem;
    line-height: 0.8em;
}

.sec03 .descript {
    position: absolute;
    width: 40%;
    top: 400px;
    right: 47px;
    text-align: left;
}

.sec03 .descript .des {
    display: none;
    font-size: 1.2rem;
}

.sec03 .descript .des.active {
    display: block;
}

@media (max-width: 575.98px) {
    .sec03 {
        padding: 0 0 5vw 0;
    }
    .sec03 .pro_area .probg_area img {
        width: 124%;
        max-width: 124% !important;
        transform: translateX(-23vw);
    }
    .sec03 .pro_area .btn_area .btn {
        width: 60px;
    }
    .sec03 .pro_area .btn_area .btn_01 {
        top: 37vw;
        left: 10vw;
    }
    .sec03 .pro_area .btn_area .btn_02 {
        top: 56vw;
        left: 28vw;
    }
    @media (max-width: 555.98px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 54vw;
            left: 28vw;
        }
    }
    .sec03 .pro_area .btn_area .btn_03 {
        top: 23vw;
        left: 36vw;
    }
    .sec03 .title_area {
        position: relative;
        padding: 0vw 8vw;
        display: block;
    }
    .sec03 .title_area .title02 {
        text-align-last: auto;
    }
    .sec03 .title_area .title03 {
        text-align: left;
        font-weight: 100;
    }
    .sec03 .descript {
        position: relative;
        top: auto;
        font-size: 1.2rem;
        width: 100%;
        right: auto;
        padding: 3vw 8vw
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    .sec03 {
        padding: 0 0 5vw 0;
    }
    .sec03 .pro_area .probg_area img {
        width: 124%;
        max-width: 124% !important;
        transform: translateX(-23vw);
    }
    .sec03 .pro_area .btn_area .btn {
        width: 60px;
    }
    .sec03 .pro_area .btn_area .btn_01 {
        top: 29vw;
        left: 3vw;
    }
    .sec03 .pro_area .btn_area .btn_02 {
        top: 42vw;
        left: 15vw;
    }
    @media (max-width: 750.98px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 44vw;
            left: 17vw;
        }
    }
    @media (max-width: 704.98px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 47vw;
            left: 19vw;
        }
    }
    @media (max-width: 660.98px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 51vw;
            left: 23vw;
        }
    }
    @media (max-width: 610.98px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 54vw;
            left: 26vw;
        }
    }
    .sec03 .pro_area .btn_area .btn_03 {
        top: 20vw;
        left: 25vw;
    }
    .sec03 .title_area {
        position: relative;
        padding: 0vw 8vw;
        display: block;
    }
    .sec03 .title_area .title02 {
        text-align-last: auto;
    }
    .sec03 .title_area .title03 {
        text-align: left;
        font-weight: 100;
    }
    .sec03 .descript {
        position: relative;
        top: auto;
        font-size: 1.2rem;
        width: 100%;
        right: auto;
        padding: 3vw 8vw
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {
    .sec03 {
        padding: 0 0 5vw 0;
    }
    .sec03 .pro_area .probg_area img {
        width: 124%;
        max-width: 124% !important;
        transform: translateX(-23vw);
    }
    .sec03 .pro_area .btn_area .btn {
        width: 60px;
    }
    .sec03 .pro_area .btn_area .btn_01 {
        top: 40vw;
        left: 10vw;
    }
    @media(min-width: 850px) {
        .sec03 .pro_area .btn_area .btn_01 {
            top: 38vw;
            left: 10vw;
        }
    }
    @media(min-width: 890px) {
        .sec03 .pro_area .btn_area .btn_01 {
            top: 36vw;
            left: 7vw;
        }
    }
    .sec03 .pro_area .btn_area .btn_02 {
        top: 62vw;
        left: 32vw;
    }
    @media(min-width: 830px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 57vw;
            left: 29vw;
        }
    }
    @media(min-width: 820px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 57vw;
            left: 29vw;
        }
    }
    @media(min-width: 880px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 54vw;
            left: 25vw;
        }
    }
    @media(min-width: 930px) {
        .sec03 .pro_area .btn_area .btn_02 {
            top: 51vw;
            left: 24vw;
        }
    }
    .sec03 .pro_area .btn_area .btn_03 {
        top: 23vw;
        left: 36vw;
    }
    .sec03 .title_area {
        position: absolute;
        top: 520px;
    }
    .sec03 .title_area .title02 {
        text-align-last: auto;
    }
    .sec03 .title_area .title03 {
        text-align: left;
        font-weight: 100;
    }
    .sec03 .descript {
        position: relative;
        top: auto;
        font-size: 1.2rem;
        width: 100%;
        right: auto;
        padding: 3vw 8vw
    }
    @media(min-width: 959.99px) {
        .sec03 .title_area {
            padding: 25vw 9vw 0 0;
        }
        .sec03 .pro_area .btn_area .btn_01 {
            top: 43vw;
            left: 13vw;
        }
        .sec03 .pro_area .btn_area .btn_02 {
            top: 64vw;
            left: 37vw;
        }
        .sec03 .pro_area .btn_area .btn_03 {
            top: 26vw;
            left: 44vw;
        }
    }
}

@media (min-width: 1239px) {
    .sec03 .pro_area .btn_area .btn_01 {
        top: 335px;
        left: 330px;
    }
    .sec03 .pro_area .btn_area .btn_02 {
        top: 490px;
        left: 486px;
    }
    .sec03 .pro_area .btn_area .btn_03 {
        top: 192px;
        left: 536px;
    }
    .sec03 .descript {
        width: 35%;
        top: 534px;
        right: 80px;
    }
}

.sec04 {
    background-blend-mode: saturation;
    background-color: rgba(255, 255, 255, 0);
    background-image: url('../sec4-iw-rj460-08_bg.jpg');
    background-repeat: no-repeat;
    background-attachment: cover;
    background-position: center;
    background-size: cover;
    -webkit-background-repeat: no-repeat;
    -webkit-background-attachment: cover;
    -webkit-background-position: center;
    -webkit-background-size: cover;
    padding: 6vw 9vw;
}

.sec04 .upper_area .title {
    color: #9f5a21;
}

.sec04 .upper_area .descript {
    font-size: 1.2rem;
    padding: 0;
    width: 101%;
}

.sec04 .upper_area .btn_area {
    position: relative;
    padding: 30px 6vw 10px 6vw;
}

.sec04 .upper_area .btn_area .btn_item {
    width: fit-content;
    align-items: center;
    display: inline-flex;
    border: 2px solid #9f5a21;
    border-radius: 24px;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 20px;
    color: #9f5a21;
}

.sec04 .upper_area .btn_area .btn_item.active {
    background-color: #9f5a21;
    color: white;
}

.sec04 .upper_area .btn_area .btn_item:hover {
    background-color: #9f5a21;
    color: white;
}

.sec04 .upper_area .pro_area {}

.sec04 .upper_area .pro_area .pro_item {
    display: none;
    position: relative;
}

.sec04 .upper_area .pro_area .pro_item.active {
    display: block;
}

.sec04 .upper_area .pro_area .pro_item img {
    width: 88%;
    max-width: 88%;
}

.sec04 .upper_area .pro_area .pro_item p {
    position: absolute;
    width: 106%;
    bottom: -32px;
    text-align: center;
    color: #9c7452;
    font-size: 1.2rem;
}

.sec04 .upper_area .pro_area .pro_item#sec04_pro1 p {
    position: absolute;
    bottom: -60px;
    left: -30px;
    width: 260px;
    text-align: left;
    color: #9c7452;
    font-size: 1.2rem;
}

.sec04 .bottom_area {
    position: relative;
    padding: 6vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sec04 .bottom_area .pro {
    width: 110%;
}

.sec04 .bottom_area .descript {
    width: 40vw;
}

.sec04 .bottom_area .descript.des01 {
    position: absolute;
    top: 8vw;
    right: 0vw;
    width: 46%;
    text-align: left;
}

.sec04 .bottom_area .descript.des02 {
    position: absolute;
    bottom: -4vw;
    left: -8vw;
    width: 52%;
    text-align: right;
}

.sec04 .bottom_area .descript.des02 .title_area {
    float: right;
    width: 100%;
    padding: 0 0 6px 0;
}

.sec04 .bottom_area .descript.des02 .title_area .title.title_pri {
    transform: translateX(-25px);
}

.sec04 .bottom_area .descript.des02 .title_area .title {
    /*text-align: left;*/
    color: #9d7553;
    font-size: 1.2rem;
    /*float: right;*/
}

@media (max-width: 768px) {
    .sec04 {
        padding: 9vw 6vw;
    }
    .sec04 .upper_area .btn_area {
        padding: 30px 0vw 1px 0vw;
    }
    .sec04 .upper_area .btn_area .col-md-4 {
        padding: 0 10px 20px 10px;
    }
    .sec04 .upper_area .btn_area .btn_item {
        display: block;
        width: 100%;
    }
    .sec04 .upper_area .pro_area .pro_item p {
        position: relative;
        font-size: 1.2rem;
        bottom: auto;
        width: 100%;
        transform: translateY(-24px);
    }
    .sec04 .upper_area .pro_area .pro_item#sec04_pro1 p {
        position: relative;
        text-align: center;
        bottom: auto;
        left: auto;
        width: 100%;
        transform: translateY(0px);
    }
    .sec04 .bottom_area {
        display: block;
    }
    .sec04 .bottom_area .pro {
        width: 100%;
    }
    .sec04 .bottom_area .descript.des01 {
        position: relative;
        width: 68%;
        top: 0;
        margin-right: 0;
        padding-right: 0;
        font-size: 1.2rem;
    }
    .sec04 .bottom_area .descript.des02 {
        position: relative;
        width: 100%;
        text-align: left;
        left: auto;
        bottom: auto;
        font-size: 1.2rem;
    }
    .sec04 .bottom_area .descript.des02 .title_area {
        position: absolute;
        margin-top: -30vw;
        margin-left: -3vw;
    }
    .sec04 .bottom_area .descript.des02 .title_area .title.title_pri {
        transform: translateX(0px);
    }
    @media (max-width: 684.98px) {
        .sec04 .bottom_area .descript.des02 .title_area {
            margin-top: -37vw;
            margin-left: -4vw;
        }
    }
    @media (max-width: 575.98px) {
        .sec04 .bottom_area .descript.des02 .title_area {
            margin-top: -40vw;
            margin-left: -4vw;
        }
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {
    .sec04 .upper_area .title {
        font-size: 2rem;
    }
    .sec04 .upper_area .btn_area {
        padding: 20px 6vw 10px 6vw;
    }
    .sec04 .upper_area .pro_area .pro_item p {
        position: relative;
        width: 100%;
        bottom: auto;
        text-align: center;
        font-size: 1.2rem;
        transform: translateY(-24px);
    }
    .sec04 .upper_area .pro_area .pro_item#sec04_pro1 p {
        bottom: auto;
        left: auto;
        width: 100%;
        text-align: center;
        transform: translateY(0px);
        position: relative;
    }
    .sec04 .bottom_area .descript.des02 .title_area .title.title_pri {
        transform: translateX(-20px);
    }
    .sec04 .bottom_area .descript.des01 {
        top: 7vw;
        right: -2vw;
        width: 51%;
        font-size: 1rem;
    }
    .sec04 .bottom_area .descript.des02 {
        bottom: -3vw;
        left: -10vw;
        width: 60%;
        font-size: 1rem;
    }
    .sec04 .bottom_area .descript.des02 .title_area .title {
        font-size: 1rem;
    }
    @media(min-width: 959.99px) {
        .sec04 .bottom_area .descript {
            font-size: 1.2rem;
        }
        .sec04 .bottom_area .descript.des01 {
            font-size: 1.2rem;
        }
        .sec04 .bottom_area .descript.des02 {
            bottom: -1vw;
            left: -8vw;
            width: 50%;
            font-size: 1.2rem;
        }
        .sec04 .bottom_area .descript.des02 .title_area .title {
            font-size: 1.2rem;
        }
    }
}

@media (min-width: 1239px) {
    .sec04 {
        padding: 86px 128px;
    }
    .sec04 .bottom_area {
        padding: 98px 0;
    }
    .sec04 .upper_area .pro_area .pro_item#sec04_pro1 p {
        bottom: -42px;
        left: -30px;
        width: 320px;
    }
    .sec04 .upper_area .pro_area .pro_item p {
        bottom: 0;
    }
    .sec04 .bottom_area .descript.des01 {
        top: 170px;
        right: 0vw;
        width: 44%;
    }
    .sec04 .bottom_area .descript.des02 {
        bottom: 64px;
        left: -57px;
        width: 47%;
    }
}

.sec05 {
    padding: 5vw 5vw;
    /* background-image: url('../sec5-iw-rj460-08_10_bg.jpg'); */
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    background-attachment: cover;
    background-position: center;
    background-size: cover;
    -webkit-background-repeat: no-repeat;
    -webkit-background-attachment: cover;
    -webkit-background-position: center;
    -webkit-background-size: cover;
}

.sec05 .title {
    color: #9f5a21;
}

.sec05 .descript {
    font-size: 1.2rem;
}

.sec05 .upper_area {
    position: relative;
    padding: 10px 0;
}

.sec05 .upper_area .thumbnail_area {
    position: absolute;
    width: 37%;
    z-index: 1;
}

.sec05 .upper_area .thumbnail_area .thumbnail_item {
    padding: 0;
    transition: transform 0.3s;
    max-width: 50% !important;
}

.sec05 .upper_area .thumbnail_area .thumbnail_item:hover {
    transform: scale(1.15) !important;
    z-index: 2;
}

.sec05 .upper_area .thumbnail_area .descript {
    padding: 4vw 0 0 2vw;
    text-align: left;
    font-size: 1.2rem;
    color: #fff;
    transform: translateX(30px);
}

.sec05 .upper_area .bg {
    width: 100%;
    max-width: 100% !important;
}

.sec05 .upper_area .pro_area {
    position: absolute;
    right: 0;
}

.sec05 .upper_area .pro_area .pro_item {
    float: right;
    width: 80%;
    display: none;
}

.sec05 .upper_area .pro_area .pro_item.active {
    display: block;
}

.sec05 .upper_area .pro_area .pro_item#sec05_up_pro2 {
    width: 77%;
    transform: scaleY(1.01);
}

.sec05 .bottom_area {
    position: relative;
}

.sec05 .bottom_area .thumbnail_area {
    position: absolute;
    width: 37%;
    z-index: 1;
    right: 0;
}

.sec05 .bottom_area .thumbnail_area .thumbnail_item {
    padding: 0;
    transition: transform 0.3s;
    max-width: 50% !important;
}

.sec05 .bottom_area .thumbnail_area .thumbnail_item:hover {
    transform: scale(1.15) !important;
    z-index: 2;
}

.sec05 .bottom_area .thumbnail_area .descript {
    padding: 4vw 0 0 4vw;
    text-align: left;
    font-size: 1rem;
    color: #9f725f;
}

.sec05 .bottom_area .bg {
    width: 100%;
    max-width: 100% !important;
}

.sec05 .bottom_area .pro_area {
    position: absolute;
    top: 0;
}

.sec05 .bottom_area .pro_area .pro_item {
    width: 78%;
    display: none;
}

.sec05 .bottom_area .pro_area .pro_item.active {
    display: block;
}

.sec05 .bottom_area .descript_area {
    width: 52vw;
    text-align: left;
    margin: 0 auto;
    padding: 30px 0;
}

.sec05 .bottom_area .descript_area .des_icon {}

.sec05 .bottom_area .descript_area .des_icon img {
    width: 160%;
    padding: 4px 0px 4px 4px;
    max-width: 160% !important;
}

.sec05 .bottom_area .descript_area .descript {
    color: #9f725f;
    padding: 0;
    font-size: 1.2rem;
}

.sec05 .bottom_area .descript_area .padding_center {
    height: 10px;
}

@media (max-width: 768px) {
    .sec05 {
        padding: 12vw 5vw;
    }
    .sec05 .descript {
        padding: 0 0 10px 0;
    }
    .sec05 .upper_area .thumbnail_area {
        width: 100%;
    }
    .sec05 .upper_area .thumbnail_area .thumbnail_item#sec05_up_item2:hover {
        transform: scale(1.15) !important;
        z-index: 2;
    }
    .sec05 .upper_area .thumbnail_area .thumbnail_item#sec05_up_item2 {
        transform: scaleX(1.03) translateX(3px);
    }
    .sec05 .upper_area .pro_area {
        top: 36vw;
    }
    .sec05 .upper_area .pro_area .pro_item {
        width: 81vw;
    }
    .sec05 .upper_area .pro_area .pro_item#sec05_up_pro2 {
        width: 100%;
        transform: scale(1.2) translateX(38px) translateY(20vw);
    }
    @media (max-width: 650px) {
        .sec05 .upper_area .pro_area .pro_item#sec05_up_pro2 {
            width: 100%;
            transform: scale(1) translateX(0) translateY(18vw);
        }
    }
    @media (max-width: 480px) {
        .sec05 .upper_area .pro_area .pro_item#sec05_up_pro2 {
            width: 100%;
            transform: scale(1) translateX(0) translateY(8vw);
        }
    }
    .sec05 .upper_area .descript {
        font-size: 1.2rem;
        color: #9f725f;
        padding: 10vw 7vw;
    }
    .sec05 .bottom_area .pro_area .pro_item {
        width: 79vw;
    }
    .sec05 .bottom_area .thumbnail_area {
        position: relative;
        width: 100%;
    }
    .sec05 .bottom_area .thumbnail_area .thumbnail_item#sec05_bottom_item1 {
        transform: translateX(-5px);
    }
    .sec05 .bottom_area .thumbnail_area .thumbnail_item#sec05_bottom_item2 {
        transform: scaleY(1.02) translateY(-2px);
    }
    .sec05 .bottom_area .thumbnail_area .thumbnail_item#sec05_bottom_item3 {
        transform: translateX(-5px);
    }
    .sec05 .bottom_area .descript_area {
        width: 100%;
    }
    .sec05 .bottom_area .descript_area .des_icon {
        margin: auto;
    }
    .sec05 .bottom_area .descript_area .des_icon img {
        width: 6vw;
        padding: 0;
        max-width: 6vw !important;
        float: right;
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {
    .sec05 .upper_area .pro_area .pro_item {
        width: 65%;
    }
    .sec05 .upper_area .thumbnail_area .descript {
        font-size: 1.2rem;
        padding: 1vw 0 0 1vw;
        transform: translateX(30px);
    }
    .sec05 .upper_area .pro_area .pro_item#sec05_up_pro2 {
        width: 62%;
        transform: scaleY(1.01);
    }
    .sec05 .bottom_area .pro_area .pro_item {
        width: 65%;
    }
    .sec05 .bottom_area .descript_area .des_icon {
        padding: 0;
        margin: auto;
    }
    .sec05 .bottom_area .descript_area .des_icon img {
        width: 3vw;
        padding: 0;
        max-width: 3vw !important;
    }
    @media(min-width: 959.99px) {
        .sec05 .upper_area .pro_area .pro_item {
            width: 90%;
        }
        .sec05 .upper_area .pro_area .pro_item#sec05_up_pro2 {
            width: 81%;
            transform: scaleY(1.02);
        }
        .sec05 .bottom_area .pro_area .pro_item {
            width: 76%;
        }
    }
}

@media (min-width: 1239px) {
    .sec05 .upper_area .thumbnail_area .descript {
        padding: 4vw 5vw 0 2vw;
    }
    .sec05 .upper_area .pro_area .pro_item {
        width: 670px;
    }
    .sec05 .upper_area .pro_area .pro_item#sec05_up_pro2 {
        width: 97%;
        transform: scaleY(1.02);
    }
    @media (min-width: 1386px) {
        .sec05 .upper_area .pro_area .pro_item {
            width: 656px;
        }
    }
    .sec05 .bottom_area .pro_area .pro_item {
        width: 98% !important;
        max-width: 98% !important;
    }
    .sec05 .bottom_area .descript_area .des_icon img {
        width: 42px;
        padding: 3px 0px 0px 14px;
    }
}

.sec06 {
    background-image: url('../sec6-iw-rj472-08_bg.jpg');
    background-repeat: no-repeat;
    background-attachment: cover;
    background-position: center;
    background-size: cover;
    -webkit-background-repeat: no-repeat;
    -webkit-background-attachment: cover;
    -webkit-background-position: center;
    -webkit-background-size: cover;
    position: relative;
    padding: 4vw 2vw 4vw 2vw;
}

.sec06 .pro {
    width: 86%;
    float: left;
    padding: 4vw 0 0vw 0;
}

.sec06 .text_area {
    position: absolute;
    width: 40%;
    right: 5vw;
    text-align: right;
}

.sec06 .text_area .title {
    color: #9f5a21;
    margin: 0 0 10px 0;
}

.sec06 .text_area .descript {
    color: #9f5a21;
    padding: 0;
    font-size: 1.2rem;
}

@media (max-width: 768px) {
    .sec06 {
        padding: 10vw 2vw 4vw 2vw;
    }
    .sec06 .text_area {
        position: relative;
        width: 100%;
        right: 0;
        text-align: center;
    }
    .sec06 .text_area .descript {
        font-size: 1.2rem;
        padding: 0 20px;
    }
    .sec06 .pro {
        width: 100%;
        float: initial;
        padding: 4vw 0 0vw 0;
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {
    .sec06 .text_area {
        position: relative;
        width: 100%;
        right: 0;
        text-align: center;
    }
    .sec06 .text_area .descript {
        padding: 0 20px;
    }
    .sec06 .pro {
        width: 100%;
        float: initial;
        padding: 4vw 0 0vw 0;
    }
}

@media (min-width: 1239px) {
    .sec06 {
        padding: 50px 25px;
    }
    .sec06 .text_area {
        right: 110px;
        top: 86px;
    }
}

.sec07 {
    border: 1px solid #d4b686;
    background-color: #98928f;
    border-radius: 30px;
    margin: 2vw 0 !important;
    padding: 5vw 3vw;
}

.sec07 .text_area {
    text-align: left;
    color: #fff;
}

.sec07 .text_area .title {
    color: #fff;
    margin: 0 0 1rem 0;
}

.sec07 .text_area .descript {
    padding: 0;
    font-size: 1.2rem;
    width: 120%;
    color: #fff;
}

.sec07 .icon_area {
    padding-top: 2rem;
}

.sec07 .icon_area .icon {
    width: 40%;
    max-width: 40% !important;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.sec07 .pro_area {}

.sec07 .pro_area .pro {
    width: 135%;
    max-width: 135% !important;
    position: absolute;
    left: 2vw;
    top: -8vw;
}

@media (max-width: 768px) {
    .sec07 {
        padding: 10vw 5vw;
    }
    .sec07 .text_area {
        text-align: center;
    }
    .sec07 .text_area .descript {
        width: 100%;
    }
    .sec07 .icon_area .icon {
        position: relative;
        width: 32%;
        max-width: 32% !important;
    }
    .sec07 .pro_area .pro {
        position: relative;
        left: 3vw;
        top: -4vw;
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {
    .sec07 {
        padding: 3vw 3vw;
    }
    .sec07 .icon_area {
        padding-top: 2rem;
    }
    .sec07 .pro_area .pro {
        width: 190%;
        max-width: 190% !important;
        left: -1vw;
        top: -10vw;
    }
    @media (min-width: 959.99px) {
        .sec07 .pro_area .pro {
            width: 135%;
            max-width: 135% !important;
            left: 1vw;
            top: -10vw;
        }
    }
}

@media (min-width: 1239px) {
    .sec07 {
        margin: 25px 0 !important;
        padding: 80px 80px;
    }
    .sec07 .pro_area .pro {
        left: 28px;
        top: -126px;
    }
}

.sec08 {
    padding: 3vw 5vw;
}

.sec08 .title {
    color: #a05c24;
}

.sec08 .descript {
    font-size: 1.2rem;
    width: 90%;
    padding-bottom: 1rem;
}

.sec08 .intuitveness {
    width: 100%;
}

@media (max-width: 768px) {
    .sec08 {
        padding: 8vw 5vw;
    }
    .sec08 .descript {
        width: 100%;
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {}

@media (min-width: 1239px) {
    .sec08 .descript {
        width: 80%;
    }
}

.sec09 {}

.sec09 .title {
    font-weight: 100;
    width: -webkit-fill-available;
}

.sec09 .pic_area {}

.sec09 .pic_area .left_area {}

.sec09 .pic_area .left_area img {
    width: 76%;
}

.sec09 .pic_area .left_area img.top_view {
    margin-left: 4vw;
}

.sec09 .pic_area .left_area img.box {
    margin-left: -1vw;
}

.sec09 .pic_area .right_area {}

.sec09 .pic_area .right_area img {
    width: 90%;
}

.sec09 .note {
    color: black;
    text-align: right;
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .sec09 .note {
        text-align: center;
    }
}

@media (min-width: 768.01px) and (max-width: 991.99px) {}

@media (min-width: 1239px) {}

.sec10 {
    padding: 50px 0 0 0;
}

.sec10 img {
    width: 100%;
}