
.main_title p{color: #caa043; font-size: 18px; padding-bottom: 30px; font-weight: 600;}
.main_title h1{font-size: 36px; font-weight: 500; word-break: keep-all;}

:lang(cn) .main_title h1,:lang(jp) .main_title h1{word-break: break-all;}
:lang(en) .main_title h1{letter-spacing: -1px; line-height: 1.3; font-size: 30px;}
:lang(en) .main01 .in_txt h1{line-height: 1.2;}


.main01 .main_slide{position: relative;}
.main01 .inner{position: relative;}
.main01 .in_txt{color: #fff; z-index: 999; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.main01 .in_txt h1{font-size: 44px; font-weight: normal; padding-bottom: 20px;}
.main01 .in_txt p{font-size: 18px;}
.main01 .slide_num{padding-top: 60px;}
.main01 .slide_num li{display: inline-block; margin: 0 6px; cursor: pointer; font-weight: 600; padding-bottom: 3px; padding-right: 2px;}
.main01 .slide_num li.on{color: #caa043; border-bottom: 2px solid #caa043;}
.swiper-pagination{opacity: 0;}

.main02{padding: 120px 0 160px 0;}
.main02 .content {margin: -15px; padding-bottom: 80px;}
.main02 .content li{width: 25%; float: left; padding: 15px;}
.main02 .main_title{padding-bottom: 64px;}
.main02 .in_txt{text-align: center; padding-top: 20px;}
.main02 .in_txt p{font-size: 17px; font-weight: 500; padding-bottom: 14px; word-break: keep-all;}
.main02 .in_txt span{color: #caa043; font-weight: 500; padding-bottom: 3px; display: inline-block; font-size: 14px;}

.main03{padding-bottom: 200px; overflow: inherit;}
.main03 .in_pic{width: 100%; padding: 80px; text-align: center; background: url(../img/main03_01.jpg)no-repeat; background-size: cover; position: relative;}
.main03 .in_txt{padding-bottom: 60px; word-break: keep-all;}
.main03 .in_txt h1{font-size: 32px; font-weight: normal; padding-bottom: 24px; line-height: 1.5;}
.main03 .in_txt p{font-size: 18px; font-weight: 300;}
.main03 .deco{position: absolute;}
.main03 .deco.left{bottom: -75px; left: 250px;}
.main03 .deco.right{top: -130px; right: 250px;}
.main03 .btn{background-color: #fff; border-color: #fff;}

.main04 .inner li{width: 50%; word-break: keep-all;}
.main04 .inner li .in_pic{width: 100%; height: 640px;}
.main04 .inner li .in_pic img{height: 100%;}
.main04 .inner.left li{float: left;}
.main04 .inner.right li{float: right;}
.main04 .inner.right{padding-top: 40px;}
.main04 .inner .txt_wrap{padding-left: 96px; padding-top: 120px; padding-right: 96px;}
.main04 .in_txt{color: #777777; line-height: 1.6; padding-top: 54px; font-size: 18px; font-weight: 300;}

:lang(en) .main04 .inner .txt_wrap{padding-top: 40px;}
:lang(en) .main04 .inner.right{padding-top: 80px;}

.main05 .inner{background: url(../img/main05_01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 200px 0;}
.main05 .content{padding-top: 80px;}
.main05 .content>li{width: 50%; float: left;}
.main05 .plus{position: absolute; right: 0; top: 44px; transition-duration: 1s;}
.main05 .plus:hover{transform: rotate(270deg);}
.main05 .in_pic{width: calc(100% - 1px); /* background: url(../img/main05_02.jpg)no-repeat; background-size: cover; background-position: center; */ height: 425px;}
.main05 .in_pic img{height: 100%;}
.main05 .in_txt{padding-left: 40px;}
.main05 .in_txt li{border-bottom: 1px solid #e5e5e5; padding: 30px 0; padding-left: 5px;}
.main05 .in_txt li:first-child{border-top: 2px solid #111;}
.main05 .in_txt span{color: #caa043; font-size: 18px; padding-bottom: 30px; font-weight: 600; display: block;}
.main05 .in_txt p{font-size: 18px; font-weight: 600;}

.btn{width: 150px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #ccc; margin: 0 auto; border-radius: 25px;}
.btn a{display: block; width: 100%; height: 100%;}
.btn:hover{background-color: #caa043; color: #fff; border-color: #caa043;}

.loading{display: none;}

/* ********************************************* *
 * 1640px
 * ********************************************* */
 @media screen and (max-width: 1640px){

    .main01 .bd_full{padding: 0;}

 }
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){

    .main01 .bd_full{padding: 0;}
    .main03 .deco.right{right: 40px;}
    .main03 .deco.left{left: 40px;}

    .main04 .inner .txt_wrap{padding-top: 50px;}

 }

 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){

    .main01 .in_txt h1{font-size: 36px;}
    .main01 .in_txt p{font-size: 17px;}

    .main04 .inner.left .txt_wrap{padding-right: 20px; padding-left: 40px;}
    .main04 .inner.right .txt_wrap{padding-left: 20px; padding-right: 40px;}

    .main05 .inner{padding: 130px 0;}

 }
 /* ********************************************* *
 * 1024px
 * ********************************************* */
 @media screen and (max-width: 1024px){

    .main01{height: 500px;}
    .main01 .bd_full,.main01 .main_slide,.main01 .inner,.main01 .swiper-slide img{height: 100%;}

 }
  /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){

    .main01 .in_txt{width: 100%; padding: 20px; word-break: keep-all;}
    .main01 .in_txt h1{line-height: 1.3;}
    .main02 .content li{width: 50%; padding: 15px 40px;}
    .main03 .in_pic{padding-left: 20px; padding-right: 20px;}
    .main03 .in_txt h1{font-size: 28px;}
    .main04 .inner li{width: 100%;}
    .main04 .inner.right{padding-top: 0;}
    .main04 .inner .txt_wrap{padding: 40px 0px !important;}
    .main04 .in_txt{padding-top: 40px;}
    .main04 .in_txt br{display: none;}
    .main04 .inner li .in_pic{height: 300px;}
    .main05 .content>li{width: 100%;}
    .main05 .in_pic{height: auto;}
    .main05 .in_pic img{height: auto;}
    .main05 .inner{background-image: none;}
    .main05 .bd1200{padding: 0;}
    .main05 .in_txt{padding-left: 0; padding-top: 40px;}

 }
    /* ********************************************* *
 * 760px
 * ********************************************* */
 @media screen and (max-width: 760px){

   .main01 .in_txt h1{font-size: 28px;}

    .main03 .in_txt h1 br{display: none;}    
    .main03 .in_txt h1{font-size: 24px;}
    .main03 .in_txt p{font-size: 17px;}

 }

   /* ********************************************* *
 * 420px
 * ********************************************* */
 @media screen and (max-width: 420px){

    .main01 .in_txt h1 br{display: none;}
    :lang(ko) .main01 .in_txt h1 br{display: block;}
    .main02 .content li{padding: 15px;}
    .main_title h1{font-size: 32px;}
    .main04 .in_txt{padding-top: 28px;}
    .main_title p{padding-bottom: 16px;}
    .main05 .plus{width: 28px; top: 50px;}
    .main05 .in_txt p{font-size: 17px;}
    .main05 .in_txt span{padding-bottom: 10px; font-size: 16px;}
    .main05 .content{padding-top: 28px;}

 }

 