.main-contents { color: #222222; word-break: keep-all; }

.main-contents img { width: auto; max-width: 100%; }

.main-contents em { font-style: normal; }

.main-contents .cw { color: #ffffff; }

.main-contents .wrap { max-width: 1280px; }

.sub-color { color: #666; }

.main-contents .main-tit-box { word-break: keep-all; padding: 0 0 50px; line-height: 1.2; }

/* .main-contents .main-tit-box .main-tit-sub { letter-spacing: 0.3em; } */

@media all and (max-width: 1219px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 50px; }
  .main-contents .main-tit-box .main-tit { margin-top: 30px; font-size: 52px; }
  .main-contents .main-tit-box img { height: 34px; }
  .main-contents .wrap.mo-100 { width: 100%; margin-left: 0; } }

@media all and (max-width: 768px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 38px; }
  .main-contents .main-tit-box .main-tit { margin-top: 23px; font-size: 39px; }
  .main-contents .main-tit-box img { height: 26px; } }

@media all and (max-width: 500px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 33px; }
  .main-contents .main-tit-box .main-tit { margin-top: 20px; font-size: 34px; }
  .main-contents .main-tit-box img { height: 22px; } }

@media all and (max-width: 375px) { /*main-info*/
  .main-contents .main-tit-box { padding: 0 0 25px; }
  .main-contents .main-tit-box .main-tit { margin-top: 15px; font-size: 26px; }
  .main-contents .main-tit-box img { height: 17px; } }

/*visual*/
.mv .mv-item { position: relative; overflow: hidden; height: 960px; background-size: cover; }

.mv .mv-item.v-1 { background: url(/theme/basic/images/main/visual01.jpg) no-repeat center center; }

.mv .mv-item.v-2 { background: url(/theme/basic/images/main/visual02.jpg) no-repeat center center; }

.mv .mv-item.v-3 { background: url(/theme/basic/images/main/visual03.jpg) no-repeat center center; }





.mv .mv-item.v-6 .delicacy { margin-top: -29px;}
.mv .mv-item.v-6 .delicacy img { margin-left: auto; margin-right: auto; margin-bottom: 29px;}

.mv .mv-item .mvi-text-box { width: 100%; color: #fff; word-break: keep-all; padding-bottom: 4em; -webkit-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -moz-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -o-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; -ms-transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; transition: left 0.5s, right 0.5s, top 0.5s, bottom 0.5s, opacity 0.5s; }

.mv .mv-item .mvi-text-box p { letter-spacing: 0; }

.mv .mv-item .mvi-text-box > * { z-index: 1; position: relative; -webkit-transition: font-size 0.5s; -moz-transition: font-size 0.5s; -o-transition: font-size 0.5s; -ms-transition: font-size 0.5s; transition: font-size 0.5s; }

.mv .mv-item .mvi-text-box .mvi-tit { font-weight: 700; letter-spacing: -0.02em; line-height: 1em; }

.main-visual-wrap .mv-btn-box.st-2 .mv-btn {position: absolute; top: 170px; right: 120px;}
.main-visual-wrap .mv-btn-box.st-2 .wrap { position: absolute; width: 100%; top: 0%; left: 50%; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); max-width: 1700px; z-index: 10; }

.main-visual-wrap .mv-btn { display: inline-block; overflow: hidden; text-decoration: none; box-sizing: border-box; cursor: pointer; background: rgba(0, 0, 0, 0.3); color: #fff; border: 1px solid rgba(255,255,255,0.8); line-height: 1.2; padding: 0.635em 1.3em ; text-align: center; -webkit-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -moz-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -o-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; -ms-transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; transition: background 0.2s ease-out, font-size 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out; outline: 0; }

.main-visual-wrap .mv-btn:active { -webkit-transform: scale(0.97); -moz-transform: scale(0.97); -o-transform: scale(0.97); -ms-transform: scale(0.97); transform: scale(0.97); }

.main-visual-wrap .mv-btn i { vertical-align: middle; }

.main-visual-wrap .mv-btn span { margin-left: 0.5em; display: inline-block; line-height: 1em; letter-spacing: 0.02em; }

.mv .mv-item .mvi-center { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 45%; opacity: 0; }

.mv .mv-item .mvi-center.on { top: 50%; opacity: 1; }

@media all and (max-width: 1441px) { .mv .mv-item { background-position: 80% bottom; } }

@media all and (max-width: 1024px) { .mv .mv-item { background-size: cover; }
  .mv .mv-item.v-1 { background-position: 30% bottom; }
  .mv .mv-item.v-2 { background-position: 30% bottom; }
  .mv .mv-item.v-3 { background-position: 58% bottom !important; }
  .mv .mv-item.v-4 { background-position: 37% bottom; }
  .mv .mv-item.v-5 { background-position: 30% bottom; }
  .mv .mv-item.v-6 { background-position: 30% bottom; }
  .mv .mv-item.v-6 .delicacy img { max-width: 212px; width: 35%;}
  .mv .mv-item .mvi-text-box { padding-bottom: 0; }
  .main-visual-wrap .mv-btn { padding: 0.5em 1.5em; } }
  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 170px; right: 80px;}

@media all and (max-width: 768px) { .mv .mv-item { background-position: center center !important; background-size: auto 100% !important; }
  .mv .mv-item.v-1 { background: url(/theme/basic/images/main/product_01_bg.jpg) no-repeat; background-size: 100% auto !important; background-position: center center !important; }
  .mv .mv-item.v-2 { background: url(/theme/basic/images/main/product_02_bg.jpg) no-repeat; background-size: 100% auto !important; background-position: center bottom !important; }
  .mv .mv-item.v-3 { background: url(/theme/basic/images/main/product_03_bg.jpg) no-repeat; background-size: 100% auto !important; background-position: center bottom !important; }

  .mv .mv-item { height: 910px; }
  .mv .mv-item .logo-img img { height: 22px; }
  .mv .mv-item .mvi-text-box .mvi-sub-tit { font-size: 21px; }
  .mv .mv-item .mvi-text-box .mvi-tit + p.fs-26 { font-size: 20px; }
  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 120px; right: 10%;}
}

@media all and (max-width: 500px) { /* .mv .mv-item { height: 700px; } */
  .mv .mv-item .logo-img img { height: 17px; }
  .mv .mv-item .mvi-text-box .mvi-sub-tit { font-size: 16px; }
  .mv .mv-item .mvi-text-box .mvi-tit + p.fs-26 { font-size: 15px; }
  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 100px;  right: 10%;}
  .mv .mv-item.v-6 .delicacy img {  width: 30%; margin-bottom: 15px;}
}

@media all and (max-width: 375px) { .mv .mv-item.v-1 { background-size: auto 100% !important; }
  .mv .mv-item.v-2 { background-size: auto 100% !important; }
  .mv .mv-item.v-4 { background-size: auto 100% !important; }
  .mv .mv-item.v-5 {  }
  .mv .mv-item.v-6 { background-size: auto 100% !important; }

  .main-visual-wrap .mv-btn-box.st-2 .mv-btn { top: 90px; }
}

.mv .mvi-img-2 .mvi01-img3 { display: none; }

.mv .mvi-img { position: relative; z-index: 0; }

.mv .mvi-img .mvi01-img1 { position: absolute; left: -65%; top: -100px; }

.mv .mvi-img .mvi01-img2 { margin-bottom: -40px; }

@media all and (max-width: 1024px) { .mv .mvi-img .mvi01-img1 { top: -200px; left: -17%; } }

@media all and (max-width: 768px) { .mv .mvi-img .mvi01-img2 { margin-bottom: -24px; height: 33.6px; }
  .mv .mvi-img .mvi01-img1 { left: -17%; top: -160px; width: 308px; }
  .mv .mvi-img-2 .mvi01-img3 { display: block; position: absolute; bottom: -10%; width: 100%; } }

@media all and (max-width: 500px) { .mv .mvi-img .mvi01-img2 { margin-bottom: -16px; height: 22.4px; }
  .mv .mvi-img .mvi01-img1 { left: -17%; top: -120px; width: 231px; }
  .mv .mvi-img-2 .mvi01-img3 { bottom: -5%; } }

.mv .slick-dots { position: absolute; display: none !important; opacity: 0; }

.main-visual-wrap { position: relative; }

.main-visual-wrap .mvs-btn-box .wrap { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 1700px; z-index: 10; }

.main-visual-wrap .mvs-btn-box .btn-mv-perv, .main-visual-wrap .mvs-btn-box .btn-mv-next { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block !important; background: transparent; border: 0; padding: 0; cursor: pointer; z-index: 10; }

.main-visual-wrap .mvs-btn-box .btn-mv-perv { left: 50px; padding-bottom: 100px; }

.main-visual-wrap .mvs-btn-box .btn-mv-next { right: 50px; padding-bottom: 100px; }

.main-visual-wrap .mv-page-box { position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 210px; }

.main-visual-wrap .mv-page-box > span { display: inline-block; height: 50px; vertical-align: middle; }

.main-visual-wrap .mv-page-box > span > button { vertical-align: top; }

.main-visual-wrap .mv-dot { display: inline-block; height: 40px; top: 50%; text-align: center; vertical-align: middle; }

.main-visual-wrap .mv-dot li { display: inline-block; margin: 0 10px; position: relative; }

.main-visual-wrap .mv-dot li:after { content: ''; position: absolute; width: 100%; height: 2px; background: #fff; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; transition: opacity 0.1s; }

.main-visual-wrap .mv-dot li.on:after { opacity: 1; }

.main-visual-wrap .mv-dot li button { border-radius: 100%; border: 0; background: #fff; text-indent: -1000px; overflow: hidden; padding: 0px; width: 5px; height: 5px; cursor: pointer; vertical-align: top; }

.main-visual-wrap .pause, .main-visual-wrap .play { border: 0px; background: transparent; text-indent: -1000px; font-size: 1px; padding: 0; margin-top: 5px; display: none; vertical-align: top; cursor: pointer; overflow: hidden; }

.main-visual-wrap .pause.on, .main-visual-wrap .play.on { display: inline-block; }

.main-visual-wrap .pause { height: 6px; width: 6px; border-left: 2px solid #fff; border-right: 2px solid #fff; }

.main-visual-wrap .play { margin-top: 4px; width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; border-left: 4px solid  #fff; }

@media all and (max-width: 1024px) { .mvs-btn-box { display: none; }
  .main-visual-wrap .mv-page-box { bottom: 150px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 10px; } }

@media all and (max-width: 768px) { .main-visual-wrap .mv-page-box { bottom: 113px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 8px; } }

@media all and (max-width: 500px) { .main-visual-wrap .mv-page-box { bottom: 98px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 7px; } }

@media all and (max-width: 375px) { .main-visual-wrap .mv-page-box { bottom: 75px; }
  .main-visual-wrap .mv-page-box .mv-dot li { display: inline-block; margin: 0 5px; } }

.main-info { word-break: keep-all; margin-top: 100px; }

.main-info .mi { display: table; table-layout: fixed; width: 100%; }

.main-info .mi .mi-text-box, .main-info .mi .mi-img { display: table-cell; width: 50%; vertical-align: middle; height: 500px; }

.main-info .mi .mi-text-box { padding: 10px 10px 10px 9.7%; }
.main-info .mi .mi-text-box.pad000 { padding-left:0; }

.main-info .mi .mi-img { position: relative; overflow: hidden; }

.main-info .mi .mi-img .mi-img-con { height: 100%; overflow: hidden; }

.main-info .mi .mi-img .mi-img-con img { position: absolute; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (max-width: 1441px) { .main-info { margin-top: 160px; }
  .main-info .mi .mi-text-box { padding: 10px 10px 10px 10px; } }

@media all and (max-width: 1024px) { .main-info { max-width: 750px; margin-left: auto; margin-right: auto; }
  .main-info .mi { display: block; width: 100%; }
  .main-info .mi .mi-text-box, .main-info .mi .mi-img { display: block; width: 100%; height: auto; text-align: center; }
  .main-info .mi .mi-text-box { padding: 0; }
  .main-info .mi .mi-text-box .main-tit-box { text-align: center; }
  .main-info .mi .mi-img { position: relative; overflow: hidden; }
  .main-info .mi .mi-img .mi-img-con { position: absolute; top: 0; bottom: 0; left: 10px; right: 0; overflow: hidden; }
  .main-info .mi .mi-img .mi-img-con img { position: absolute; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .main-info { margin-top: 140px; }
  .main-info .mi .mi-text-box { padding-left: 40px; padding-right: 40px; }
  .main-info .mi .mi-img { height: 420px; } }

@media all and (max-width: 768px) { .main-info { margin-top: 105px; }
  .main-info .mi .mi-text-box { padding-left: 30px; padding-right: 30px; }
  .main-info .mi .mi-img { height: 315px; } }

@media all and (max-width: 500px) { .main-info { margin-top: 91px; }
  .main-info .mi .mi-text-box { padding-left: 26px; padding-right: 26px; }
  .main-info .mi .mi-img { height: 273px; } }

@media all and (max-width: 375px) { .main-info { margin-top: 70px; }
  .main-info .mi .mi-text-box { padding-left: 20px; padding-right: 20px; }
  .main-info .mi .mi-img { height: 210px; } }

.main-menu { margin-top: 180px; }

.main-menu .wrap { overflow: hidden; }

.main-menu .mn { margin-left: -10px; margin-right: -10px; overflow: hidden; width: 100%; }

.main-menu .mn::after { display: block; content: ""; clear: both; }

.main-menu .mn .mn-item { float: left; width: 400px; margin-bottom: 30px; }

.main-menu .mn.isIE .mn-item { float: left; width: 430px; margin-bottom: 30px; padding: 0 15px;}

.main-menu .mn .mn-item:nth-child(2n) { margin-top: 68px; }

.main-menu .mn .mn-item a { outline: 0 !important; display: block; color: #fff; padding: 20px 30px; height: 500px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; position: relative; background-color: #222; }

.main-menu .mn .mn-item.st-1 a { background-image: url("/theme/basic/images/main/mn_img01.jpg"); }

.main-menu .mn .mn-item.st-2 a { background-image: url("/theme/basic/images/main/mn_img02.jpg"); }

.main-menu .mn .mn-item.st-3 a { background-image: url("/theme/basic/images/main/mn_img03.jpg"); }

.main-menu .mn .mn-item.st-4 a { background-image: url("/theme/basic/images/main/mn_img04.jpg"); }

.main-menu .mn .mn-item a .mni-top { display: block; padding-bottom: 20px; border-bottom: 1px solid #ffffff; padding-right: 30px; position: relative; }

.main-menu .mn .mn-item a .mni-top i { position: absolute; right: 0; top: 5px; }

.main-menu .mn .mn-item a .mni-bottom { position: absolute; display: block; bottom: 20px; left: 20px; right: 20px; border-top: 1px solid #ffffff; padding-top: 20px; }

.main-menu .mn .mn-item a .mni-bottom > span { width: 100%; display: table; }

.main-menu .mn .mn-item a .mni-bottom > span > span { display: table-cell; vertical-align: middle; letter-spacing: -0.035em; }

.main-menu .mn .mn-item a .mni-bottom > span > span:not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.3); }

.main-menu .mn .mn-item a .mni-bottom > span > span.pd-r { padding-right: 30px; }

.main-menu .mn .mn-item a .mni-bottom > span > span.pd-l { padding-left: 30px; }

.main-menu .mn .mn-item a .mni-bottom > span > span > span { display: block; letter-spacing: -0.02em; }

.main-menu .mn .mn-item:hover .mni-top i { animation-duration: 0.4s; animation-name: more2; animation-iteration-count: infinite; }

.main-menu .mn.swiper { margin: 0; width: 100%; padding: 0 15px;}

.main-menu .mn.swiper .swiper-wrapper{ justify-content: center; }

.main-menu  .swiper-pagination.swiper-pagination-progressbar{top:auto; bottom:0px; left:15px; right: 15px; width: auto;}

.main-menu  .swiper-pagination-progressbar{background:#dddddd !important;}

.main-menu  .swiper-pagination-progressbar-fill{background:#c27a34 !important;}

.main-menu .slick-dots { width: 80%; max-width: 670px; margin: 1em auto 0; }

.main-menu .slick-dots::after { display: block; content: ""; clear: both; }

.main-menu .slick-dots li { float: left; width: 25%; }

.main-menu .slick-dots li button { width: 100%; padding: 0; height: 3px; text-indent: -1000px; overflow: hidden; background: #ddd; border: none; cursor: pointer; -webkit-transition: background  0.2s; -moz-transition: background  0.2s; -o-transition: background  0.2s; -ms-transition: background  0.2s; transition: background  0.2s; }

.main-menu .slick-dots li.slick-active button, .main-menu .slick-dots li.on button { background: #c27a34; }

@media all and (max-width: 1110px) {
  .main-menu .mn.swiper .swiper-wrapper{ justify-content: flex-start; }
}

@media all and (max-width: 1650px) { .main-menu { margin-top: 140px; }
  .main-menu .mn { margin-left: 0; margin-right: 0; }
  .main-menu .mn .mn-item { width: 340px; }
  .main-menu .mn .mn-item a { height: 413px; }
  .main-menu .mn .mn-item:nth-child(2n) { margin-top: 0px; }
  .main-menu .mn .mn-item .fs-26 { font-size: 20px; }
  .main-menu .mn .mn-item .fs-20 { font-size: 15px; }
  .main-menu .mn .mn-item .fs-16 { font-size: 13px; } }

@media all and (max-width: 1024px) { .main-menu { margin-top: 140px; } }

@media all and (max-width: 768px) { .main-menu { margin-top: 105px; } }

@media all and (max-width: 500px) { .main-menu { margin-top: 91px; } }

@media all and (max-width: 375px) { .main-menu .mn .mn-item { width: 315px; }
  .main-menu { margin-top: 70px; } }

.main-people { margin-top: 180px; }

.main-people .mp { margin-left: -10px; margin-right: -10px; }

.main-people .mp::after { display: block; content: ""; clear: both; }

.main-people .mp .mp-item { float: left; width: 50%; padding-left: 10px; padding-right: 10px; position: relative; }

.main-people .mp .mp-item .mp-img .mp-img-con .pcNone { display: none; }

.main-people .mp .mp-item .mp-img .mp-img-con .moNone { display: inline-block; }

.main-people .mp .mp-item .mp-text-box { width: 100%; max-width: 425px; background: #fff; position: absolute; bottom: 0px; right: 0px; padding: 66px; padding-right: 0; padding-bottom: 0; }

.main-people .mp .mp-item.st-1 { margin-top: -185px; }

.main-people .mp .mp-item.st-2 { text-align: right; }

.main-people .mp .mp-item.st-2 .mp-img { display: inline-block; }

.main-people .mp .mp-item.st-2 .mp-text-box { max-width: 481px; right: auto; left: 0; padding: 66px; padding-left: 0; }

.main-people .mp .mp-item.st-3 { text-align: right; }

.main-people .mp .mp-item.st-3 .mp-img { display: inline-block; }

.main-people .mp .mp-item.st-3 .mp-text-box { max-width: 561px; right: auto; left: 0; padding: 66px; padding-left: 0; }

@media all and (max-width: 1650px) { .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 40px; margin-bottom: -100px; } }

@media all and (max-width: 1219px) { .main-people .main-tit-box { text-align: center; }
  .main-people .mp .mp-item { width: 100%; padding-bottom: 0; padding-left: 10px; padding-right: 10px; position: relative; margin-bottom: 230px; }
  .main-people .mp .mp-item:last-child { margin-bottom: 180px !important; }
  .main-people .mp .mp-item .mp-img { display: block; position: relative; width: 50%; overflow: hidden; }
  .main-people .mp .mp-item .mp-img:before { content: ''; padding-top: 124%; display: block; }
  .main-people .mp .mp-item .mp-img .mp-img-con { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .main-people .mp .mp-item .mp-img .mp-img-con img { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .main-people .mp .mp-item.st-1 { margin-top: 0px; }
  .main-people .mp .mp-item.st-1, .main-people .mp .mp-item.st-2, .main-people .mp .mp-item.st-3 { text-align: left; }
  .main-people .mp .mp-item.st-1 .mp-img, .main-people .mp .mp-item.st-2 .mp-img, .main-people .mp .mp-item.st-3 .mp-img { display: inline-block; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { margin-bottom: 0px; right: 0; bottom: -180px; left: auto; width: 65%; max-width: none; padding: 60px; } }

@media screen and (max-width: 767px) { .main-people .mp .mp-item:last-child { margin-bottom: 0 !important; }
  .main-people .mp .mp-item .mp-img { width: 100%; margin-bottom: 33%; }
  .main-people .mp .mp-item .mp-img:before { padding-top: 90%; }
  .main-people .mp .mp-item .mp-img .mp-img-con .moNone { display: none; }
  .main-people .mp .mp-item .mp-img .mp-img-con .pcNone { display: inline-block; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { width: 100%; bottom: 0; }
  .main-people { margin-top: 105px; }
  .main-people .mp .mp-item { margin-bottom: 60px; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 45px; } }

@media all and (max-width: 500px) { .main-people { margin-top: 91px; }
  .main-people .mp .mp-item { margin-bottom: 52px; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 39px; } }

@media all and (max-width: 375px) { .main-people { margin-top: 70px; }
  .main-people .mp .mp-item { margin-bottom: 40px; }
  .main-people .mp .mp-item.st-1 .mp-text-box, .main-people .mp .mp-item.st-2 .mp-text-box, .main-people .mp .mp-item.st-3 .mp-text-box { padding: 30px; } }

.main-room { margin-top: 180px; }

.main-room .mr { margin-left: -0.5%; margin-right: -0.5%; }

.main-room .mr::after { display: block; content: ""; clear: both; }

.main-room .mr .mr-item { float: left; width: 16.66667%; padding-left: 0.5%; padding-right: 0.5%; position: relative; overflow: hidden; }

.main-room .mr .mr-item[data-mrb='true'] { cursor: pointer; }

.main-room .mr .mr-item .mri-bg { display: block; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; background-color: #222; color: #fff; overflow: hidden; top: 0; }

.main-room .mr .mr-item .mri-bg:after { content: ''; display: block; padding-top: 231%; }

.main-room .mr .mr-item .mri-bg .mr-text-box { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; text-align: center; word-break: keep-all; }

.main-room .mr .mr-item .mri-bg .mr-text-box .mr-sub-tit { font-size: 22px; }

.main-room .mr .mr-item .mri-bg .mr-text-box .mr-tit { font-size: 26px; }

.main-room .mr .mr-item .mri-bg .mr-text-box .mr-text { margin-left: auto; margin-right: auto; font-weight: 300; font-size: 20px; }

.main-room .mr .mr-item .more2 { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: -1000px; overflow: hidden; }

.main-room .mr .mr-item .more { position: absolute; display: inline-block; right: 35px; bottom: 35px; padding-right: 40px; background-repeat: no-repeat; background-position: 100% center; background-size: auto; color: #fff; background-image: url("/theme/basic/images/common/icon_more.png"); }

.main-room .mr .mr-item .more:hover { animation-duration: 0.4s; animation-name: more; animation-iteration-count: infinite; }

.main-room .mr .mr-item .mr-text, .main-room .mr .mr-item .more { display: none; }

.main-room .mr .mr-item.st-1 .mri-bg { background-image: url("/theme/basic/images/main/product_01_bg.jpg"); }

.main-room .mr .mr-item.st-2 .mri-bg { background-image: url("/theme/basic/images/main/product_02_bg.jpg"); }

.main-room .mr .mr-item.st-3 .mri-bg { background-image: url("/theme/basic/images/main/product_03_bg.jpg"); }

.main-room .mr .mr-item.st-4 .mri-bg { background-image: url("/theme/basic/images/main/product_04_bg.jpg"); }

.main-room .mr .mr-item .mri-slide { display: none; }

.main-room .mr .mr-item:first-child .mri-slide2 { left: 1%; right: 0%; }

.main-room .mr .mr-item .mri-slide2 { overflow: hidden; width: 100%; z-index: 0; position: absolute; left: 0%; right: 0.5%; top: 0; bottom: 0; display: none; }

.main-room .mr .mr-item .mri-slide2 .slick-dots { display: none !important; opacity: 0; }

.main-room .mr .mr-item .mr-page-box { display: none; }

.main-room .mr .mr-item .mr-page-box > span { display: inline-block; height: 50px; vertical-align: middle; }

.main-room .mr .mr-item .mr-page-box > span > button { vertical-align: top; }

.main-room .mr .mr-item .mri-dot { display: inline-block; height: 40px; top: 50%; text-align: center; vertical-align: middle; }

.main-room .mr .mr-item .mri-dot li { display: inline-block; margin: 0 10px; position: relative; }

.main-room .mr .mr-item .mri-dot li:after { content: ''; position: absolute; width: 100%; height: 2px; background: #fff; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; transition: opacity 0.1s; }

.main-room .mr .mr-item .mri-dot li.on:after { opacity: 1; }

.main-room .mr .mr-item .mri-dot li button { border-radius: 100%; border: 0; background: #fff; text-indent: -1000px; overflow: hidden; padding: 0px; width: 5px; height: 5px; cursor: pointer; vertical-align: top; }

.main-room .mr .mr-item .pause, .main-room .mr .mr-item .play { border: 0px; background: transparent; text-indent: -1000px; font-size: 1px; padding: 0; margin-top: 5px; display: none; vertical-align: top; cursor: pointer; overflow: hidden; }

.main-room .mr .mr-item .pause.on, .main-room .mr .mr-item .play.on { display: inline-block; }

.main-room .mr .mr-item .pause { height: 6px; width: 6px; border-left: 2px solid #fff; border-right: 2px solid #fff; }

.main-room .mr .mr-item .play { margin-top: 4px; width: 0px; height: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 4px solid transparent; border-left: 4px solid  #fff; }

.main-room .mr .mr-item.on { width: 50%; }

.main-room .mr .mr-item.on .mri-bg { background: transparent; z-index: 1; }

.main-room .mr .mr-item.on .mri-bg .mr-tit { font-size: 50px; }

.main-room .mr .mr-item.on .mri-bg:after { padding-top: 73.9%; }

.main-room .mr .mr-item.on .mr-text, .main-room .mr .mr-item.on .mr-page-box { display: block; }

.main-room .mr .mr-item.on .more { display: inline-block; }

.main-room .mr .mr-item.on .mri-slide2 { display: block; }

@keyframes more { 0% { background-position: 90% center; }
  100% { background-position: 100% center; } }

@keyframes more2 { 0% { -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% { -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); } }

@media all and (max-width: 1219px) { .main-room { margin-top: 80px; } }

@media all and (max-width: 1024px) { .main-room .mr .mr-item { width: 50%; margin-bottom: 1%; }
  .main-room .mr .mr-item.on .mri-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; }
  .main-room .mr .mr-item .mri-bg:after { padding-top: 73.9%; }
  .main-room .mr .mr-item .mri-bg .mr-text-box .mr-sub-tit { font-size: 16px; }
  .main-room .mr .mr-item .mri-bg .mr-text-box .mr-tit { font-size: 26px; }
  .main-room .mr .mr-item .mri-bg .mr-text-box .mr-text { display: none; }
  .main-room .mr .mr-item.st-1 .mri-bg { background-image: url("/theme/basic/images/main/product_01.jpg") !important; }
  .main-room .mr .mr-item.st-2 .mri-bg { background-image: url("/theme/basic/images/main/product_02.jpg") !important; }
  .main-room .mr .mr-item.st-3 .mri-bg { background-image: url("/theme/basic/images/main/product_03.jpg") !important; }

  .main-room .mr .mr-item .mri-slide2, .main-room .mr .mr-item .mr-page-box, .main-room .mr .mr-item .mri-dot { display: none !important; }
  .main-room .mr .mr-item .more { right: 5%; bottom: 5%; padding-right: 40px; }
  .main-room .mr .mr-item .more2 { display: block; }
  .main-room { margin-top: 80px; } }

@media all and (max-width: 768px) { .main-room .mr .mr-item { width: 100% !important; }
  .main-room { margin-top: 60px; } }

@media all and (max-width: 500px) { .main-room { margin-top: 52px; } }

@media all and (max-width: 375px) { .main-room { margin-top: 40px; } }

.main-insta { margin-top: 180px; padding: 120px 0; background: #f5f5f5; }

.main-insta::after { display: block; content: ""; clear: both; }

.main-insta .mis { margin-left: -10px; margin-right: -10px; }

.main-insta .mis .mis-item { float: left; width: 25%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }

.main-insta .mis .mis-item a { display: block; }

.main-insta .mis .mis-item .mis-img { position: relative; overflow: hidden; background: #f5f5f5; }

.main-insta .mis .mis-item .mis-img:before { content: ''; display: block; padding-top: 100%; }

.main-insta .mis .mis-item .mis-img img {    position: absolute;
    /* width: 100%; */
    height: 100%;
    width: 100%;
    top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-insta .mis .mis-item .misi-box2 { position: relative; }

.main-insta .mis .mis-item .misi-box2:before { content: ''; display: block; padding-top: 100%; }

.main-insta .mis .mis-item .misi-box2 .misi-box2-con { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-insta .mis .mis-item .misi-box2 .misi-box2-con a { color: #222; }

@media all and (max-width: 1024px) { .main-insta .mis .mis-item { width: 33.33333%; }
  .main-insta .mis .mis-item:last-child { display: none; }
  .main-insta .mis .mis-item._text { width: 100%; }
  .main-insta .mis .mis-item._text .misi-box2:before { padding-top: 45%; }
  .main-insta .mis .mis-item._text br { display: none; }
  .main-insta .mis .mis-item._text img { width: 30%; max-width: 135px; }
  .main-insta { margin-top: 140px; padding: 60px 0 120px; }
  .main-insta .mis { margin-left: -10px; margin-right: -10px; }
  .main-insta .mis .mis-item { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } }

@media all and (max-width: 768px) { .main-insta .mis .mis-item { width: 50%; }
  .main-insta { margin-top: 105px; padding: 45px 0 90px; }
  .main-insta .mis { margin-left: -8px; margin-right: -8px; }
  .main-insta .mis .mis-item { padding-left: 8px; padding-right: 8px; padding-bottom: 15px; } }

@media all and (max-width: 500px) { .main-insta { margin-top: 91px; padding: 39px 0 78px; }
  .main-insta .mis { margin-left: -7px; margin-right: -7px; }
  .main-insta .mis .mis-item { padding-left: 7px; padding-right: 7px; padding-bottom: 13px; } }

@media all and (max-width: 375px) { .main-insta { margin-top: 70px; padding: 30px 0 60px; }
  .main-insta .mis { margin-left: -5px; margin-right: -5px; }
  .main-insta .mis .mis-item { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; } }

.main-info2 { padding: 140px 0; position: relative; background: #f5f5f5; }

.main-info2 #map { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: 100% auto; background: url(/images/main/mm_map.jpg) no-repeat center center; }

.main-info2 .wrap::after { display: block; content: ""; clear: both; }

.main-info2 .mi2 { position: relative; z-index: 1; width: 100%; max-width: 850px; float: right; background: #fff; table-layout: fixed; display: table; }

.main-info2 .mi2 .mi2-rv { width: 6.5em; height: 6.5em; top: 0; left: 0; background: #c27a34; color: #fff; position: absolute; }

.main-info2 .mi2 .mi2-rv > span { text-align: center; display: block; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.main-info2 .mi2 .mi2-img { position: relative; width: 30%; display: table-cell; background: url(/images/main/mi_bg.jpg) no-repeat 10% 90%; background-size: auto 100%; }

.main-info2 .mi2 .mi2-text-box { width: 70%; display: table-cell; padding: 60px; padding-bottom: 20px; }

.main-info2 .mi2 .mi2-text-box .line-box { border-top: 1px solid #ccc; padding: 20px 0 20px 60px; }

.main-info2 .mi2 .mi2-text-box .line-box > span { display: inline-block; padding-right: 10px; }

.main-info2 .mi2 .mi2-text-box .line-box.tel { background-size: cover; background: url(/images/common/icon_tel.png) no-repeat center left; }

.main-info2 .mi2 .mi2-text-box .line-box.time { background-size: cover; background: url(/images/common/icon_time.png) no-repeat center left; }

@media all and (max-width: 1024px) { .main-info2 #map { position: absolute; top: 0; right: 0; left: 0; bottom: 60%; background: url(/images/main/mm_map.jpg) no-repeat center center; }
  .main-info2 .mi2 { max-width: none; float: none; display: block; max-width: 670px; margin: 0 auto; }
  .main-info2 .mi2 .mi2-img { width: 100%; height: 395px; display: block; background-size: 100% auto; background-position: left 82%; }
  .main-info2 .mi2 .mi2-img .mi2-rv { width: 6.5em; height: 6.5em; }
  .main-info2 .mi2 .mi2-text-box { width: 100%; display: block; }
  .main-info2 { padding: 430px 0 140px; }
  .main-info2 .mi2 .mi2-img { height: 395px; }
  .main-info2 .mi2 .mi2-text-box { padding: 40px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 20px 0 20px 90px; background-position: 20px !important; background-size: 36px !important; } }

@media all and (max-width: 768px) { .main-info2 { padding: 323px 0 105px; }
  .main-info2 .mi2 .mi2-img { height: 296px; }
  .main-info2 .mi2 .mi2-text-box { padding: 30px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 15px 0 15px 68px; background-position: 15px !important; background-size: 27px !important; } }

@media all and (max-width: 500px) { .main-info2 { padding: 280px 0 91px; }
  .main-info2 .mi2 .mi2-img { height: 257px; }
  .main-info2 .mi2 .mi2-text-box { padding: 26px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 13px 0 13px 59px; background-position: 13px !important; background-size: 24px !important; } }

@media all and (max-width: 375px) { .main-info2 { padding: 215px 0 70px; }
  .main-info2 .mi2 .mi2-img { height: 198px; }
  .main-info2 .mi2 .mi2-text-box { padding: 20px; }
  .main-info2 .mi2 .mi2-text-box .line-box { padding: 10px 0 10px 45px; background-position: 10px !important; background-size: 18px !important; } }

.mv_more { font-family: 'Montaga'; font-weight: 400; color: #ffffff; font-size: 22px; display: inline-block; padding: 8px 17px; position: relative; outline: 0; margin-top: 20px; margin-bottom: 30px;}
.mv_more::before{content:''; display: block; width: 100%; height: 2px; left:0; bottom:0; background: #ffffff; position:absolute; }
.mv_more:hover {color:#da8c40;}
.mv_more:hover::before{background: #da8c40; }

@media all and (max-width: 1024px) {
    .mv_more { font-size: 28px; padding: 8px 17px;margin-top: 20px; margin-bottom: 30px;}
    .mv_more::before{height: 2px;}
}

@media all and (max-width: 768px) {
    .mv_more { font-size: 21px; padding: 6px 12px;margin-top: 14px; margin-bottom: 20px;}
    .mv_more::before{height: 2px;}
}

@media all and (max-width: 500px) {
    .mv_more { font-size: 14px; padding: 4px 8px;margin-top: 10px; margin-bottom:15px;}
    .mv_more::before{height: 1px;}
}