@charset "UTF-8";
/* 修正粗體 */
@font-face {
  font-family: '微軟正黑體修正';
  unicode-range: U+7db0, U+78A7, U+7B75;
  /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: bold;
  src: local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
  font-family: '微軟正黑體修正';
  unicode-range: U+7db0, U+78A7, U+7B75;
  /* ASCII (碧筵綰) */
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體);
}
/* line 539, ../sass/_base-function.scss */
.clearfix, #mobile_scroll_menu ul.main_menu_ul::after, .header .main_menu_ul::after, .footer_center::after, .footer_info .footer_info_logo::after, .footer_tabs ul.tabs::after, .block_index2 .center::after, .block_index2 .center .block_index2_img::after, .block_portfolio2 .tab_content li::after,
.block_index4 .tab_content li::after, .block_portfolio2 .case_works_big_img .case_works_big_img_focus ul::after,
.block_index4 .case_works_big_img .case_works_big_img_focus ul::after, .block_about3 ul.block_works_list .img::after, .block_service2 .service_process_tabs .tab_container .tab_content li::after, .block_service3 .center::after, .block_portfolio4 ul.block_works_list .img::after,
.block_works2 ul.block_works_list .img::after, .block_location2 ul.tabs li::after, .block_location2 .tab_content::after, .block_location2 .tab_content .showbox2::after,
.block_location2 .tab_content .showbox::after, .block_location2 .tab_content .abgne-block2::after,
.block_location2 .tab_content .abgne-block::after, .block_location2 .tab_content .abgne-block2 a::after,
.block_location2 .tab_content .abgne-block a::after, .block_location3 .tabs::after, .block_location3 .tabs_list::after, .block_location3 .tabs_list .map li:after, .block_reservation2 article::after, .block_reservation2 article .from::after, .block_portfolio1.block_page_banner article .h2::after, .block_portfolio1.block_page_banner article h2::after {
  content: "​";
  display: block;
  height: 0;
  clear: both;
}

/* line 548, ../sass/_base-function.scss */
.hide, .open_nav h2, #mobile_menu, #mobile_menu::before, #mobile_menu::after,
#mobile_menu span, .header .main_menu .mark_logo h1, .header .main_menu_ul li.location a span, .header .main_menu_ul li.location a span.zh, .social_media a, .swiper-button-next-stopplay,
.swiper-button-prev-stopplay,
.swiper-button-next,
.swiper-button-prev, .jcarousel-wrapper .jcarousel-control-prev,
.jcarousel-wrapper .jcarousel-control-next, .jcarousel-wrapper .jcarousel-pagination a, .block_reservation2 article .from.customer_information label {
  font: 0/0 a;
  color: transparent;
}

/* line 634, ../sass/_base-function.scss */
.header .header_center, .footer_center, .center, .block_banner article .h2, .block_banner article h2, .block_about3 ul.block_works_list, .block_portfolio4 ul.block_works_list,
.block_works2 ul.block_works_list {
  margin: 0 auto;
  padding: 0 56px;
  box-sizing: border-box;
  max-width: 1432px;
}
@media screen and (max-width: 1024px) {
  /* line 634, ../sass/_base-function.scss */
  .header .header_center, .footer_center, .center, .block_banner article .h2, .block_banner article h2, .block_about3 ul.block_works_list, .block_portfolio4 ul.block_works_list,
  .block_works2 ul.block_works_list {
    padding: 0 24px;
  }
}

@-webkit-keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/*------------------------------------------------------------------
Reset HTML5
------------------------------------------------------------------*/
/* line 4, ../sass/_base-layout.scss */
article, aside, dialog, footer, header, section, footer, nav, figure, menu, details, figcaption, figure, hgroup {
  display: block;
}

/* line 5, ../sass/_base-layout.scss */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 6, ../sass/_base-layout.scss */
audio:not([controls]) {
  display: none;
}

/* line 7, ../sass/_base-layout.scss */
[hidden] {
  display: none;
}

/* line 8, ../sass/_base-layout.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 9, ../sass/_base-layout.scss */
html,
body {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: "Roboto", "Noto Sans TC", "微軟正黑體修正", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
}

/* line 17, ../sass/_base-layout.scss */
a, a:active, a:hover {
  text-decoration: none;
  outline: none;
}

/* line 18, ../sass/_base-layout.scss */
ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/*------------------------------------------------------------------
#wrapper
------------------------------------------------------------------*/
/* line 29, ../sass/_base-layout.scss */
.wrapper {
  width: 100%;
  min-height: 100vh;
  position: relative;
}

/*------------------------------------------------------------------
//漢堡
------------------------------------------------------------------*/
/* line 37, ../sass/_base-layout.scss */
.open_nav {
  display: none;
  position: absolute;
  z-index: 99999;
  left: 31px;
  top: 13px;
  width: 58px;
  height: 58px;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  cursor: pointer;
  border-radius: 3px;
}
@media screen and (max-width: 600px) {
  /* line 37, ../sass/_base-layout.scss */
  .open_nav {
    left: 20px;
    top: 12px;
  }
}
/* line 53, ../sass/_base-layout.scss */
.open_nav.open {
  position: fixed;
  left: 360px;
  z-index: 10;
}
@media screen and (max-width: 600px) {
  /* line 53, ../sass/_base-layout.scss */
  .open_nav.open {
    left: 290px;
  }
}
/* line 61, ../sass/_base-layout.scss */
.open_nav.open::after {
  display: block;
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 75, ../sass/_base-layout.scss */
.open_nav b {
  position: absolute;
  top: 35%;
  right: 110%;
  font-weight: normal;
  font-size: 0.75em;
}
/* line 82, ../sass/_base-layout.scss */
.open_nav .icon {
  transition-duration: 0.2s;
  position: absolute;
  z-index: 9;
  width: 42px;
  height: 5px;
  background-color: #FFF;
  top: 25px;
  left: 8px;
  border-radius: 5px;
}
@media screen and (max-width: 600px) {
  /* line 82, ../sass/_base-layout.scss */
  .open_nav .icon {
    width: 36px;
    height: 3px;
    top: 19px;
  }
}
/* line 97, ../sass/_base-layout.scss */
.open_nav .icon:before, .open_nav .icon:after {
  transition-duration: 0.5s;
  background-color: #FFF;
  position: absolute;
  content: "";
  width: 42px;
  height: 5px;
  border-radius: 5px;
  left: 0px;
}
@media screen and (max-width: 600px) {
  /* line 97, ../sass/_base-layout.scss */
  .open_nav .icon:before, .open_nav .icon:after {
    width: 36px;
    height: 3px;
  }
}
/* line 111, ../sass/_base-layout.scss */
.open_nav .icon:before {
  top: -16px;
}
@media screen and (max-width: 600px) {
  /* line 111, ../sass/_base-layout.scss */
  .open_nav .icon:before {
    top: -14px;
  }
}
/* line 117, ../sass/_base-layout.scss */
.open_nav .icon:after {
  top: 16px;
}
@media screen and (max-width: 600px) {
  /* line 117, ../sass/_base-layout.scss */
  .open_nav .icon:after {
    top: 14px;
  }
}
/* line 123, ../sass/_base-layout.scss */
.high_contrast .open_nav .icon {
  background-color: #fefe00;
}
/* line 125, ../sass/_base-layout.scss */
.high_contrast .open_nav .icon:before, .high_contrast .open_nav .icon:after {
  background-color: #fefe00;
}
/* line 132, ../sass/_base-layout.scss */
.open_nav:focus .icon, .open_nav:hover .icon {
  background-color: #F9C270;
}
/* line 134, ../sass/_base-layout.scss */
.open_nav:focus .icon:before, .open_nav:focus .icon:after, .open_nav:hover .icon:before, .open_nav:hover .icon:after {
  background-color: #F9C270;
}
/* line 138, ../sass/_base-layout.scss */
.high_contrast .open_nav:focus, .high_contrast .open_nav:hover {
  background-color: #fefe00;
}
/* line 140, ../sass/_base-layout.scss */
.high_contrast .open_nav:focus .icon, .high_contrast .open_nav:hover .icon {
  background-color: black;
}
/* line 142, ../sass/_base-layout.scss */
.high_contrast .open_nav:focus .icon:before, .high_contrast .open_nav:focus .icon:after, .high_contrast .open_nav:hover .icon:before, .high_contrast .open_nav:hover .icon:after {
  background-color: black;
}
/* line 149, ../sass/_base-layout.scss */
.open_nav.open .icon {
  background-color: transparent;
}
/* line 151, ../sass/_base-layout.scss */
.open_nav.open .icon:before, .open_nav.open .icon:after {
  top: 0;
}
/* line 154, ../sass/_base-layout.scss */
.open_nav.open .icon:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
/* line 158, ../sass/_base-layout.scss */
.open_nav.open .icon:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

@-moz-keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }
  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }
  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@-webkit-keyframes loading {
  0%, 100% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }
  26% {
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }
  76% {
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }
  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    -ms-transform: scale(1.1) rotateZ(12deg);
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }
  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    -ms-transform: scale(0.8) rotateZ(-8deg);
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
/*------------------------------------------------------------------
header class="mobile_top_bar_box"
------------------------------------------------------------------*/
/* line 231, ../sass/_base-layout.scss */
.mobile_top_bar_box {
  background: black;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
  box-sizing: border-box;
  display: block;
  height: 56px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 18;
  height: 0;
}
@media screen and (max-width: 1024px) {
  /* line 231, ../sass/_base-layout.scss */
  .mobile_top_bar_box {
    display: block;
    height: 56px;
  }
}
/* line 247, ../sass/_base-layout.scss */
.mobile_top_bar_box .contact_btn {
  margin: 21px auto 0 auto;
  height: 50px;
  width: 252px;
}
@media screen and (max-width: 400px) and (min-width: 1px) {
  /* line 247, ../sass/_base-layout.scss */
  .mobile_top_bar_box .contact_btn {
    margin-top: 0;
    margin-bottom: 32px;
  }
}
/* line 255, ../sass/_base-layout.scss */
.mobile_top_bar_box .contact_btn a {
  display: block;
  background: #f9c270;
  border-radius: 6px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 0.875em;
  height: 50px;
  letter-spacing: 2px;
  line-height: 50px;
  position: relative;
  outline: none;
  text-align: center;
  width: 252px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 10px 0;
}
/* line 275, ../sass/_base-layout.scss */
.mobile_top_bar_box .mobile_logo {
  display: none;
}
@media screen and (max-width: 1024px) {
  /* line 275, ../sass/_base-layout.scss */
  .mobile_top_bar_box .mobile_logo {
    display: block;
  }
}
/* line 280, ../sass/_base-layout.scss */
.mobile_top_bar_box .mobile_logo a {
  display: block;
  height: 56px;
  padding: 4px;
  box-sizing: border-box;
}
/* line 286, ../sass/_base-layout.scss */
.mobile_top_bar_box .mobile_logo img {
  display: block;
  float: left;
  left: 16px;
  margin-top: 0;
  max-height: 56px;
  position: fixed;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  /* line 286, ../sass/_base-layout.scss */
  .mobile_top_bar_box .mobile_logo img {
    max-height: 48px;
  }
}

/* line 302, ../sass/_base-layout.scss */
#mobile_menu {
  margin-top: 8px;
  position: fixed;
  right: 15px;
  top: 0;
  width: 40px;
  height: 40px;
  z-index: 19;
  color: white;
  display: none;
}
@media screen and (max-width: 1024px) {
  /* line 302, ../sass/_base-layout.scss */
  #mobile_menu {
    display: block;
  }
}
/* line 316, ../sass/_base-layout.scss */
#mobile_menu::before, #mobile_menu::after,
#mobile_menu span {
  content: "";
  background: white;
  display: block;
  height: 3px;
  left: 8px;
  position: absolute;
  transform: rotate(0deg);
  transition: .4s ease-in-out;
  width: 24px;
  top: 19px;
  color: white;
  overflow: hidden;
  border-radius: 8px;
}
/* line 334, ../sass/_base-layout.scss */
#mobile_menu::before {
  top: 10px;
}
/* line 335, ../sass/_base-layout.scss */
#mobile_menu::after {
  top: 27px;
}
/* line 338, ../sass/_base-layout.scss */
#mobile_menu.open::before {
  top: 17px;
  transform: rotate(135deg);
}
/* line 339, ../sass/_base-layout.scss */
#mobile_menu.open span {
  opacity: 0;
  width: 0%;
}
/* line 340, ../sass/_base-layout.scss */
#mobile_menu.open::after {
  top: 17px;
  transform: rotate(-135deg);
}

/* line 345, ../sass/_base-layout.scss */
#mobile_scroll_menu {
  overflow: hidden;
  height: 100vh;
  position: fixed;
  width: 100%;
  z-index: 17;
  right: 0;
  opacity: 0;
  width: 0;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 345, ../sass/_base-layout.scss */
  #mobile_scroll_menu {
    height: auto;
  }
}
/* line 359, ../sass/_base-layout.scss */
#mobile_scroll_menu.menu_show {
  display: block;
  width: 100%;
  opacity: 1;
}
/* line 363, ../sass/_base-layout.scss */
#mobile_scroll_menu.menu_show .mobile_scroll_menu_center {
  transform: translateX(0%);
  height: 100vh;
}
/* line 367, ../sass/_base-layout.scss */
#mobile_scroll_menu.menu_show::after {
  position: fixed;
  width: 100%;
}
/* line 372, ../sass/_base-layout.scss */
#mobile_scroll_menu::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 384, ../sass/_base-layout.scss */
#mobile_scroll_menu .mobile_scroll_menu_center {
  transform: translateX(100%);
  position: relative;
  z-index: 4;
  max-width: 400px;
  background: black;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
  height: 100vh;
  padding: 56px 0 36px 0;
  overflow-y: auto;
  float: right;
  transition: all .4s ease-in-out;
}
@media screen and (max-width: 1024px) {
  /* line 384, ../sass/_base-layout.scss */
  #mobile_scroll_menu .mobile_scroll_menu_center {
    height: auto;
  }
}
@media screen and (max-width: 400px) and (min-width: 1px) {
  /* line 384, ../sass/_base-layout.scss */
  #mobile_scroll_menu .mobile_scroll_menu_center {
    max-width: 100%;
  }
}
/* line 404, ../sass/_base-layout.scss */
#mobile_scroll_menu ul.main_menu_ul {
  display: inline-block;
  height: auto;
}
/* line 411, ../sass/_base-layout.scss */
#mobile_scroll_menu ul.main_menu_ul > li {
  border-bottom: 1px solid #0e0e0e;
  border-top: #171717 solid 1px;
  line-height: 56px;
  position: relative;
  width: 100%;
  float: left;
}
/* line 418, ../sass/_base-layout.scss */
#mobile_scroll_menu ul.main_menu_ul > li.portfolio {
  display: none;
}
/* line 421, ../sass/_base-layout.scss */
#mobile_scroll_menu ul.main_menu_ul > li > a {
  color: white;
  display: block;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 3px;
  margin: auto;
  padding-left: 34px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: .4s opacity ease-out;
}
/* line 433, ../sass/_base-layout.scss */
#mobile_scroll_menu ul.main_menu_ul > li > a.active, #mobile_scroll_menu ul.main_menu_ul > li > a:hover, #mobile_scroll_menu ul.main_menu_ul > li > a:focus {
  background-color: gray;
  color: black;
}
/* line 438, ../sass/_base-layout.scss */
#mobile_scroll_menu ul.main_menu_ul > li > a::after {
  content: "";
  border-right: 2px solid #979797;
  border-top: 2px solid #979797;
  display: block;
  height: 12px;
  margin-top: -8px;
  position: absolute;
  right: 18px;
  top: 50%;
  transition: all .4s ease-in-out 0s;
  transform: rotate(45deg);
  width: 12px;
}
@media screen and (max-width: 350px) and (min-width: 1px) {
  /* line 421, ../sass/_base-layout.scss */
  #mobile_scroll_menu ul.main_menu_ul > li > a {
    padding-left: 24px;
  }
}
/* line 456, ../sass/_base-layout.scss */
#mobile_scroll_menu ul.main_menu_ul > li > a span.en {
  font-family: system-ui;
  margin-left: 16px;
  font-size: 0.7em;
}

/*------------------------------------------------------------------
header class="header"
------------------------------------------------------------------*/
/* line 471, ../sass/_base-layout.scss */
.mobile_top_bar_box {
  display: none;
}
@media screen and (max-width: 1024px) {
  /* line 471, ../sass/_base-layout.scss */
  .mobile_top_bar_box {
    display: block;
  }
}

/*------------------------------------------------------------------
header class="header"
------------------------------------------------------------------*/
/* line 480, ../sass/_base-layout.scss */
.header {
  position: fixed;
  z-index: 10;
  width: 100%;
  padding: 0;
}
/* line 485, ../sass/_base-layout.scss */
.header.fixed {
  background-color: black;
  transition: all 2.8s;
}
@media screen and (max-width: 1024px) {
  /* line 480, ../sass/_base-layout.scss */
  .header {
    display: none;
  }
}
/* line 495, ../sass/_base-layout.scss */
.header .main_menu {
  padding: 16px 0;
}
/* line 497, ../sass/_base-layout.scss */
.header .main_menu .mark_logo {
  display: inline-block;
}
/* line 499, ../sass/_base-layout.scss */
.header .main_menu .mark_logo .logo {
  width: 204px;
  margin-right: 52px;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 499, ../sass/_base-layout.scss */
  .header .main_menu .mark_logo .logo {
    margin-right: 0;
  }
}
/* line 506, ../sass/_base-layout.scss */
.header .main_menu .mark_logo .mid {
  display: none;
  width: 193px;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 506, ../sass/_base-layout.scss */
  .header .main_menu .mark_logo .mid {
    display: none;
  }
}
/* line 519, ../sass/_base-layout.scss */
.header .main_menu_ul {
  display: block;
  float: right;
  margin-top: 4px;
}
/* line 526, ../sass/_base-layout.scss */
.header .main_menu_ul li {
  display: block;
  text-align: center;
  float: left;
  margin-left: 0px;
}
/* line 532, ../sass/_base-layout.scss */
.header .main_menu_ul li a {
  font-size: 0.95em;
  display: block;
  color: white;
  padding: 6px 20.5px;
  border-radius: 100px;
  border: transparent 2px solid;
  transition: all 1.2s;
}
@media screen and (max-width: 1060px) and (min-width: 1px) {
  /* line 532, ../sass/_base-layout.scss */
  .header .main_menu_ul li a {
    padding: 6px 16px;
  }
}
/* line 543, ../sass/_base-layout.scss */
.header .main_menu_ul li a:hover, .header .main_menu_ul li a:focus {
  border-color: black;
  background-color: black;
}
/* line 547, ../sass/_base-layout.scss */
.header .main_menu_ul li a span {
  display: block;
  letter-spacing: 0.05em;
  padding: 2px;
}
/* line 551, ../sass/_base-layout.scss */
.header .main_menu_ul li a span.zh {
  font-size: 1.25em;
}
/* line 554, ../sass/_base-layout.scss */
.header .main_menu_ul li a span.en {
  font-family: system-ui;
}
/* line 559, ../sass/_base-layout.scss */
.header .main_menu_ul li.portfolio {
  display: none;
}
/* line 562, ../sass/_base-layout.scss */
.header .main_menu_ul li.location {
  margin-right: 24px;
  margin-left: 20px;
}
/* line 565, ../sass/_base-layout.scss */
.header .main_menu_ul li.location a {
  position: relative;
  box-sizing: border-box;
  width: 73px;
  height: 73px;
}
/* line 570, ../sass/_base-layout.scss */
.header .main_menu_ul li.location a::before {
  content: "​";
  display: block;
  width: 70px;
  height: 48px;
  background-image: url("../images/icon/icon_location.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
}
/* line 594, ../sass/_base-layout.scss */
.header .main_menu_ul li.reservation a {
  border-color: white;
  padding: 6px 30px;
}
/* line 597, ../sass/_base-layout.scss */
.header .main_menu_ul li.reservation a:hover, .header .main_menu_ul li.reservation a:focus {
  border-color: black;
  background-color: black;
}

@media screen and (max-width: 1024px) {
  /* line 606, ../sass/_base-layout.scss */
  .index_main {
    padding-top: 56px;
    overflow: hidden;
  }
}

/*------------------------------------------------------------------
footer class="footer"
------------------------------------------------------------------*/
/* line 615, ../sass/_base-layout.scss */
.footer.footer {
  clear: both;
  background-color: #212121;
  color: white;
  padding-top: 44px;
  padding-bottom: 96px;
}
@media screen and (max-width: 1024px) {
  /* line 615, ../sass/_base-layout.scss */
  .footer.footer {
    padding: 24px;
    overflow: hidden;
  }
}

/* line 626, ../sass/_base-layout.scss */
.footer_center {
  max-width: 1432px;
}
@media screen and (max-width: 1024px) {
  /* line 626, ../sass/_base-layout.scss */
  .footer_center {
    padding: 0;
  }
}

/* line 636, ../sass/_base-layout.scss */
.social_media {
  display: block;
  position: relative;
  float: left;
  margin-left: 162px;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 636, ../sass/_base-layout.scss */
  .social_media {
    margin-left: 0;
  }
}
/* line 645, ../sass/_base-layout.scss */
.social_media::before {
  position: absolute;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  height: 116px;
  background-color: black;
  width: 2px;
}
/* line 654, ../sass/_base-layout.scss */
.social_media li {
  display: inline-block;
  margin: 8px;
}
/* line 659, ../sass/_base-layout.scss */
.social_media a {
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  border: white solid 1px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: screen;
  transition: all 1s ease-out;
}
/* line 673, ../sass/_base-layout.scss */
.social_media .form {
  display: none;
}
/* line 676, ../sass/_base-layout.scss */
.social_media .form a {
  background-image: url("../images/icon/icon_say.svg");
}
/* line 678, ../sass/_base-layout.scss */
.social_media .form a:hover, .social_media .form a:focus {
  background-image: url("../images/icon/icon_say_o.svg");
}
/* line 682, ../sass/_base-layout.scss */
.social_media .youtube a {
  background-image: url("../images/icon/icon_yt.svg");
}
/* line 684, ../sass/_base-layout.scss */
.social_media .youtube a:hover, .social_media .youtube a:focus {
  background-image: url("../images/icon/icon_yt_o.svg");
}
/* line 688, ../sass/_base-layout.scss */
.social_media .facebook a {
  background-image: url("../images/icon/icon_fb.svg");
}
/* line 690, ../sass/_base-layout.scss */
.social_media .facebook a:hover, .social_media .facebook a:focus {
  background-image: url("../images/icon/icon_fb_o.svg");
}
/* line 694, ../sass/_base-layout.scss */
.social_media .instagram a {
  background-image: url("../images/icon/icon_ig.svg");
}
/* line 696, ../sass/_base-layout.scss */
.social_media .instagram a:hover, .social_media .instagram a:focus {
  background-image: url("../images/icon/icon_ig_o.svg");
}

/* line 701, ../sass/_base-layout.scss */
.footer_info {
  display: block;
  width: 50%;
  float: left;
  margin-top: 48px;
}
@media screen and (max-width: 1024px) {
  /* line 701, ../sass/_base-layout.scss */
  .footer_info {
    width: 100%;
    float: inherit;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  /* line 701, ../sass/_base-layout.scss */
  .footer_info {
    font-size: 0.9em;
  }
}
/* line 719, ../sass/_base-layout.scss */
.footer_info .footer_info_logo figure.img {
  display: block;
  float: left;
}
/* line 723, ../sass/_base-layout.scss */
.footer_info .footer_info_logo .mark_logo {
  display: block;
  float: left;
}
/* line 726, ../sass/_base-layout.scss */
.footer_info .footer_info_logo .mark_logo .logo {
  width: 169px;
  margin-right: 36px;
}
@media screen and (max-width: 600px) {
  /* line 726, ../sass/_base-layout.scss */
  .footer_info .footer_info_logo .mark_logo .logo {
    max-width: 136px;
  }
}
/* line 735, ../sass/_base-layout.scss */
.footer_info .footer_info_logo .mark_logo .mid {
  display: none;
  width: 160px;
}
@media screen and (max-width: 600px) {
  /* line 735, ../sass/_base-layout.scss */
  .footer_info .footer_info_logo .mark_logo .mid {
    width: 43%;
    max-width: 136px;
  }
}
/* line 744, ../sass/_base-layout.scss */
.footer_info .footer_info_logo .social_media {
  margin-top: 4px;
}
/* line 746, ../sass/_base-layout.scss */
.footer_info .footer_info_logo .social_media a {
  width: 32px;
  height: 32px;
}
/* line 752, ../sass/_base-layout.scss */
.footer_info .footer_info_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  line-height: 1.8em;
  margin: 16px 0;
  padding-left: 6px;
}
@media screen and (max-width: 600px) {
  /* line 752, ../sass/_base-layout.scss */
  .footer_info .footer_info_list {
    padding-left: 0;
  }
}
/* line 763, ../sass/_base-layout.scss */
.footer_info .footer_info_list li {
  flex: 0 0 50%;
  box-sizing: border-box;
  padding: 24px 0;
}
/* line 767, ../sass/_base-layout.scss */
.footer_info .footer_info_list li h3 {
  font-size: 1.25em;
  letter-spacing: 0.1em;
  padding-bottom: 8px;
}
/* line 772, ../sass/_base-layout.scss */
.footer_info .footer_info_list li p {
  letter-spacing: 0.1em;
  font-weight: lighter;
}
/* line 776, ../sass/_base-layout.scss */
.footer_info .footer_info_list li a {
  color: white;
}
/* line 780, ../sass/_base-layout.scss */
.footer_info .footer_info_list li.mail h3 {
  font-size: 1em;
  font-weight: normal;
}
/* line 785, ../sass/_base-layout.scss */
.footer_info .footer_info_list li.location {
  position: relative;
  padding-left: 64px;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 785, ../sass/_base-layout.scss */
  .footer_info .footer_info_list li.location {
    padding-left: 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 785, ../sass/_base-layout.scss */
  .footer_info .footer_info_list li.location {
    padding-left: 24px;
  }
}
/* line 795, ../sass/_base-layout.scss */
.footer_info .footer_info_list li.location::before {
  content: "​";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("../images/icon/icon_location.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 20px;
  left: 33px;
  z-index: 2;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 795, ../sass/_base-layout.scss */
  .footer_info .footer_info_list li.location::before {
    left: -31px;
  }
}
@media screen and (max-width: 600px) {
  /* line 795, ../sass/_base-layout.scss */
  .footer_info .footer_info_list li.location::before {
    top: 18px;
    left: -7px;
  }
}

/* line 820, ../sass/_base-layout.scss */
.footer_info_copyright {
  display: inline-block;
  letter-spacing: 0.1em;
  transform: translateY(-24px);
  float: left;
  clear: both;
  margin-left: 8px;
}
@media screen and (max-width: 1024px) {
  /* line 820, ../sass/_base-layout.scss */
  .footer_info_copyright {
    letter-spacing: 0.1em;
    transform: inherit;
    margin-top: 24px;
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  /* line 820, ../sass/_base-layout.scss */
  .footer_info_copyright {
    font-size: 0.9em;
  }
}

/* line 839, ../sass/_base-layout.scss */
.footer_tabs {
  display: block;
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-left: 48px;
}
@media screen and (max-width: 1024px) {
  /* line 839, ../sass/_base-layout.scss */
  .footer_tabs {
    width: 100%;
    float: inherit;
    clear: both;
    max-width: 612px;
    padding: 0;
    margin: 0 auto;
    display: none;
  }
}
/* line 855, ../sass/_base-layout.scss */
.footer_tabs ul.tabs {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
  max-width: 612px;
}
/* line 865, ../sass/_base-layout.scss */
.footer_tabs ul.tabs li {
  display: block;
  width: 50%;
  float: left;
}
/* line 869, ../sass/_base-layout.scss */
.footer_tabs ul.tabs li a {
  color: white;
  letter-spacing: 0.1em;
  text-align: center;
  display: flex;
  align-items: center;
  height: 64px;
  justify-content: center;
  border-bottom: #9E9E9E solid 8px;
  font-size: 1.25em;
  letter-spacing: 0.1em;
}
/* line 883, ../sass/_base-layout.scss */
.footer_tabs .google_map {
  width: 100%;
  overflow: hidden;
  min-height: 368px;
  background-color: #f1f3f4;
}
/* line 888, ../sass/_base-layout.scss */
.footer_tabs .google_map ul {
  width: 612px;
  height: 0;
  padding-bottom: 20%;
}

/* line 895, ../sass/_base-layout.scss */
.tab_container {
  position: relative;
}
/* line 897, ../sass/_base-layout.scss */
.tab_container li {
  top: 0;
  opacity: 1;
  transition: all 1s;
}
/* line 902, ../sass/_base-layout.scss */
.tab_container li.hide_list {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

/* line 911, ../sass/_base-layout.scss */
.floor {
  display: inline-block;
  width: 50%;
  height: 8px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  transition: all .4s linear;
  background-color: white;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
主視覺
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 931, ../sass/_base-layout.scss */
.swiper-slide {
  width: 100vw;
  height: 100vh;
  transition-property: transform;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 1024px) {
  /* line 931, ../sass/_base-layout.scss */
  .swiper-slide {
    height: 400px !important;
  }
}
@media screen and (max-width: 600px) {
  /* line 931, ../sass/_base-layout.scss */
  .swiper-slide {
    height: 200px !important;
  }
}

/* line 946, ../sass/_base-layout.scss */
.swiper-slide-active, .swiper-slide-duplicate-active {
  opacity: 1;
}

/* line 949, ../sass/_base-layout.scss */
.swiper-button-next-stopplay,
.swiper-button-prev-stopplay,
.swiper-button-next,
.swiper-button-prev {
  display: block;
  position: absolute;
  top: calc(50% - 44px);
  width: 48px;
  height: 48px;
  border-radius: 50px;
  overflow: hidden;
  border: white solid 1px;
  transition: all 0.8s ease-out;
  z-index: 4;
  transform: rotateZ(-90deg);
  opacity: 0.4;
}
/* line 966, ../sass/_base-layout.scss */
.swiper-button-next-stopplay::before,
.swiper-button-prev-stopplay::before,
.swiper-button-next::before,
.swiper-button-prev::before {
  content: "​";
  display: block;
  width: 48px;
  height: 48px;
  background-image: url(../images/icon/scroll_arrow.svg);
  background-size: 60%;
  background-position: 42% 40%;
  background-repeat: no-repeat;
  filter: brightness(0);
}
/* line 977, ../sass/_base-layout.scss */
.swiper-button-next-stopplay:hover, .swiper-button-next-stopplay:focus,
.swiper-button-prev-stopplay:hover,
.swiper-button-prev-stopplay:focus,
.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus {
  opacity: 1;
  background-color: black;
}
/* line 980, ../sass/_base-layout.scss */
.swiper-button-next-stopplay:hover::before, .swiper-button-next-stopplay:focus::before,
.swiper-button-prev-stopplay:hover::before,
.swiper-button-prev-stopplay:focus::before,
.swiper-button-next:hover::before,
.swiper-button-next:focus::before,
.swiper-button-prev:hover::before,
.swiper-button-prev:focus::before {
  filter: brightness(100);
}
@media screen and (max-width: 1024px) {
  /* line 949, ../sass/_base-layout.scss */
  .swiper-button-next-stopplay,
  .swiper-button-prev-stopplay,
  .swiper-button-next,
  .swiper-button-prev {
    top: 50%;
    width: 32px;
    height: 32px;
  }
  /* line 988, ../sass/_base-layout.scss */
  .swiper-button-next-stopplay::before,
  .swiper-button-prev-stopplay::before,
  .swiper-button-next::before,
  .swiper-button-prev::before {
    width: 32px;
    height: 32px;
  }
}

/* line 994, ../sass/_base-layout.scss */
.swiper-button-next-stopplay,
.swiper-button-prev-stopplay {
  top: auto;
  width: 32px;
  height: 32px;
  right: 16px;
  border-color: black;
}
/* line 1001, ../sass/_base-layout.scss */
.swiper-button-next-stopplay::before,
.swiper-button-prev-stopplay::before {
  width: 32px;
  height: 32px;
}

/* line 1006, ../sass/_base-layout.scss */
.swiper-button-next-stopplay {
  right: 0px;
}

/* line 1009, ../sass/_base-layout.scss */
.swiper-button-prev-stopplay {
  right: 48px;
}

/* line 1012, ../sass/_base-layout.scss */
.swiper-button-prev-stopplay,
.swiper-button-prev {
  transform: rotateZ(90deg);
}

/* line 1016, ../sass/_base-layout.scss */
.swiper-pagination-stopplay {
  bottom: 0;
  right: 176px;
  position: absolute;
  font-size: 1.5em;
  letter-spacing: 0.05em;
  font-size: 1.25em;
  letter-spacing: 0.01em;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  /* line 1016, ../sass/_base-layout.scss */
  .swiper-pagination-stopplay {
    font-size: 1.25em;
  }
}
/* line 1028, ../sass/_base-layout.scss */
.swiper-pagination-stopplay::before {
  content: "Work Page.";
}
/* line 1031, ../sass/_base-layout.scss */
.swiper-pagination-stopplay::after {
  content: " / 03";
  transform: translateX(65px);
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* line 1040, ../sass/_base-layout.scss */
.swiper-pagination {
  bottom: 24px;
}

/* line 1043, ../sass/_base-layout.scss */
.swiper-pagination-bullets {
  top: auto !important;
  transition: all 1s ease-out;
  border-radius: 10px !important;
}
@media screen and (max-width: 800px) and (min-width: 1px) {
  /* line 1043, ../sass/_base-layout.scss */
  .swiper-pagination-bullets {
    bottom: 90px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1043, ../sass/_base-layout.scss */
  .swiper-pagination-bullets {
    bottom: 4px;
  }
}

/* line 1056, ../sass/_base-layout.scss */
.swiper-pagination-bullet:hover, .swiper-pagination-bullet:focus {
  background-color: black;
}

/* line 1060, ../sass/_base-layout.scss */
.swiper-pagination-bullet-active {
  width: 32px;
  background-color: black !important;
}

/* line 1065, ../sass/_base-layout.scss */
#social_media_fixed {
  position: absolute;
  right: 40px;
  top: 50%;
  z-index: 6;
  transform: translateY(-50%);
}
@media screen and (max-width: 1500px) and (min-width: 1px) {
  /* line 1065, ../sass/_base-layout.scss */
  #social_media_fixed {
    right: 8px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1065, ../sass/_base-layout.scss */
  #social_media_fixed {
    display: none;
  }
}
/* line 1077, ../sass/_base-layout.scss */
#social_media_fixed.fixed {
  position: fixed;
}
/* line 1081, ../sass/_base-layout.scss */
#social_media_fixed.white .social_media::before {
  background-color: white;
}
/* line 1084, ../sass/_base-layout.scss */
#social_media_fixed.white .social_media a {
  filter: brightness(100) !important;
}
/* line 1088, ../sass/_base-layout.scss */
#social_media_fixed .social_media {
  margin: 0;
  display: flex;
  flex-direction: column;
  z-index: 6;
  padding-top: 140px;
  border-radius: 4px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 1102, ../sass/_base-layout.scss */
.scroll {
  position: absolute;
  z-index: 2;
  bottom: 32px;
  left: 0;
  right: 0;
  color: white;
  letter-spacing: 0.05em;
  padding-top: 28px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  /* line 1102, ../sass/_base-layout.scss */
  .scroll {
    bottom: 24px;
    font-size: 0.9em;
  }
}
@media screen and (max-width: 600px) {
  /* line 1102, ../sass/_base-layout.scss */
  .scroll {
    font-size: 0.8em;
  }
}
/* line 1120, ../sass/_base-layout.scss */
.scroll::before {
  content: "​";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-image: url("../images/icon/scroll_arrow.svg");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
  width: 24px;
  height: 24px;
  top: 0;
  margin: 0 auto;
  text-align: center;
  animation: goup 600ms infinite linear;
}
@media screen and (max-width: 1024px) {
  /* line 1120, ../sass/_base-layout.scss */
  .scroll::before {
    width: 16px;
    height: 16px;
    top: 8px;
  }
}
/* line 1143, ../sass/_base-layout.scss */
.scroll span {
  display: block;
  font-size: 1.25em;
  margin-top: 4px;
}
@media screen and (max-width: 1024px) {
  /* line 1143, ../sass/_base-layout.scss */
  .scroll span {
    font-size: 1em;
  }
}
@media screen and (max-width: 600px) {
  /* line 1143, ../sass/_base-layout.scss */
  .scroll span {
    font-size: 1.1em;
  }
}

@keyframes goup {
  0% {
    transform: translateY(-4px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(-4px);
  }
}
/* line 1169, ../sass/_base-layout.scss */
.btn {
  border-radius: 50px;
  display: block;
  overflow: hidden;
  transition: all 1s ease-out;
}
/* line 1174, ../sass/_base-layout.scss */
.btn span {
  display: block;
  font-size: 1.25em;
  letter-spacing: 0.1em;
  padding: 8px 24px;
  font-weight: bold;
  padding-right: 80px;
  position: relative;
}
/* line 1183, ../sass/_base-layout.scss */
.btn span::before {
  content: "​";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../images/icon/scroll_arrow.svg");
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
/* line 1197, ../sass/_base-layout.scss */
.btn span::after {
  content: "​";
  display: block;
  height: 2px;
  width: 48px;
  background-color: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 23px;
  border-radius: 50px;
}
@media screen and (max-width: 1024px) {
  /* line 1174, ../sass/_base-layout.scss */
  .btn span {
    font-size: 1em;
    padding-right: 64px;
  }
  /* line 1213, ../sass/_base-layout.scss */
  .btn span::before {
    width: 20px;
    height: 20px;
  }
  /* line 1217, ../sass/_base-layout.scss */
  .btn span::after {
    width: 32px;
    right: 21px;
  }
}
/* line 1223, ../sass/_base-layout.scss */
.btn.btn_dark {
  color: white;
  background-color: black;
}
/* line 1226, ../sass/_base-layout.scss */
.btn.btn_dark:hover, .btn.btn_dark:focus {
  color: black;
  background-color: white;
}
/* line 1230, ../sass/_base-layout.scss */
.btn.btn_dark:hover span::before, .btn.btn_dark:focus span::before {
  filter: brightness(100);
  animation: next2 600ms infinite linear;
}
/* line 1234, ../sass/_base-layout.scss */
.btn.btn_dark:hover span::after, .btn.btn_dark:focus span::after {
  background-color: white;
  animation: next 600ms infinite linear;
}
/* line 1245, ../sass/_base-layout.scss */
.btn.btn_light {
  color: black;
  background-color: white;
}
/* line 1249, ../sass/_base-layout.scss */
.btn.btn_light span::before {
  filter: brightness(0);
}
/* line 1252, ../sass/_base-layout.scss */
.btn.btn_light span::after {
  background-color: black;
}
/* line 1256, ../sass/_base-layout.scss */
.btn.btn_light:hover, .btn.btn_light:focus {
  color: white;
  background-color: black;
}
/* line 1260, ../sass/_base-layout.scss */
.btn.btn_light:hover span::before, .btn.btn_light:focus span::before {
  filter: brightness(100);
  animation: next2 600ms infinite linear;
}
/* line 1264, ../sass/_base-layout.scss */
.btn.btn_light:hover span::after, .btn.btn_light:focus span::after {
  background-color: white;
  animation: next 600ms infinite linear;
}

@keyframes next {
  0% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(-2px);
  }
}
@keyframes next2 {
  0% {
    transform: translateX(-2px) translateY(-50%) rotate(-90deg);
  }
  50% {
    transform: translateX(2px) translateY(-50%) rotate(-90deg);
  }
  100% {
    transform: translateX(-2px) translateY(-50%) rotate(-90deg);
  }
}
/* line 1, ../sass/_fancybox.scss */
body.compensate-for-scrollbar {
  overflow: hidden;
}

/* line 5, ../sass/_fancybox.scss */
.fancybox-active {
  height: auto;
}

/* line 9, ../sass/_fancybox.scss */
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

/* line 17, ../sass/_fancybox.scss */
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

/* line 32, ../sass/_fancybox.scss */
.fancybox-container * {
  box-sizing: border-box;
  width: 100%;
}

/* line 37, ../sass/_fancybox.scss */
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 48, ../sass/_fancybox.scss */
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

/* line 53, ../sass/_fancybox.scss */
.fancybox-bg {
  background: rgba(0, 0, 0, 0.6);
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

/* line 63, ../sass/_fancybox.scss */
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* line 68, ../sass/_fancybox.scss */
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}

/* line 80, ../sass/_fancybox.scss */
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

/* line 89, ../sass/_fancybox.scss */
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: auto;
  bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 109, ../sass/_fancybox.scss */
.fancybox-toolbar {
  right: 0;
  top: 0;
}

/* line 114, ../sass/_fancybox.scss */
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

/* line 121, ../sass/_fancybox.scss */
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

/* line 125, ../sass/_fancybox.scss */
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

/* line 145, ../sass/_fancybox.scss */
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

/* line 154, ../sass/_fancybox.scss */
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
  overflow: visible;
}

/* line 162, ../sass/_fancybox.scss */
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

/* line 167, ../sass/_fancybox.scss */
.fancybox-slide--image::before {
  display: none;
}

/* line 171, ../sass/_fancybox.scss */
.fancybox-slide--html {
  padding: 6px;
}

/* line 175, ../sass/_fancybox.scss */
.fancybox-content {
  text-align: center;
  display: inline-block;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  vertical-align: middle;
  max-width: 800px;
  padding: 24px;
}
/* line 191, ../sass/_fancybox.scss */
.fancybox-content figure {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
/* line 197, ../sass/_fancybox.scss */
.fancybox-content figure img {
  margin: 0 auto;
  display: block;
}
/* line 202, ../sass/_fancybox.scss */
.fancybox-content figure .video-container {
  max-width: 800px;
  margin: 0 auto;
}
/* line 206, ../sass/_fancybox.scss */
.fancybox-content figure figcaption {
  position: absolute;
  right: 0;
  z-index: 2;
  bottom: 10%;
  background-color: #FFF;
  width: 40%;
  padding: 24px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px;
}
@media screen and (max-width: 1432px) and (min-width: 1025px) {
  /* line 206, ../sass/_fancybox.scss */
  .fancybox-content figure figcaption {
    position: relative;
    width: 100%;
  }
}
/* line 219, ../sass/_fancybox.scss */
.fancybox-content figure figcaption h4 {
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: bold;
  color: #333;
  padding-bottom: 24px;
}
/* line 226, ../sass/_fancybox.scss */
.fancybox-content figure figcaption p {
  font-size: 1.25em;
  line-height: 1.4em;
  font-weight: normal;
}

/* line 235, ../sass/_fancybox.scss */
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

/* line 257, ../sass/_fancybox.scss */
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

/* line 261, ../sass/_fancybox.scss */
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

/* line 265, ../sass/_fancybox.scss */
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 271, ../sass/_fancybox.scss */
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* line 276, ../sass/_fancybox.scss */
.fancybox-container [data-selectable='true'] {
  cursor: text;
}

/* line 280, ../sass/_fancybox.scss */
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  /* left: -50%; */
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

/* line 300, ../sass/_fancybox.scss */
.fancybox-spaceball {
  z-index: 1;
}

/* line 304, ../sass/_fancybox.scss */
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

/* line 314, ../sass/_fancybox.scss */
.fancybox-slide--video .fancybox-content {
  background: #000;
}

/* line 318, ../sass/_fancybox.scss */
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

/* line 322, ../sass/_fancybox.scss */
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

/* line 326, ../sass/_fancybox.scss */
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
/* line 339, ../sass/_fancybox.scss */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

/* line 345, ../sass/_fancybox.scss */
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

/* line 353, ../sass/_fancybox.scss */
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */
/* line 363, ../sass/_fancybox.scss */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

/* line 380, ../sass/_fancybox.scss */
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

/* line 386, ../sass/_fancybox.scss */
.fancybox-button:hover {
  color: #fff;
}

/* line 390, ../sass/_fancybox.scss */
.fancybox-button:focus {
  outline: none;
}

/* line 394, ../sass/_fancybox.scss */
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

/* line 398, ../sass/_fancybox.scss */
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
/* line 406, ../sass/_fancybox.scss */
.fancybox-button div {
  height: 100%;
}

/* line 410, ../sass/_fancybox.scss */
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
  color: #FFF;
}
@media screen and (max-width: 1432px) and (min-width: 1025px) {
  /* line 410, ../sass/_fancybox.scss */
  .fancybox-button svg {
    transform: skewY(0);
  }
}

/* line 423, ../sass/_fancybox.scss */
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

/* line 428, ../sass/_fancybox.scss */
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

/* line 433, ../sass/_fancybox.scss */
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

/* line 438, ../sass/_fancybox.scss */
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
/* line 456, ../sass/_fancybox.scss */
.fancybox-close-small {
  border: 0;
  border-radius: 0;
  cursor: pointer;
  opacity: 1;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
  transform-origin: left;
  top: 48px !important;
  border-radius: 100px;
  background: #F9C270;
}

/* line 475, ../sass/_fancybox.scss */
.fancybox-close-small:hover {
  background: #ffd597;
  opacity: 1;
}

/* line 481, ../sass/_fancybox.scss */
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0px;
  top: 0px !important;
}

/* line 488, ../sass/_fancybox.scss */
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

/* line 492, ../sass/_fancybox.scss */
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
/* line 499, ../sass/_fancybox.scss */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

/* line 508, ../sass/_fancybox.scss */
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

/* line 512, ../sass/_fancybox.scss */
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

/* line 518, ../sass/_fancybox.scss */
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
/* line 526, ../sass/_fancybox.scss */
.fancybox-caption {
  bottom: 0;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  /* text-align: center; */
  z-index: 99996;
}

/* line 539, ../sass/_fancybox.scss */
.fancybox-caption--separate {
  margin-top: -50px;
}

/* line 543, ../sass/_fancybox.scss */
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
  font-size: 1.25em;
  width: 40%;
  float: right;
  background-color: #FFF;
  padding: 24px;
  text-align: left;
}

/* line 554, ../sass/_fancybox.scss */
.fancybox-caption__body h4 {
  font-size: 1.6em;
  line-height: 1.3em;
  font-weight: bold;
  color: #333;
}

/* line 560, ../sass/_fancybox.scss */
.fancybox-caption__body p {
  font-size: 1.25em;
}

/* line 569, ../sass/_fancybox.scss */
.fancybox-caption a:hover {
  text-decoration: underline;
}

/* Loading indicator */
/* line 575, ../sass/_fancybox.scss */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
/* line 600, ../sass/_fancybox.scss */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
/* line 606, ../sass/_fancybox.scss */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

/* line 611, ../sass/_fancybox.scss */
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

/* line 616, ../sass/_fancybox.scss */
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
/* line 623, ../sass/_fancybox.scss */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 629, ../sass/_fancybox.scss */
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
/* line 635, ../sass/_fancybox.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

/* line 640, ../sass/_fancybox.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

/* line 645, ../sass/_fancybox.scss */
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
/* line 652, ../sass/_fancybox.scss */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

/* line 658, ../sass/_fancybox.scss */
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* line 664, ../sass/_fancybox.scss */
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */
/* line 672, ../sass/_fancybox.scss */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

/* line 677, ../sass/_fancybox.scss */
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

/* line 682, ../sass/_fancybox.scss */
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
/* line 689, ../sass/_fancybox.scss */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

/* line 693, ../sass/_fancybox.scss */
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

/* line 697, ../sass/_fancybox.scss */
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  /* line 703, ../sass/_fancybox.scss */
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }

  /* line 708, ../sass/_fancybox.scss */
  .fancybox-slide--image {
    padding: 6px 0;
  }

  /* line 712, ../sass/_fancybox.scss */
  .fancybox-close-small {
    right: -6px;
  }

  /* line 716, ../sass/_fancybox.scss */
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }

  /* line 727, ../sass/_fancybox.scss */
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
}
/* Share */
/* line 734, ../sass/_fancybox.scss */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

/* line 742, ../sass/_fancybox.scss */
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}

/* line 749, ../sass/_fancybox.scss */
.fancybox-share p {
  margin: 0;
  padding: 0;
}

/* line 754, ../sass/_fancybox.scss */
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

/* line 773, ../sass/_fancybox.scss */
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

/* line 778, ../sass/_fancybox.scss */
.fancybox-share__button:hover {
  text-decoration: none;
}

/* line 782, ../sass/_fancybox.scss */
.fancybox-share__button--fb {
  background: #3b5998;
}

/* line 786, ../sass/_fancybox.scss */
.fancybox-share__button--fb:hover {
  background: #344e86;
}

/* line 790, ../sass/_fancybox.scss */
.fancybox-share__button--pt {
  background: #bd081d;
}

/* line 794, ../sass/_fancybox.scss */
.fancybox-share__button--pt:hover {
  background: #aa0719;
}

/* line 798, ../sass/_fancybox.scss */
.fancybox-share__button--tw {
  background: #1da1f2;
}

/* line 802, ../sass/_fancybox.scss */
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

/* line 806, ../sass/_fancybox.scss */
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

/* line 815, ../sass/_fancybox.scss */
.fancybox-share__button svg path {
  fill: #fff;
}

/* line 819, ../sass/_fancybox.scss */
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

/* Thumbs */
/* line 833, ../sass/_fancybox.scss */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995;
}

/* line 849, ../sass/_fancybox.scss */
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

/* line 854, ../sass/_fancybox.scss */
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

/* line 857, ../sass/_fancybox.scss */
.fancybox-inner {
  /* background-color: rgba(255,255,255,0.8); */
}

/* line 860, ../sass/_fancybox.scss */
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

/* line 864, ../sass/_fancybox.scss */
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

/* line 878, ../sass/_fancybox.scss */
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

/* line 882, ../sass/_fancybox.scss */
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

/* line 886, ../sass/_fancybox.scss */
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

/* line 892, ../sass/_fancybox.scss */
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

/* line 897, ../sass/_fancybox.scss */
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

/* line 918, ../sass/_fancybox.scss */
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

/* line 931, ../sass/_fancybox.scss */
.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}

/* line 935, ../sass/_fancybox.scss */
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  /* line 941, ../sass/_fancybox.scss */
  .fancybox-thumbs {
    width: 110px;
  }

  /* line 945, ../sass/_fancybox.scss */
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }

  /* line 949, ../sass/_fancybox.scss */
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
/* line 953, ../sass/_fancybox.scss */
a.btn_html,
a.btn_lightbox {
  position: relative;
}
/* line 956, ../sass/_fancybox.scss */
a.btn_html > span,
a.btn_lightbox > span {
  opacity: 0;
  display: block;
  position: absolute;
  z-index: 5;
  font-size: 1em;
  height: 100%;
  width: 100%;
  background-color: #333;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: scale(0.6);
  transition: all 1s ease-out;
}
/* line 975, ../sass/_fancybox.scss */
a.btn_html > span > b,
a.btn_lightbox > span > b {
  width: 80%;
}
/* line 976, ../sass/_fancybox.scss */
a.btn_html > span > b i,
a.btn_lightbox > span > b i {
  transform: translateY(6px);
  display: inline-block;
}
/* line 985, ../sass/_fancybox.scss */
a.btn_html:hover span,
a.btn_lightbox:hover span {
  opacity: 0.8;
  transform: scale(1);
}
/* line 988, ../sass/_fancybox.scss */
a.btn_html:hover span > b,
a.btn_lightbox:hover span > b {
  transform: scale(1);
}

@media screen and (max-width: 1432px) and (min-width: 1025px) {
  /* line 995, ../sass/_fancybox.scss */
  .crystals_list a.btn_lightbox > span > b {
    transform: skewY(0);
  }
}

/* line 1004, ../sass/_fancybox.scss */
.animated-modal {
  transform: translateY(-50px);
  transition: all .7s;
}
/* line 1011, ../sass/_fancybox.scss */
.animated-modal img {
  max-height: 90vh;
  max-width: 80vw;
}
@media screen and (max-width: 1432px) and (min-width: 1025px) {
  /* line 1011, ../sass/_fancybox.scss */
  .animated-modal img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
/* line 1020, ../sass/_fancybox.scss */
.animated-modal figcaption,
.animated-modal h4,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: .4s;
}
/* line 1028, ../sass/_fancybox.scss */
.animated-modal figcaption i,
.animated-modal h4 i,
.animated-modal p i {
  transform: translateY(6px);
  display: inline-block;
}
/* line 1033, ../sass/_fancybox.scss */
.animated-modal figcaption ul li,
.animated-modal h4 ul li,
.animated-modal p ul li {
  line-height: 1.6em;
  padding-left: 14px;
  position: relative;
}
/* line 1037, ../sass/_fancybox.scss */
.animated-modal figcaption ul li::after,
.animated-modal h4 ul li::after,
.animated-modal p ul li::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 2px;
  z-index: 2;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #F5A623;
}

/* Final state */
/* line 1058, ../sass/_fancybox.scss */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal figcaption,
.fancybox-slide--current .animated-modal h4,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
/* line 1067, ../sass/_fancybox.scss */
.fancybox-slide--current .animated-modal h4 {
  transition-delay: .2s;
}

/* line 1071, ../sass/_fancybox.scss */
.fancybox-slide--current .animated-modal p {
  transition-delay: .4s;
}

/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
/* line 13, ../sass/_jq-swiper.scss */
:root {
  --swiper-theme-color: #007aff;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  transition-property: transform;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-3d {
  perspective: 1200px;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/* line 13, ../sass/_jq-swiper.scss */
:root {
  --swiper-navigation-size: 44px;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-button-lock {
  display: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  left: 0;
  width: 100%;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100px;
  background: #E1E1E1;
}

/* line 13, ../sass/_jq-swiper.scss */
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-pagination-lock {
  display: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-scrollbar-lock {
  display: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-slide-zoomed {
  cursor: move;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* line 13, ../sass/_jq-swiper.scss */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube {
  overflow: visible;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-flip {
  overflow: visible;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, ../sass/_jq-swiper.scss */
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 2, ../sass/_index.scss */
.block_index1 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(1) a .img::before {
  background-image: url("../images/icon/service_process_tab1.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide1 {
  background-image: url("../images/index/main_slice1.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index2 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(2) a .img::before {
  background-image: url("../images/icon/service_process_tab2.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide2 {
  background-image: url("../images/index/main_slice2.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index3 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(3) a .img::before {
  background-image: url("../images/icon/service_process_tab3.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide3 {
  background-image: url("../images/index/main_slice3.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index4 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(4) a .img::before {
  background-image: url("../images/icon/service_process_tab4.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide4 {
  background-image: url("../images/index/main_slice4.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index5 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(5) a .img::before {
  background-image: url("../images/icon/service_process_tab5.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide5 {
  background-image: url("../images/index/main_slice5.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index6 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(6) a .img::before {
  background-image: url("../images/icon/service_process_tab6.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide6 {
  background-image: url("../images/index/main_slice6.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index7 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(7) a .img::before {
  background-image: url("../images/icon/service_process_tab7.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide7 {
  background-image: url("../images/index/main_slice7.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index8 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(8) a .img::before {
  background-image: url("../images/icon/service_process_tab8.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide8 {
  background-image: url("../images/index/main_slice8.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index9 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(9) a .img::before {
  background-image: url("../images/icon/service_process_tab9.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide9 {
  background-image: url("../images/index/main_slice9.jpg");
}

/* line 2, ../sass/_index.scss */
.block_index10 {
  clear: both;
}

/* line 6, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(10) a .img::before {
  background-image: url("../images/icon/service_process_tab10.svg");
}

/* line 10, ../sass/_index.scss */
.block_index1 .swiper-slide10 {
  background-image: url("../images/index/main_slice10.jpg");
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_index1{ 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 17, ../sass/_index.scss */
.block_banner {
  position: relative;
}
/* line 19, ../sass/_index.scss */
.block_banner article {
  position: absolute;
  z-index: 2;
  top: 50%;
  color: white;
  text-align: center;
  width: 100%;
  padding: 0 64px;
  transform: translateY(-25%);
}
/* line 28, ../sass/_index.scss */
.block_banner article .h2, .block_banner article h2 {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 1em;
  max-width: 1308px;
  transform: translateY(-50%);
  padding: 0;
}
/* line 38, ../sass/_index.scss */
.block_banner article .h2 span, .block_banner article h2 span {
  display: block;
  padding: 8px 0;
  margin: 0 auto;
}
/* line 42, ../sass/_index.scss */
.block_banner article .h2 span.zh, .block_banner article h2 span.zh {
  font-size: 2.5em;
  font-weight: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  /* line 42, ../sass/_index.scss */
  .block_banner article .h2 span.zh, .block_banner article h2 span.zh {
    font-size: 2em;
  }
}
@media screen and (max-width: 600px) {
  /* line 42, ../sass/_index.scss */
  .block_banner article .h2 span.zh, .block_banner article h2 span.zh {
    font-size: 1.25em;
    padding: 2px 0;
  }
}
/* line 54, ../sass/_index.scss */
.block_banner article .h2 span.en, .block_banner article h2 span.en {
  font-size: 1.5em;
  font-weight: normal;
  letter-spacing: 0.1em;
  font-family: system-ui;
}
@media screen and (max-width: 1024px) {
  /* line 54, ../sass/_index.scss */
  .block_banner article .h2 span.en, .block_banner article h2 span.en {
    font-size: 1em;
  }
}
@media screen and (max-width: 600px) {
  /* line 54, ../sass/_index.scss */
  .block_banner article .h2 span.en, .block_banner article h2 span.en {
    font-size: 0.9em;
    padding: 2px 0;
  }
}
/* line 72, ../sass/_index.scss */
.block_banner.block_reservation1 article {
  top: auto;
  bottom: 0;
  transform: none;
  padding: 0 24px;
}
/* line 77, ../sass/_index.scss */
.block_banner.block_reservation1 article h2 {
  text-align: left;
}
@media screen and (max-width: 600px) {
  /* line 77, ../sass/_index.scss */
  .block_banner.block_reservation1 article h2 {
    transform: none;
    margin-bottom: 24px;
  }
}

/* line 87, ../sass/_index.scss */
.block_index1 {
  min-height: 100vh;
}
@media screen and (max-width: 1432px) {
  /* line 87, ../sass/_index.scss */
  .block_index1 {
    min-height: auto;
  }
}
/* line 92, ../sass/_index.scss */
.block_index1 .swiper-wrapper_index {
  height: 100%;
  min-height: 100vh;
}
@media screen and (max-width: 1432px) {
  /* line 92, ../sass/_index.scss */
  .block_index1 .swiper-wrapper_index {
    min-height: auto;
  }
}
/* line 99, ../sass/_index.scss */
.block_index1 .swiper-slide {
  height: 100vh !important;
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/_index.scss */
  .block_index1 .swiper-slide {
    height: 400px !important;
  }
}
/* line 107, ../sass/_index.scss */
.block_index1 .swiper-button-prev::before,
.block_index1 .swiper-button-next::before {
  filter: brightness(100);
}
/* line 111, ../sass/_index.scss */
.block_index1 .swiper-button-prev {
  left: 16px;
}
/* line 114, ../sass/_index.scss */
.block_index1 .swiper-button-next {
  right: 16px;
}
/* line 117, ../sass/_index.scss */
.block_index1 .swiper-pagination {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: 96px;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 16px 48px;
  border-radius: 50px !important;
  text-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  /* line 117, ../sass/_index.scss */
  .block_index1 .swiper-pagination {
    padding: 8px 24px;
    font-size: 0.9em;
    bottom: 64px;
  }
}
/* line 133, ../sass/_index.scss */
.block_index1 .swiper-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  color: white;
  background-color: transparent !important;
  opacity: 0.8;
  padding: 0 8px;
  letter-spacing: 0.05em;
}
/* line 141, ../sass/_index.scss */
.block_index1 .swiper-pagination .swiper-pagination-bullet:nth-child(1)::before {
  content: "老屋翻新";
}
/* line 144, ../sass/_index.scss */
.block_index1 .swiper-pagination .swiper-pagination-bullet:nth-child(2)::before {
  content: "新成屋設計";
}
/* line 147, ../sass/_index.scss */
.block_index1 .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before {
  content: "透天改造";
}
/* line 150, ../sass/_index.scss */
.block_index1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  font-weight: bold;
}
/* line 154, ../sass/_index.scss */
.block_index1 .swiper-pagination .swiper-pagination-bullet:hover, .block_index1 .swiper-pagination .swiper-pagination-bullet:focus {
  opacity: 1;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_index2 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 163, ../sass/_index.scss */
.block_index2 {
  position: relative;
  background-size: cover;
  min-height: 100vh;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1432px) {
  /* line 163, ../sass/_index.scss */
  .block_index2 {
    min-height: auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 163, ../sass/_index.scss */
  .block_index2 {
    min-height: auto;
    padding-top: 0px;
  }
}
/* line 180, ../sass/_index.scss */
.block_index2 .social_media::before {
  content: "​";
}
/* line 183, ../sass/_index.scss */
.block_index2 .social_media a {
  filter: brightness(0);
}
/* line 186, ../sass/_index.scss */
.block_index2 .social_media .form a {
  background-image: url("../images/icon/icon_say_o.svg");
}
/* line 188, ../sass/_index.scss */
.block_index2 .social_media .form a:hover, .block_index2 .social_media .form a:focus {
  background-image: url("../images/icon/icon_say.svg");
}
/* line 192, ../sass/_index.scss */
.block_index2 .social_media .youtube a {
  background-image: url("../images/icon/icon_yt_o.svg");
}
/* line 194, ../sass/_index.scss */
.block_index2 .social_media .youtube a:hover, .block_index2 .social_media .youtube a:focus {
  background-image: url("../images/icon/icon_yt.svg");
}
/* line 198, ../sass/_index.scss */
.block_index2 .social_media .facebook a {
  background-image: url("../images/icon/icon_fb_o.svg");
}
/* line 200, ../sass/_index.scss */
.block_index2 .social_media .facebook a:hover, .block_index2 .social_media .facebook a:focus {
  background-image: url("../images/icon/icon_fb.svg");
}
/* line 204, ../sass/_index.scss */
.block_index2 .social_media .instagram a {
  background-image: url("../images/icon/icon_ig_o.svg");
}
/* line 206, ../sass/_index.scss */
.block_index2 .social_media .instagram a:hover, .block_index2 .social_media .instagram a:focus {
  background-image: url("../images/icon/icon_ig.svg");
}
/* line 211, ../sass/_index.scss */
.block_index2 .scroll {
  color: black;
  position: relative;
  padding-bottom: 0;
  z-index: 3;
  text-align: center;
  display: block;
  bottom: 64px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 211, ../sass/_index.scss */
  .block_index2 .scroll {
    bottom: 40px;
  }
}
/* line 223, ../sass/_index.scss */
.block_index2 .scroll::before {
  filter: brightness(0);
  opacity: 0.2;
}
/* line 230, ../sass/_index.scss */
.block_index2 figure.img {
  display: inline-block;
}
/* line 233, ../sass/_index.scss */
.block_index2 .center {
  max-width: 1432px;
  display: flex;
  align-items: center;
  height: 100vh;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 233, ../sass/_index.scss */
  .block_index2 .center {
    height: auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 233, ../sass/_index.scss */
  .block_index2 .center {
    display: block;
    height: auto;
    padding-right: 32px;
  }
}
/* line 251, ../sass/_index.scss */
.block_index2 .center .block_index2_img {
  max-width: 786px;
  width: calc(100% - 500px);
  float: left;
  background-color: #D8D6CE;
  border-radius: 0 16px 16px 0;
  padding: 104px 0;
  position: relative;
  padding-right: 24px;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 251, ../sass/_index.scss */
  .block_index2 .center .block_index2_img {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 251, ../sass/_index.scss */
  .block_index2 .center .block_index2_img {
    width: 100%;
    float: inherit;
    max-width: 100%;
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
/* line 270, ../sass/_index.scss */
.block_index2 .center .block_index2_img::before {
  content: "​";
  position: absolute;
  background-color: #D8D6CE;
  height: 100%;
  width: 40vw;
  top: 0;
  left: -40vw;
}
/* line 282, ../sass/_index.scss */
.block_index2 .center .block_index2_img figure {
  width: 50%;
  float: left;
}
/* line 286, ../sass/_index.scss */
.block_index2 .center .block_index2_img .img1 {
  transform: translateY(32px);
  transition: all 1s ease-out;
}
/* line 290, ../sass/_index.scss */
.block_index2 .center .block_index2_img .img2 {
  transform: translateY(-32px);
  transition-delay: .8s;
  transition: all 1s ease-out;
}
/* line 295, ../sass/_index.scss */
.block_index2 .center .block_index2_img img {
  width: 100%;
  max-width: 368px;
  padding: 24px;
}
@media screen and (max-width: 1200px) and (min-width: 1px) {
  /* line 295, ../sass/_index.scss */
  .block_index2 .center .block_index2_img img {
    padding: 8px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 295, ../sass/_index.scss */
  .block_index2 .center .block_index2_img img {
    padding: 24px;
  }
}
@media screen and (max-width: 600px) {
  /* line 295, ../sass/_index.scss */
  .block_index2 .center .block_index2_img img {
    padding: 8px;
  }
}
/* line 310, ../sass/_index.scss */
.block_index2 .center article {
  width: 556px;
  float: left;
  padding-left: 56px;
  box-sizing: border-box;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1200px) and (min-width: 1px) {
  /* line 310, ../sass/_index.scss */
  .block_index2 .center article {
    padding-left: 26px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 310, ../sass/_index.scss */
  .block_index2 .center article {
    width: 100%;
    float: inherit;
    padding: 24px 0 48px 8px;
  }
}
/* line 326, ../sass/_index.scss */
.block_index2 .center article h2 {
  font-size: 1em;
  margin-bottom: 64px;
}
@media screen and (max-width: 1024px) {
  /* line 326, ../sass/_index.scss */
  .block_index2 .center article h2 {
    margin-bottom: 24px;
  }
}
/* line 332, ../sass/_index.scss */
.block_index2 .center article h2 span {
  display: block;
}
/* line 335, ../sass/_index.scss */
.block_index2 .center article h2 .zh {
  font-size: 2.25em;
  letter-spacing: 0.1em;
  margin-bottom: 13px;
}
@media screen and (max-width: 1024px) {
  /* line 335, ../sass/_index.scss */
  .block_index2 .center article h2 .zh {
    font-size: 2em;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 600px) {
  /* line 335, ../sass/_index.scss */
  .block_index2 .center article h2 .zh {
    font-size: 1.25em;
  }
}
/* line 347, ../sass/_index.scss */
.block_index2 .center article h2 .en {
  font-size: 1.25em;
  letter-spacing: 0.1em;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  /* line 347, ../sass/_index.scss */
  .block_index2 .center article h2 .en {
    font-size: 1em;
    letter-spacing: 0.05em;
  }
}
/* line 357, ../sass/_index.scss */
.block_index2 .center article p {
  font-size: 1em;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  /* line 357, ../sass/_index.scss */
  .block_index2 .center article p {
    font-size: 0.9em;
    line-height: 1.6em;
    letter-spacing: 0em;
  }
}
/* line 366, ../sass/_index.scss */
.block_index2 .center article p span {
  display: block;
}
@media screen and (max-width: 1024px) {
  /* line 366, ../sass/_index.scss */
  .block_index2 .center article p span {
    display: inline-block;
  }
}
/* line 376, ../sass/_index.scss */
.block_index2.ready-animate .center article {
  transform: translateY(50%);
  opacity: 0.5;
  filter: blur(20px);
}
/* line 382, ../sass/_index.scss */
.block_index2.ready-animate .block_index2_img .img1 {
  transform: translateY(100%) scale(1.5);
  opacity: 0;
}
/* line 386, ../sass/_index.scss */
.block_index2.ready-animate .block_index2_img .img2 {
  transform: translateY(100%) scale(1.2);
  opacity: 0;
}
/* line 391, ../sass/_index.scss */
.block_index2.ready-animate .scroll {
  transform: translateY(-100%);
  filter: blur(20px);
  opacity: 0.9;
}
/* line 398, ../sass/_index.scss */
.block_index2.run-animate .center article {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
/* line 404, ../sass/_index.scss */
.block_index2.run-animate .block_index2_img .img1 {
  transform: translateY(32px) scale(1);
  opacity: 1;
}
/* line 408, ../sass/_index.scss */
.block_index2.run-animate .block_index2_img .img2 {
  transform: translateY(-32px) scale(1);
  opacity: 1;
}
/* line 413, ../sass/_index.scss */
.block_index2.run-animate .scroll {
  transform: translateY(0);
  filter: blur(0);
  opacity: 1;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_index3
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 424, ../sass/_index.scss */
.block_index3 {
  overflow: hidden;
  position: relative;
  background-image: url("../images/index/bg_block_index5.jpg");
  background-size: contain;
  padding: 64px 0;
  background-attachment: fixed;
}
@media screen and (max-width: 1024px) {
  /* line 424, ../sass/_index.scss */
  .block_index3 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 780px) and (min-width: 1px) {
  /* line 424, ../sass/_index.scss */
  .block_index3 {
    padding-top: 0;
  }
}
/* line 438, ../sass/_index.scss */
.block_index3 ul.block_index3_list li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0;
  box-sizing: border-box;
  box-sizing: border-box;
  flex-direction: row;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 438, ../sass/_index.scss */
  .block_index3 ul.block_index3_list li {
    padding-left: 0;
  }
}
@media screen and (max-width: 780px) and (min-width: 1px) {
  /* line 438, ../sass/_index.scss */
  .block_index3 ul.block_index3_list li {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  /* line 438, ../sass/_index.scss */
  .block_index3 ul.block_index3_list li {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 460, ../sass/_index.scss */
.block_index3 ul.block_index3_list li:nth-child(2) {
  padding-left: 0px;
  align-items: center;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 460, ../sass/_index.scss */
  .block_index3 ul.block_index3_list li:nth-child(2) {
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  /* line 460, ../sass/_index.scss */
  .block_index3 ul.block_index3_list li:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 474, ../sass/_index.scss */
.block_index3 ul.block_index3_list article {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  min-width: 520px;
  transition: all 1s ease-out;
  justify-content: center;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 474, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article {
    min-width: auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 474, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article {
    align-items: flex-start;
    flex-direction: column;
    min-width: 300px;
  }
}
@media screen and (max-width: 780px) and (min-width: 1px) {
  /* line 474, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article {
    display: block;
    margin: 0;
    padding: 48px 0 16px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 474, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article {
    padding: 24px 0 16px 0;
  }
}
/* line 499, ../sass/_index.scss */
.block_index3 ul.block_index3_list article .text {
  margin-left: 48px;
  text-wrap: nowrap;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 499, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article .text {
    margin-left: 16px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 499, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article .text {
    margin-left: auto;
    margin-right: auto;
    float: left;
    height: 140px;
    display: flex;
    max-width: calc(100% - 160px);
    flex-direction: column;
    justify-content: center;
    margin-top: 8px;
  }
}
@media screen and (max-width: 600px) {
  /* line 499, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article .text {
    height: 96px;
    max-width: calc(100% - 120px);
    font-size: 0.9em;
  }
}
/* line 523, ../sass/_index.scss */
.block_index3 ul.block_index3_list article h3 {
  font-size: 1.5em;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  /* line 523, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article h3 {
    font-size: 1.4em;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 600px) {
  /* line 523, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article h3 {
    font-size: 1.25em;
  }
}
/* line 534, ../sass/_index.scss */
.block_index3 ul.block_index3_list article p {
  font-size: 1em;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  max-width: 288px;
  word-wrap: break-word;
  display: block;
  text-wrap: pretty;
}
@media screen and (max-width: 1024px) {
  /* line 534, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article p {
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  /* line 534, ../sass/_index.scss */
  .block_index3 ul.block_index3_list article p {
    font-size: 0.9em;
    line-height: 1.6em;
  }
}
/* line 551, ../sass/_index.scss */
.block_index3 ul.block_index3_list .img {
  flex: 0 0 50%;
  max-width: 760px;
  height: 360px;
  background-position: center;
  background-size: cover;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  /* line 551, ../sass/_index.scss */
  .block_index3 ul.block_index3_list .img {
    height: 328px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 551, ../sass/_index.scss */
  .block_index3 ul.block_index3_list .img {
    height: 282px;
    clear: both;
  }
}
@media screen and (max-width: 780px) and (min-width: 1px) {
  /* line 551, ../sass/_index.scss */
  .block_index3 ul.block_index3_list .img {
    height: 208px;
  }
}
/* line 571, ../sass/_index.scss */
.block_index3 ul.block_index3_list .img img {
  width: 100%;
}
/* line 577, ../sass/_index.scss */
.block_index3 .circular {
  width: 200px;
  height: 200px;
  min-width: 200px;
  border: black solid 2px;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  letter-spacing: 0.1em;
  font-weight: bold;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 577, ../sass/_index.scss */
  .block_index3 .circular {
    width: 160px;
    height: 160px;
    min-width: 160px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1px) {
  /* line 577, ../sass/_index.scss */
  .block_index3 .circular {
    width: 140px;
    height: 140px;
    min-width: 140px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 577, ../sass/_index.scss */
  .block_index3 .circular {
    width: 128px;
    height: 128px;
    min-width: 128px;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 780px) and (min-width: 1px) {
  /* line 577, ../sass/_index.scss */
  .block_index3 .circular {
    width: 140px;
    height: 140px;
    min-width: 140px;
    float: left;
    margin-right: 16px;
  }
}
@media screen and (max-width: 600px) {
  /* line 577, ../sass/_index.scss */
  .block_index3 .circular {
    width: 96px;
    height: 96px;
    min-width: 96px;
  }
}
/* line 622, ../sass/_index.scss */
.block_index3 .circular .zh {
  font-size: 1.5em;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 622, ../sass/_index.scss */
  .block_index3 .circular .zh {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 1024px) {
  /* line 622, ../sass/_index.scss */
  .block_index3 .circular .zh {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 600px) {
  /* line 622, ../sass/_index.scss */
  .block_index3 .circular .zh {
    font-size: 0.9em;
    letter-spacing: 0.01em;
  }
}
/* line 635, ../sass/_index.scss */
.block_index3 .circular .en {
  font-size: 3em;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 635, ../sass/_index.scss */
  .block_index3 .circular .en {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 1024px) {
  /* line 635, ../sass/_index.scss */
  .block_index3 .circular .en {
    font-size: 2em;
  }
}
@media screen and (max-width: 600px) {
  /* line 635, ../sass/_index.scss */
  .block_index3 .circular .en {
    font-size: 1.25em;
  }
}
/* line 647, ../sass/_index.scss */
.block_index3 .circular span {
  display: inline-block;
}
/* line 656, ../sass/_index.scss */
.block_index3.ready-animate ul.block_index3_list li:nth-child(3) article, .block_index3.ready-animate ul.block_index3_list li:nth-child(1) article {
  transform: translateX(-50%);
  opacity: 0;
  filter: blur(20px);
}
/* line 661, ../sass/_index.scss */
.block_index3.ready-animate ul.block_index3_list li:nth-child(3) .img, .block_index3.ready-animate ul.block_index3_list li:nth-child(1) .img {
  transform: translateX(50%);
  opacity: 0;
}
/* line 667, ../sass/_index.scss */
.block_index3.ready-animate ul.block_index3_list li:nth-child(2) article {
  transform: translateX(50%);
  opacity: 0;
  transition-delay: .4s;
  filter: blur(20px);
}
/* line 673, ../sass/_index.scss */
.block_index3.ready-animate ul.block_index3_list li:nth-child(2) .img {
  transform: translateX(-50%);
  opacity: 0;
  transition-delay: .4s;
}
/* line 680, ../sass/_index.scss */
.block_index3.ready-animate ul.block_index3_list li:nth-child(3) article {
  transition-delay: .8s;
  filter: blur(20px);
}
/* line 684, ../sass/_index.scss */
.block_index3.ready-animate ul.block_index3_list li:nth-child(3) .img {
  transition-delay: .8s;
}
/* line 693, ../sass/_index.scss */
.block_index3.run-animate ul.block_index3_list .img,
.block_index3.run-animate ul.block_index3_list article {
  transform: translateX(0) !important;
  opacity: 1 !important;
  filter: blur(0);
}
/* line 704, ../sass/_index.scss */
[data-js="false"] .block_index3 ul.block_index3_list .img,
[data-js="false"] .block_index3 ul.block_index3_list article {
  transform: translateX(0) !important;
  opacity: 1 !important;
  filter: blur(0);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_index4  block_portfolio2
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 719, ../sass/_index.scss */
.block_portfolio2,
.block_index4 {
  padding: 64px 0;
  background-color: #D8D6CE;
}
@media screen and (max-width: 1024px) {
  /* line 719, ../sass/_index.scss */
  .block_portfolio2,
  .block_index4 {
    padding: 48px 0;
  }
}
/* line 726, ../sass/_index.scss */
.block_portfolio2 .center,
.block_index4 .center {
  max-width: 1440px;
  text-align: center;
  position: relative;
  padding-bottom: 48px;
}
/* line 731, ../sass/_index.scss */
.block_portfolio2 .center > h2,
.block_index4 .center > h2 {
  display: none;
}
@media screen and (max-width: 1024px) {
  /* line 731, ../sass/_index.scss */
  .block_portfolio2 .center > h2,
  .block_index4 .center > h2 {
    display: block;
    font-size: 1.75em;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  /* line 731, ../sass/_index.scss */
  .block_portfolio2 .center > h2,
  .block_index4 .center > h2 {
    font-size: 1.25em;
  }
}
/* line 744, ../sass/_index.scss */
.block_portfolio2 .center .btn,
.block_index4 .center .btn {
  position: absolute;
  bottom: 0;
  right: 64px;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  /* line 744, ../sass/_index.scss */
  .block_portfolio2 .center .btn,
  .block_index4 .center .btn {
    right: 24px;
  }
}
/* line 754, ../sass/_index.scss */
.block_portfolio2 .tab_container,
.block_index4 .tab_container {
  max-width: 1338px;
  margin: 0 auto;
}
/* line 758, ../sass/_index.scss */
.block_portfolio2 .tab_content,
.block_index4 .tab_content {
  position: relative;
  width: 100%;
}
/* line 762, ../sass/_index.scss */
.block_portfolio2 .tab_content li,
.block_index4 .tab_content li {
  position: relative;
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  z-index: 2;
  display: flex;
}
@media screen and (max-width: 1024px) {
  /* line 762, ../sass/_index.scss */
  .block_portfolio2 .tab_content li,
  .block_index4 .tab_content li {
    padding: 0;
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 762, ../sass/_index.scss */
  .block_portfolio2 .tab_content li,
  .block_index4 .tab_content li {
    padding: 0;
  }
}
/* line 781, ../sass/_index.scss */
.block_portfolio2 .links_list,
.block_index4 .links_list {
  max-width: 1338px;
  margin: 0 auto;
}
/* line 786, ../sass/_index.scss */
.block_portfolio2 .case_works_container,
.block_index4 .case_works_container {
  transition: all 1s ease-out;
  width: 868px;
  max-width: 70%;
  display: block;
  float: left;
}
@media screen and (max-width: 1024px) {
  /* line 786, ../sass/_index.scss */
  .block_portfolio2 .case_works_container,
  .block_index4 .case_works_container {
    float: inherit;
    margin: 0 auto;
    width: 100%;
    max-width: 868px;
  }
}
/* line 800, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img,
.block_index4 .case_works_big_img {
  transition: all 1s ease-out;
  width: 30%;
  display: block;
  float: left;
  padding-left: 36px;
}
@media screen and (max-width: 1024px) {
  /* line 800, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img,
  .block_index4 .case_works_big_img {
    padding-left: 16px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 800, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img,
  .block_index4 .case_works_big_img {
    width: 100%;
    max-width: 100%;
    float: inherit;
    padding: 0;
  }
}
/* line 817, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img > img,
.block_index4 .case_works_big_img > img {
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  /* line 817, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img > img,
  .block_index4 .case_works_big_img > img {
    display: none;
  }
}
/* line 824, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article,
.block_index4 .case_works_big_img article {
  margin-top: 0;
  text-align: left;
}
/* line 827, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article h2,
.block_index4 .case_works_big_img article h2 {
  font-size: 1em;
  margin-bottom: 4px;
}
/* line 830, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article h2 .zh,
.block_index4 .case_works_big_img article h2 .zh {
  font-size: 1.5em;
  letter-spacing: 0.08em;
}
/* line 833, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article h2 .zh a,
.block_index4 .case_works_big_img article h2 .zh a {
  color: black;
}
/* line 835, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article h2 .zh a:hover, .block_portfolio2 .case_works_big_img article h2 .zh a:focus,
.block_index4 .case_works_big_img article h2 .zh a:hover,
.block_index4 .case_works_big_img article h2 .zh a:focus {
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  /* line 830, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img article h2 .zh,
  .block_index4 .case_works_big_img article h2 .zh {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 600px) {
  /* line 830, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img article h2 .zh,
  .block_index4 .case_works_big_img article h2 .zh {
    font-size: 1.125em;
  }
}
/* line 847, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article h3,
.block_index4 .case_works_big_img article h3 {
  font-size: 1em;
  font-weight: normal;
}
/* line 850, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article h3 .zh,
.block_index4 .case_works_big_img article h3 .zh {
  font-size: 1.75em;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  /* line 850, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img article h3 .zh,
  .block_index4 .case_works_big_img article h3 .zh {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 850, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img article h3 .zh,
  .block_index4 .case_works_big_img article h3 .zh {
    font-size: 1.125em;
  }
}
/* line 860, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img article h3 .en,
.block_index4 .case_works_big_img article h3 .en {
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1024px) {
  /* line 866, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_info,
  .block_index4 .case_works_big_img .case_works_big_img_info {
    display: none;
    width: 50%;
    float: left;
  }
}
@media screen and (max-width: 600px) {
  /* line 866, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_info,
  .block_index4 .case_works_big_img .case_works_big_img_info {
    width: 100%;
    clear: both;
  }
}
/* line 877, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_info h2,
.block_index4 .case_works_big_img .case_works_big_img_info h2 {
  font-size: 1em;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  /* line 877, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_info h2,
  .block_index4 .case_works_big_img .case_works_big_img_info h2 {
    margin-bottom: 4px;
  }
}
/* line 883, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_info h2 .zh,
.block_index4 .case_works_big_img .case_works_big_img_info h2 .zh {
  font-size: 1.75em;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1024px) {
  /* line 883, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_info h2 .zh,
  .block_index4 .case_works_big_img .case_works_big_img_info h2 .zh {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 883, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_info h2 .zh,
  .block_index4 .case_works_big_img .case_works_big_img_info h2 .zh {
    font-size: 1.125em;
  }
}
/* line 893, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_info h2 .en,
.block_index4 .case_works_big_img .case_works_big_img_info h2 .en {
  letter-spacing: 0.02em;
}
/* line 897, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_info ul,
.block_index4 .case_works_big_img .case_works_big_img_info ul {
  margin-top: 56px;
}
@media screen and (max-width: 1024px) {
  /* line 897, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_info ul,
  .block_index4 .case_works_big_img .case_works_big_img_info ul {
    margin-top: auto;
  }
}
/* line 902, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_info ul li,
.block_index4 .case_works_big_img .case_works_big_img_info ul li {
  margin: 2px 0;
  padding: 0;
}
/* line 909, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_focus,
.block_index4 .case_works_big_img .case_works_big_img_focus {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 1024px) {
  /* line 909, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_focus,
  .block_index4 .case_works_big_img .case_works_big_img_focus {
    margin-top: 24px;
    width: 100%;
    float: left;
    position: relative;
  }
}
@media screen and (max-width: 600px) {
  /* line 909, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_focus,
  .block_index4 .case_works_big_img .case_works_big_img_focus {
    width: 100%;
    clear: both;
    margin-top: 24px;
  }
}
/* line 923, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_focus h3,
.block_index4 .case_works_big_img .case_works_big_img_focus h3 {
  margin: 48px 0;
}
@media screen and (max-width: 1024px) {
  /* line 923, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_focus h3,
  .block_index4 .case_works_big_img .case_works_big_img_focus h3 {
    margin-bottom: 8px;
    margin-top: 24px;
  }
}
/* line 930, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_focus ol,
.block_index4 .case_works_big_img .case_works_big_img_focus ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media screen and (max-width: 1024px) {
  /* line 930, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_focus ol,
  .block_index4 .case_works_big_img .case_works_big_img_focus ol {
    margin-top: auto;
  }
}
/* line 937, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_focus ol li,
.block_index4 .case_works_big_img .case_works_big_img_focus ol li {
  margin: 2px 0;
  padding: 0;
  letter-spacing: 0.1em;
  line-height: 1.8em;
}
@media screen and (max-width: 1024px) {
  /* line 944, ../sass/_index.scss */
  .block_portfolio2 .case_works_big_img .case_works_big_img_focus ul,
  .block_index4 .case_works_big_img .case_works_big_img_focus ul {
    margin-top: auto;
  }
}
/* line 952, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img .case_works_big_img_focus ul li,
.block_index4 .case_works_big_img .case_works_big_img_focus ul li {
  display: block;
  padding: 0;
  float: left;
  width: auto;
  margin: 2px 0;
  margin-right: 16px;
}
/* line 965, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img,
.block_index4 .case_works_big_img {
  transition: all 1s ease-out;
  transition-delay: .8s;
  filter: blur(20px);
}
/* line 966, ../sass/_index.scss */
.block_portfolio2 .case_works_container,
.block_index4 .case_works_container {
  transition: all 1s ease-out;
  transition-delay: 1.2s;
  filter: blur(20px);
}
/* line 967, ../sass/_index.scss */
.block_portfolio2 .center .btn,
.block_index4 .center .btn {
  transition: all 1s ease-out;
  transition-delay: .4s;
}
/* line 968, ../sass/_index.scss */
.block_portfolio2 .case_works_big_img,
.block_portfolio2 .case_works_container,
.block_portfolio2 .center .btn,
.block_portfolio2 .jcarousel-wrapper,
.block_index4 .case_works_big_img,
.block_index4 .case_works_container,
.block_index4 .center .btn,
.block_index4 .jcarousel-wrapper {
  transition: all 1s ease-out;
  transform: translateY(100%);
  opacity: 0;
}
/* line 978, ../sass/_index.scss */
.block_portfolio2.run-animate .case_works_big_img,
.block_portfolio2.run-animate .case_works_container,
.block_portfolio2.run-animate .center .btn,
.block_portfolio2.run-animate .jcarousel-wrapper,
.block_index4.run-animate .case_works_big_img,
.block_index4.run-animate .case_works_container,
.block_index4.run-animate .center .btn,
.block_index4.run-animate .jcarousel-wrapper {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}

@media screen and (max-width: 600px) {
  /* line 989, ../sass/_index.scss */
  .block_index4 .jcarousel-wrapper .jcarousel-control-prev, .block_index4 .jcarousel-wrapper .jcarousel-control-next {
    top: calc(50% - 52px);
  }
}
@media screen and (max-width: 600px) {
  /* line 995, ../sass/_index.scss */
  .block_index4 .jcarousel-wrapper .jcarousel-pagination {
    left: 19px;
    transform: none;
  }
}

/* line 1003, ../sass/_index.scss */
.jcarousel-wrapper {
  transition: all 1s ease-out;
  display: inline-block;
  margin-top: 32px;
  margin: auto 0;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  margin-top: 32px;
}
@media screen and (max-width: 630px) and (min-width: 1px) {
  /* line 1003, ../sass/_index.scss */
  .jcarousel-wrapper {
    padding: 0 24px;
  }
}
/* line 1016, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-control-prev,
.jcarousel-wrapper .jcarousel-control-next {
  display: block;
  position: absolute;
  top: calc(50% - 38px);
  width: 48px;
  height: 48px;
  border-radius: 50px;
  overflow: hidden;
  border: white solid 1px;
  transition: all 0.8s ease-out;
  z-index: 4;
  transform: rotateZ(-90deg);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}
/* line 1033, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-control-prev::before,
.jcarousel-wrapper .jcarousel-control-next::before {
  content: "​";
  display: block;
  width: 48px;
  height: 48px;
  background-image: url(../images/icon/scroll_arrow.svg);
  background-size: 60%;
  background-position: 42% 40%;
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(100);
}
/* line 1044, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-control-prev:hover, .jcarousel-wrapper .jcarousel-control-prev:focus,
.jcarousel-wrapper .jcarousel-control-next:hover,
.jcarousel-wrapper .jcarousel-control-next:focus {
  opacity: 1;
  background-color: black;
}
@media screen and (max-width: 1024px) {
  /* line 1016, ../sass/_index.scss */
  .jcarousel-wrapper .jcarousel-control-prev,
  .jcarousel-wrapper .jcarousel-control-next {
    top: 50%;
    width: 32px;
    height: 32px;
  }
  /* line 1052, ../sass/_index.scss */
  .jcarousel-wrapper .jcarousel-control-prev::before,
  .jcarousel-wrapper .jcarousel-control-next::before {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 600px) {
  /* line 1016, ../sass/_index.scss */
  .jcarousel-wrapper .jcarousel-control-prev,
  .jcarousel-wrapper .jcarousel-control-next {
    top: 40%;
  }
}
/* line 1062, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-control-prev {
  left: -13px;
  transform: rotate(90deg);
}
/* line 1066, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-control-next {
  right: -13px;
  transform: rotate(-90deg);
}
/* line 1071, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-pagination {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
}
/* line 1078, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-pagination a {
  margin: 0 4px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100px;
  background: gray;
  transition: all 1s ease-out;
}
/* line 1087, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-pagination a:hover, .jcarousel-wrapper .jcarousel-pagination a:focus {
  background-color: black;
}
/* line 1090, ../sass/_index.scss */
.jcarousel-wrapper .jcarousel-pagination a.active {
  width: 32px;
  background-color: black;
}

/* line 1097, ../sass/_index.scss */
.links_list {
  position: relative;
  overflow: hidden;
  width: 100%;
}
/* line 1101, ../sass/_index.scss */
.links_list ol, .links_list ul {
  width: 10000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 1108, ../sass/_index.scss */
.links_list ol li, .links_list ul li {
  width: 200px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
}
@media screen and (max-width: 1024px) {
  /* line 1108, ../sass/_index.scss */
  .links_list ol li, .links_list ul li {
    padding: 0;
  }
}
/* line 1119, ../sass/_index.scss */
.links_list ol li a, .links_list ul li a {
  color: #2D2D2D;
  display: inline-block;
  float: left;
  text-align: center;
  font-size: 1.125em;
  width: 100%;
  overflow: hidden;
}
/* line 1129, ../sass/_index.scss */
.links_list ol li a:hover .img, .links_list ol li a:focus .img, .links_list ul li a:hover .img, .links_list ul li a:focus .img {
  background-color: black;
}
/* line 1131, ../sass/_index.scss */
.links_list ol li a:hover .img img, .links_list ol li a:focus .img img, .links_list ul li a:hover .img img, .links_list ul li a:focus .img img {
  transform: scale(1.2);
  opacity: 0.4;
}
/* line 1137, ../sass/_index.scss */
.links_list ol li a .img, .links_list ul li a .img {
  display: block;
  float: left;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 8px;
  width: 100%;
}
/* line 1146, ../sass/_index.scss */
.links_list ol li a img, .links_list ul li a img {
  width: 100%;
  transition: all .8s ease-in-out;
  display: block;
  float: left;
  max-width: 100%;
  height: auto !important;
}
/* line 1156, ../sass/_index.scss */
.links_list ol li a p, .links_list ul li a p {
  text-align: left;
  font-size: 0.9em;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_index5
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 1168, ../sass/_index.scss */
.block_index5 {
  position: relative;
  background-image: url("../images/index/bg_block_index5.jpg");
  background-size: contain;
  height: 100vh;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  color: #000;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  /* line 1168, ../sass/_index.scss */
  .block_index5 {
    height: auto;
    padding-bottom: 40px;
  }
}
/* line 1182, ../sass/_index.scss */
.block_index5 .center {
  display: flex;
  align-items: center;
  height: 100vh;
}
@media screen and (max-width: 1024px) {
  /* line 1182, ../sass/_index.scss */
  .block_index5 .center {
    height: auto;
    padding-top: 48px;
  }
}
/* line 1192, ../sass/_index.scss */
.block_index5 article {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-left: 32px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1425px) and (min-width: 1px) {
  /* line 1192, ../sass/_index.scss */
  .block_index5 article {
    padding-left: 8px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1192, ../sass/_index.scss */
  .block_index5 article {
    width: 100%;
    padding: 0 16px;
    padding-left: 0;
  }
}
/* line 1206, ../sass/_index.scss */
.block_index5 article h2 {
  font-size: 1em;
  letter-spacing: 0.1em;
  padding-left: 16px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 1206, ../sass/_index.scss */
  .block_index5 article h2 {
    padding-left: 0;
  }
}
/* line 1214, ../sass/_index.scss */
.block_index5 article h2 span {
  display: block;
}
/* line 1216, ../sass/_index.scss */
.block_index5 article h2 span.zh {
  font-size: 2.25em;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}
@media screen and (max-width: 1200px) and (min-width: 1px) {
  /* line 1216, ../sass/_index.scss */
  .block_index5 article h2 span.zh {
    font-size: 2em;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1216, ../sass/_index.scss */
  .block_index5 article h2 span.zh {
    font-size: 2em;
  }
}
@media screen and (max-width: 600px) {
  /* line 1216, ../sass/_index.scss */
  .block_index5 article h2 span.zh {
    font-size: 1.25em;
  }
}
/* line 1231, ../sass/_index.scss */
.block_index5 article h2 span.en {
  font-size: 1.25em;
  letter-spacing: 0.1em;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  /* line 1231, ../sass/_index.scss */
  .block_index5 article h2 span.en {
    font-size: 1em;
    letter-spacing: 0.05em;
  }
}
/* line 1244, ../sass/_index.scss */
.block_index5 .service_process_tabs {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 1024px) {
  /* line 1244, ../sass/_index.scss */
  .block_index5 .service_process_tabs {
    padding-bottom: 64px;
  }
}
/* line 1250, ../sass/_index.scss */
.block_index5 .service_process_tabs .btn {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
}
/* line 1256, ../sass/_index.scss */
.block_index5 .service_process_tabs .tab_container {
  width: 50%;
  float: left;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 1256, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tab_container {
    width: 100%;
    float: inherit;
  }
}
/* line 1264, ../sass/_index.scss */
.block_index5 .service_process_tabs .tab_container .tab_content {
  width: 100%;
  height: 0;
  padding-bottom: 73%;
}
/* line 1268, ../sass/_index.scss */
.block_index5 .service_process_tabs .tab_container .tab_content li {
  width: 100%;
}
/* line 1271, ../sass/_index.scss */
.block_index5 .service_process_tabs .tab_container .tab_content span {
  float: right;
  margin-top: 14px;
  font-size: 1.25em;
  letter-spacing: 0.01em;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  /* line 1271, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tab_container .tab_content span {
    font-size: 1em;
  }
}
@media screen and (max-width: 600px) {
  /* line 1271, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tab_container .tab_content span {
    font-size: 0.9em;
  }
}
/* line 1284, ../sass/_index.scss */
.block_index5 .service_process_tabs .tab_container .tab_content .img {
  width: 100%;
  height: 0;
  padding-bottom: 73%;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 1290, ../sass/_index.scss */
.block_index5 .service_process_tabs .tab_container .tab_content img {
  width: 100%;
}
/* line 1295, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
/* line 1299, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li {
  display: flex;
  flex: 0 0 25%;
  padding: 32px 16px;
  box-sizing: border-box;
  position: relative;
  justify-content: center;
  align-items: center;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 1299, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs li {
    padding: 24px 0;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1px) {
  /* line 1299, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs li {
    flex: 0 0 33.33%;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1299, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs li {
    flex: 0 0 25%;
  }
}
@media screen and (max-width: 600px) {
  /* line 1299, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs li {
    flex: 0 0 33.33%;
  }
  /* line 1319, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs li:nth-child(7) {
    margin-left: 16.665%;
  }
}
/* line 1324, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(1) {
  transition-delay: .4s;
}
/* line 1327, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(2) {
  transition-delay: .6s;
}
/* line 1330, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(3) {
  transition-delay: .8s;
}
/* line 1333, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(4) {
  transition-delay: 1s;
}
/* line 1336, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(5) {
  transition-delay: 1.2s;
}
/* line 1339, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(6) {
  transition-delay: 1.4s;
}
/* line 1342, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(7) {
  transition-delay: 1.6s;
}
/* line 1345, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs li:nth-child(8) {
  transition-delay: 1.8s;
}
/* line 1349, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs a {
  color: black;
  transition: all 1s ease-out;
}
/* line 1353, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs a:hover .img, .block_index5 .service_process_tabs .tabs a:focus .img {
  background-color: black;
  border-color: black;
}
/* line 1356, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs a:hover .img::before, .block_index5 .service_process_tabs .tabs a:focus .img::before {
  filter: grayscale(0) brightness(100);
}
/* line 1362, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs .img {
  display: block;
  width: 104px;
  height: 104px;
  border: black solid 2px;
  border-radius: 200px;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  margin-top: 2px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1425px) and (min-width: 1px) {
  /* line 1362, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs .img {
    width: 96px;
    height: 96px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1362, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs .img {
    width: 104px;
    height: 104px;
  }
}
@media screen and (max-width: 600px) {
  /* line 1362, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs .img {
    width: 96px;
    height: 96px;
  }
}
/* line 1388, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs .img::before {
  content: "​";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: cover;
  filter: grayscale(0) brightness(0);
  transition: all 1s ease-out;
}
@media screen and (max-width: 1425px) and (min-width: 1px) {
  /* line 1388, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs .img::before {
    width: 92px;
    height: 92px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1388, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs .img::before {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 600px) {
  /* line 1388, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs .img::before {
    width: 92px;
    height: 92px;
  }
}
/* line 1416, ../sass/_index.scss */
.block_index5 .service_process_tabs .tabs .figcaption {
  position: absolute;
  bottom: 0;
  text-align: center;
  color: black;
  letter-spacing: 0.05em;
  word-break: keep-all;
  left: 0;
  right: 0;
  margin: 0 -24px;
}
@media screen and (max-width: 600px) {
  /* line 1416, ../sass/_index.scss */
  .block_index5 .service_process_tabs .tabs .figcaption {
    letter-spacing: 0;
    font-size: 0.9em;
  }
}
/* line 1439, ../sass/_index.scss */
.block_index5.ready-animate .service_process_tabs .tabs li {
  transform: translateY(100%) scale(0.5);
  opacity: 0;
}
/* line 1445, ../sass/_index.scss */
.block_index5.ready-animate .service_process_tabs .tab_container {
  transform: translateY(100%);
  opacity: 0;
}
/* line 1450, ../sass/_index.scss */
.block_index5.ready-animate article h2 {
  transform: translateX(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 1456, ../sass/_index.scss */
.block_index5.ready-animate .btn.btn_dark {
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 1466, ../sass/_index.scss */
.block_index5.run-animate .service_process_tabs .tabs li {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
/* line 1472, ../sass/_index.scss */
.block_index5.run-animate .service_process_tabs .tab_container {
  transform: translateY(0);
  opacity: 1;
}
/* line 1477, ../sass/_index.scss */
.block_index5.run-animate article h2 {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
/* line 1482, ../sass/_index.scss */
.block_index5.run-animate .btn.btn_dark {
  transition-delay: 2s;
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_index6 block_portfolio3
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 1494, ../sass/_index.scss */
.block_portfolio3,
.block_index6 {
  background-color: black;
  min-height: 100vh;
  padding: 72px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1432px) {
  /* line 1494, ../sass/_index.scss */
  .block_portfolio3,
  .block_index6 {
    min-height: auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 1494, ../sass/_index.scss */
  .block_portfolio3,
  .block_index6 {
    min-height: auto;
    padding: 24px;
    padding-bottom: 32px;
  }
}
/* line 1508, ../sass/_index.scss */
.block_portfolio3 .center,
.block_index6 .center {
  position: relative;
  max-width: 1420px;
}
/* line 1517, ../sass/_index.scss */
.block_portfolio3 .center > h2,
.block_index6 .center > h2 {
  display: block;
  font-size: 1.75em;
  letter-spacing: 0.05em;
  margin-bottom: 32px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 600px) {
  /* line 1517, ../sass/_index.scss */
  .block_portfolio3 .center > h2,
  .block_index6 .center > h2 {
    font-size: 1.25em;
  }
}
/* line 1528, ../sass/_index.scss */
.block_portfolio3 article,
.block_index6 article {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 80px;
  letter-spacing: 0.1em;
  z-index: 2;
}
/* line 1536, ../sass/_index.scss */
.block_portfolio3 article h2,
.block_index6 article h2 {
  font-size: 1em;
}
/* line 1539, ../sass/_index.scss */
.block_portfolio3 article .zh,
.block_index6 article .zh {
  font-size: 2.25em;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
  /* line 1539, ../sass/_index.scss */
  .block_portfolio3 article .zh,
  .block_index6 article .zh {
    font-size: 2em;
    letter-spacing: 0.05em;
  }
}
/* line 1548, ../sass/_index.scss */
.block_portfolio3 article .en,
.block_index6 article .en {
  font-size: 1.25em;
  letter-spacing: 0.1em;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  /* line 1548, ../sass/_index.scss */
  .block_portfolio3 article .en,
  .block_index6 article .en {
    font-size: 1em;
    letter-spacing: 0.05em;
  }
}
/* line 1557, ../sass/_index.scss */
.block_portfolio3 article p,
.block_index6 article p {
  font-size: 1em;
}
/* line 1561, ../sass/_index.scss */
.block_portfolio3 .video-container,
.block_index6 .video-container {
  background-color: black;
  color: white;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  transition: all 1s ease-out;
  transition-delay: .4s;
}
/* line 1571, ../sass/_index.scss */
.block_portfolio3 .video-container iframe, .block_portfolio3 .video-container object, .block_portfolio3 .video-container embed,
.block_index6 .video-container iframe,
.block_index6 .video-container object,
.block_index6 .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1580, ../sass/_index.scss */
.block_portfolio3.ready-animate h2,
.block_portfolio3.ready-animate .video-container,
.block_index6.ready-animate h2,
.block_index6.ready-animate .video-container {
  filter: blur(20px);
  opacity: 0;
}
/* line 1587, ../sass/_index.scss */
.block_portfolio3.run-animate h2,
.block_portfolio3.run-animate .video-container,
.block_index6.run-animate h2,
.block_index6.run-animate .video-container {
  filter: blur(0);
  opacity: 1;
}

/* line 1596, ../sass/_index.scss */
.block_index6 .center > h2 {
  color: white;
}

/* line 1601, ../sass/_index.scss */
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

/* line 1614, ../sass/_index.scss */
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

/* line 1627, ../sass/_index.scss */
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
}

/* line 1636, ../sass/_index.scss */
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px;
}

/* line 1644, ../sass/_index.scss */
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 1651, ../sass/_index.scss */
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

/* line 1657, ../sass/_index.scss */
.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}

/* line 1663, ../sass/_index.scss */
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em;
}

/* line 1669, ../sass/_index.scss */
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 1680, ../sass/_index.scss */
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

/* line 1687, ../sass/_index.scss */
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

/* line 1695, ../sass/_index.scss */
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

/* line 1702, ../sass/_index.scss */
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

/* line 1707, ../sass/_index.scss */
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}

/* line 1712, ../sass/_index.scss */
.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 868px;
  height: 570px;
}
@media screen and (max-width: 1400px) and (min-width: 1px) {
  /* line 1712, ../sass/_index.scss */
  .twentytwenty-container {
    width: auto;
    weight: auto;
  }
}
/* line 1729, ../sass/_index.scss */
.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}
/* line 1737, ../sass/_index.scss */
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: transparent;
}
/* line 1742, ../sass/_index.scss */
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0;
}
/* line 1748, ../sass/_index.scss */
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
  opacity: 0;
}
/* line 1754, ../sass/_index.scss */
.twentytwenty-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 1761, ../sass/_index.scss */
.twentytwenty-before-label, .twentytwenty-after-label {
  opacity: 0;
}
/* line 1764, ../sass/_index.scss */
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  content: attr(data-content);
}

/* line 1770, ../sass/_index.scss */
.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}
/* line 1774, ../sass/_index.scss */
.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

/* line 1780, ../sass/_index.scss */
.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}
/* line 1784, ../sass/_index.scss */
.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

/* line 1789, ../sass/_index.scss */
.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: transparent;
  z-index: 25;
}
/* line 1796, ../sass/_index.scss */
.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}
/* line 1799, ../sass/_index.scss */
.twentytwenty-overlay:hover .twentytwenty-after-label, .twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

/* line 1805, ../sass/_index.scss */
.twentytwenty-before {
  z-index: 20;
}

/* line 1809, ../sass/_index.scss */
.twentytwenty-after {
  z-index: 10;
}

/* line 1813, ../sass/_index.scss */
.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

/* line 1833, ../sass/_index.scss */
.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
/* line 1841, ../sass/_index.scss */
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

/* line 1851, ../sass/_index.scss */
.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}
/* line 1859, ../sass/_index.scss */
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

/* line 1868, ../sass/_index.scss */
.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

/* line 1874, ../sass/_index.scss */
.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

/* line 1880, ../sass/_index.scss */
.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px;
}

/* line 1886, ../sass/_index.scss */
.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px;
}

/* line 2, ../sass/_about.scss */
.block_about1 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about1 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about1 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide1 {
  background-image: url("../images/about/main_slice1.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 1"]::before {
  content: "01";
}

/* line 2, ../sass/_about.scss */
.block_about2 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about2 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about2 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide2 {
  background-image: url("../images/about/main_slice2.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 2"]::before {
  content: "02";
}

/* line 2, ../sass/_about.scss */
.block_about3 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about3 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about3 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide3 {
  background-image: url("../images/about/main_slice3.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 3"]::before {
  content: "03";
}

/* line 2, ../sass/_about.scss */
.block_about4 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about4 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about4 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide4 {
  background-image: url("../images/about/main_slice4.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 4"]::before {
  content: "04";
}

/* line 2, ../sass/_about.scss */
.block_about5 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about5 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about5 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide5 {
  background-image: url("../images/about/main_slice5.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 5"]::before {
  content: "05";
}

/* line 2, ../sass/_about.scss */
.block_about6 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about6 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about6 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide6 {
  background-image: url("../images/about/main_slice6.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 6"]::before {
  content: "06";
}

/* line 2, ../sass/_about.scss */
.block_about7 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about7 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about7 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide7 {
  background-image: url("../images/about/main_slice7.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 7"]::before {
  content: "07";
}

/* line 2, ../sass/_about.scss */
.block_about8 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about8 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about8 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide8 {
  background-image: url("../images/about/main_slice8.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 8"]::before {
  content: "08";
}

/* line 2, ../sass/_about.scss */
.block_about9 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about9 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about9 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide9 {
  background-image: url("../images/about/main_slice9.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 9"]::before {
  content: "09";
}

/* line 2, ../sass/_about.scss */
.block_about10 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_about.scss */
  .block_about10 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_about.scss */
  .block_about10 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_about.scss */
.block_about1 .swiper-slide10 {
  background-image: url("../images/about/main_slice10.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_about.scss */
.block_about3 span[aria-label="Go to slide 10"]::before {
  content: "010";
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
主視覺
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 27, ../sass/_about.scss */
.swiper-wrapper_works,
.swiper-wrapper_about {
  height: 600px;
  background-color: black;
}
@media screen and (max-width: 1024px) {
  /* line 27, ../sass/_about.scss */
  .swiper-wrapper_works,
  .swiper-wrapper_about {
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  /* line 27, ../sass/_about.scss */
  .swiper-wrapper_works,
  .swiper-wrapper_about {
    height: 200px;
  }
}

/* line 38, ../sass/_about.scss */
.block_about1 {
  background-color: black;
}

/* line 41, ../sass/_about.scss */
.block_page_banner {
  padding: 0;
}
/* line 43, ../sass/_about.scss */
.block_page_banner .center {
  position: absolute;
  height: 600px;
  width: 100%;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1024px) {
  /* line 43, ../sass/_about.scss */
  .block_page_banner .center {
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  /* line 43, ../sass/_about.scss */
  .block_page_banner .center {
    height: 200px;
  }
}
/* line 56, ../sass/_about.scss */
.block_page_banner article h2 {
  text-align: center;
  letter-spacing: 0.2em;
}
/* line 62, ../sass/_about.scss */
.block_page_banner .swiper-button-prev::before,
.block_page_banner .swiper-button-next::before {
  filter: brightness(100);
}
/* line 66, ../sass/_about.scss */
.block_page_banner .swiper-button-prev {
  left: 16px;
}
/* line 69, ../sass/_about.scss */
.block_page_banner .swiper-button-next {
  right: 16px;
}

/* line 74, ../sass/_about.scss */
.block_about2 {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 820px) and (min-width: 1px) {
  /* line 74, ../sass/_about.scss */
  .block_about2 {
    padding: 0;
  }
}
/* line 80, ../sass/_about.scss */
.block_about2::before {
  content: "​";
  position: absolute;
  width: 40vw;
  min-height: 340px;
  background-color: white;
  z-index: 1;
  top: 128px;
  left: 0;
  transition: all 1s ease-out;
}
@media screen and (max-width: 820px) and (min-width: 1px) {
  /* line 80, ../sass/_about.scss */
  .block_about2::before {
    display: none;
  }
}
/* line 94, ../sass/_about.scss */
.block_about2 .center {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 1432px;
  justify-content: space-between;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 94, ../sass/_about.scss */
  .block_about2 .center {
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  /* line 94, ../sass/_about.scss */
  .block_about2 .center {
    display: block;
  }
}
@media screen and (max-width: 820px) and (min-width: 1px) {
  /* line 94, ../sass/_about.scss */
  .block_about2 .center {
    padding: 0;
  }
}
/* line 110, ../sass/_about.scss */
.block_about2 article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: flex-end;
  max-width: 646px;
  width: 50%;
  margin-top: 56px;
  margin-right: 72px;
  float: left;
}
@media screen and (max-width: 1024px) {
  /* line 110, ../sass/_about.scss */
  .block_about2 article {
    margin-right: 32px;
  }
}
@media screen and (max-width: 820px) and (min-width: 1px) {
  /* line 110, ../sass/_about.scss */
  .block_about2 article {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-right: 0;
  }
}
/* line 131, ../sass/_about.scss */
.block_about2 .img {
  width: calc(50% - 72px);
  float: left;
  transition: all 1s ease-out;
  transform: translateX(100%);
  filter: blur(20px);
  opacity: 0;
}
/* line 51, ../sass/_base-function.scss */
[data-js="false"] .block_about2 .img {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
@media screen and (max-width: 820px) and (min-width: 1px) {
  /* line 131, ../sass/_about.scss */
  .block_about2 .img {
    display: flex;
    height: 0;
    padding-bottom: 80%;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
  }
  /* line 152, ../sass/_about.scss */
  .block_about2 .img img {
    display: block;
    width: 100%;
    float: left;
  }
}
/* line 159, ../sass/_about.scss */
.block_about2 .info {
  display: block;
  width: 100%;
  min-height: 340px;
  padding: 56px 0;
  background-color: white;
  letter-spacing: 0.1em;
  border-radius: 0 16px 16px 0;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 159, ../sass/_about.scss */
  .block_about2 .info {
    padding-left: 56px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 820px) and (min-width: 1px) {
  /* line 159, ../sass/_about.scss */
  .block_about2 .info {
    background-color: white;
    padding: 0 24px;
    min-height: auto;
    padding-bottom: 24px;
  }
}
/* line 178, ../sass/_about.scss */
.block_about2 .info h2 {
  font-size: 1em;
  margin-bottom: 40px;
  transition: all 1s ease-out;
  transform: translateX(-30%);
  filter: blur(20px);
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  /* line 178, ../sass/_about.scss */
  .block_about2 .info h2 {
    font-size: 1.75em;
    margin-bottom: 24px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 600px) {
  /* line 178, ../sass/_about.scss */
  .block_about2 .info h2 {
    font-size: 1.25em;
    padding: 2px 0;
  }
}
/* line 194, ../sass/_about.scss */
.block_about2 .info h2 .zh {
  font-size: 1.75em;
}
/* line 197, ../sass/_about.scss */
.block_about2 .info h2 .en {
  font-size: 1em;
}
/* line 201, ../sass/_about.scss */
.block_about2 .info p {
  transition: all 1s ease-out;
  line-height: 1.8em;
  transition-delay: .4s;
  transform: translateX(-30%);
  filter: blur(20px);
  opacity: 0;
}
/* line 211, ../sass/_about.scss */
.block_about2 .year_list {
  float: right;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin-top: 56px;
  transition: all 1s ease-out;
  transition-delay: .8s;
  transform: translateX(-130%);
  filter: blur(20px);
  opacity: 0;
}
@media screen and (max-width: 820px) and (min-width: 1px) {
  /* line 211, ../sass/_about.scss */
  .block_about2 .year_list {
    margin-top: 24px;
    margin-bottom: 24px;
    float: left;
    width: 100%;
    padding-left: 24px;
  }
}
/* line 230, ../sass/_about.scss */
.block_about2.ready-animate::before {
  background-color: white;
}
/* line 233, ../sass/_about.scss */
.block_about2.ready-animate .img {
  transform: translateX(100%);
  filter: blur(20px);
  opacity: 0;
}
/* line 238, ../sass/_about.scss */
.block_about2.ready-animate .info {
  background-color: white;
}
/* line 240, ../sass/_about.scss */
.block_about2.ready-animate .info h2 {
  transform: translateX(-30%);
  filter: blur(20px);
  opacity: 0;
}
/* line 245, ../sass/_about.scss */
.block_about2.ready-animate .info p {
  transform: translateX(-30%);
  filter: blur(20px);
  opacity: 0;
}
/* line 251, ../sass/_about.scss */
.block_about2.ready-animate .year_list {
  transform: translateX(-130%);
  filter: blur(20px);
  opacity: 0;
}
/* line 259, ../sass/_about.scss */
.block_about2.run-animate::before {
  background-color: #D8D6CE;
}
/* line 262, ../sass/_about.scss */
.block_about2.run-animate .img {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
/* line 267, ../sass/_about.scss */
.block_about2.run-animate .info {
  background-color: #D8D6CE;
}
/* line 269, ../sass/_about.scss */
.block_about2.run-animate .info h2 {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
/* line 274, ../sass/_about.scss */
.block_about2.run-animate .info p {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
/* line 280, ../sass/_about.scss */
.block_about2.run-animate .year_list {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
/* line 288, ../sass/_about.scss */
[data-js="false"] .block_about2 .img {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
/* line 294, ../sass/_about.scss */
[data-js="false"] .block_about2 .info h2 {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
/* line 299, ../sass/_about.scss */
[data-js="false"] .block_about2 .info p {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
/* line 305, ../sass/_about.scss */
[data-js="false"] .block_about2 .year_list {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}

/* line 312, ../sass/_about.scss */
.block_about3 {
  background-color: #E9E9E9;
  text-align: center;
  padding-bottom: 40px;
}
/* line 316, ../sass/_about.scss */
.block_about3 article {
  margin-bottom: 24px;
}
/* line 318, ../sass/_about.scss */
.block_about3 article h2 {
  font-size: 2.2em;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  /* line 318, ../sass/_about.scss */
  .block_about3 article h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 600px) {
  /* line 318, ../sass/_about.scss */
  .block_about3 article h2 {
    font-size: 1.25em;
    padding: 2px 0;
  }
}
/* line 330, ../sass/_about.scss */
.block_about3 article p {
  letter-spacing: 0.1em;
  line-height: 1.6em;
}
/* line 335, ../sass/_about.scss */
.block_about3 .center {
  position: relative;
  height: 32px;
  padding: 0;
  max-width: 1380px;
  width: 100%;
  display: inline-block;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 335, ../sass/_about.scss */
  .block_about3 .center {
    max-width: calc(100% - 40px);
  }
}
/* line 346, ../sass/_about.scss */
.block_about3 .center.block_about3_center {
  max-width: 1320px;
}
/* line 350, ../sass/_about.scss */
.block_about3 h2 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  /* line 350, ../sass/_about.scss */
  .block_about3 h2 {
    margin-bottom: 16px;
  }
}
/* line 358, ../sass/_about.scss */
.block_about3 h2 .zh {
  display: block;
  font-size: 1.75em;
  padding: 8px 0;
}
@media screen and (max-width: 1024px) {
  /* line 358, ../sass/_about.scss */
  .block_about3 h2 .zh {
    font-size: 1.4em;
    padding: 2px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 358, ../sass/_about.scss */
  .block_about3 h2 .zh {
    font-size: 1.125em;
    padding: 2px 0;
  }
}
/* line 372, ../sass/_about.scss */
.block_about3 .swiper-slide {
  height: auto !important;
}
/* line 376, ../sass/_about.scss */
.block_about3 .swiper-container-stopplay {
  overflow: hidden;
  padding-bottom: 90px;
}
@media screen and (max-width: 1024px) {
  /* line 376, ../sass/_about.scss */
  .block_about3 .swiper-container-stopplay {
    padding-bottom: 0;
  }
}
/* line 383, ../sass/_about.scss */
.block_about3 .swiper-wrapper_works {
  height: auto !important;
}
/* line 386, ../sass/_about.scss */
.block_about3 .swiper-pagination-bullet {
  position: absolute;
  background: #E9E9E9 !important;
  display: inline-block;
  width: auto;
  height: auto;
  opacity: 0;
}
/* line 394, ../sass/_about.scss */
.block_about3 .swiper-pagination-bullet-active {
  opacity: 1;
}
/* line 397, ../sass/_about.scss */
.block_about3 ul.block_works_list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  max-width: 1380px;
  padding: 0 4px;
}
/* line 407, ../sass/_about.scss */
.block_about3 ul.block_works_list > li {
  flex: 0 0 33.33%;
  padding: 32px;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  /* line 407, ../sass/_about.scss */
  .block_about3 ul.block_works_list > li {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 600px) {
  /* line 407, ../sass/_about.scss */
  .block_about3 ul.block_works_list > li {
    padding: 4px;
  }
}
/* line 417, ../sass/_about.scss */
.block_about3 ul.block_works_list > li:nth-child(1), .block_about3 ul.block_works_list > li:nth-child(3), .block_about3 ul.block_works_list > li:nth-child(4), .block_about3 ul.block_works_list > li:nth-child(6) {
  transform: translateY(90px);
}
@media screen and (max-width: 1024px) {
  /* line 417, ../sass/_about.scss */
  .block_about3 ul.block_works_list > li:nth-child(1), .block_about3 ul.block_works_list > li:nth-child(3), .block_about3 ul.block_works_list > li:nth-child(4), .block_about3 ul.block_works_list > li:nth-child(6) {
    transform: none;
  }
}
/* line 426, ../sass/_about.scss */
.block_about3 ul.block_works_list > li a {
  color: black;
}
/* line 429, ../sass/_about.scss */
.block_about3 ul.block_works_list > li a:hover .img, .block_about3 ul.block_works_list > li a:focus .img {
  background-color: black;
}
/* line 431, ../sass/_about.scss */
.block_about3 ul.block_works_list > li a:hover .img img, .block_about3 ul.block_works_list > li a:focus .img img {
  transform: scale(1.2);
  opacity: 0.4;
}
/* line 437, ../sass/_about.scss */
.block_about3 ul.block_works_list > li a p {
  padding: 16px 0;
}
/* line 442, ../sass/_about.scss */
.block_about3 ul.block_works_list > li ol {
  background-color: white;
  text-align: left;
  padding: 44px 16px;
  letter-spacing: 0.05em;
}
/* line 447, ../sass/_about.scss */
.block_about3 ul.block_works_list > li ol > li {
  padding: 4px 0;
  transform: none;
}
/* line 450, ../sass/_about.scss */
.block_about3 ul.block_works_list > li ol > li:nth-child(1) {
  font-weight: bold;
  font-size: 1.25em;
}
/* line 456, ../sass/_about.scss */
.block_about3 ul.block_works_list .img {
  width: 100%;
  height: 0;
  padding-bottom: 105%;
  overflow: hidden;
  transition: all .8s ease-in-out;
}
/* line 462, ../sass/_about.scss */
.block_about3 ul.block_works_list .img img {
  width: 100%;
  float: left;
  transition: all 1.8s;
}

/* line 576, ../sass/_about.scss */
.block_about4 {
  background-color: #D8D6CE;
  text-align: center;
  padding-bottom: 40px;
}
@media screen and (max-width: 600px) {
  /* line 576, ../sass/_about.scss */
  .block_about4 {
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 583, ../sass/_about.scss */
  .block_about4 .center {
    padding: 0;
  }
}
/* line 588, ../sass/_about.scss */
.block_about4 article {
  margin-bottom: 24px;
}
@media screen and (max-width: 600px) {
  /* line 588, ../sass/_about.scss */
  .block_about4 article {
    padding: 32px 16px 0px 16px;
  }
}
/* line 593, ../sass/_about.scss */
.block_about4 article h2 {
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-bottom: 56px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 593, ../sass/_about.scss */
  .block_about4 article h2 {
    font-size: 1.75em;
    margin-bottom: 24px;
  }
  /* line 601, ../sass/_about.scss */
  .block_about4 article h2 .chinese,
  .block_about4 article h2 .english {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  /* line 593, ../sass/_about.scss */
  .block_about4 article h2 {
    font-size: 1em;
    padding: 2px 0;
  }
}
/* line 610, ../sass/_about.scss */
.block_about4 article h2 .chinese {
  font-size: 1.75em;
  margin-right: 8px;
}
@media screen and (max-width: 1024px) {
  /* line 610, ../sass/_about.scss */
  .block_about4 article h2 .chinese {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 610, ../sass/_about.scss */
  .block_about4 article h2 .chinese {
    font-size: 1.125em;
  }
}
/* line 621, ../sass/_about.scss */
.block_about4 article p {
  letter-spacing: 0.1em;
  line-height: 1.8em;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
  transition: all 1s ease-out;
}
/* line 631, ../sass/_about.scss */
.block_about4 .business_collaboration {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1060px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 600px) {
  /* line 631, ../sass/_about.scss */
  .block_about4 .business_collaboration {
    padding-bottom: 32px;
  }
}
/* line 643, ../sass/_about.scss */
.block_about4 .business_collaboration li {
  display: inline-block;
  margin: 40px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 643, ../sass/_about.scss */
  .block_about4 .business_collaboration li {
    margin: 0;
    padding: 0 20px;
  }
}
@media screen and (max-width: 600px) {
  /* line 643, ../sass/_about.scss */
  .block_about4 .business_collaboration li {
    margin: 0;
    padding: 0 8px;
  }
}
/* line 655, ../sass/_about.scss */
.block_about4 .business_collaboration li:first-child {
  margin-left: 5%;
}
@media screen and (max-width: 1024px) {
  /* line 655, ../sass/_about.scss */
  .block_about4 .business_collaboration li:first-child {
    margin-left: 0;
  }
}
/* line 661, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(1) {
  transition-delay: .4s;
}
/* line 664, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(2) {
  transition-delay: .6s;
}
/* line 667, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(3) {
  transition-delay: .8s;
}
/* line 670, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(4) {
  transition-delay: 1s;
}
/* line 673, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(5) {
  transition-delay: 1.2s;
}
/* line 676, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(6) {
  transition-delay: 1.4s;
}
/* line 679, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(7) {
  transition-delay: 1.6s;
}
/* line 682, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(8) {
  transition-delay: 1.8s;
}
/* line 685, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(9) {
  transition-delay: 2s;
}
/* line 688, ../sass/_about.scss */
.block_about4 .business_collaboration li:nth-child(8) {
  transition-delay: 2.2s;
}
/* line 693, ../sass/_about.scss */
.block_about4 .business_collaboration figure .img {
  border-radius: 200px;
  overflow: hidden;
  display: block;
  width: 184px;
  height: 184px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  /* line 693, ../sass/_about.scss */
  .block_about4 .business_collaboration figure .img {
    width: 128px;
    height: 128px;
    margin: 0 auto;
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 600px) {
  /* line 693, ../sass/_about.scss */
  .block_about4 .business_collaboration figure .img {
    width: 96px;
    height: 96px;
    margin-bottom: 8px;
  }
}
/* line 711, ../sass/_about.scss */
.block_about4 .business_collaboration figure .img img {
  width: 100%;
}
/* line 716, ../sass/_about.scss */
.block_about4 .business_collaboration figcaption {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  /* line 716, ../sass/_about.scss */
  .block_about4 .business_collaboration figcaption {
    width: 96px;
    font-size: 0.9em;
  }
}
/* line 722, ../sass/_about.scss */
.block_about4 .business_collaboration figcaption span {
  display: block;
}
/* line 729, ../sass/_about.scss */
.block_about4.ready-animate h2,
.block_about4.ready-animate p,
.block_about4.ready-animate .business_collaboration li {
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 740, ../sass/_about.scss */
.block_about4.run-animate h2,
.block_about4.run-animate p,
.block_about4.run-animate .business_collaboration li {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}

/* line 2, ../sass/_service.scss */
.block_service1 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service1 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service1 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(1) a .img::before {
  background-image: url("../images/icon/service_process_tab1.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide1::after {
  background-image: url("../images/icon/swiper-slide1.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide1 {
  background-image: url("../images/service/main_slice1.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(1) .icon::before {
  background-image: url("../images/icon/service_process_tab1.svg");
}

/* line 2, ../sass/_service.scss */
.block_service2 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service2 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service2 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(2) a .img::before {
  background-image: url("../images/icon/service_process_tab2.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide2::after {
  background-image: url("../images/icon/swiper-slide2.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide2 {
  background-image: url("../images/service/main_slice2.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(2) .icon::before {
  background-image: url("../images/icon/service_process_tab2.svg");
}

/* line 2, ../sass/_service.scss */
.block_service3 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service3 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service3 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(3) a .img::before {
  background-image: url("../images/icon/service_process_tab3.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide3::after {
  background-image: url("../images/icon/swiper-slide3.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide3 {
  background-image: url("../images/service/main_slice3.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(3) .icon::before {
  background-image: url("../images/icon/service_process_tab3.svg");
}

/* line 2, ../sass/_service.scss */
.block_service4 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service4 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service4 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(4) a .img::before {
  background-image: url("../images/icon/service_process_tab4.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide4::after {
  background-image: url("../images/icon/swiper-slide4.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide4 {
  background-image: url("../images/service/main_slice4.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(4) .icon::before {
  background-image: url("../images/icon/service_process_tab4.svg");
}

/* line 2, ../sass/_service.scss */
.block_service5 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service5 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service5 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(5) a .img::before {
  background-image: url("../images/icon/service_process_tab5.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide5::after {
  background-image: url("../images/icon/swiper-slide5.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide5 {
  background-image: url("../images/service/main_slice5.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(5) .icon::before {
  background-image: url("../images/icon/service_process_tab5.svg");
}

/* line 2, ../sass/_service.scss */
.block_service6 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service6 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service6 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(6) a .img::before {
  background-image: url("../images/icon/service_process_tab6.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide6::after {
  background-image: url("../images/icon/swiper-slide6.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide6 {
  background-image: url("../images/service/main_slice6.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(6) .icon::before {
  background-image: url("../images/icon/service_process_tab6.svg");
}

/* line 2, ../sass/_service.scss */
.block_service7 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service7 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service7 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(7) a .img::before {
  background-image: url("../images/icon/service_process_tab7.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide7::after {
  background-image: url("../images/icon/swiper-slide7.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide7 {
  background-image: url("../images/service/main_slice7.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(7) .icon::before {
  background-image: url("../images/icon/service_process_tab7.svg");
}

/* line 2, ../sass/_service.scss */
.block_service8 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service8 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service8 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(8) a .img::before {
  background-image: url("../images/icon/service_process_tab8.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide8::after {
  background-image: url("../images/icon/swiper-slide8.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide8 {
  background-image: url("../images/service/main_slice8.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(8) .icon::before {
  background-image: url("../images/icon/service_process_tab8.svg");
}

/* line 2, ../sass/_service.scss */
.block_service9 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service9 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service9 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(9) a .img::before {
  background-image: url("../images/icon/service_process_tab9.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide9::after {
  background-image: url("../images/icon/swiper-slide9.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide9 {
  background-image: url("../images/service/main_slice9.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(9) .icon::before {
  background-image: url("../images/icon/service_process_tab9.svg");
}

/* line 2, ../sass/_service.scss */
.block_service10 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_service.scss */
  .block_service10 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_service.scss */
  .block_service10 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(10) a .img::before {
  background-image: url("../images/icon/service_process_tab10.svg");
}

/* line 15, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide10::after {
  background-image: url("../images/icon/swiper-slide10.svg");
}

/* line 18, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide10 {
  background-image: url("../images/service/main_slice10.jpg");
}

/* line 21, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li:nth-child(10) .icon::before {
  background-image: url("../images/icon/service_process_tab10.svg");
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_service1
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 28, ../sass/_service.scss */
.block_service1 {
  position: relative;
  padding: 0;
  min-height: 100vh;
  overflow: hidden;
  background-color: black;
}
@media screen and (max-width: 1432px) {
  /* line 28, ../sass/_service.scss */
  .block_service1 {
    min-height: auto;
  }
}
/* line 37, ../sass/_service.scss */
.block_service1 .center {
  max-width: 100%;
  padding: 0;
}
/* line 40, ../sass/_service.scss */
.block_service1 .center article {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  left: 0;
  color: white;
  text-align: left;
  width: 100%;
  max-width: 1432px;
  margin: 0 auto;
  height: 100vh;
  max-width: 1308px;
  padding: 0;
}
@media screen and (max-width: 1440px) and (min-width: 1px) {
  /* line 40, ../sass/_service.scss */
  .block_service1 .center article {
    max-width: 1432px;
    padding: 0 56px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 40, ../sass/_service.scss */
  .block_service1 .center article {
    height: 400px;
    padding: 0 24px;
  }
}
/* line 62, ../sass/_service.scss */
.block_service1 .center article h2 {
  position: absolute;
  top: calc(50% - 56px);
  transform: translateY(-50%);
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  /* line 62, ../sass/_service.scss */
  .block_service1 .center article h2 {
    top: 40px;
  }
}
/* line 72, ../sass/_service.scss */
.block_service1 .center article h2 span {
  display: block;
}
/* line 75, ../sass/_service.scss */
.block_service1 .center article h2 .chinese {
  font-size: 3.125em;
  margin-bottom: 24px;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1024px) {
  /* line 75, ../sass/_service.scss */
  .block_service1 .center article h2 .chinese {
    font-size: 2em;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 600px) {
  /* line 75, ../sass/_service.scss */
  .block_service1 .center article h2 .chinese {
    font-size: 1.25em;
  }
}
/* line 87, ../sass/_service.scss */
.block_service1 .center article h2 .english {
  font-size: 1.75em;
  font-weight: normal;
  font-family: system-ui;
}
@media screen and (max-width: 1024px) {
  /* line 87, ../sass/_service.scss */
  .block_service1 .center article h2 .english {
    font-size: 1.4em;
    font-weight: normal;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 600px) {
  /* line 87, ../sass/_service.scss */
  .block_service1 .center article h2 .english {
    font-size: 1.125em;
  }
}
/* line 102, ../sass/_service.scss */
.block_service1 .center article .swiper-button {
  width: 72px;
  position: absolute;
  bottom: 15px;
  left: 136px;
  z-index: 4;
}
@media screen and (max-width: 1024px) {
  /* line 102, ../sass/_service.scss */
  .block_service1 .center article .swiper-button {
    left: 88px;
    bottom: 56px;
  }
}
@media screen and (max-width: 600px) {
  /* line 102, ../sass/_service.scss */
  .block_service1 .center article .swiper-button {
    left: 88px;
    bottom: auto;
    top: 161px;
  }
}
/* line 120, ../sass/_service.scss */
.block_service1 .swiper-wrapper_service {
  height: 100%;
  min-height: 100vh;
  width: 100vw;
}
@media screen and (max-width: 1432px) {
  /* line 120, ../sass/_service.scss */
  .block_service1 .swiper-wrapper_service {
    min-height: auto;
  }
}
/* line 128, ../sass/_service.scss */
.block_service1 .mySwiper2 {
  position: relative;
  z-index: 1;
}
/* line 131, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide {
  color: white;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
/* line 136, ../sass/_service.scss */
.block_service1 .mySwiper2 .swiper-slide span {
  display: block;
  width: 100%;
  max-width: 1432px;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 32px;
  font-size: 1.25em;
  letter-spacing: 0.01em;
  font-weight: bold;
  max-width: 1308px;
  padding: 0;
}
@media screen and (max-width: 1440px) and (min-width: 1px) {
  /* line 136, ../sass/_service.scss */
  .block_service1 .mySwiper2 .swiper-slide span {
    max-width: 1432px;
    padding: 0 56px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 136, ../sass/_service.scss */
  .block_service1 .mySwiper2 .swiper-slide span {
    font-size: 1em;
    transform: translateX(-28px);
  }
}
@media screen and (max-width: 600px) {
  /* line 136, ../sass/_service.scss */
  .block_service1 .mySwiper2 .swiper-slide span {
    font-size: 0.9em;
    margin-bottom: 16px;
  }
}
/* line 163, ../sass/_service.scss */
.block_service1 .mySwiper {
  width: 100%;
  height: 240px;
  max-width: 1308px;
  padding: 0;
  margin: 0 auto;
  position: absolute;
  height: 240px;
  bottom: 96px;
  z-index: 4;
  left: 0;
  right: 0;
}
@media screen and (max-width: 1440px) and (min-width: 1px) {
  /* line 163, ../sass/_service.scss */
  .block_service1 .mySwiper {
    max-width: 1432px;
    padding: 0 56px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 163, ../sass/_service.scss */
  .block_service1 .mySwiper {
    bottom: 16px;
    height: 88px;
    overflow: hidden;
    padding: 0 16px;
    bottom: 64px;
  }
}
@media screen and (max-width: 600px) {
  /* line 163, ../sass/_service.scss */
  .block_service1 .mySwiper {
    height: 64px;
    bottom: 44px;
  }
}
/* line 191, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide {
  cursor: pointer;
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
  height: 240px;
  color: white;
  box-sizing: border-box;
  padding: 56px 40px;
  letter-spacing: 0.105em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto !important;
}
@media screen and (max-width: 1175px) and (min-width: 1px) {
  /* line 191, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide {
    padding: 40px 36px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 191, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide {
    padding: 8px;
  }
}
/* line 211, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide:hover, .block_service1 .mySwiper .swiper-slide:focus {
  background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1024px) {
  /* line 211, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide:hover, .block_service1 .mySwiper .swiper-slide:focus {
    background-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
  /* line 191, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide {
    background-color: transparent;
  }
}
/* line 222, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide::before {
  content: "​";
  position: absolute;
  width: 100%;
  height: 5px;
  background-color: #AFAFAF;
  top: 0;
  left: 0;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  /* line 222, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide::before {
    background-color: transparent;
  }
}
/* line 235, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide::after {
  content: "​";
  display: block;
  position: absolute;
  z-index: 2;
  right: 40px;
  top: 0;
  max-width: 120px;
  width: 33%;
  padding-bottom: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  display: none;
}
@media screen and (max-width: 1370px) and (min-width: 1px) {
  /* line 235, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide::after {
    top: auto;
    bottom: 0;
    max-width: 88px;
  }
}
@media screen and (max-width: 1175px) and (min-width: 1px) {
  /* line 235, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide::after {
    max-width: 72px;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  /* line 235, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide::after {
    max-width: 56px;
    top: 0;
    right: 0;
    height: 0;
    padding-bottom: 33%;
    margin: 12px;
    left: auto;
    margin-right: -14px;
  }
}
@media screen and (max-width: 600px) {
  /* line 235, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide::after {
    display: none;
  }
}
/* line 274, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide.swiper-slide-thumb-active {
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 276, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide.swiper-slide-thumb-active::before {
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  /* line 274, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide.swiper-slide-thumb-active {
    background-color: transparent;
  }
}
@media screen and (max-width: 1024px) {
  /* line 283, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide.swiper-slide-thumb-active .zh {
    background-color: #000;
    border-top: #000 solid 2px;
  }
}
/* line 290, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide .zh {
  display: flex;
}
@media screen and (max-width: 1024px) {
  /* line 290, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .zh {
    width: calc(100% + 40px);
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 16px 18px;
    box-sizing: border-box;
    border-top: #AFAFAF solid 2px;
  }
}
@media screen and (max-width: 600px) {
  /* line 290, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .zh {
    padding: 4px 8px;
  }
}
/* line 303, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide .zh .no {
  border-bottom: white 1px solid;
  padding-bottom: 4px;
  margin-right: 24px;
  padding-top: 6px;
  margin-bottom: 4px;
}
@media screen and (max-width: 1175px) and (min-width: 1px) {
  /* line 303, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .zh .no {
    margin-right: 8px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 303, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .zh .no {
    margin: 0;
    font-size: 0.9em;
  }
}
/* line 317, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide .zh h3 {
  font-size: 1.5em;
}
@media screen and (max-width: 1175px) and (min-width: 1px) {
  /* line 317, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .zh h3 {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 1024px) {
  /* line 317, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .zh h3 {
    font-size: 0.9em;
    display: block;
    width: 100%;
    clear: both;
    text-wrap: nowrap;
    margin-top: 8px;
  }
}
/* line 332, ../sass/_service.scss */
.block_service1 .mySwiper .swiper-slide .en {
  font-weight: normal;
  letter-spacing: 0.12em;
  line-height: 1.4em;
  margin: 8px 0;
}
@media screen and (max-width: 1175px) and (min-width: 1px) {
  /* line 332, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .en {
    font-size: 0.9em;
    line-height: 1.4em;
  }
}
@media screen and (max-width: 1024px) {
  /* line 332, ../sass/_service.scss */
  .block_service1 .mySwiper .swiper-slide .en {
    display: none;
  }
}
/* line 347, ../sass/_service.scss */
.block_service1 .swiper-button-next, .block_service1 .swiper-button-prev {
  filter: inherit;
  width: 32px;
  height: 32px;
}
/* line 351, ../sass/_service.scss */
.block_service1 .swiper-button-next::before, .block_service1 .swiper-button-prev::before {
  filter: brightness(100);
  background-position: 42% 40%;
  background-size: 60%;
  width: 32px;
  height: 32px;
}
/* line 358, ../sass/_service.scss */
.block_service1 .swiper-button-next:hover, .block_service1 .swiper-button-next:focus, .block_service1 .swiper-button-prev:hover, .block_service1 .swiper-button-prev:focus {
  border-color: black;
  background-color: black;
}
/* line 363, ../sass/_service.scss */
.block_service1 .swiper-button-prev {
  left: 48px;
}
/* line 366, ../sass/_service.scss */
.block_service1 .swiper-button-next {
  right: -48px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_service2
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 373, ../sass/_service.scss */
.block_service2 {
  position: relative;
  background-image: url("../images/index/bg_block_index5.jpg");
  background-size: contain;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  color: #000;
  overflow: hidden;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 373, ../sass/_service.scss */
  .block_service2 {
    height: auto;
  }
}
/* line 386, ../sass/_service.scss */
.block_service2 h2 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}
@media screen and (max-width: 600px) {
  /* line 386, ../sass/_service.scss */
  .block_service2 h2 {
    margin-bottom: 32px;
  }
}
/* line 394, ../sass/_service.scss */
.block_service2 h2 span {
  display: block;
  transition: all 1s ease-out;
}
/* line 398, ../sass/_service.scss */
.block_service2 h2 .english {
  font-size: 1em;
  margin-bottom: 16px;
}
/* line 402, ../sass/_service.scss */
.block_service2 h2 .chinese {
  font-size: 1.75em;
}
@media screen and (max-width: 1024px) {
  /* line 402, ../sass/_service.scss */
  .block_service2 h2 .chinese {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 402, ../sass/_service.scss */
  .block_service2 h2 .chinese {
    font-size: 1.125em;
  }
}
/* line 413, ../sass/_service.scss */
.block_service2 .center {
  position: relative;
  max-width: 1432px;
}
/* line 419, ../sass/_service.scss */
.block_service2 .service_process article {
  width: 50%;
  float: left;
  padding-left: 56px;
  box-sizing: border-box;
  padding-left: 32px;
}
/* line 425, ../sass/_service.scss */
.block_service2 .service_process article h2 {
  font-size: 1em;
  letter-spacing: 0.1em;
  transition: all 1s ease-out;
}
/* line 429, ../sass/_service.scss */
.block_service2 .service_process article h2 span {
  display: block;
  transition: all 1s ease-out;
}
/* line 432, ../sass/_service.scss */
.block_service2 .service_process article h2 span.zh {
  font-size: 2.25em;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
  /* line 432, ../sass/_service.scss */
  .block_service2 .service_process article h2 span.zh {
    font-size: 2em;
    letter-spacing: 0.05em;
  }
}
/* line 441, ../sass/_service.scss */
.block_service2 .service_process article h2 span.en {
  font-size: 1.25em;
  letter-spacing: 0.1em;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  /* line 441, ../sass/_service.scss */
  .block_service2 .service_process article h2 span.en {
    font-size: 1em;
    letter-spacing: 0.05em;
  }
}
/* line 454, ../sass/_service.scss */
.block_service2 .service_process_tabs {
  width: 100%;
}
/* line 456, ../sass/_service.scss */
.block_service2 .service_process_tabs > article {
  max-width: 660px;
  position: absolute;
  right: 48px;
  top: 156px;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 456, ../sass/_service.scss */
  .block_service2 .service_process_tabs > article {
    position: relative;
    max-width: 100%;
    left: 0;
    top: 0;
  }
}
/* line 468, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container {
  width: 100%;
  padding: 24px 0;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 468, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container {
    padding: 0;
  }
}
/* line 475, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li {
  width: 100%;
}
/* line 480, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .info {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 632px;
  margin: 0 48px;
  margin-right: 0;
  float: left;
  border-bottom: #000 solid 2px;
  padding: 0px 0px 16px 0px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 480, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .info {
    width: 100%;
    margin: 0;
    padding-left: 40px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 480, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .info {
    padding-left: 32px;
  }
}
@media screen and (max-width: 600px) {
  /* line 480, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .info {
    padding-left: 8px;
  }
}
/* line 507, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .icon {
  display: block;
  position: relative;
  width: 104px;
  height: 104px;
  border-radius: 200px;
  overflow: hidden;
  background-color: black;
  background-size: contain;
  margin-right: 48px;
  min-width: 104px;
  margin-left: 16px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 720px) and (min-width: 1px) {
  /* line 507, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .icon {
    width: 96px;
    height: 96px;
    min-width: 96px;
  }
}
@media screen and (max-width: 600px) {
  /* line 507, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .icon {
    width: 88px;
    height: 88px;
    min-width: 88px;
    margin-right: 16px;
  }
}
/* line 531, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .icon::before {
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  filter: brightness(100);
  content: "​";
  width: 104px;
  height: 104px;
  background-image: url("../images/icon/service_process_tab1.svg");
  background-size: contain;
  transition: all 1s ease-out;
}
@media screen and (max-width: 720px) and (min-width: 1px) {
  /* line 531, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .icon::before {
    width: 96px;
    height: 96px;
  }
}
@media screen and (max-width: 600px) {
  /* line 531, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .icon::before {
    width: 88px;
    height: 88px;
  }
}
/* line 554, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .image {
  width: calc(100% - 680px);
  float: left;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 554, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content li .image {
    width: 100%;
  }
}
/* line 562, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .txt {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
/* line 566, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .txt .step {
  margin-top: 16px;
  letter-spacing: 0.05em;
}
/* line 570, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .txt .title {
  margin-top: 8px;
}
/* line 573, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content li .txt p {
  margin-top: 8px;
  letter-spacing: 0.05em;
}
/* line 579, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content span {
  float: right;
  margin-top: 64px;
  font-size: 1.25em;
  letter-spacing: 0.01em;
  font-weight: bold;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 579, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content span {
    font-size: 1em;
    margin-top: 24px;
  }
}
@media screen and (max-width: 600px) {
  /* line 579, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tab_container .tab_content span {
    font-size: 0.9em;
  }
}
/* line 593, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content .img {
  width: 100%;
  height: 0;
  padding-bottom: 73%;
  background-color: rgba(255, 255, 255, 0.8);
}
/* line 599, ../sass/_service.scss */
.block_service2 .service_process_tabs .tab_container .tab_content img {
  width: 100%;
}
/* line 604, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 105px;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 604, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 604, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs {
    margin-bottom: 16px;
  }
}
/* line 615, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li {
  display: flex;
  flex: 0 0 25%;
  padding: 24px 16px;
  box-sizing: border-box;
  position: relative;
  justify-content: center;
  align-items: center;
  transition: all 1.2s ease-out;
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 615, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs li {
    flex: 0 0 25%;
    padding: 24px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 615, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs li {
    flex: 0 0 33.33%;
  }
}
@media screen and (max-width: 365px) and (min-width: 1px) {
  /* line 615, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs li {
    flex: 0 0 50%;
  }
}
/* line 640, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(1) {
  transition-delay: .2s;
}
/* line 643, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(2) {
  transition-delay: .35s;
}
/* line 646, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(3) {
  transition-delay: .5s;
}
/* line 649, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(4) {
  transition-delay: .65s;
}
/* line 652, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(5) {
  transition-delay: .8s;
}
/* line 655, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(6) {
  transition-delay: .95s;
}
/* line 658, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(7) {
  transition-delay: 1.1s;
}
/* line 661, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(8) {
  transition-delay: 1.25s;
}
/* line 664, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(9) {
  transition-delay: 1.4s;
}
/* line 667, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs li:nth-child(8) {
  transition-delay: 1.55s;
}
/* line 671, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs a {
  color: black;
}
/* line 674, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs a:hover .img, .block_service2 .service_process_tabs .tabs a:focus .img {
  background-color: black;
  border-color: black;
}
/* line 677, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs a:hover .img::before, .block_service2 .service_process_tabs .tabs a:focus .img::before {
  filter: grayscale(0) brightness(100);
}
/* line 683, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs .img {
  display: block;
  width: 104px;
  height: 104px;
  border: black solid 2px;
  border-radius: 200px;
  overflow: hidden;
  position: relative;
  margin-bottom: 16px;
  margin-top: 2px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 720px) and (min-width: 1px) {
  /* line 683, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs .img {
    width: 96px;
    height: 96px;
  }
}
@media screen and (max-width: 600px) {
  /* line 683, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs .img {
    width: 88px;
    height: 88px;
    border: black solid 1px;
  }
}
/* line 703, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs .img::before {
  content: "​";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: cover;
  filter: grayscale(0) brightness(0);
  transition: all 1s ease-out;
}
@media screen and (max-width: 720px) and (min-width: 1px) {
  /* line 703, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs .img::before {
    width: 92px;
    height: 92px;
  }
}
@media screen and (max-width: 600px) {
  /* line 703, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs .img::before {
    width: 86px;
    height: 86px;
  }
}
/* line 725, ../sass/_service.scss */
.block_service2 .service_process_tabs .tabs .figcaption {
  position: absolute;
  bottom: 0;
  text-align: center;
  color: black;
  letter-spacing: 0.05em;
  word-break: keep-all;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 150%;
  transform: translateX(-16%);
}
@media screen and (max-width: 1024px) {
  /* line 725, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs .figcaption {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 600px) {
  /* line 725, ../sass/_service.scss */
  .block_service2 .service_process_tabs .tabs .figcaption {
    font-size: 0.8em;
  }
}
/* line 749, ../sass/_service.scss */
.block_service2.ready-animate .image {
  transform: translateX(-100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 754, ../sass/_service.scss */
.block_service2.ready-animate .info {
  transform: translateX(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 759, ../sass/_service.scss */
.block_service2.ready-animate span.english,
.block_service2.ready-animate span.chinese,
.block_service2.ready-animate .service_process_tabs .tabs li {
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 769, ../sass/_service.scss */
.block_service2.run-animate .image {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
/* line 774, ../sass/_service.scss */
.block_service2.run-animate .info {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
/* line 779, ../sass/_service.scss */
.block_service2.run-animate span.english,
.block_service2.run-animate span.chinese,
.block_service2.run-animate .service_process_tabs .tabs li {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.block_service3
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* line 791, ../sass/_service.scss */
.block_service3 {
  padding: 112px 0;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  /* line 791, ../sass/_service.scss */
  .block_service3 {
    padding: 48px 0;
  }
}
/* line 797, ../sass/_service.scss */
.block_service3 .center {
  max-width: 1432px;
}
/* line 802, ../sass/_service.scss */
.block_service3 .center > article {
  letter-spacing: 0.1em;
  line-height: 1.8em;
  width: 63%;
  float: left;
  padding-right: 64px;
}
@media screen and (max-width: 1024px) {
  /* line 802, ../sass/_service.scss */
  .block_service3 .center > article {
    width: 100%;
    padding-right: 0;
  }
}
/* line 813, ../sass/_service.scss */
.block_service3 .center > figure {
  max-width: 552px;
  float: left;
  width: 37%;
  overflow: hidden;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 813, ../sass/_service.scss */
  .block_service3 .center > figure {
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 80%;
  }
  /* line 824, ../sass/_service.scss */
  .block_service3 .center > figure img {
    width: 100%;
    max-width: 100%;
    transition: all 1s ease-out;
  }
}
/* line 831, ../sass/_service.scss */
.block_service3 .center h2 {
  font-size: 1em;
  margin-bottom: 40px;
  transition: all 1s ease-out;
}
/* line 835, ../sass/_service.scss */
.block_service3 .center h2 .english,
.block_service3 .center h2 .chinese {
  font-size: 1.75em;
}
@media screen and (max-width: 1024px) {
  /* line 835, ../sass/_service.scss */
  .block_service3 .center h2 .english,
  .block_service3 .center h2 .chinese {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 835, ../sass/_service.scss */
  .block_service3 .center h2 .english,
  .block_service3 .center h2 .chinese {
    font-size: 1.125em;
  }
}
/* line 845, ../sass/_service.scss */
.block_service3 .center h2 .english {
  font-size: 1em;
}
/* line 849, ../sass/_service.scss */
.block_service3 .center p {
  transition: all 1s ease-out;
}
/* line 854, ../sass/_service.scss */
.block_service3 .service_point {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  /* line 854, ../sass/_service.scss */
  .block_service3 .service_point {
    padding-bottom: 32px;
  }
}
/* line 863, ../sass/_service.scss */
.block_service3 .service_point li {
  display: flex;
  flex: 0 0 25%;
  padding: 32px 16px;
  box-sizing: border-box;
  position: relative;
  justify-content: center;
  align-items: center;
  transition: all 1.2s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 863, ../sass/_service.scss */
  .block_service3 .service_point li {
    padding: 24px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 863, ../sass/_service.scss */
  .block_service3 .service_point li {
    flex: 0 0 33.33%;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 435px) and (min-width: 1px) {
  /* line 863, ../sass/_service.scss */
  .block_service3 .service_point li {
    flex: 0 0 50%;
  }
}
/* line 882, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(1) {
  transition-delay: .2s;
}
/* line 885, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(2) {
  transition-delay: .35s;
}
/* line 888, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(3) {
  transition-delay: .5s;
}
/* line 891, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(4) {
  transition-delay: .65s;
}
/* line 894, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(5) {
  transition-delay: .8s;
}
/* line 897, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(6) {
  transition-delay: .95s;
}
/* line 900, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(7) {
  transition-delay: 1.1s;
}
/* line 903, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(8) {
  transition-delay: 1.25s;
}
/* line 906, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(9) {
  transition-delay: 1.4s;
}
/* line 909, ../sass/_service.scss */
.block_service3 .service_point li:nth-child(8) {
  transition-delay: 1.55s;
}
/* line 912, ../sass/_service.scss */
.block_service3 .service_point li span {
  display: block;
  text-align: center;
}
/* line 915, ../sass/_service.scss */
.block_service3 .service_point li span.english_name {
  font-weight: bold;
  margin-bottom: 0px;
}
@media screen and (max-width: 600px) {
  /* line 915, ../sass/_service.scss */
  .block_service3 .service_point li span.english_name {
    margin-bottom: 2px;
    font-size: 0.9em;
  }
}
/* line 923, ../sass/_service.scss */
.block_service3 .service_point li span.chinese_name {
  font-size: 0.875em;
}
/* line 928, ../sass/_service.scss */
.block_service3 .service_point a {
  color: black;
}
/* line 931, ../sass/_service.scss */
.block_service3 .service_point a:hover .img, .block_service3 .service_point a:focus .img {
  background-color: black;
  border-color: black;
}
/* line 934, ../sass/_service.scss */
.block_service3 .service_point a:hover .img::before, .block_service3 .service_point a:focus .img::before {
  filter: grayscale(0) brightness(100);
}
/* line 940, ../sass/_service.scss */
.block_service3 .service_point .img {
  display: block;
  width: 104px;
  height: 104px;
  border-radius: 200px;
  overflow: hidden;
  position: relative;
  filter: grayscale(0) brightness(0);
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1370px) and (min-width: 1px) {
  /* line 940, ../sass/_service.scss */
  .block_service3 .service_point .img {
    width: 96px;
    height: 96px;
    margin: 0 auto;
  }
}
/* line 959, ../sass/_service.scss */
.block_service3 .service_point .img img {
  width: 100%;
}
/* line 962, ../sass/_service.scss */
.block_service3 .service_point .img::before {
  content: "​";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: cover;
  filter: grayscale(0) brightness(0);
  transition: all 1s ease-out;
}
/* line 976, ../sass/_service.scss */
.block_service3 .service_point .figcaption {
  position: absolute;
  bottom: 0;
  text-align: center;
  color: black;
  letter-spacing: 0.05em;
  word-break: keep-all;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* line 992, ../sass/_service.scss */
.block_service3.ready-animate h2,
.block_service3.ready-animate p {
  transform: translateX(-100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 998, ../sass/_service.scss */
.block_service3.ready-animate p {
  transition-delay: .8s;
}
/* line 1001, ../sass/_service.scss */
.block_service3.ready-animate .service_point li {
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 1006, ../sass/_service.scss */
.block_service3.ready-animate .center > figure {
  transform: translateX(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 1014, ../sass/_service.scss */
.block_service3.run-animate h2,
.block_service3.run-animate p {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
/* line 1020, ../sass/_service.scss */
.block_service3.run-animate .service_point li {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
/* line 1025, ../sass/_service.scss */
.block_service3.run-animate .center > figure {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}

/* line 2, ../sass/_works.scss */
.block_works1 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works1 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works1 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide1 {
  background-image: url("../images/works/main_slice1.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 1"]::before {
  content: "01";
}

/* line 2, ../sass/_works.scss */
.block_works2 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works2 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works2 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide2 {
  background-image: url("../images/works/main_slice2.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 2"]::before {
  content: "02";
}

/* line 2, ../sass/_works.scss */
.block_works3 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works3 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works3 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide3 {
  background-image: url("../images/works/main_slice3.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 3"]::before {
  content: "03";
}

/* line 2, ../sass/_works.scss */
.block_works4 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works4 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works4 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide4 {
  background-image: url("../images/works/main_slice4.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 4"]::before {
  content: "04";
}

/* line 2, ../sass/_works.scss */
.block_works5 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works5 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works5 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide5 {
  background-image: url("../images/works/main_slice5.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 5"]::before {
  content: "05";
}

/* line 2, ../sass/_works.scss */
.block_works6 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works6 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works6 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide6 {
  background-image: url("../images/works/main_slice6.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 6"]::before {
  content: "06";
}

/* line 2, ../sass/_works.scss */
.block_works7 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works7 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works7 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide7 {
  background-image: url("../images/works/main_slice7.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 7"]::before {
  content: "07";
}

/* line 2, ../sass/_works.scss */
.block_works8 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works8 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works8 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide8 {
  background-image: url("../images/works/main_slice8.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 8"]::before {
  content: "08";
}

/* line 2, ../sass/_works.scss */
.block_works9 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works9 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works9 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide9 {
  background-image: url("../images/works/main_slice9.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 9"]::before {
  content: "09";
}

/* line 2, ../sass/_works.scss */
.block_works10 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_works.scss */
  .block_works10 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_works.scss */
  .block_works10 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_works.scss */
.block_works1 .swiper-slide10 {
  background-image: url("../images/works/main_slice10.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_works.scss */
.block_works2 span[aria-label="Go to slide 10"]::before {
  content: "010";
}

/* line 24, ../sass/_works.scss */
.block_works1 {
  padding: 0;
  background-color: black;
}
@media screen and (max-width: 600px) {
  /* line 28, ../sass/_works.scss */
  .block_works1 article h2 span.zh {
    max-width: 8em;
  }
}
@media screen and (max-width: 600px) {
  /* line 33, ../sass/_works.scss */
  .block_works1 article h2 span.en {
    max-width: 14em;
  }
}

/* line 40, ../sass/_works.scss */
.block_portfolio4,
.block_works2 {
  overflow: hidden;
  padding-bottom: 96px;
}
/* line 44, ../sass/_works.scss */
.block_portfolio4 .center,
.block_works2 .center {
  position: relative;
  height: 32px;
  padding: 0;
  max-width: 1320px;
  width: 100%;
}
@media screen and (max-width: 1320px) and (min-width: 1px) {
  /* line 44, ../sass/_works.scss */
  .block_portfolio4 .center,
  .block_works2 .center {
    max-width: calc(100% - 40px);
  }
}
/* line 54, ../sass/_works.scss */
.block_portfolio4 h2,
.block_works2 h2 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
  transition: all 1s ease-out;
  transform: translateY(100%) scale(0.8);
  opacity: 0;
  filter: blur(20px);
}
@media screen and (max-width: 1024px) {
  /* line 54, ../sass/_works.scss */
  .block_portfolio4 h2,
  .block_works2 h2 {
    margin-bottom: 16px;
  }
}
/* line 66, ../sass/_works.scss */
.block_portfolio4 h2 .zh,
.block_works2 h2 .zh {
  font-size: 1.75em;
  padding: 8px 0;
}
@media screen and (max-width: 1024px) {
  /* line 66, ../sass/_works.scss */
  .block_portfolio4 h2 .zh,
  .block_works2 h2 .zh {
    font-size: 1.4em;
    padding: 2px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 66, ../sass/_works.scss */
  .block_portfolio4 h2 .zh,
  .block_works2 h2 .zh {
    font-size: 1.125em;
    padding: 2px 0;
  }
}
/* line 79, ../sass/_works.scss */
.block_portfolio4 h2 .en,
.block_works2 h2 .en {
  font-size: 1em;
}
/* line 82, ../sass/_works.scss */
.block_portfolio4 h2 .normal,
.block_works2 h2 .normal {
  font-weight: normal;
}
/* line 86, ../sass/_works.scss */
.block_portfolio4 .swiper-slide,
.block_works2 .swiper-slide {
  height: auto !important;
}
/* line 92, ../sass/_works.scss */
.block_portfolio4 .swiper-wrapper_works,
.block_works2 .swiper-wrapper_works {
  height: auto !important;
  background-color: transparent;
}
/* line 96, ../sass/_works.scss */
.block_portfolio4 .swiper-pagination-bullet,
.block_works2 .swiper-pagination-bullet {
  position: absolute;
  background: white !important;
  display: inline-block;
  width: auto;
  height: auto;
  opacity: 0;
}
/* line 104, ../sass/_works.scss */
.block_portfolio4 .swiper-pagination-bullet-active,
.block_works2 .swiper-pagination-bullet-active {
  opacity: 1;
}
/* line 107, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list,
.block_works2 ul.block_works_list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  max-width: 1360px;
  padding: 0 6px;
}
/* line 117, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li,
.block_works2 ul.block_works_list li {
  flex: 0 0 33.33%;
  padding: 18px;
  box-sizing: border-box;
  transition: all 1s ease-out;
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
@media screen and (max-width: 1024px) {
  /* line 117, ../sass/_works.scss */
  .block_portfolio4 ul.block_works_list li,
  .block_works2 ul.block_works_list li {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 600px) {
  /* line 117, ../sass/_works.scss */
  .block_portfolio4 ul.block_works_list li,
  .block_works2 ul.block_works_list li {
    padding: 4px;
  }
}
/* line 131, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li a,
.block_works2 ul.block_works_list li a {
  color: black;
}
/* line 134, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li a:hover .img, .block_portfolio4 ul.block_works_list li a:focus .img,
.block_works2 ul.block_works_list li a:hover .img,
.block_works2 ul.block_works_list li a:focus .img {
  background-color: black;
}
/* line 136, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li a:hover .img img, .block_portfolio4 ul.block_works_list li a:focus .img img,
.block_works2 ul.block_works_list li a:hover .img img,
.block_works2 ul.block_works_list li a:focus .img img {
  transform: scale(1.2);
  opacity: 0.4;
}
/* line 142, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li a p,
.block_works2 ul.block_works_list li a p {
  padding: 16px 0;
  letter-spacing: 0.1em;
}
/* line 147, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(1),
.block_works2 ul.block_works_list li:nth-child(1) {
  transition-delay: .4s;
}
/* line 150, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(2),
.block_works2 ul.block_works_list li:nth-child(2) {
  transition-delay: .6s;
}
/* line 153, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(3),
.block_works2 ul.block_works_list li:nth-child(3) {
  transition-delay: .8s;
}
/* line 156, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(4),
.block_works2 ul.block_works_list li:nth-child(4) {
  transition-delay: 1s;
}
/* line 159, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(5),
.block_works2 ul.block_works_list li:nth-child(5) {
  transition-delay: 1.2s;
}
/* line 162, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(6),
.block_works2 ul.block_works_list li:nth-child(6) {
  transition-delay: 1.4s;
}
/* line 165, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(7),
.block_works2 ul.block_works_list li:nth-child(7) {
  transition-delay: 1.6s;
}
/* line 168, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(8),
.block_works2 ul.block_works_list li:nth-child(8) {
  transition-delay: 1.8s;
}
/* line 171, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(9),
.block_works2 ul.block_works_list li:nth-child(9) {
  transition-delay: 2s;
}
/* line 174, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list li:nth-child(8),
.block_works2 ul.block_works_list li:nth-child(8) {
  transition-delay: 2.2s;
}
/* line 178, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list .img,
.block_works2 ul.block_works_list .img {
  width: 100%;
  height: 0;
  padding-bottom: 67%;
  overflow: hidden;
  transition: all .8s ease-in-out;
}
/* line 184, ../sass/_works.scss */
.block_portfolio4 ul.block_works_list .img img,
.block_works2 ul.block_works_list .img img {
  width: 100%;
  float: left;
  transition: all 1.8s;
}
/* line 196, ../sass/_works.scss */
.block_portfolio4.ready-animate article h2,
.block_works2.ready-animate article h2 {
  transform: translateY(100%) scale(0.8);
  opacity: 0;
  filter: blur(20px);
}
/* line 201, ../sass/_works.scss */
.block_portfolio4.ready-animate .center,
.block_works2.ready-animate .center {
  transform: translateY(200%);
  opacity: 0;
}
/* line 206, ../sass/_works.scss */
.block_portfolio4.ready-animate .block_works_list li,
.block_works2.ready-animate .block_works_list li {
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 215, ../sass/_works.scss */
.block_portfolio4.run-animate article h2,
.block_works2.run-animate article h2 {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
/* line 220, ../sass/_works.scss */
.block_portfolio4.run-animate .center,
.block_works2.run-animate .center {
  transform: translateY(0);
  opacity: 1;
}
/* line 225, ../sass/_works.scss */
.block_portfolio4.run-animate .block_works_list li,
.block_works2.run-animate .block_works_list li {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
/* line 235, ../sass/_works.scss */
[data-js="false"] .block_portfolio4 .block_works_list li, [data-js="false"]
.block_works2 .block_works_list li {
  transform: translateY(0) !important;
  opacity: 1 !important;
  filter: blur(0) !important;
}

@media screen and (max-width: 1024px) {
  /* line 243, ../sass/_works.scss */
  .block_portfolio4 {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 1024px) {
  /* line 248, ../sass/_works.scss */
  .block_works2 {
    padding-bottom: 64px;
  }
}

/* line 254, ../sass/_works.scss */
.pchide {
  display: none;
}
@media screen and (max-width: 1024px) {
  /* line 254, ../sass/_works.scss */
  .pchide {
    display: block;
  }
}

/* line 2, ../sass/_location.scss */
.block_location1 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location1 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location1 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide1 {
  background-image: url("../images/location/main_slice1.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location2 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location2 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location2 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide2 {
  background-image: url("../images/location/main_slice2.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location3 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location3 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location3 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide3 {
  background-image: url("../images/location/main_slice3.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location4 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location4 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location4 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide4 {
  background-image: url("../images/location/main_slice4.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location5 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location5 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location5 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide5 {
  background-image: url("../images/location/main_slice5.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location6 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location6 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location6 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide6 {
  background-image: url("../images/location/main_slice6.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location7 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location7 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location7 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide7 {
  background-image: url("../images/location/main_slice7.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location8 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location8 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location8 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide8 {
  background-image: url("../images/location/main_slice8.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location9 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location9 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location9 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide9 {
  background-image: url("../images/location/main_slice9.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_location.scss */
.block_location10 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_location.scss */
  .block_location10 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_location.scss */
  .block_location10 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_location.scss */
.block_location1 .swiper-slide10 {
  background-image: url("../images/location/main_slice10.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_location.scss */
.block_location1 {
  padding: 0;
  background-color: black;
}
@media screen and (max-width: 685px) and (min-width: 1px) {
  /* line 23, ../sass/_location.scss */
  .block_location1 article h2 span.zh {
    max-width: 10em;
  }
}
@media screen and (max-width: 685px) and (min-width: 1px) {
  /* line 28, ../sass/_location.scss */
  .block_location1 article h2 span.en {
    max-width: 19em;
  }
}

/* line 35, ../sass/_location.scss */
.block_location2 {
  overflow: hidden;
}
/* line 37, ../sass/_location.scss */
.block_location2 .center {
  position: relative;
}
@media screen and (max-width: 600px) {
  /* line 37, ../sass/_location.scss */
  .block_location2 .center {
    padding: 0 4px;
  }
}
/* line 42, ../sass/_location.scss */
.block_location2 .center article {
  text-align: center;
}
/* line 46, ../sass/_location.scss */
.block_location2 h2 {
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
  margin-bottom: 24px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 46, ../sass/_location.scss */
  .block_location2 h2 {
    margin-bottom: 16px;
  }
}
/* line 56, ../sass/_location.scss */
.block_location2 h2 .en,
.block_location2 h2 .zh {
  font-size: 1.75em;
  padding: 8px 0;
}
@media screen and (max-width: 1024px) {
  /* line 56, ../sass/_location.scss */
  .block_location2 h2 .en,
  .block_location2 h2 .zh {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 56, ../sass/_location.scss */
  .block_location2 h2 .en,
  .block_location2 h2 .zh {
    font-size: 1.125em;
  }
}
/* line 68, ../sass/_location.scss */
.block_location2 h2 .en {
  font-weight: normal;
  font-size: 1em;
  display: none;
  opacity: 0;
}
/* line 74, ../sass/_location.scss */
.block_location2 h2 .zh {
  letter-spacing: 3px;
}
/* line 78, ../sass/_location.scss */
.block_location2 .tab_container {
  transition: all 1s ease-out;
}
/* line 81, ../sass/_location.scss */
.block_location2 ul.tabs {
  transition: all 1s ease-out;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  margin-top: 0;
  margin-bottom: 16px;
}
/* line 88, ../sass/_location.scss */
.block_location2 ul.tabs li {
  display: block;
  float: left;
}
/* line 94, ../sass/_location.scss */
.block_location2 ul.tabs li a {
  word-break: keep-all;
  display: block;
  font-size: 1.25em;
  color: black;
  border: black solid 1px;
  padding: 8px 80px;
  letter-spacing: 0.1em;
  transition: all 1s ease-out;
}
@media screen and (max-width: 685px) and (min-width: 1px) {
  /* line 94, ../sass/_location.scss */
  .block_location2 ul.tabs li a {
    font-size: 1.125em;
    padding: 8px 18px 12px 18px;
    text-align: center;
    display: inline-block;
  }
}
/* line 110, ../sass/_location.scss */
.block_location2 ul.tabs li a:hover, .block_location2 ul.tabs li a:focus {
  background: black;
  color: white;
}
/* line 116, ../sass/_location.scss */
.block_location2 ul.tabs li.active a {
  background: black;
  color: white;
}
/* line 127, ../sass/_location.scss */
.block_location2 .tab_content li {
  position: relative;
  display: block;
  float: left;
}
/* line 132, ../sass/_location.scss */
.block_location2 .tab_content img {
  width: 100%;
  float: left;
}
/* line 136, ../sass/_location.scss */
.block_location2 .tab_content .showbox2,
.block_location2 .tab_content .showbox {
  width: calc(66.66% - 8px);
  padding: 8px;
  box-sizing: border-box;
  overflow: hidden;
  height: 0;
  padding-bottom: calc(34.8% - 8px);
  margin-bottom: 8px;
}
@media screen and (max-width: 600px) {
  /* line 136, ../sass/_location.scss */
  .block_location2 .tab_content .showbox2,
  .block_location2 .tab_content .showbox {
    width: calc(66.66% - 4px);
    padding: 4px;
    padding-bottom: calc(34.8% - 4px);
    margin-bottom: 4px;
  }
}
/* line 155, ../sass/_location.scss */
.block_location2 .tab_content .showbox2 img,
.block_location2 .tab_content .showbox img {
  width: 103%;
}
/* line 164, ../sass/_location.scss */
.block_location2 .tab_content .abgne-block2 a,
.block_location2 .tab_content .abgne-block a {
  display: block;
  width: 33.33%;
  float: left;
  padding: 8px;
  box-sizing: border-box;
  height: 0;
  padding-bottom: 17.1%;
  overflow: hidden;
  margin-top: 0px;
}
@media screen and (max-width: 600px) {
  /* line 164, ../sass/_location.scss */
  .block_location2 .tab_content .abgne-block2 a,
  .block_location2 .tab_content .abgne-block a {
    padding: 4px;
    padding-bottom: 17.1%;
  }
}
/* line 181, ../sass/_location.scss */
.block_location2 .tab_content .abgne-block2 a:nth-child(1),
.block_location2 .tab_content .abgne-block a:nth-child(1) {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  margin: 0;
  padding-bottom: calc(17.1% - 8px);
}
@media screen and (max-width: 600px) {
  /* line 181, ../sass/_location.scss */
  .block_location2 .tab_content .abgne-block2 a:nth-child(1),
  .block_location2 .tab_content .abgne-block a:nth-child(1) {
    padding-bottom: calc(17.1% - 4px);
  }
}
/* line 192, ../sass/_location.scss */
.block_location2 .tab_content .abgne-block2 a:nth-child(2),
.block_location2 .tab_content .abgne-block a:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(calc(100% + 8px));
  z-index: 1;
  margin: 0;
  padding-bottom: calc(17.1% - 8px);
}
/* line 206, ../sass/_location.scss */
.block_location2 h2 {
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 211, ../sass/_location.scss */
.block_location2 .tab_container {
  transform: translateY(100%) scale(0.8);
  opacity: 0;
  filter: blur(20px);
  transition: 3s all;
}
/* line 217, ../sass/_location.scss */
.block_location2 ul.tabs a {
  transform: translateY(100%);
  opacity: 0;
  transition-delay: .8s;
}
/* line 225, ../sass/_location.scss */
.block_location2.run-animate h2 {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
/* line 230, ../sass/_location.scss */
.block_location2.run-animate .tab_container {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
/* line 235, ../sass/_location.scss */
.block_location2.run-animate ul.tabs a {
  transform: translateY(0);
  opacity: 1;
}

/* line 242, ../sass/_location.scss */
.block_location3 {
  background-color: #F2F2F2;
}
/* line 245, ../sass/_location.scss */
.block_location3 .info {
  display: flex;
  margin: 40px 0 40px 0;
}
@media screen and (max-width: 1260px) and (min-width: 1px) {
  /* line 245, ../sass/_location.scss */
  .block_location3 .info {
    margin: 24px 0 24px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 245, ../sass/_location.scss */
  .block_location3 .info {
    display: block;
    margin: 0;
  }
}
/* line 255, ../sass/_location.scss */
.block_location3 .info li {
  padding-right: 25px;
}
/* line 259, ../sass/_location.scss */
.block_location3 .info h3 {
  margin-bottom: 12px;
  letter-spacing: 3.5px;
}
/* line 263, ../sass/_location.scss */
.block_location3 .info p {
  line-height: 1.8em;
  letter-spacing: 2.35px;
}
/* line 273, ../sass/_location.scss */
.block_location3 .tabs li {
  margin-bottom: 32px;
}
@media screen and (max-width: 1024px) {
  /* line 273, ../sass/_location.scss */
  .block_location3 .tabs li {
    display: block;
    float: left;
    margin-right: 0;
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  /* line 273, ../sass/_location.scss */
  .block_location3 .tabs li {
    width: 100%;
    margin: 0;
  }
}
/* line 285, ../sass/_location.scss */
.block_location3 .tabs li a {
  background-color: white;
  color: black;
  display: inline-block;
  border-radius: 100px;
  padding: 16px 0px 16px 70px;
  line-height: 1.6em;
  width: 400px;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 285, ../sass/_location.scss */
  .block_location3 .tabs li a {
    width: 100%;
  }
}
@media screen and (max-width: 780px) and (min-width: 1px) {
  /* line 285, ../sass/_location.scss */
  .block_location3 .tabs li a {
    padding: 16px 0px 16px 40px;
  }
}
@media screen and (max-width: 600px) {
  /* line 285, ../sass/_location.scss */
  .block_location3 .tabs li a {
    padding: 16px 0px 16px 40px;
    width: 100%;
    margin-bottom: 24px;
  }
}
/* line 305, ../sass/_location.scss */
.block_location3 .tabs li a span {
  display: block;
}
/* line 307, ../sass/_location.scss */
.block_location3 .tabs li a span:first-child {
  font-size: 1.25em;
  margin-bottom: 10px;
  font-weight: bold;
}
/* line 312, ../sass/_location.scss */
.block_location3 .tabs li a span:last-child {
  margin-top: 6px;
}
/* line 316, ../sass/_location.scss */
.block_location3 .tabs li a:hover, .block_location3 .tabs li a:focus {
  background-color: black;
  color: white;
}
/* line 323, ../sass/_location.scss */
.block_location3 .tabs li.active a {
  background-color: black;
  color: white;
}
/* line 331, ../sass/_location.scss */
.block_location3 .tabs_list {
  width: 100%;
  position: relative;
  padding-bottom: 112px;
}
@media screen and (max-width: 1024px) {
  /* line 331, ../sass/_location.scss */
  .block_location3 .tabs_list {
    padding-bottom: 0;
  }
}
/* line 343, ../sass/_location.scss */
.block_location3 .tabs_list article {
  box-sizing: border-box;
  padding-right: 6vw;
  width: 48.64%;
  float: left;
  letter-spacing: 0.08em;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  /* line 343, ../sass/_location.scss */
  .block_location3 .tabs_list article {
    width: 100%;
    clear: both;
    padding: 0;
  }
}
/* line 358, ../sass/_location.scss */
.block_location3 .tabs_list article h2 {
  font-weight: normal;
  font-size: 1em;
  margin-bottom: 10px;
  margin-top: -3px;
}
/* line 363, ../sass/_location.scss */
.block_location3 .tabs_list article h2 .zh {
  font-size: 1.75em;
  letter-spacing: 3px;
  margin-right: 4px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  /* line 363, ../sass/_location.scss */
  .block_location3 .tabs_list article h2 .zh {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 363, ../sass/_location.scss */
  .block_location3 .tabs_list article h2 .zh {
    font-size: 1.125em;
  }
}
/* line 375, ../sass/_location.scss */
.block_location3 .tabs_list article h2 .en {
  letter-spacing: 1.6px;
}
/* line 379, ../sass/_location.scss */
.block_location3 .tabs_list article p {
  letter-spacing: 1.74px;
}
@media screen and (max-width: 1024px) {
  /* line 379, ../sass/_location.scss */
  .block_location3 .tabs_list article p {
    margin-bottom: 32px;
  }
}
/* line 386, ../sass/_location.scss */
.block_location3 .tabs_list .map {
  position: absolute;
  z-index: 1;
  right: 56px;
  width: calc(100% - 112px);
  padding-left: 45%;
  float: left;
  transition: all 1s ease-out;
}
@media screen and (max-width: 1024px) {
  /* line 386, ../sass/_location.scss */
  .block_location3 .tabs_list .map {
    width: 100%;
    clear: both;
    position: relative;
    padding: 0;
    right: 0;
  }
}
/* line 404, ../sass/_location.scss */
.block_location3 .tabs_list .map iframe {
  width: 100%;
  float: left;
}
@media screen and (max-width: 1024px) {
  /* line 404, ../sass/_location.scss */
  .block_location3 .tabs_list .map iframe {
    width: 100%;
    clear: both;
    max-height: 480px;
  }
}
@media screen and (max-width: 600px) {
  /* line 404, ../sass/_location.scss */
  .block_location3 .tabs_list .map iframe {
    max-height: 400px;
  }
}
/* line 418, ../sass/_location.scss */
.block_location3 .info {
  transition: all 1s ease-out;
  transition-delay: .4s;
}
/* line 422, ../sass/_location.scss */
.block_location3 .tabs {
  transition: all 1s ease-out;
  transition-delay: .8s;
}
/* line 426, ../sass/_location.scss */
.block_location3 p {
  transition: all 1s ease-out;
  transition-delay: 1.2s;
}
/* line 432, ../sass/_location.scss */
.block_location3 .tab_container li p {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  max-width: 548px;
  letter-spacing: 0.1em;
  line-height: 1.8em;
}
@media screen and (max-width: 1260px) and (min-width: 1px) {
  /* line 432, ../sass/_location.scss */
  .block_location3 .tab_container li p {
    max-width: 48%;
    bottom: -80px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 432, ../sass/_location.scss */
  .block_location3 .tab_container li p {
    top: auto;
    bottom: auto;
    position: relative;
    max-width: 100%;
    margin-bottom: 24px;
  }
}
/* line 453, ../sass/_location.scss */
.block_location3 .tab_container #map_tab2 p {
  bottom: -24px;
}
@media screen and (max-width: 1260px) and (min-width: 1px) {
  /* line 453, ../sass/_location.scss */
  .block_location3 .tab_container #map_tab2 p {
    max-width: 48%;
    bottom: -80px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 453, ../sass/_location.scss */
  .block_location3 .tab_container #map_tab2 p {
    top: auto;
    bottom: auto;
    position: relative;
    max-width: 100%;
    margin-bottom: 24px;
  }
}
/* line 469, ../sass/_location.scss */
.block_location3.ready-animate h2,
.block_location3.ready-animate .info,
.block_location3.ready-animate .tabs,
.block_location3.ready-animate p {
  transform: translateY(100%);
  opacity: 0;
  filter: blur(20px);
}
/* line 478, ../sass/_location.scss */
.block_location3.ready-animate .map {
  opacity: 0;
  filter: blur(20px);
}
/* line 485, ../sass/_location.scss */
.block_location3.run-animate h2,
.block_location3.run-animate .info,
.block_location3.run-animate .tabs,
.block_location3.run-animate p {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
/* line 494, ../sass/_location.scss */
.block_location3.run-animate .map {
  opacity: 1;
  filter: blur(0);
}

/* line 2, ../sass/_reservation.scss */
.block_reservation1 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation1 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation1 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide1 {
  background-image: url("../images/reservation/main_slice1.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation2 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation2 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation2 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide2 {
  background-image: url("../images/reservation/main_slice2.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation3 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation3 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation3 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide3 {
  background-image: url("../images/reservation/main_slice3.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation4 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation4 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation4 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide4 {
  background-image: url("../images/reservation/main_slice4.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation5 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation5 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation5 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide5 {
  background-image: url("../images/reservation/main_slice5.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation6 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation6 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation6 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide6 {
  background-image: url("../images/reservation/main_slice6.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation7 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation7 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation7 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide7 {
  background-image: url("../images/reservation/main_slice7.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation8 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation8 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation8 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide8 {
  background-image: url("../images/reservation/main_slice8.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation9 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation9 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation9 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide9 {
  background-image: url("../images/reservation/main_slice9.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 2, ../sass/_reservation.scss */
.block_reservation10 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation10 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_reservation.scss */
  .block_reservation10 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_reservation.scss */
.block_reservation1 .swiper-slide10 {
  background-image: url("../images/reservation/main_slice10.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_reservation.scss */
.block_reservation1 {
  padding: 0;
  background-color: black;
}
/* line 22, ../sass/_reservation.scss */
.block_reservation1 .reservation_en {
  font-size: 1.25em;
  font-weight: normal;
  font-family: system-ui;
}
@media screen and (max-width: 1024px) {
  /* line 22, ../sass/_reservation.scss */
  .block_reservation1 .reservation_en {
    font-size: 1em;
  }
}
@media screen and (max-width: 600px) {
  /* line 22, ../sass/_reservation.scss */
  .block_reservation1 .reservation_en {
    font-size: 0.9em;
    padding: 2px 0;
    letter-spacing: 0;
  }
}
/* line 35, ../sass/_reservation.scss */
.block_reservation1 .reservation_zh {
  font-size: 2.25em;
}
@media screen and (max-width: 1024px) {
  /* line 35, ../sass/_reservation.scss */
  .block_reservation1 .reservation_zh {
    font-size: 2em;
  }
}
@media screen and (max-width: 600px) {
  /* line 35, ../sass/_reservation.scss */
  .block_reservation1 .reservation_zh {
    font-size: 1.25em;
    padding: 2px 0;
    letter-spacing: 0;
  }
}
/* line 46, ../sass/_reservation.scss */
.block_reservation1 .reservation_zh2 {
  letter-spacing: 0;
  font-weight: normal;
}

/* line 51, ../sass/_reservation.scss */
.block_reservation2 {
  background-repeat: no-repeat;
  background-position: center top;
  padding: 0;
  padding-top: 62px;
  padding-bottom: 64px;
}
@media screen and (max-width: 600px) {
  /* line 51, ../sass/_reservation.scss */
  .block_reservation2 {
    padding-top: 40px;
  }
}
/* line 61, ../sass/_reservation.scss */
.block_reservation2.policy {
  letter-spacing: 0.01em;
  line-height: 1.8em;
}
/* line 64, ../sass/_reservation.scss */
.block_reservation2.policy h2 {
  margin-top: 34px;
}
/* line 67, ../sass/_reservation.scss */
.block_reservation2.policy ul {
  list-style-type: disc;
  padding-inline-start: 20px;
  margin-top: 8px;
}
/* line 71, ../sass/_reservation.scss */
.block_reservation2.policy ul li {
  list-style-type: disc;
  margin-bottom: 8px;
}
/* line 74, ../sass/_reservation.scss */
.block_reservation2.policy ul li:last-child {
  margin-bottom: 0;
}
/* line 79, ../sass/_reservation.scss */
.block_reservation2.policy .center {
  max-width: 1000px;
}
/* line 83, ../sass/_reservation.scss */
.block_reservation2 .center {
  border: none;
  max-width: 1420px;
}
/* line 87, ../sass/_reservation.scss */
.block_reservation2 h2 {
  margin-bottom: 24px;
  font-size: 1.75em;
  letter-spacing: 3px;
}
@media screen and (max-width: 1024px) {
  /* line 87, ../sass/_reservation.scss */
  .block_reservation2 h2 {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 87, ../sass/_reservation.scss */
  .block_reservation2 h2 {
    font-size: 1.25em;
  }
}
/* line 105, ../sass/_reservation.scss */
.block_reservation2 article.article2 {
  border: #000 dashed 1px;
  margin-top: 42px;
  border-left: 0;
  border-right: 0;
  padding-bottom: 48px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px) {
  /* line 105, ../sass/_reservation.scss */
  .block_reservation2 article.article2 {
    padding-top: 8px;
    margin-top: 0;
  }
}
/* line 116, ../sass/_reservation.scss */
.block_reservation2 article.article2 .tab_list {
  margin-bottom: 28px;
}
/* line 120, ../sass/_reservation.scss */
.block_reservation2 article.article3 {
  letter-spacing: 0.1em;
}
/* line 122, ../sass/_reservation.scss */
.block_reservation2 article.article3 .part {
  margin: 46px 0 19px 0;
}
@media screen and (max-width: 1024px) {
  /* line 122, ../sass/_reservation.scss */
  .block_reservation2 article.article3 .part {
    margin: 46px 0 0 0;
  }
}
/* line 128, ../sass/_reservation.scss */
.block_reservation2 article.article3 .article_form:nth-child(even) {
  padding-right: 14px;
}
/* line 130, ../sass/_reservation.scss */
.block_reservation2 article.article3 .article_form:nth-child(even) .checkbok {
  display: block !important;
  height: 44px;
}
/* line 135, ../sass/_reservation.scss */
.block_reservation2 article.article3 .customer_information ul li:nth-child(5) {
  padding-bottom: 2px;
}
/* line 138, ../sass/_reservation.scss */
.block_reservation2 article.article3 > div:nth-child(3) {
  padding-top: 13px;
}
/* line 140, ../sass/_reservation.scss */
.block_reservation2 article.article3 > div:nth-child(3) .from:nth-child(1) ul {
  max-width: 421px;
  padding: 30px 0 36px 0;
}
@media screen and (max-width: 1024px) {
  /* line 140, ../sass/_reservation.scss */
  .block_reservation2 article.article3 > div:nth-child(3) .from:nth-child(1) ul {
    max-width: 100%;
    padding: 0px 0 36px 0;
  }
}
/* line 150, ../sass/_reservation.scss */
.block_reservation2 article.end_article {
  letter-spacing: 0.1em;
  clear: both;
  text-align: center;
  padding-top: 56px;
}
@media screen and (max-width: 1024px) {
  /* line 150, ../sass/_reservation.scss */
  .block_reservation2 article.end_article {
    padding-top: 0;
  }
}
/* line 159, ../sass/_reservation.scss */
.block_reservation2 article.end_article .agree {
  text-align: center;
  margin-top: 22px;
}
/* line 162, ../sass/_reservation.scss */
.block_reservation2 article.end_article .agree a {
  text-decoration: underline;
}
/* line 166, ../sass/_reservation.scss */
.block_reservation2 article.end_article .checkbok {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin: 0 auto;
  justify-content: center;
}
/* line 175, ../sass/_reservation.scss */
.block_reservation2 article .article_form {
  display: block;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  /* line 175, ../sass/_reservation.scss */
  .block_reservation2 article .article_form {
    width: 100%;
  }
}
/* line 183, ../sass/_reservation.scss */
.block_reservation2 article .article_form:nth-child(odd) {
  padding-left: 66px;
  margin-top: -2px;
}
@media screen and (max-width: 1024px) {
  /* line 183, ../sass/_reservation.scss */
  .block_reservation2 article .article_form:nth-child(odd) {
    padding: 0;
    margin: 0;
  }
}
/* line 191, ../sass/_reservation.scss */
.block_reservation2 article .article_form:nth-child(even) {
  padding-right: 44px;
}
@media screen and (max-width: 1024px) {
  /* line 191, ../sass/_reservation.scss */
  .block_reservation2 article .article_form:nth-child(even) {
    padding: 0;
    margin: 0;
  }
}
/* line 200, ../sass/_reservation.scss */
.block_reservation2 article .article_form .customer_information:first-child legend.h2 {
  display: none;
}
/* line 206, ../sass/_reservation.scss */
.block_reservation2 article .info {
  background-color: #F2F2F2;
  display: block;
  padding: 14px 27px;
  float: left;
  margin-bottom: 24px;
}
/* line 212, ../sass/_reservation.scss */
.block_reservation2 article .info:nth-child(2) {
  margin-right: 34px;
}
@media screen and (max-width: 1024px) {
  /* line 212, ../sass/_reservation.scss */
  .block_reservation2 article .info:nth-child(2) {
    margin-right: 0;
  }
}
/* line 218, ../sass/_reservation.scss */
.block_reservation2 article .info h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  height: 48px;
  padding-right: 26px;
  letter-spacing: 0.1em;
  font-weight: normal;
  font-size: 1.25em;
}
@media screen and (max-width: 1024px) {
  /* line 218, ../sass/_reservation.scss */
  .block_reservation2 article .info h3 {
    font-size: 1.125em;
  }
}
/* line 233, ../sass/_reservation.scss */
.block_reservation2 article .info p {
  display: block;
  float: left;
  letter-spacing: 0.1em;
  line-height: 1.71em;
}
/* line 240, ../sass/_reservation.scss */
.block_reservation2 article .part {
  color: white;
  background-color: black;
  font-size: 1.75em;
  padding: 10px 18px;
  box-sizing: border-box;
  display: inline-block;
  letter-spacing: 0.1em;
  margin: 26px 0 34px 0;
}
@media screen and (max-width: 1024px) {
  /* line 240, ../sass/_reservation.scss */
  .block_reservation2 article .part {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 600px) {
  /* line 240, ../sass/_reservation.scss */
  .block_reservation2 article .part {
    font-size: 1.125em;
    margin-bottom: 20px;
  }
}
/* line 258, ../sass/_reservation.scss */
.block_reservation2 article .from {
  border: none;
}
/* line 264, ../sass/_reservation.scss */
.block_reservation2 article .from .h2 {
  display: block;
  font-size: 1.75em;
  font-weight: bold;
  letter-spacing: 0.1em;
  float: left;
  margin-right: 38px;
  height: 40px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
  /* line 264, ../sass/_reservation.scss */
  .block_reservation2 article .from .h2 {
    font-size: 1.4em;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    margin-right: 16px;
  }
}
@media screen and (max-width: 600px) {
  /* line 264, ../sass/_reservation.scss */
  .block_reservation2 article .from .h2 {
    font-size: 1.25em;
  }
}
/* line 284, ../sass/_reservation.scss */
.block_reservation2 article .from h3 {
  font-size: 1em;
  font-weight: normal;
}
/* line 288, ../sass/_reservation.scss */
.block_reservation2 article .from p {
  display: flex;
  float: left;
  height: 40px;
  align-items: center;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 600px) {
  /* line 288, ../sass/_reservation.scss */
  .block_reservation2 article .from p {
    display: block;
    height: auto;
    clear: both;
  }
}
/* line 300, ../sass/_reservation.scss */
.block_reservation2 article .from span {
  min-height: 40px;
  line-height: 44px;
}
/* line 304, ../sass/_reservation.scss */
.block_reservation2 article .from ul {
  clear: both;
  padding: 14px 0 32px 0;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  /* line 304, ../sass/_reservation.scss */
  .block_reservation2 article .from ul {
    display: block;
    padding: 0 0 32px 0;
  }
}
/* line 312, ../sass/_reservation.scss */
.block_reservation2 article .from ul li {
  display: inline-block;
  margin-right: 24px;
  padding: 14px 0;
}
/* line 319, ../sass/_reservation.scss */
.block_reservation2 article .from .checkbok {
  display: flex;
}
/* line 321, ../sass/_reservation.scss */
.block_reservation2 article .from .checkbok label {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}
/* line 329, ../sass/_reservation.scss */
.block_reservation2 article .from .gary_info {
  display: block;
  clear: both;
  padding-top: 24px;
}
@media screen and (max-width: 1024px) {
  /* line 329, ../sass/_reservation.scss */
  .block_reservation2 article .from .gary_info {
    padding-top: 4px;
    padding-bottom: 40px;
  }
}
/* line 342, ../sass/_reservation.scss */
.block_reservation2 article .from .gary_info textarea {
  min-height: 88px;
}
/* line 347, ../sass/_reservation.scss */
.block_reservation2 article .from .tab_list {
  margin-bottom: 16px;
}
/* line 349, ../sass/_reservation.scss */
.block_reservation2 article .from .tab_list h3 {
  display: inline-block;
  margin-right: 32px;
  padding: 8px 20px;
  padding-left: 0;
  border-radius: 40px;
}
@media screen and (max-width: 1024px) {
  /* line 349, ../sass/_reservation.scss */
  .block_reservation2 article .from .tab_list h3 {
    display: block;
    padding-bottom: 16px;
  }
}
/* line 360, ../sass/_reservation.scss */
.block_reservation2 article .from .tab_list li {
  background-color: #F2F2F2;
  display: inline-block;
  padding: 8px 20px;
  border-radius: 40px;
  margin-right: 20px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  /* line 370, ../sass/_reservation.scss */
  .block_reservation2 article .from.customer_information {
    margin-top: 24px;
  }
}
/* line 375, ../sass/_reservation.scss */
.block_reservation2 article .from.customer_information .h2 {
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  /* line 375, ../sass/_reservation.scss */
  .block_reservation2 article .from.customer_information .h2 {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 380, ../sass/_reservation.scss */
  .block_reservation2 article .from.customer_information .h2 ~ p {
    margin-bottom: 16px;
  }
}
/* line 389, ../sass/_reservation.scss */
.block_reservation2 article .from.customer_information ul {
  padding: 0;
}
/* line 391, ../sass/_reservation.scss */
.block_reservation2 article .from.customer_information ul li {
  width: 50%;
  float: left;
  margin: 0;
  box-sizing: border-box;
  padding: 16px 0;
}
@media screen and (max-width: 600px) {
  /* line 391, ../sass/_reservation.scss */
  .block_reservation2 article .from.customer_information ul li {
    padding: 8px 0;
  }
}
/* line 400, ../sass/_reservation.scss */
.block_reservation2 article .from.customer_information ul li:nth-child(odd) {
  padding-right: 24px;
}
@media screen and (max-width: 600px) {
  /* line 400, ../sass/_reservation.scss */
  .block_reservation2 article .from.customer_information ul li:nth-child(odd) {
    padding-right: 4px;
  }
}
/* line 406, ../sass/_reservation.scss */
.block_reservation2 article .from.customer_information ul li:nth-child(even) {
  padding-left: 24px;
}
@media screen and (max-width: 600px) {
  /* line 406, ../sass/_reservation.scss */
  .block_reservation2 article .from.customer_information ul li:nth-child(even) {
    padding-left: 4px;
  }
}
/* line 412, ../sass/_reservation.scss */
.block_reservation2 article .from.customer_information ul li p {
  font-size: 0.9em;
  width: 200%;
  margin-top: 16px;
}
/* line 421, ../sass/_reservation.scss */
.block_reservation2 article select,
.block_reservation2 article input[type="text"] {
  background-color: #F2F2F2;
  border: none;
  font-size: 1em;
  line-height: 1.6em;
  width: 100%;
  padding: 4px 18px;
  box-sizing: border-box;
  min-height: 44px;
}
/* line 431, ../sass/_reservation.scss */
.block_reservation2 article select:hover, .block_reservation2 article select:focus,
.block_reservation2 article input[type="text"]:hover,
.block_reservation2 article input[type="text"]:focus {
  background-color: white;
  outline-color: black;
  outline-width: 2px;
  outline-style: auto;
}
/* line 438, ../sass/_reservation.scss */
.block_reservation2 article input[type="checkbox"],
.block_reservation2 article input[type="radio"] {
  width: 18px;
  height: 18px;
  margin-right: 16px;
  cursor: pointer;
  opacity: 0.6;
}
/* line 445, ../sass/_reservation.scss */
.block_reservation2 article input[type="checkbox"]:focus, .block_reservation2 article input[type="checkbox"]:hover,
.block_reservation2 article input[type="radio"]:focus,
.block_reservation2 article input[type="radio"]:hover {
  opacity: 1;
  background-color: white;
  outline-color: black;
  outline-width: 2px;
  outline-style: auto;
}
/* line 453, ../sass/_reservation.scss */
.block_reservation2 article textarea {
  background-color: #F2F2F2;
  border: none;
  font-size: 1.125em;
  line-height: 1.6em;
  width: 100%;
  padding: 16px 18px;
  box-sizing: border-box;
  min-height: 88px;
  clear: both;
}
/* line 463, ../sass/_reservation.scss */
.block_reservation2 article textarea:hover, .block_reservation2 article textarea:focus {
  background-color: white;
  outline-color: black;
  outline-width: 2px;
  outline-style: auto;
}
/* line 471, ../sass/_reservation.scss */
.block_reservation2 article button[type="button"] {
  font-size: 1.25em;
  font-weight: bold;
  background-color: transparent;
  border: black solid 2px;
  padding: 14px 48px;
  border-radius: 40px;
  margin-bottom: 24px;
  display: block;
  cursor: pointer;
  margin: 0 auto;
  z-index: 2;
}
/* line 483, ../sass/_reservation.scss */
.block_reservation2 article button[type="button"]:hover, .block_reservation2 article button[type="button"]:focus {
  color: white;
  background-color: black;
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio1 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio1 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio1 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide1 {
  background-image: url("../images/portfolio/main_slice/main_slice1.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 1"]::before {
  content: "01";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio2 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio2 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio2 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide2 {
  background-image: url("../images/portfolio/main_slice/main_slice2.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 2"]::before {
  content: "02";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio3 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio3 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio3 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide3 {
  background-image: url("../images/portfolio/main_slice/main_slice3.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 3"]::before {
  content: "03";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio4 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio4 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio4 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide4 {
  background-image: url("../images/portfolio/main_slice/main_slice4.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 4"]::before {
  content: "04";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio5 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio5 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio5 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide5 {
  background-image: url("../images/portfolio/main_slice/main_slice5.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 5"]::before {
  content: "05";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio6 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio6 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio6 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide6 {
  background-image: url("../images/portfolio/main_slice/main_slice6.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 6"]::before {
  content: "06";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio7 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio7 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio7 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide7 {
  background-image: url("../images/portfolio/main_slice/main_slice7.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 7"]::before {
  content: "07";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio8 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio8 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio8 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide8 {
  background-image: url("../images/portfolio/main_slice/main_slice8.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 8"]::before {
  content: "08";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio9 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio9 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio9 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide9 {
  background-image: url("../images/portfolio/main_slice/main_slice9.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 9"]::before {
  content: "09";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio10 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio10 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio10 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide10 {
  background-image: url("../images/portfolio/main_slice/main_slice10.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 10"]::before {
  content: "010";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio11 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio11 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio11 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide11 {
  background-image: url("../images/portfolio/main_slice/main_slice11.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 11"]::before {
  content: "011";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio12 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio12 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio12 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide12 {
  background-image: url("../images/portfolio/main_slice/main_slice12.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 12"]::before {
  content: "012";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio13 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio13 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio13 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide13 {
  background-image: url("../images/portfolio/main_slice/main_slice13.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 13"]::before {
  content: "013";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio14 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio14 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio14 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide14 {
  background-image: url("../images/portfolio/main_slice/main_slice14.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 14"]::before {
  content: "014";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio15 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio15 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio15 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide15 {
  background-image: url("../images/portfolio/main_slice/main_slice15.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 15"]::before {
  content: "015";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio16 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio16 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio16 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide16 {
  background-image: url("../images/portfolio/main_slice/main_slice16.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 16"]::before {
  content: "016";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio17 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio17 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio17 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide17 {
  background-image: url("../images/portfolio/main_slice/main_slice17.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 17"]::before {
  content: "017";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio18 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio18 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio18 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide18 {
  background-image: url("../images/portfolio/main_slice/main_slice18.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 18"]::before {
  content: "018";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio19 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio19 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio19 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide19 {
  background-image: url("../images/portfolio/main_slice/main_slice19.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 19"]::before {
  content: "019";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio20 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio20 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio20 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide20 {
  background-image: url("../images/portfolio/main_slice/main_slice20.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 20"]::before {
  content: "020";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio21 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio21 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio21 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide21 {
  background-image: url("../images/portfolio/main_slice/main_slice21.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 21"]::before {
  content: "021";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio22 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio22 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio22 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide22 {
  background-image: url("../images/portfolio/main_slice/main_slice22.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 22"]::before {
  content: "022";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio23 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio23 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio23 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide23 {
  background-image: url("../images/portfolio/main_slice/main_slice23.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 23"]::before {
  content: "023";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio24 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio24 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio24 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide24 {
  background-image: url("../images/portfolio/main_slice/main_slice24.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 24"]::before {
  content: "024";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio25 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio25 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio25 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide25 {
  background-image: url("../images/portfolio/main_slice/main_slice25.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 25"]::before {
  content: "025";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio26 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio26 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio26 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide26 {
  background-image: url("../images/portfolio/main_slice/main_slice26.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 26"]::before {
  content: "026";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio27 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio27 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio27 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide27 {
  background-image: url("../images/portfolio/main_slice/main_slice27.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 27"]::before {
  content: "027";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio28 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio28 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio28 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide28 {
  background-image: url("../images/portfolio/main_slice/main_slice28.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 28"]::before {
  content: "028";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio29 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio29 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio29 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide29 {
  background-image: url("../images/portfolio/main_slice/main_slice29.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 29"]::before {
  content: "029";
}

/* line 2, ../sass/_portfolio.scss */
.block_portfolio30 {
  clear: both;
  padding: 72px 0;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio30 {
    padding: 48px 0;
  }
}
@media screen and (max-width: 600px) {
  /* line 2, ../sass/_portfolio.scss */
  .block_portfolio30 {
    padding: 32px 0;
  }
}

/* line 12, ../sass/_portfolio.scss */
.block_portfolio1 .swiper-slide30 {
  background-image: url("../images/portfolio/main_slice/main_slice30.jpg");
  height: 600px;
  opacity: 0.7;
}

/* line 19, ../sass/_portfolio.scss */
.block_portfolio4 span[aria-label="Go to slide 30"]::before {
  content: "030";
}

/* line 25, ../sass/_portfolio.scss */
.block_portfolio1 {
  padding: 0;
  background-color: black;
}
/* line 28, ../sass/_portfolio.scss */
.block_portfolio1.block_page_banner article {
  top: auto;
  bottom: 0;
  transform: none;
}
@media screen and (max-width: 1024px) {
  /* line 28, ../sass/_portfolio.scss */
  .block_portfolio1.block_page_banner article {
    padding: 0 24px;
  }
}
@media screen and (max-width: 600px) {
  /* line 28, ../sass/_portfolio.scss */
  .block_portfolio1.block_page_banner article {
    padding: 0 24px;
  }
}
/* line 38, ../sass/_portfolio.scss */
.block_portfolio1.block_page_banner article .h2, .block_portfolio1.block_page_banner article h2 {
  text-align: left;
}
@media screen and (max-width: 1024px) {
  /* line 38, ../sass/_portfolio.scss */
  .block_portfolio1.block_page_banner article .h2, .block_portfolio1.block_page_banner article h2 {
    transform: translateY(-24px);
  }
}
/* line 46, ../sass/_portfolio.scss */
.block_portfolio1.block_page_banner article .h2 span, .block_portfolio1.block_page_banner article h2 span {
  display: block;
  padding: 0;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 36px;
  float: left;
  margin-bottom: 46px;
}
/* line 54, ../sass/_portfolio.scss */
.block_portfolio1.block_page_banner article .h2 span.portfolio_num, .block_portfolio1.block_page_banner article h2 span.portfolio_num {
  border-bottom: white solid 2px;
  display: inline-block;
  text-align: center;
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  padding: 0 0 0 2px;
  margin-right: 24px;
}
/* line 64, ../sass/_portfolio.scss */
.block_portfolio1.block_page_banner article .h2 span.portfolio_zh, .block_portfolio1.block_page_banner article h2 span.portfolio_zh {
  margin-right: 64px;
}
/* line 70, ../sass/_portfolio.scss */
.block_portfolio1.block_page_banner article p {
  clear: both;
  text-align: left;
  font-size: 1em;
  transform: translateY(-50%);
  transform: none;
  letter-spacing: 0.02em;
  max-width: 868px;
  width: 100%;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  /* line 70, ../sass/_portfolio.scss */
  .block_portfolio1.block_page_banner article p {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  /* line 90, ../sass/_portfolio.scss */
  .block_portfolio1 .swiper-wrapper_about {
    min-height: 400px;
    height: 400px;
  }
}
@media screen and (max-width: 600px) {
  /* line 96, ../sass/_portfolio.scss */
  .block_portfolio1 .swiper-wrapper_about .swiper-slide {
    min-height: 400px;
    height: 400px;
  }
}

/* line 104, ../sass/_portfolio.scss */
.block_portfolio2 {
  background-color: white;
}

/* line 107, ../sass/_portfolio.scss */
.block_portfolio3 {
  background-color: #EBEBEB;
}

/* line 110, ../sass/_portfolio.scss */
.block_portfolio3 {
  background-color: #D8D6CE;
}