body {
  font-family: "M PLUS Rounded 1c",sans-serif;
  background: #fff;
  position: relative;
  width: 100vw; }
  body.fixed {
    position: fixed; }

.wrapper {
  width: 100vw;
  position: absolute;
  overflow-x: hidden !important; }

html {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-x: hidden; }

html::-webkit-scrollbar {
  display: none; }

p {
  line-height: 2;
  letter-spacing: 0.08em; }

* {
  -webkit-tap-highlight-color: transparent; }

.bg-news {
  background: #e7e6cf; }
.bg-contact {
  background: #d8d4bc; }

.sp-on {
  display: none; }

.tablet-on {
  display: none; }

.tabletMini-on {
  display: none; }

@media screen and (max-width: 1280px) {
  .tablet-no {
    display: none; }

  .tablet-on {
    display: block; } }
@media screen and (max-width: 786px) {
  .tabletMini-on {
    display: block; }

  .tabletMini-no {
    display: none; } }
@media screen and (max-width: 450px) {
  .sp-no {
    display: none; }

  .sp-on {
    display: block; } }
.header {
  margin-bottom: 1.38vw; }
  .header-logo {
    width: 20.83vw;
    height: auto;
    margin: 2.7vw 0 0 2.7vw; }
    .header-logo-noHome {
      width: 18vw;
      height: auto;
      margin: 2.7vw 0 0 2.7vw; }
  .header-item {
    display: flex;
    justify-content: space-between; }
	.header-item-about {
      background: #00a868; }
    .header-item-inner {
      display: flex;
      justify-content: space-between; }

.header-btn {
  background: #e87142;
  box-shadow: none;
  border-radius: 2.5vw;
  margin-top: 1.38vw;
  width: 5vw;
  height: 5vw;
  cursor: pointer;
  display: block;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s; }

.header-btn::before {
  font: var(--fa-font-solid);
  content: "\f54e";
  font-size: 1.7vw;
  color: #fff;
  position: absolute;
  top: 2.505vw;
  padding: 0 0 0 1.5vw; }

.header-btn::after {
  content: "STOCK";
  font-family: "M PLUS Rounded 1c",sans-serif;
  font-size: 0.625vw;
  font-weight: 800;
  color: #fff;
  width: 5vw;
  text-align: center;
  position: absolute;
  top: 4.44vw; }

@media screen and (max-width: 1280px) {
  .header {
    margin-bottom: 1.642vw; }
    .header-logo {
      width: 24vw;
      margin: 3.214vw 0 0 3.214vw; }
      .header-logo-noHome {
        width: 24vw;
        margin: 3.214vw 0 0 3.214vw; }

  .header-btn {
    border-radius: 2.976vw;
    margin-top: 1.642vw;
    width: 5.952vw;
    height: 5.952vw; }

  .header-btn::before {
    font-size: 2.112vw;
    top: 2.981vw;
    padding: 0 0 0 1.785vw; }

  .header-btn::after {
    font-size: 0.743vw;
    width: 5.952vw;
    top: 5.285vw; } }
@media screen and (max-width: 768px) {
  .header {
    margin-bottom: 2.566vw; }
    .header-logo {
      width: 46vw;
      margin: 5.022vw 0 0 5.022vw; }
      .header-logo-noHome {
        width: 46vw;
        margin: 5.022vw 0 0 5.022vw; }

  .header-btn {
    border-radius: 6vw;
    margin-top: 3.31vw;
    width: 12vw;
    height: 12vw; }

  .header-btn::before {
    font-size: 4.257vw;
    top: 6.01vw;
    padding: 0 0 0 3.599vw; }

  .header-btn::after {
    font-size: 1.498vw;
    width: 12vw;
    top: 10.652vw; } }
@media screen and (max-width: 450px) {
  .header {
    margin-bottom: 3.42vw; }
    .header-logo {
      width: 66vw;
      margin: 4vw 0 0 4vw; }
      .header-logo-noHome {
        width: 66vw;
        margin: 4vw 0 0 4vw; }

  .header-btn {
    display: none; }

  .header-btn::before {
    display: none; }

  .header-btn::after {
    display: none; } }
.gnav {
  margin: 2.77vw 2.77vw 0 0; }
  .gnav ul {
    display: flex; }
    .gnav ul li {
      margin-bottom: 1.38vw; }
      .gnav ul li a {
        display: block;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        padding: 1.11vw 4.16vw;
        line-height: 2.22vw; }
        .gnav ul li a span {
          position: absolute;
          left: 50%;
          top: 0;
          transition: all .5s;
          transform: translate(-50%, 0);
          display: block;
          opacity: 1;
          white-space: nowrap;
          color: #000; }
          .gnav ul li a span:nth-child(1) {
            font-size: 1.25vw;
            font-weight: 700;
            text-transform: uppercase; }
          .gnav ul li a span:nth-child(2) {
            font-size: 0.97vw;
            font-weight: 700; }

.gnav li span:nth-child(2) {
  opacity: 0;
  transform: translate(-50%, 100%); }

.gnav li:hover span:nth-child(1) {
  opacity: 0;
  transform: translate(-50%, -100%); }

.gnav li:hover span:nth-child(2) {
  opacity: 1;
  transform: translate(-50%, 0); }

.gnav-white ul li a span {
  color: #fff; }

#g-nav.panelactive {
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 100vh; }

.circle-bg {
  position: fixed;
  z-index: 3;
  width: 5vw;
  height: 5vw;
  border-radius: 50%;
  background: #00a868;
  transform: scale(0);
  right: 1.38vw;
  top: 1.38vw;
  transition: all .6s; }

.circle-bg.circleactive {
  transform: scale(50); }

#g-nav-list {
  display: none;
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#g-nav.panelactive #g-nav-list {
  display: block; }

#g-nav ul {
  opacity: 0;
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#g-nav.panelactive ul {
  opacity: 1; }

#g-nav.panelactive ul li {
  animation-name: gnaviAnime;
  animation-duration: 1s;
  animation-delay: .2s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes gnaviAnime {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#g-nav li {
  list-style: none;
  margin-bottom: 1.38vw; }
  #g-nav li.g-nav-logo {
    margin-bottom: 0; }
    #g-nav li.g-nav-logo a {
      padding: 0; }
  #g-nav li:last-of-type {
    display: flex;
    justify-content: center;
    margin-bottom: 0; }

#g-nav li a {
  color: #fff;
  text-decoration: none;
  padding: 1vw;
  display: block;
  font-size: 1.2vw;
  font-weight: 600;
  text-align: center; }
  #g-nav li a.g-nav-subLink {
    font-size: 0.9vw;
    padding-top: 0; }
  #g-nav li a.g-nav-snsLink {
    padding: 1vw 0.8vw 0; }
  #g-nav li a i {
    font-size: 1.6vw;
    font-weight: 500;
    padding: 0; }

@media screen and (max-width: 1280px) {
  .gnav {
    margin: 3.297vw 3.297vw 0 0; }
    .gnav ul li {
      margin-bottom: 1.642vw; }
      .gnav ul li a {
        padding: 1.321vw 4.952vw;
        line-height: 2.642vw; }
        .gnav ul li a span:nth-child(1) {
          font-size: 1.488vw; }
        .gnav ul li a span:nth-child(2) {
          font-size: 1.154vw; }

  .circle-bg {
    width: 5.952vw;
    height: 5.952vw;
    right: 1.642vw;
    top: 1.642vw; }

  #g-nav li {
    margin-bottom: 1.642vw; }

  #g-nav li a {
    padding: 1.19vw;
    font-size: 2vw; }
    #g-nav li a.g-nav-subLink {
      font-size: 1.6vw; }
    #g-nav li a.g-nav-snsLink {
      padding: 1.19vw 0.952vw 0; }
    #g-nav li a i {
      font-size: 2.5vw; } }
@media screen and (max-width: 768px) {
  .gnav {
    display: none; }

  .circle-bg {
    width: 12vw;
    height: 12vw;
    right: 3.302vw;
    top: 3.302vw; }

  #g-nav li {
    margin-bottom: 3vw; }

  #g-nav li a {
    padding: 2vw;
    font-size: 3.2vw; }
    #g-nav li a.g-nav-subLink {
      font-size: 2.5vw; }
    #g-nav li a.g-nav-snsLink {
      padding: 2.2vw 1.8vw 0; }
    #g-nav li a i {
      font-size: 4vw; } }
@media screen and (max-width: 450px) {
  .circle-bg {
    width: 16vw;
    height: 16vw;
    right: 2vw;
    top: 2vw; }

  #g-nav li {
    margin-bottom: 5.25vw; }
    #g-nav li i.fa-arrow-up-right-from-square {
      font-size: 4vw;
      color: #fff;
      margin: 0 0 0 3vw;
      font-weight: 900; }
    #g-nav li.g-nav-storeLink span {
      font-weight: 700; }

  #g-nav li a {
    padding: 3vw;
    font-size: 4vw; }
    #g-nav li a.g-nav-subLink {
      font-size: 3.2vw; }
    #g-nav li a.g-nav-snsLink {
      padding: 3vw 3vw 0; }
    #g-nav li a i {
      font-size: 7vw; } }
.openbtn {
  position: relative;
  width: 5vw;
  height: 5vw;
  margin: 1.38vw 1.38vw 0 1.38vw;
  border-radius: 50%;
  cursor: pointer;
  background: #00a868;
  z-index: 99999; }
  .openbtn-white {
    background: #fff; }

.openbtn span:nth-of-type(n+1):nth-of-type(-n+2) {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 1.375vw;
  width: 2.25vw;
  height: 0.5vw;
  border-radius: 0.25vw;
  background: #ffffff; }

.openbtn span:nth-of-type(1) {
  top: 1.125vw; }

.openbtn span:nth-of-type(2) {
  top: 2.125vw; }

.openbtn span:nth-of-type(3) {
  display: block;
  font-family: "M PLUS Rounded 1c",sans-serif;
  font-size: 0.625vw;
  font-weight: 800;
  color: #ffffff;
  width: 5vw;
  text-align: center;
  position: absolute;
  top: 3.06vw; }
  .openbtn span:nth-of-type(3):before {
    content: "MENU"; }

.openbtn.active {
  background: #fff;
  transition: all .4s; }

.openbtn.active span:nth-of-type(1) {
  top: 1.28vw;
  left: 1.375vw;
  transform: translateY(0.41vw) rotate(-45deg);
  background: #00a868; }

.openbtn.active span:nth-of-type(2) {
  top: 2.125vw;
  left: 1.375vw;
  transform: translateY(-0.41vw) rotate(45deg);
  background: #00a868; }

.openbtn.active span:nth-of-type(3) {
  color: #00a868; }
  .openbtn.active span:nth-of-type(3):before {
    content: "CLOSE"; }

.openbtn-white span:nth-of-type(n+1):nth-of-type(-n+2) {
  background: #00a868; }
.openbtn-white span:nth-of-type(3) {
  color: #00a868; }

@media screen and (max-width: 1280px) {
  .openbtn {
    width: 5.952vw;
    height: 5.952vw;
    margin: 1.638vw 1.638vw 0 1.638vw; }

  .openbtn span:nth-of-type(n+1):nth-of-type(-n+2) {
    left: 1.636vw;
    width: 2.678vw;
    height: 0.595vw;
    border-radius: 0.297vw; }

  .openbtn span:nth-of-type(1) {
    top: 1.338vw; }

  .openbtn span:nth-of-type(2) {
    top: 2.529vw; }

  .openbtn span:nth-of-type(3) {
    font-size: 0.743vw;
    width: 5.952vw;
    top: 3.642vw; }

  .openbtn.active span:nth-of-type(1) {
    top: 1.523vw;
    left: 1.636vw;
    transform: translateY(0.487vw) rotate(-45deg); }

  .openbtn.active span:nth-of-type(2) {
    top: 2.529vw;
    left: 1.636vw;
    transform: translateY(-0.487vw) rotate(45deg); } }
@media screen and (max-width: 768px) {
  .openbtn {
    width: 12vw;
    height: 12vw;
    margin: 3.302vw 3.302vw 0 3.302vw; }

  .openbtn span:nth-of-type(n+1):nth-of-type(-n+2) {
    left: 3.298vw;
    width: 5.398vw;
    height: 1.199vw;
    border-radius: 0.599vw; }

  .openbtn span:nth-of-type(1) {
    top: 2.698vw; }

  .openbtn span:nth-of-type(2) {
    top: 5.098vw; }

  .openbtn span:nth-of-type(3) {
    font-size: 1.498vw;
    width: 12vw;
    top: 7.341vw; }

  .openbtn.active span:nth-of-type(1) {
    top: 3.07vw;
    left: 3.298vw;
    transform: translateY(0.982vw) rotate(-45deg); }

  .openbtn.active span:nth-of-type(2) {
    top: 5.098vw;
    left: 3.298vw;
    transform: translateY(-0.982vw) rotate(45deg); } }
@media screen and (max-width: 450px) {
  .openbtn {
    width: 16vw;
    height: 16vw;
    margin: 2vw 2vw 0 0; }

  .openbtn span:nth-of-type(n+1):nth-of-type(-n+2) {
    left: 4.396vw;
    width: 7.195vw;
    height: 1.598vw;
    border-radius: 0.799vw; }

  .openbtn span:nth-of-type(1) {
    top: 3.596vw; }

  .openbtn span:nth-of-type(2) {
    top: 6.795vw; }

  .openbtn span:nth-of-type(3) {
    font-size: 1.996vw;
    width: 16vw;
    top: 9.785vw; }

  .openbtn.active span:nth-of-type(1) {
    top: 4.092vw;
    left: 4.396vw;
    transform: translateY(1.309vw) rotate(-45deg); }

  .openbtn.active span:nth-of-type(2) {
    top: 6.795vw;
    left: 4.396vw;
    transform: translateY(-1.309vw) rotate(45deg); } }
#page-top a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #aaa;
  border-radius: 50%;
  width: 5vw;
  height: 5vw;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s; }
  #page-top a i {
    color: #fff;
    font-size: 3vw;
    font-weight: 900; }

#page-top a:hover {
  background: #e87142; }

#page-top {
  position: fixed;
  right: 1.38vw;
  bottom: 1.38vw;
  z-index: 2;
  opacity: 0;
  transform: translateX(8vw); }

#page-top.LeftMove {
  animation: LeftAnime 0.5s forwards; }

@keyframes LeftAnime {
  from {
    opacity: 0;
    transform: translateX(8vw); }
  to {
    opacity: 1;
    transform: translateX(0); } }
#page-top.RightMove {
  animation: RightAnime 0.5s forwards; }

@keyframes RightAnime {
  from {
    opacity: 1;
    transform: translateX(0); }
  to {
    opacity: 1;
    transform: translateX(8vw); } }
@media screen and (max-width: 1280px) {
  #page-top a {
    width: 5.952vw;
    height: 5.952vw;
    background: #e87142; }
    #page-top a i {
      font-size: 3.571vw; }

  #page-top {
    right: 1.642vw;
    bottom: 1.642vw;
    opacity: 0;
    transform: translateX(9.523vw); }

  @keyframes LeftAnime {
    from {
      opacity: 0;
      transform: translateX(9.523vw); }
    to {
      opacity: 1;
      transform: translateX(0); } }
  @keyframes RightAnime {
    from {
      opacity: 1;
      transform: translateX(0); }
    to {
      opacity: 1;
      transform: translateX(9.523vw); } } }
@media screen and (max-width: 768px) {
  #page-top a {
    width: 12vw;
    height: 12vw; }
    #page-top a i {
      font-size: 7.198vw; }

  #page-top {
    right: 3.31vw;
    bottom: 3.31vw;
    opacity: 0;
    transform: translateX(19.195vw); }

  @keyframes LeftAnime {
    from {
      opacity: 0;
      transform: translateX(19.195vw); }
    to {
      opacity: 1;
      transform: translateX(0); } }
  @keyframes RightAnime {
    from {
      opacity: 1;
      transform: translateX(0); }
    to {
      opacity: 1;
      transform: translateX(19.195vw); } } }
@media screen and (max-width: 450px) {
  #page-top a {
    width: 16vw;
    height: 16vw; }
    #page-top a i {
      font-size: 10vw; }

  #page-top {
    right: 2vw;
    bottom: 2vw;
    opacity: 0;
    transform: translateX(33.591vw); }

  @keyframes LeftAnime {
    from {
      opacity: 0;
      transform: translateX(33.591vw); }
    to {
      opacity: 1;
      transform: translateX(0); } }
  @keyframes RightAnime {
    from {
      opacity: 1;
      transform: translateX(0); }
    to {
      opacity: 1;
      transform: translateX(33.591vw); } } }
#splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  text-align: center;
  z-index: 999999; }

#mask {
  width: 100%;
  height: auto; }

.svg-container {
  width: 12%;
  margin: 0 auto; }

#splash_logo {
  width: 100%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%); }

.loading-img {
  width: 100%;
  height: auto; }

#loading-text {
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding-top: 1vw;
  opacity: 0; }

#loading-text.active {
  opacity: 1;
  transition: all .4s; }

#mask .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 1500;
  stroke-dashoffset: 1500; }

.loadIn {
  animation: fadein 2s forwards; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@media screen and (max-width: 1280px) {
  .svg-container {
    width: 16%; }

  #loading-text {
    padding-top: 1.6vw; } }
@media screen and (max-width: 768px) {
  .svg-container {
    width: 26%; }

  #loading-text {
    padding-top: 2vw; } }
@media screen and (max-width: 450px) {
  .svg-container {
    width: 35%; }

  #loading-text {
    padding-top: 2.4vw; } }
.waves {
  position: absolute;
  width: 100%;
  height: 7.28vw;
  bottom: 1.38vw; }

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }

.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s; }

.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s; }

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0); }
  100% {
    transform: translate3d(85px, 0, 0); } }
@media screen and (max-width: 1280px) {
  .waves {
    height: 8.665vw;
    bottom: 1.642vw; } }
@media screen and (max-width: 768px) {
  .waves {
    height: 13.54vw;
    bottom: 2.566vw; } }
@media screen and (max-width: 450px) {
  .waves {
    height: 18.048vw; } }
.footer {
  padding: 4.16vw 0 0 8.33vw; }
  .footer-wrapper {
    background: #00a868;
    border-radius: 5vw 0 0 0;
    padding: 4.16vw 4.16vw 2.08vw 4.16vw; }
  .footer-logo {
    display: block;
    margin: 0 0 4.16vw 0; }
  .footer-img {
    width: 18vw;
    height: auto; }
  .footer-inner {
    display: flex;
    margin: 0 0 4.16vw 4.16vw; }
  .footer-text {
    color: #fff;
    font-size: 0.8vw;
    font-weight: 600; }
  .footer-copy {
    color: #fff;
    font-size: 0.8vw;
    font-weight: 600;
    display: flex;
    justify-content: center; }

@media screen and (max-width: 1280px) {
  .footer {
    padding: 6.156vw 0 0 8vw; }
    .footer-wrapper {
      border-radius: 8vw 0 0 0;
      padding: 6.156vw 12.312vw 3.078vw 6.156vw; }
    .footer-logo {
      margin: 0 0 6.156vw 0; }
    .footer-img {
      width: 28vw; }
    .footer-inner {
      display: block;
      margin: 0 0 6.156vw 6.156vw; }
    .footer-text {
      font-size: 1.184vw; }
    .footer-copy {
      font-size: 1.184vw; } }
@media screen and (max-width: 786px) {
  .footer {
    padding: 7.695vw 0 0 5vw; }
    .footer-wrapper {
      border-radius: 10vw 0 0 0;
      padding: 7.695vw 15.39vw 3.847vw 7.695vw; }
    .footer-logo {
      margin: 0 0 7.695vw 0; }
    .footer-img {
      width: 35vw; }
    .footer-inner {
      margin: 0 0 7.695vw 7.695vw; }
    .footer-text {
      font-size: 1.48vw; }
    .footer-copy {
      font-size: 1.48vw; } }
@media screen and (max-width: 450px) {
  .footer {
    padding: 0 0 0 4vw; }
    .footer-wrapper {
      border-radius: 12vw 0 0 0;
      padding: 12vw 8vw 4vw 8vw; }
    .footer-logo {
      margin: 0 0 16vw 0; }
    .footer-img {
      width: 58vw; }
    .footer-inner {
      margin: 0 0 16vw 8vw; }
    .footer-text {
      font-size: 2.8vw; }
    .footer-copy {
      font-size: 2.8vw; } }
.fnav ul {
  display: flex;
  flex-wrap: wrap;
  width: 40vw;
  margin-right: 4.16vw; }
  .fnav ul li {
    width: 10vw; }
    .fnav ul li a {
      display: inline-block;
      text-decoration: none;
      position: relative;
      margin-bottom: 2.08vw;
      line-height: 2.22vw;
      font-size: 1.25vw;
      font-weight: 700;
      color: #fff;
      text-transform: uppercase; }
      .fnav ul li a i {
        font-size: 1.8vw;
        padding: 0.2vw 0 0 0; }
      .fnav ul li a.stock {
        text-transform: none; }
        .fnav ul li a.stock span {
          font-weight: 700; }
    .fnav ul li i.fa-arrow-up-right-from-square {
      font-size: 1.25vw;
      color: #fff;
      margin: 0 0 0 1vw; }
    .fnav ul li:nth-child(6) {
      display: flex;
      justify-content: space-between;
      margin-left: 4.16vw;
      width: 5vw; }

@media screen and (max-width: 1280px) {
  .fnav ul {
    width: 60vw;
    margin-right: 6.156vw;
    margin-bottom: 3.078vw; }
    .fnav ul li {
      width: 14.8vw; }
      .fnav ul li a {
        margin-bottom: 3.078vw;
        line-height: 3.285vw;
        font-size: 1.85vw; }
        .fnav ul li a i {
          font-size: 2.368vw;
          padding: 0.414vw 0 0 0; }
      .fnav ul li i.fa-arrow-up-right-from-square {
        font-size: 1.85vw;
        color: #fff;
        margin: 0 0 0 1.5vw; }
      .fnav ul li:nth-child(6) {
        margin-left: 7.4vw;
        width: 7.4vw; } }
@media screen and (max-width: 786px) {
  .fnav ul {
    width: 69.22vw;
    margin-right: 7.695vw;
    margin-bottom: 3.847vw; }
    .fnav ul li {
      width: 18.5vw; }
      .fnav ul li a {
        margin-bottom: 3.847vw;
        line-height: 4.106vw;
        font-size: 2.312vw; }
        .fnav ul li a i {
          font-size: 2.96vw;
          padding: 0.517vw 0 0 0; }
      .fnav ul li i.fa-arrow-up-right-from-square {
        font-size: 2.312vw;
        color: #fff;
        margin: 0 0 0 2vw; }
      .fnav ul li:nth-child(6) {
        margin-left: 9.25vw;
        width: 9.25vw; } }
@media screen and (max-width: 450px) {
  .fnav ul {
    width: 76vw;
    margin-right: 8vw;
    margin-bottom: 10vw; }
    .fnav ul li {
      width: 38vw; }
      .fnav ul li a {
        margin-bottom: 6vw;
        line-height: 4vw;
        font-size: 4.5vw; }
        .fnav ul li a i {
          font-size: 5vw;
          padding: 0.2vw 0 0 0; }
      .fnav ul li i.fa-arrow-up-right-from-square {
        font-size: 4vw;
        color: #fff;
        margin: 0 0 0 3vw; }
      .fnav ul li:nth-child(6) {
        margin-left: 8vw;
        width: 16vw; } }
.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1; }
  .background-about {
    padding-bottom: 24.5vw;
    background: #dcf4e9; }

@media screen and (max-width: 1280px) {
  .background {
    padding-top: 4vw; }
    .background-about {
      padding-bottom: 50vw;
		width: 102vw;
	left: -1vw;}
    .background-works {
      top: -5vw;
      left: -20vw;
      width: 140vw; }
    .background-news {
      top: 0;
      left: -20vw;
      width: 140vw;
      padding-top: 0; }
    .background-contact {
      top: 0;
      left: -30vw;
      width: 140vw;
      padding-top: 18vw;
      background: linear-gradient(0deg, #d8d4bc 0%, #d8d4bc 80%, #0a70bc 80%, #0a70bc 100%); } }
@media screen and (max-width: 768px) {
  .background {
    padding-top: 9vw;
    left: 50%;
    transform: translateX(-50%);
    width: 124vw; }
    .background-about {
      padding-bottom: 71.5vw;
	width: 124vw;
	left: 50%;}
    .background-works {
      top: -7vw;
      width: 200vw; }
    .background-news {
      top: 0;
      width: 200vw;
      padding-top: 0; }
    .background-contact {
      top: 0;
      left: 45%;
      width: 200vw;
      padding-top: 26vw; } }
@media screen and (max-width: 450px) {
  .background {
    padding-top: 10vw;
    width: 160vw; }
    .background-about {
      padding-bottom: 194vw;
	width: 160vw;}
    .background-works {
      top: -7vw;
      width: 280vw; }
    .background-works {
      top: -7vw;
      width: 280vw; }
    .background-news {
      top: 0;
      left: 60%;
      width: 290vw;
      padding-top: 0; }
    .background-contact {
      top: 0;
      width: 280vw;
      left: 40%;
      padding-top: 40vw;
      background: linear-gradient(0deg, #d8d4bc 0%, #d8d4bc 75%, #0a70bc 75%, #0a70bc 100%); } }
.pb-rating-graph {
  margin: 0 auto 1.66vw !important; }

.pb-rating-graph ul {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important; }

.pb-rating-graph ul li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important; }

.pb-rating-graph ul li:before {
  content: unset !important; }

.pb-rating-graph__label {
  display: inline-block;
  font-weight: 500;
  font-size: 0.9vw;
  background: #e87142;
  color: #fff;
  padding: 0.4vw 0.83vw;
  border-radius: 1.66vw; }

.pb-rating-graph__wrap {
  display: flex;
  margin: 0.83vw 0; }

.pb-rating-graph li:last-child .pb-rating-graph__wrap {
  margin: 0.83vw 0 0; }

.pb-rating-graph__axis {
  width: 70%;
  margin-top: 1.66vw;
  position: relative;
  display: flex;
  justify-content: space-between; }

.pb-rating-graph__axis:before {
  content: "";
  display: inline-block;
  height: 0.25vw;
  background: #E3E6E7;
  width: 100%;
  position: absolute; }

.pb-rating-graph__basis {
  width: 15%;
  color: #aaa;
  font-weight: 600;
  font-size: 0.9vw; }

.pb-rating-graph__basis-inner {
  display: inline-block;
  text-align: left; }

.pb-rating-graph__wrap .pb-rating-graph__basis:first-of-type {
  text-align: right;
  padding-right: 1.66vw; }

.pb-rating-graph__wrap .pb-rating-graph__basis:last-of-type {
  text-align: left;
  padding-left: 1.66vw; }

.pb-rating-graph__scale {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  width: 1vw;
  margin-top: 0 !important; }

.pb-rating-graph__scale:before {
  content: "";
  display: block;
  width: 1.24vw;
  height: 1.24vw;
  border-radius: 50%;
  margin-top: -0.5vw;
  margin-bottom: 0.9vw;
  background: #E3E6E7; }

.pb-rating-graph__axis:after, .pb-rating-graph__scale:after {
  content: unset !important; }

.pb-rating-graph .pb-rating-graph__scale .pb-rating-graph__item {
  width: 1.66vw;
  display: block;
  font-weight: 600;
  font-size: 0.72vw;
  color: #aaa;
  text-align: center;
  padding-top: 0.4vw;
  margin-top: -0.4vw !important; }

.pb-rating-graph__scale[data-check='true']:before {
  background: #e87142; }

.pb-rating-graph__scale[data-check='true'] .pb-rating-graph__item {
  color: #e87142; }

@media screen and (max-width: 1280px) {
  .pb-rating-graph {
    margin: 0 auto 1.992vw !important; }

  .pb-rating-graph__label {
    padding: 0.48vw 0.996vw;
    border-radius: 1.992vw;
    font-size: 1.4vw; }

  .pb-rating-graph__wrap {
    margin: 0.996vw 0; }

  .pb-rating-graph li:last-child .pb-rating-graph__wrap {
    margin: 0.996vw 0 0; }

  .pb-rating-graph__axis {
    margin-top: 1.992vw; }

  .pb-rating-graph__axis:before {
    height: 0.3vw; }

  .pb-rating-graph__basis {
    font-size: 1.2vw; }

  .pb-rating-graph__wrap .pb-rating-graph__basis:first-of-type {
    padding-right: 1.992vw; }

  .pb-rating-graph__wrap .pb-rating-graph__basis:last-of-type {
    padding-left: 1.992vw; }

  .pb-rating-graph__scale {
    width: 1.2vw; }

  .pb-rating-graph__scale:before {
    width: 1.488vw;
    height: 1.488vw;
    margin-top: -0.6vw;
    margin-bottom: 1.08vw; }

  .pb-rating-graph .pb-rating-graph__scale .pb-rating-graph__item {
    width: 6vw;
    font-size: 1.2vw;
    padding-top: 0.48vw;
    margin-top: -0.48vw !important; } }
@media screen and (max-width: 768px) {
  .pb-rating-graph {
    margin: 0 auto 3.32vw !important; }

  .pb-rating-graph__label {
    padding: 0.8vw 1.66vw;
    border-radius: 3.32vw;
    font-size: 1.8vw; }

  .pb-rating-graph__wrap {
    margin: 1.66vw 0; }

  .pb-rating-graph li:last-child .pb-rating-graph__wrap {
    margin: 1.66vw 0 0; }

  .pb-rating-graph__axis {
    margin-top: 3.32vw;
    width: 100%; }

  .pb-rating-graph__axis:before {
    height: 0.5vw; }

  .pb-rating-graph__basis {
    font-size: 1.8vw; }

  .pb-rating-graph__wrap .pb-rating-graph__basis:first-of-type {
    padding-right: 3.32vw; }

  .pb-rating-graph__wrap .pb-rating-graph__basis:last-of-type {
    padding-left: 3.32vw; }

  .pb-rating-graph__scale {
    width: 2vw; }

  .pb-rating-graph__scale:before {
    width: 2.48vw;
    height: 2.48vw;
    margin-top: -1vw;
    margin-bottom: 1.8vw; }

  .pb-rating-graph .pb-rating-graph__scale .pb-rating-graph__item {
    width: 10vw;
    font-size: 1.6vw;
    padding-top: 0.8vw;
    margin-top: -0.8vw !important; } }
@media screen and (max-width: 450px) {
  .pb-rating-graph {
    margin: 0 auto 4.98vw !important; }

  .pb-rating-graph__label {
    padding: 1.2vw 2.49vw;
    border-radius: 4.98vw;
    font-size: 2.8vw; }

  .pb-rating-graph__wrap {
    margin: 2.49vw 0; }

  .pb-rating-graph li:last-child .pb-rating-graph__wrap {
    margin: 2.49vw 0 0; }

  .pb-rating-graph__axis {
    margin-top: 4.98vw;
    width: 100%; }

  .pb-rating-graph__axis:before {
    height: 0.75vw; }

  .pb-rating-graph__basis {
    font-size: 2.8vw; }

  .pb-rating-graph__wrap .pb-rating-graph__basis:first-of-type {
    padding-right: 4.98vw; }

  .pb-rating-graph__wrap .pb-rating-graph__basis:last-of-type {
    padding-left: 4.98vw; }

  .pb-rating-graph__scale {
    width: 3vw; }

  .pb-rating-graph__scale:before {
    width: 3.72vw;
    height: 3.72vw;
    margin-top: -1.5vw;
    margin-bottom: 2.7vw; }

  .pb-rating-graph .pb-rating-graph__scale .pb-rating-graph__item {
    width: 15vw;
    font-size: 2.4vw;
    padding-top: 1.2vw;
    margin-top: -1.2vw !important; } }
.pagenation {
  margin: 2vw 8.33vw 0;
  display: flex;
  justify-content: space-between; }
  .pagenation a {
    height: 4.16vw;
    border-radius: 2.08vw;
    background: #e87142;
    box-sizing: border-box;
    display: inline-flex;
    transition: all .3s; }
    .pagenation a:hover {
      background: #aaa; }
    .pagenation a span {
      display: block;
      font-size: 1.11vw;
      font-weight: 700;
      color: #fff;
      line-height: 4.16vw;
      padding-right: 1.38vw;
      transition: all .3s; }
    .pagenation a i {
      font-size: 2.77vw;
      color: #fff;
      padding: 0 1.38vw 0 0.68vw;
      line-height: 4.16vw;
      transition: all .3s; }
    .pagenation a:nth-child(2) span {
      padding-left: 1.38vw;
      padding-right: 0; }
    .pagenation a:nth-child(2) i {
      padding: 0 0.68vw 0 1.38vw; }

@media screen and (max-width: 1280px) {
  .pagenation {
    margin: 2vw 4vw 0; }
    .pagenation a {
      height: 6.156vw;
      border-radius: 3.078vw; }
      .pagenation a span {
        font-size: 1.642vw;
        line-height: 6.156vw;
        padding-right: 2.042vw; }
      .pagenation a i {
        font-size: 4.099vw;
        padding: 0 2vw 0 1.021vw;
        line-height: 6.156vw; }
      .pagenation a:nth-child(2) span {
        padding-left: 2.042vw;
        padding-right: 0; }
      .pagenation a:nth-child(2) i {
        padding: 0 1.021vw 0 2vw; } }
@media screen and (max-width: 768px) {
  .pagenation {
    margin: 2.5vw 5.5vw 0; }
    .pagenation a {
      height: 7.571vw;
      border-radius: 3.785vw; }
      .pagenation a-wrapper {
        margin-top: 12.633vw; }
      .pagenation a span {
        font-size: 2.019vw;
        line-height: 7.571vw;
        padding-right: 2.511vw; }
      .pagenation a i {
        font-size: 5.041vw;
        padding: 0 2.5vw 0 1.3vw;
        line-height: 7.571vw; }
      .pagenation a:nth-child(2) span {
        padding-left: 2.511vw;
        padding-right: 0; }
      .pagenation a:nth-child(2) i {
        padding: 0 1.3vw 0 2.5vw; } }
@media screen and (max-width: 450px) {
  .pagenation {
    margin: 4vw 4vw 0; }
    .pagenation a {
      height: 13.249vw;
      border-radius: 6.624vw; }
      .pagenation a-wrapper {
        margin-top: 16vw; }
      .pagenation a span {
        font-size: 3.5vw;
        line-height: 13.249vw;
        padding-right: 4.394vw; }
      .pagenation a i {
        font-size: 10vw;
        padding: 0 4vw 0 1.4vw;
        line-height: 13.249vw; }
      .pagenation a:nth-child(2) span {
        padding-left: 4.394vw;
        padding-right: 0; }
      .pagenation a:nth-child(2) i {
        padding: 0 1.4vw 0 4vw; } }
.homeEyecatch {
  display: flex;
  justify-content: flex-start; }
  .homeEyecatch-text {
    color: #e87142;
    font-size: 3.33vw;
    font-weight: 800;
    margin: 8.33vw 0 9.72vw 5.55vw;
    line-height: normal;
    letter-spacing: normal; }
  .homeEyecatch-news {
    line-height: 1.66vw;
    margin-left: 5.55vw;
    background: rgba(255, 255, 255, 0.5);
    position: relative; }
    .homeEyecatch-news li {
      display: inline;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
      .homeEyecatch-news li a {
        display: block;
        font-size: 1vw;
        font-weight: 400;
        width: 40vw;
        position: relative; }
        .homeEyecatch-news li a span {
          display: inline-block;
          font-size: 1vw;
          font-weight: 700;
          color: #aaa;
          margin-right: 1.38vw; }
    .homeEyecatch-news:hover a {
      text-decoration: underline; }
      .homeEyecatch-news:hover a span {
        text-decoration: none; }
  .homeEyecatch-img {
    width: 50vw;
    height: auto;
    margin: 0 5vw 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1; }

.bx-wrapper {
  box-shadow: none;
  background: transparent;
  border: none; }

.top-wrapper {
  position: relative;
  height: 48vw; }

canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

@media screen and (max-width: 1280px) {
  .homeEyecatch-text {
    font-size: 3.96vw;
    margin: 8.5vw 0 8.5vw 6.606vw; }
  .homeEyecatch-news {
    line-height: 1.975vw;
    margin-left: 6.606vw; }
    .homeEyecatch-news li a {
      font-size: 1.408vw;
      width: 36vw; }
      .homeEyecatch-news li a span {
        font-size: 1.408vw;
        margin-right: 1.642vw; }
  .homeEyecatch-img {
    width: 59.52vw; }

  .top-wrapper {
    height: 64vw; } }
@media screen and (max-width: 768px) {
  .homeEyecatch-text {
    font-size: 6.193vw;
    margin: 9.3vw 0 9.3vw 10.323vw; }
  .homeEyecatch-news {
    line-height: 3.087vw;
    margin-left: 10.323vw; }
    .homeEyecatch-news li a {
      font-size: 2.2vw;
      width: 54vw; }
      .homeEyecatch-news li a span {
        font-size: 2.2vw;
        margin-right: 2.566vw; }
  .homeEyecatch-img {
    width: 90vw;
    margin: 0; }

  .top-wrapper {
    height: 120vw; } }
@media screen and (max-width: 450px) {
  .homeEyecatch-text {
    font-size: 8.262vw;
    margin: 8vw 0 8vw 4vw; }
  .homeEyecatch-news {
    line-height: 4.114vw;
    margin-left: 4vw; }
    .homeEyecatch-news li a {
      font-size: 3vw;
      width: 92vw; }
      .homeEyecatch-news li a span {
        font-size: 3vw;
        margin-right: 3.42vw; }
  .homeEyecatch-img {
    width: 110vw;
    margin: 0 -12vw 0 0; }

  .top-wrapper {
    height: 170vw; } }
.homeMenu {
  padding: 8.33vw 0 9.72vw;
  margin: -1.38vw auto 0;
  background: #f9e343; }
  .homeMenu-list {
    display: flex;
    justify-content: space-between;
    margin: 0 16.66vw; }
  .homeMenu-item {
    text-align: center;
    width: 16.66vw; }
    .homeMenu-item a {
      font-size: 1.38vw;
      font-weight: 700; }
      .homeMenu-item a img {
        display: block;
        width: 11.11vw;
        height: auto;
        margin: 0 auto;
        padding-bottom: 1.38vw;
        position: relative; }
      .homeMenu-item a .fa-arrow-up-right-from-square {
        font-weight: 900;
        color: #aaa;
        margin-left: 1vw; }

.homeMenu-img {
  top: 0;
  transition: all .4s; }

.homeMenu-item a:hover .homeMenu-img {
  top: -0.69vw; }

@media screen and (max-width: 1280px) {
  .homeMenu {
    padding: 9.915vw 0 11.57vw;
    margin: -1.642vw auto 0; }
    .homeMenu-list {
      margin: 0 8vw; }
    .homeMenu-item {
      width: 22vw; }
      .homeMenu-item a {
        font-size: 2vw; }
        .homeMenu-item a img {
          width: 16vw;
          padding-bottom: 2vw; }
        .homeMenu-item a .fa-arrow-up-right-from-square {
          margin-left: 1.5vw; }

  .homeMenu-item a:hover .homeMenu-img {
    top: -0.821vw; } }
@media screen and (max-width: 768px) {
  .homeMenu {
    padding: 15.493vw 0 18.079vw;
    margin: -2.566vw auto 0; }
    .homeMenu-list {
      margin: 0 5vw; }
    .homeMenu-item {
      width: 28vw; }
      .homeMenu-item a {
        font-size: 2.8vw; }
        .homeMenu-item a img {
          width: 20vw;
          padding-bottom: 2.8vw; }
        .homeMenu-item a .fa-arrow-up-right-from-square {
          margin-left: 2vw; }

  .homeMenu-item a:hover .homeMenu-img {
    top: -1.283vw; } }
@media screen and (max-width: 450px) {
  .homeMenu {
    padding: 27.112vw 0 19.638vw;
    margin: -4.49vw auto 0; }
    .homeMenu-list {
      margin: 0 4vw;
      flex-wrap: wrap; }
    .homeMenu-item {
      width: 44vw;
      margin-bottom: 12vw; }
      .homeMenu-item a {
        font-size: 4.2vw; }
        .homeMenu-item a img {
          width: 32vw;
          padding-bottom: 5vw; }
        .homeMenu-item a .fa-arrow-up-right-from-square {
          margin-left: 3vw; }

  .homeMenu-item a:hover .homeMenu-img {
    top: -2.245vw; } }
.homeThema {
  background: #00a868;
  padding: 9vw 0 35vw;
  margin: 0 auto;
  position: relative;
  z-index: -3; }
  .homeThema-text {
    font-size: 1.25vw;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: relative; }
    .homeThema-text:nth-child(2) {
      margin-bottom: 2.77vw; }
    .homeThema-text:nth-child(4) {
      margin-bottom: 2.77vw; }
  .homeThema-img-l {
    width: calc(50vw - (var(--scrollbar, 0) / 2));
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -2; }
  .homeThema-img-r {
    width: calc(50vw - (var(--scrollbar, 0) / 2));
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -2; }

.parapara {
  width: 13.888vw;
  height: 52.04vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background-image: url("../images/growing_buds.svg");
  background-repeat: no-repeat;
  animation: parapara 3.5s steps(13) forwards;
  background-size: cover; }

@keyframes parapara {
  to {
    background-position: -180.44vw 0; } }
@media screen and (max-width: 1280px) {
  .homeThema {
    padding: 11vw 0 46vw;
    overflow: hidden; }
    .homeThema-text {
      font-size: 1.6vw; }
      .homeThema-text:nth-child(2) {
        margin-bottom: 4.099vw; }
      .homeThema-text:nth-child(4) {
        margin-bottom: 4.099vw; }
    .homeThema-img-l {
      width: calc(65vw - (var(--scrollbar, 0) / 2));
      left: -15vw; }
    .homeThema-img-r {
      width: calc(65vw - (var(--scrollbar, 0) / 2));
      right: -15vw; }

  .parapara {
    width: 18.0544vw;
    height: 67.652vw; }

  @keyframes parapara {
    to {
      background-position: -234.572vw 0; } } }
@media screen and (max-width: 768px) {
  .homeThema {
    padding: 12vw 0 53vw; }
    .homeThema-text {
      font-size: 2.312vw; }
      .homeThema-text:nth-child(2) {
        margin-bottom: 5vw; }
      .homeThema-text:nth-child(4) {
        margin-bottom: 5vw; }
    .homeThema-img-l {
      width: calc(79.95vw - (var(--scrollbar, 0) / 2));
      left: -29.95vw; }
    .homeThema-img-r {
      width: calc(79.95vw - (var(--scrollbar, 0) / 2));
      right: -29.95vw; }

  .parapara {
    width: 22.208vw;
    height: 83.2119vw; }

  @keyframes parapara {
    to {
      background-position: -288.52356vw 0; } } }
@media screen and (max-width: 450px) {
  .homeThema {
    padding: 21vw 2vw 82vw; }
    .homeThema-text {
      font-size: 3.6vw; }
      .homeThema-text:nth-child(2) {
        margin-bottom: 8.75vw; }
      .homeThema-text:nth-child(4) {
        margin-bottom: 8.75vw; }
    .homeThema-img-l {
      width: calc(100vw - (var(--scrollbar, 0) / 2));
      left: -50vw; }
    .homeThema-img-r {
      width: calc(100vw - (var(--scrollbar, 0) / 2));
      right: -50vw; }

  .parapara {
    width: 27.76vw;
    height: 104.0148vw;
    margin-top: 58vw; }

  @keyframes parapara {
    to {
      background-position: -360.65445vw 0; } } }
.homeWorks {
  padding: 8.33vw 0; }
  .homeWorks-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center; }
    .homeWorks-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .homeWorks-list {
    margin: 0 8.33vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .homeWorks-item {
    width: 25vw;
    margin-top: 4.16vw; }
  .homeWorks-title {
    font-size: 1.11vw;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.2s all; }
  .homeWorks-listTerm {
    margin-top: 0.27vw; }
  .homeWorks-itemTerm {
    display: inline-block; }
    .homeWorks-itemTerm + .homeWorks-itemTerm::before {
      content: ",";
      font-weight: 500;
      color: #aaa; }
  .homeWorks-linkTerm {
    font-size: 0.97vw;
    font-weight: 600;
    color: #aaa;
    position: relative;
    display: inline; }
  .homeWorks-img {
    width: 25vw;
    height: 16.66vw;
    object-fit: cover;
    border-radius: 1.38vw; }
  .homeWorks-btn {
    height: 4.16vw;
    border-radius: 2.08vw;
    background: #aaa;
    box-sizing: border-box;
    display: inline-flex;
    transition: all .3s; }
    .homeWorks-btn-wrapper {
      margin-top: 6.94vw;
      display: flex;
      justify-content: center;
      cursor: pointer; }
    .homeWorks-btn:hover {
      background: #e87142; }
    .homeWorks-btn span {
      display: block;
      font-size: 1.11vw;
      font-weight: 700;
      color: #fff;
      line-height: 4.16vw;
      padding-left: 1.38vw;
      transition: all .3s; }
    .homeWorks-btn i {
      font-size: 2.77vw;
      color: #fff;
      padding: 0 0.68vw 0 1.38vw;
      line-height: 4.16vw;
      transition: all .3s; }

.homeWorks-btn:hover i {
  color: #fff; }

.homeWorks-btn:hover span {
  color: #fff; }

.homeWorks-img {
  transition: all .2s ease-in-out; }
  .homeWorks-img-wrapper {
    display: block;
    width: 25vw;
    height: 16.66vw;
    overflow: hidden;
    border-radius: 1.38vw;
    margin-bottom: 1.25vw; }

.homeWorks-item a:hover .homeWorks-img {
  transform: scale(1.06); }

.homeWorks-item a:hover .homeWorks-title {
  color: #e87142; }

@media screen and (max-width: 1280px) {
  .homeWorks {
    padding: 12.328vw 0; }
    .homeWorks-titleAll {
      font-size: 3.078vw; }
      .homeWorks-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .homeWorks-list {
      margin: 0 4vw; }
    .homeWorks-item {
      width: 28vw;
      margin-top: 6.156vw; }
    .homeWorks-title {
      font-size: 1.642vw; }
    .homeWorks-listTerm {
      margin-top: 0.399vw; }
    .homeWorks-linkTerm {
      font-size: 1.435vw; }
      .homeWorks-linkTerm::after {
        height: 0.118vw;
        bottom: -0.118vw; }
    .homeWorks-img {
      width: 28vw;
      height: 18.659vw;
      border-radius: 1.545vw; }
    .homeWorks-btn {
      height: 6.156vw;
      border-radius: 3.078vw;
      background: #e87142; }
      .homeWorks-btn-wrapper {
        margin-top: 10.271vw; }
      .homeWorks-btn span {
        font-size: 1.642vw;
        line-height: 6.156vw;
        padding-left: 2.042vw; }
      .homeWorks-btn i {
        font-size: 4.099vw;
        padding: 0 1.021vw 0 2vw;
        line-height: 6.156vw; }

  .homeWorks-img-wrapper {
    width: 28vw;
    height: 18.659vw;
    border-radius: 1.545vw;
    margin-bottom: 1.85vw; } }
@media screen and (max-width: 768px) {
  .homeWorks {
    padding: 15.163vw 0; }
    .homeWorks-titleAll {
      font-size: 3.785vw; }
      .homeWorks-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .homeWorks-list {
      margin: 0 5.5vw; }
    .homeWorks-item {
      width: 42vw;
      margin-top: 7.571vw; }
    .homeWorks-title {
      font-size: 2.6vw; }
    .homeWorks-listTerm {
      margin-top: 0.49vw; }
    .homeWorks-linkTerm {
      font-size: 2vw; }
      .homeWorks-linkTerm::after {
        height: 0.145vw;
        bottom: -0.145vw; }
    .homeWorks-img {
      width: 42vw;
      height: 27.962vw;
      border-radius: 2.314vw; }
    .homeWorks-btn {
      height: 7.571vw;
      border-radius: 3.785vw; }
      .homeWorks-btn-wrapper {
        margin-top: 12.633vw; }
      .homeWorks-btn span {
        font-size: 2.019vw;
        line-height: 7.571vw;
        padding-left: 2.511vw; }
      .homeWorks-btn i {
        font-size: 5.041vw;
        padding: 0 1.3vw 0 2.5vw;
        line-height: 7.571vw; }

  .homeWorks-img-wrapper {
    width: 42vw;
    height: 27.962vw;
    border-radius: 2.314vw;
    margin-bottom: 2.275vw; } }
@media screen and (max-width: 450px) {
  .homeWorks {
    padding: 26.542vw 0; }
    .homeWorks-titleAll {
      font-size: 6vw; }
      .homeWorks-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .homeWorks-list {
      margin: 0 4vw; }
    .homeWorks-item {
      width: 92vw;
      margin-top: 12vw; }
    .homeWorks-title {
      font-size: 4.5vw; }
    .homeWorks-listTerm {
      margin-top: 0.857vw; }
    .homeWorks-linkTerm {
      font-size: 3vw; }
      .homeWorks-linkTerm::after {
        height: 0.253vw;
        bottom: -0.253vw; }
    .homeWorks-img {
      width: 92vw;
      height: 61.25vw;
      border-radius: 6vw; }
    .homeWorks-btn {
      height: 13.249vw;
      border-radius: 6.624vw; }
      .homeWorks-btn-wrapper {
        margin-top: 16vw; }
      .homeWorks-btn span {
        font-size: 3.5vw;
        line-height: 13.249vw;
        padding-left: 4.394vw; }
      .homeWorks-btn i {
        font-size: 10vw;
        padding: 0 1.4vw 0 6vw;
        line-height: 13.249vw; }

  .homeWorks-img-wrapper {
    width: 96vw;
    height: 61.25vw;
    border-radius: 6vw;
    margin-bottom: 4vw; } }
.homeNews {
  background: #dcf4e9;
  padding: 8.33vw 0; }
  .homeNews-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center;
    margin-bottom: 4.16vw; }
    .homeNews-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .homeNews-wrapperAll {
    margin: 0 8.33vw; }
  .homeNews-tab {
    display: flex;
    flex-wrap: wrap; }
    .homeNews-tab li {
      margin: 0 1.38vw 0 0; }
      .homeNews-tab li a {
        display: block;
        color: #fff;
        background: #aaa;
        box-sizing: border-box;
        padding: 0 1.38vw;
        height: 3.33vw;
        line-height: 3.33vw;
        text-align: center;
        font-size: 1.11vw;
        font-weight: 700;
        border-radius: 1.665vw;
        transition: all .3s; }
        .homeNews-tab li a:hover {
          background: #e87142;
          color: #fff; }
      .homeNews-tab li:last-of-type {
        margin-right: 0; }
  .homeNews-wrapper {
    height: 16.66vw;
    display: flex;
    position: relative;
    border-radius: 2.77vw;
    background: #fff;
    margin-top: 2.77vw; }
  .homeNews-inner {
    display: flex;
    margin-top: 1.38vw; }
  .homeNews-category {
    display: inline-block;
    margin-right: 0.83vw;
    color: #aaa;
    background: #fff;
    border: solid 0.15rem #aaa;
    box-sizing: border-box;
    padding: 0 0.83vw;
    height: 2.77vw;
    line-height: 2.455vw;
    text-align: center;
    font-size: 0.97vw;
    font-weight: 500;
    border-radius: 1.385vw; }
    .homeNews-category:last-of-type {
      margin-right: 1.38vw; }
  .homeNews-date {
    font-size: 0.97vw;
    font-weight: 600;
    color: #aaa;
    line-height: 2.77vw; }
  .homeNews-img {
    width: 22.22vw;
    height: 13.88vw;
    object-fit: cover;
    border-radius: 1.38vw; }
  .homeNews-title {
    font-size: 1.11vw;
    font-weight: 600;
    margin-top: 1.38vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    transition: 0.2s all; }
  .homeNews-text-wrapper {
    width: 51.42vw;
    padding: 0 0 1.38vw 0; }
  .homeNews-singleBtn {
    font-size: 1.94vw;
    color: #aaa;
    position: absolute;
    bottom: 1.38vw;
    right: 1.38vw;
    transition: all .3s; }
  .homeNews-btn {
    height: 4.16vw;
    border-radius: 2.08vw;
    background: #aaa;
    box-sizing: border-box;
    display: inline-flex;
    transition: all .3s; }
    .homeNews-btn-wrapper {
      margin-top: 6.94vw;
      display: flex;
      justify-content: center;
      cursor: pointer; }
    .homeNews-btn:hover {
      background: #e87142; }
    .homeNews-btn span {
      display: block;
      font-size: 1.11vw;
      font-weight: 700;
      color: #fff;
      line-height: 4.16vw;
      padding-left: 1.38vw;
      transition: all .3s; }
    .homeNews-btn i {
      font-size: 2.77vw;
      color: #fff;
      padding: 0 0.68vw 0 1.38vw;
      line-height: 4.16vw;
      transition: all .3s; }

.homeNews-btn:hover i {
  color: #fff; }

.homeNews-btn:hover span {
  color: #fff; }

.homeNews-tab li.active a {
  background: #e87142;
  color: #fff; }

.area {
  display: none;
  opacity: 0; }

.area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

@keyframes displayAnime {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.homeNews-linkAll:hover .homeNews-singleBtn {
  color: #e87142; }

.homeNews-img {
  transition: all .2s ease-in-out; }
  .homeNews-img-wrapper {
    display: block;
    width: 22.22vw;
    height: 13.88vw;
    overflow: hidden;
    border-radius: 1.38vw;
    margin: 1.38vw 4.16vw 0 1.38vw; }

.homeNews-item a:hover .homeNews-img {
  transform: scale(1.06); }

.homeNews-item a:hover .homeNews-title {
  color: #e87142; }

@media screen and (max-width: 1280px) {
  .homeNews {
    padding: 12.328vw 0; }
    .homeNews-titleAll {
      font-size: 3.078vw; }
      .homeNews-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .homeNews-wrapperAll {
      margin: 0 4vw; }
    .homeNews-tab li {
      margin: 0 2.042vw 0 0; }
      .homeNews-tab li a {
        padding: 0 2.042vw;
        height: 4.928vw;
        line-height: 4.928vw;
        font-size: 1.642vw;
        border-radius: 2.464vw; }
    .homeNews-wrapper {
      height: 22.743vw;
      border-radius: 4.099vw;
      margin-top: 4.099vw; }
    .homeNews-inner {
      margin-top: 2.042vw; }
    .homeNews-category {
      margin-right: 1.228vw;
      padding: 0 1.228vw;
      height: 4.099vw;
      line-height: 3.633vw;
      font-size: 1.435vw;
      border-radius: 2.049vw; }
      .homeNews-category:last-of-type {
        margin-right: 2.042vw; }
    .homeNews-date {
      font-size: 1.435vw;
      line-height: 3.633vw; }
    .homeNews-img {
      width: 28vw;
      height: 18.659vw;
      border-radius: 1.545vw; }
    .homeNews-title {
      font-size: 1.642vw;
      margin-top: 2.042vw; }
    .homeNews-text-wrapper {
      width: 53.958vw;
      padding: 0 0 2.042vw 0; }
    .homeNews-singleBtn {
      font-size: 2.871vw;
      bottom: 2.042vw;
      right: 2.042vw; }
    .homeNews-btn {
      height: 6.156vw;
      border-radius: 3.078vw;
      background: #e87142; }
      .homeNews-btn-wrapper {
        margin-top: 10.271vw; }
      .homeNews-btn span {
        font-size: 1.642vw;
        line-height: 6.156vw;
        padding-left: 2.042vw; }
      .homeNews-btn i {
        font-size: 4.099vw;
        padding: 0 1.021vw 0 2vw;
        line-height: 6.156vw; }

  .homeNews-img-wrapper {
    width: 28vw;
    height: 18.659vw;
    border-radius: 2.042vw;
    margin: 2.042vw 4vw 0 2.042vw; } }
@media screen and (max-width: 768px) {
  .homeNews {
    padding: 15.163vw 0; }
    .homeNews-titleAll {
      font-size: 3.785vw; }
      .homeNews-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .homeNews-wrapperAll {
      margin: 0 5.5vw; }
    .homeNews-tab li {
      margin: 0 2.552vw 0 0; }
      .homeNews-tab li a {
        padding: 0 2.552vw;
        height: 6.16vw;
        line-height: 6.16vw;
        font-size: 2.052vw;
        border-radius: 3.08vw; }
    .homeNews-wrapper {
      height: 33.066vw;
      border-radius: 5.123vw;
      margin-top: 5.123vw; }
    .homeNews-inner {
      margin-top: 2.552vw; }
    .homeNews-category {
      margin-right: 1.535vw;
      padding: 0 1.535vw;
      height: 5.123vw;
      line-height: 4.541vw;
      font-size: 1.793vw;
      border-radius: 2.561vw; }
      .homeNews-category:last-of-type {
        margin-right: 2.552vw; }
    .homeNews-date {
      font-size: 1.793vw;
      line-height: 4.541vw; }
    .homeNews-img {
      width: 42vw;
      height: 27.962vw;
      border-radius: 2.314vw; }
    .homeNews-title {
      font-size: 2.052vw;
      margin-top: 2.552vw; }
    .homeNews-text-wrapper {
      width: 34.448vw;
      height: 27.962vw;
      padding: 0 0 2.552vw 0; }
    .homeNews-singleBtn {
      font-size: 3.588vw;
      bottom: 2.552vw;
      right: 2.552vw; }
    .homeNews-btn {
      height: 7.571vw;
      border-radius: 3.785vw; }
      .homeNews-btn-wrapper {
        margin-top: 12.633vw; }
      .homeNews-btn span {
        font-size: 2.019vw;
        line-height: 7.571vw;
        padding-left: 2.511vw; }
      .homeNews-btn i {
        font-size: 5.041vw;
        padding: 0 1.3vw 0 2.5vw;
        line-height: 7.571vw; }

  .homeNews-img-wrapper {
    width: 42vw;
    height: 27.962vw;
    border-radius: 2.552vw;
    margin: 2.552vw 5vw 0 2.552vw; } }
@media screen and (max-width: 450px) {
  .homeNews {
    padding: 26.542vw 0; }
    .homeNews-titleAll {
      font-size: 6vw;
      margin-bottom: 12vw; }
      .homeNews-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .homeNews-wrapperAll {
      margin: 0 4vw; }
    .homeNews-tab li {
      margin: 0 2vw 0 0; }
      .homeNews-tab li a {
        padding: 0 3.6vw;
        height: 10.78vw;
        line-height: 10.78vw;
        font-size: 4vw;
        border-radius: 5.39vw; }
    .homeNews-wrapper {
      display: block;
      height: auto;
      border-radius: 8vw;
      margin-top: 8vw;
      padding: 4vw 4vw 16vw 4vw; }
    .homeNews-inner {
      margin-top: 4vw; }
    .homeNews-category {
      margin-right: 4vw;
      padding: 0 2vw;
      height: 8vw;
      line-height: 6.5vw;
      font-size: 3vw;
      border-radius: 4.482vw; }
      .homeNews-category:last-of-type {
        margin-right: 2vw; }
    .homeNews-date {
      font-size: 3vw;
      line-height: 7.789vw; }
    .homeNews-img {
      width: 84vw;
      height: 55.924vw;
      border-radius: 6vw; }
    .homeNews-title {
      font-size: 4.5vw;
      margin-top: 4vw;
      height: 17.997vw; }
    .homeNews-text-wrapper {
      width: 84vw;
      padding: 0; }
    .homeNews-singleBtn {
      font-size: 6vw;
      bottom: 6vw;
      right: 6vw; }
    .homeNews-btn {
      height: 13.249vw;
      border-radius: 6.624vw; }
      .homeNews-btn-wrapper {
        margin-top: 16vw; }
      .homeNews-btn span {
        font-size: 3.5vw;
        line-height: 13.249vw;
        padding-left: 4.394vw; }
      .homeNews-btn i {
        font-size: 10vw;
        padding: 0 1.4vw 0 6vw;
        line-height: 13.249vw; }

  .homeNews-img-wrapper {
    width: 84vw;
    height: 55.924vw;
    border-radius: 6vw;
    margin: 0; } }
.homeContact {
  padding: 12.49vw 0; }
  .homeContact-wrapper {
    margin: 0 16.66vw;
    padding: 4.16vw 23vw 4.16vw 4.16vw;
    background: #f9e343;
    border-radius: 0 5vw 0 5vw;
    position: relative; }
  .homeContact-title {
    font-size: 2.08vw;
    font-weight: 800;
    margin-bottom: 3.12vw;
    line-height: 2.08vw;
    display: flex; }
    .homeContact-title span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      padding-top: 0.1vw;
      margin-left: 1.66vw;
      text-transform: uppercase; }
  .homeContact-inner {
    padding: 3.12vw;
    background: #fff;
    border-radius: 2.77vw; }
  .homeContact-text {
    font-size: 0.96vw;
    font-weight: 500; }
  .homeContact-btn {
    height: 4.16vw;
    border-radius: 2.08vw;
    background: #aaa;
    box-sizing: border-box;
    display: inline-flex;
    transition: all .3s; }
    .homeContact-btn-wrapper {
      margin-top: 6.94vw;
      display: flex;
      justify-content: center;
      cursor: pointer; }
    .homeContact-btn:hover {
      background: #e87142; }
    .homeContact-btn span {
      display: block;
      font-size: 1.11vw;
      font-weight: 700;
      color: #fff;
      line-height: 4.16vw;
      padding-left: 1.38vw;
      transition: all .3s; }
    .homeContact-btn i {
      font-size: 2.77vw;
      color: #fff;
      padding: 0 0.68vw 0 1.38vw;
      line-height: 4.16vw;
      transition: all .3s; }
  .homeContact-img {
    display: block;
    width: 20vw;
    height: auto;
    position: absolute;
    top: -3.12vw;
    right: 3.12vw; }

.homeContact-btn:hover i {
  color: #fff; }

.homeContact-btn:hover span {
  color: #fff; }

@media screen and (max-width: 1280px) {
  .homeContact {
    padding: 18.485vw 0; }
    .homeContact-wrapper {
      margin: 0 4vw;
      padding: 6.156vw 28vw 6.156vw 6.156vw;
      border-radius: 0 7.4vw 0 7.4vw;
      z-index: -2; }
    .homeContact-title {
      font-size: 3.078vw;
      margin-bottom: 4.617vw;
      line-height: 3.078vw; }
      .homeContact-title span {
        font-size: 1.85vw;
        padding-top: 0.148vw;
        margin-left: 2.456vw; }
    .homeContact-inner {
      padding: 4.617vw;
      border-radius: 4.099vw; }
    .homeContact-text {
      font-size: 1.3vw; }
    .homeContact-btn {
      height: 6.156vw;
      border-radius: 3.078vw;
      background: #e87142; }
      .homeContact-btn-wrapper {
        margin-top: 10.271vw; }
      .homeContact-btn span {
        font-size: 1.642vw;
        line-height: 6.156vw;
        padding-left: 2.042vw; }
      .homeContact-btn i {
        font-size: 4.099vw;
        padding: 0 1.021vw 0 2vw;
        line-height: 6.156vw; }
    .homeContact-img {
      width: 30vw;
      top: -4.8vw;
      right: 4.617vw;
      z-index: -1; } }
@media screen and (max-width: 768px) {
  .homeContact {
    padding: 23.106vw 0; }
    .homeContact-wrapper {
      margin: 0 5vw;
      padding: 7.695vw;
      border-radius: 0 7.4vw 0 7.4vw; }
    .homeContact-title {
      font-size: 3.847vw;
      margin-bottom: 5.208vw;
      line-height: 3.847vw; }
      .homeContact-title span {
        font-size: 2.312vw;
        padding-top: 0.185vw;
        margin-left: 3.07vw; }
    .homeContact-inner {
      padding: 6vw;
      border-radius: 5.123vw; }
    .homeContact-text {
      font-size: 1.9vw; }
    .homeContact-btn {
      height: 7.571vw;
      border-radius: 3.785vw; }
      .homeContact-btn-wrapper {
        margin-top: 12.633vw; }
      .homeContact-btn span {
        font-size: 2.019vw;
        line-height: 7.571vw;
        padding-left: 2.511vw; }
      .homeContact-btn i {
        font-size: 5.041vw;
        padding: 0 1.3vw 0 2.5vw;
        line-height: 7.571vw; }
    .homeContact-img {
      width: 38vw;
      top: -6vw;
      right: 3.847vw; } }
@media screen and (max-width: 450px) {
  .homeContact {
    padding: 40.435vw 0 36vw; }
    .homeContact-wrapper {
      margin: 0 4vw;
      padding: 10vw 4vw 4vw 4vw;
      border-radius: 0 8vw 0 8vw; }
    .homeContact-title {
      font-size: 6vw;
      margin-bottom: 8vw;
      line-height: 6vw;
      display: block; }
      .homeContact-title span {
        font-size: 4vw;
        padding-top: 0;
        margin: 1.8vw 0 0 0; }
    .homeContact-inner {
      padding: 8vw 4vw;
      border-radius: 6vw; }
    .homeContact-text {
      font-size: 3.2vw; }
    .homeContact-btn {
      height: 13.249vw;
      border-radius: 6.624vw; }
      .homeContact-btn-wrapper {
        margin-top: 16vw; }
      .homeContact-btn span {
        font-size: 3.5vw;
        line-height: 13.249vw;
        padding-left: 4.394vw; }
      .homeContact-btn i {
        font-size: 10vw;
        padding: 0 1.4vw 0 6vw;
        line-height: 13.249vw; }
    .homeContact-img {
      width: 50vw;
      top: -10vw;
      right: 4vw; } }
.about {
  padding: 10vw 0 6.24vw;
  position: relative; }
  .about-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center; }
    .about-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .about-text {
    font-size: 1.1vw;
    font-weight: 600;
    text-align: center; }
    .about-text:nth-child(3) {
      margin-bottom: 2.77vw; }
    .about-text:nth-child(7) {
      margin-bottom: 2.77vw; }
    .about-text-wrapper {
      margin: 6.24vw auto 0; }
  .about-img {
    display: flex;
    justify-content: space-between;
    margin: 5.16vw 24vw 0; }
    .about-img img {
      width: 5.2vw;
      height: auto;
      cursor: pointer; }

.original {
  display: none; }

@media screen and (max-width: 1280px) {
  .about {
    padding: 18vw 0 8vw; }
    .about-titleAll {
      font-size: 3.078vw; }
      .about-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .about-text {
      font-size: 1.5vw; }
      .about-text:nth-child(3) {
        margin-bottom: 3.6vw; }
      .about-text:nth-child(7) {
        margin-bottom: 3.6vw; }
      .about-text-wrapper {
        margin: 8vw auto 0; }
    .about-img {
      margin: 7.7vw 20vw 0; }
      .about-img img {
        width: 7.7vw; } }
@media screen and (max-width: 768px) {
  .about {
    padding: 20vw 0 12vw; }
    .about-titleAll {
      font-size: 3.785vw; }
      .about-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .about-text {
      font-size: 2.2vw; }
      .about-text:nth-child(3) {
        margin-bottom: 4.4vw; }
      .about-text:nth-child(7) {
        margin-bottom: 4.4vw; }
      .about-text-wrapper {
        margin: 10vw auto 0; }
    .about-img {
      margin: 10vw 10vw 0; }
      .about-img img {
        width: 10vw; } }
@media screen and (max-width: 450px) {
  .about {
    padding: 26vw 0 11vw; }
    .about-titleAll {
      font-size: 6vw; }
      .about-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .about-text {
      font-size: 3.3vw; }
      .about-text:nth-child(3) {
        margin-bottom: 6vw; }
      .about-text:nth-child(7) {
        margin-bottom: 6vw; }
      .about-text-wrapper {
        margin: 12vw 4vw 0; }
    .about-img {
      flex-wrap: wrap;
      margin: 16vw 18vw 0; }
      .about-img img {
        width: 23vw;
        margin-bottom: 12vw; } }
.profile {
  padding: 8.33vw 16.66vw; }
  .profile-wrapper {
    display: flex;
    justify-content: space-between; }
  .profile-img {
    width: 18vw;
    height: auto;
    border-radius: 50%; }
  .profile-inner {
    width: 44.52vw; }
  .profile-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    margin-bottom: 0.4vw;
    line-height: 2.08vw;
    display: flex; }
    .profile-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      padding-top: 0.1vw;
      margin-left: 1.66vw; }
  .profile-title {
    font-size: 1.25vw;
    font-weight: 600;
    margin-bottom: 2.08vw;
    color: #00a868; }
  .profile-text {
    font-size: 0.9vw;
    font-weight: 500; }

@media screen and (max-width: 1280px) {
  .profile {
    padding: 12vw 4vw; }
    .profile-img {
      width: 24vw;
      margin-bottom: 2vw; }
    .profile-inner {
      width: 64vw; }
    .profile-titleAll {
      font-size: 3.078vw;
      line-height: 3.078vw; }
      .profile-titleAll span {
        font-size: 1.85vw;
        margin-left: 2vw; }
    .profile-title {
      font-size: 2vw;
      margin-bottom: 2vw; }
    .profile-text {
      font-size: 1.3vw; } }
@media screen and (max-width: 768px) {
  .profile {
    padding: 15.163vw 5.5vw; }
    .profile-wrapper {
      display: block; }
    .profile-img {
      width: 28vw;
      margin: 0 auto 4vw; }
    .profile-inner {
      width: 89vw; }
    .profile-titleAll {
      font-size: 3.785vw;
      line-height: inherit;
      display: block;
      text-align: center; }
      .profile-titleAll span {
        font-size: 2.275vw;
        margin: 1.51vw 0 0 0; }
    .profile-title {
      font-size: 2.8vw;
      margin: 2vw 0;
      text-align: center; }
    .profile-text {
      font-size: 1.9vw; } }
@media screen and (max-width: 450px) {
  .profile {
    padding: 26.542vw 4vw; }
    .profile-img {
      width: 40vw;
      margin: 0 auto 8vw; }
    .profile-inner {
      width: 92vw; }
    .profile-titleAll {
      font-size: 6vw; }
      .profile-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .profile-title {
      font-size: 5vw;
      margin: 4vw 0; }
    .profile-text {
      font-size: 3.2vw; } }
.skill {
  background: #FFF7C5;
  padding: 8.33vw 20vw; }
  .skill-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center; }
    .skill-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .skill-wrapper {
    margin-top: 6.94vw; }
  .skill-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4.16vw; }
  .skill-box {
    width: 36.2vw; }
  .skill-img {
    width: 18vw;
    height: auto; }
  .skill-title {
    font-size: 2.08vw;
    font-weight: 800;
    margin-bottom: 1.66vw;
    color: #00a868; }
  .skill-textAll {
    font-size: 0.9vw;
    font-weight: 500; }
  .skill-accordion {
    list-style: none;
    margin: 0 auto; }
    .skill-accordion li {
      margin: 1.66vw 0; }
    .skill-accordion section {
      background: #fff;
      border-radius: 2.91vw; }
  .skill-titleSub {
    position: relative;
    cursor: pointer;
    font-size: 1.42vw;
    font-weight: 500;
    padding: 0 0 0 5.82vw;
    height: 5.82vw;
    line-height: 5.82vw;
    color: #e87142; }
    .skill-titleSub:hover {
      color: #aaa;
      transition: all .3s ease; }
  .skill-textBox {
    display: none;
    margin: 0 1.66vw 1.66vw 5.82vw;
    padding: 0 2.66vw 2.08vw 0;
    font-size: 0.9vw;
    font-weight: 500; }
    .skill-textBox p {
      margin-bottom: 3.42vw; }

.skill-titleSub::before,
.skill-titleSub::after {
  position: absolute;
  content: '';
  width: 1.66vw;
  height: 0.5vw;
  border-radius: 0.25vw;
  background: #aaa;
  transition: all .5s ease; }

.skill-titleSub::before {
  top: 2.66vw;
  left: 2.08vw;
  transform: rotate(0deg); }

.skill-titleSub::after {
  top: 2.66vw;
  left: 2.08vw;
  transform: rotate(90deg); }

.skill-titleSub.close::before {
  transform: rotate(45deg); }

.skill-titleSub.close::after {
  transform: rotate(-45deg); }

@media screen and (max-width: 1280px) {
  .skill {
    padding: 12.328vw 10vw; }
    .skill-titleAll {
      font-size: 3.078vw; }
      .skill-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .skill-wrapper {
      margin-top: 8vw; }
    .skill-inner {
      margin: 0 auto 4vw;
      width: 70vw; }
    .skill-box {
      width: 46vw; }
    .skill-img {
      width: 20vw; }
    .skill-title {
      font-size: 2vw;
      margin-bottom: 4vw; }
    .skill-textAll {
      font-size: 1.3vw; }
    .skill-accordion li {
      margin: 4vw 0; }
    .skill-accordion section {
      border-radius: 3.492vw; }
    .skill-titleSub {
      font-size: 1.8vw;
      padding: 0 0 0 6.984vw;
      height: 6.984vw;
      line-height: 6.984vw; }
    .skill-textBox {
      margin: 0 1.992vw 1.992vw 6.984vw;
      padding: 0 3.192vw 2.496vw 0;
      font-size: 1.3vw; }
      .skill-textBox p {
        margin-bottom: 4.104vw; }

  .skill-titleSub::before,
  .skill-titleSub::after {
    width: 1.992vw;
    height: 0.6vw;
    border-radius: 0.3vw; }

  .skill-titleSub::before {
    top: 3.192vw;
    left: 2.496vw; }

  .skill-titleSub::after {
    top: 3.192vw;
    left: 2.496vw; } }
@media screen and (max-width: 768px) {
  .skill {
    padding: 15.163vw 5.5vw; }
    .skill-titleAll {
      font-size: 3.785vw; }
      .skill-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .skill-wrapper {
      margin-top: 12vw; }
    .skill-inner {
      margin-bottom: 8vw;
      width: auto; }
    .skill-box {
      width: 63vw; }
    .skill-img {
      width: 23vw; }
    .skill-title {
      font-size: 2.8vw;
      margin-bottom: 2vw; }
    .skill-textAll {
      font-size: 1.85vw; }
    .skill-accordion li {
      margin: 4vw 0; }
    .skill-accordion section {
      border-radius: 5.82vw; }
    .skill-titleSub {
      font-size: 2.4vw;
      padding: 0 0 0 11.64vw;
      height: 11.64vw;
      line-height: 11.64vw; }
    .skill-textBox {
      margin: 0 3.32vw 3.32vw 11.64vw;
      padding: 0 5.32vw 4.16vw 0;
      font-size: 1.8vw; }
      .skill-textBox p {
        margin-bottom: 6.84vw; }

  .skill-titleSub::before,
  .skill-titleSub::after {
    width: 3.32vw;
    height: 1vw;
    border-radius: 0.5vw; }

  .skill-titleSub::before {
    top: 5.32vw;
    left: 4.16vw; }

  .skill-titleSub::after {
    top: 5.32vw;
    left: 4.16vw; } }
@media screen and (max-width: 450px) {
  .skill {
    padding: 26.542vw 4vw; }
    .skill-titleAll {
      font-size: 6vw; }
      .skill-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .skill-wrapper {
      margin-top: 16vw; }
    .skill-inner {
      margin-bottom: 10vw;
      display: block; }
    .skill-box {
      width: 92vw; }
    .skill-img {
      display: block;
      width: 40vw;
      margin: 0 auto 8vw; }
    .skill-title {
      font-size: 5vw;
      margin-bottom: 6vw;
      text-align: center; }
    .skill-textAll {
      font-size: 3.2vw; }
    .skill-accordion li {
      margin: 6vw 0; }
    .skill-accordion section {
      border-radius: 8.73vw; }
    .skill-titleSub {
      font-size: 4.8vw;
      padding: 0 0 0 17.46vw;
      height: 17.46vw;
      line-height: 17.46vw; }
    .skill-textBox {
      margin: 0 4.98vw 4.98vw 17.46vw;
      padding: 0 6vw 6.24vw 0;
      font-size: 3.2vw; }
      .skill-textBox p {
        margin-bottom: 10.26vw; }

  .skill-titleSub::before,
  .skill-titleSub::after {
    width: 4.98vw;
    height: 1.5vw;
    border-radius: 0.75vw; }

  .skill-titleSub::before {
    top: 7.98vw;
    left: 6.24vw; }

  .skill-titleSub::after {
    top: 7.98vw;
    left: 6.24vw; } }
.aboutWorks {
  padding: 8.33vw 0; }
  .aboutWorks-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center; }
    .aboutWorks-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .aboutWorks-list {
    margin: 0 8.33vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .aboutWorks-list.aboutWorks-tabletMini-on {
      display: none !important; }
  .aboutWorks-item {
    width: 25vw;
    margin-top: 4.16vw; }
  .aboutWorks-title {
    font-size: 1.11vw;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.2s all; }
  .aboutWorks-listTerm {
    margin-top: 0.27vw; }
  .aboutWorks-itemTerm {
    display: inline-block; }
    .aboutWorks-itemTerm + .aboutWorks-itemTerm::before {
      content: ",";
      font-weight: 500;
      color: #aaa; }
  .aboutWorks-linkTerm {
    font-size: 0.97vw;
    font-weight: 600;
    color: #aaa;
    position: relative;
    display: inline; }
  .aboutWorks-img {
    width: 25vw;
    height: 16.66vw;
    object-fit: cover;
    border-radius: 1.38vw; }
  .aboutWorks-btn {
    height: 4.16vw;
    border-radius: 2.08vw;
    background: #e87142;
    box-sizing: border-box;
    display: inline-flex;
    transition: all .3s; }
    .aboutWorks-btn-wrapper {
      margin-top: 6.94vw;
      display: flex;
      justify-content: center;
      cursor: pointer; }
    .aboutWorks-btn:hover {
      background: #aaa; }
    .aboutWorks-btn span {
      display: block;
      font-size: 1.11vw;
      font-weight: 700;
      color: #fff;
      line-height: 4.16vw;
      padding-left: 1.38vw;
      transition: all .3s; }
    .aboutWorks-btn i {
      font-size: 2.77vw;
      color: #fff;
      padding: 0 0.68vw 0 1.38vw;
      transition: all .3s;
      line-height: 4.16vw; }

.aboutWorks-btn:hover i {
  color: #fff; }

.aboutWorks-btn:hover span {
  color: #fff; }

.aboutWorks-img {
  transition: all .2s ease-in-out; }
  .aboutWorks-img-wrapper {
    display: block;
    width: 25vw;
    height: 16.66vw;
    overflow: hidden;
    border-radius: 1.38vw;
    margin-bottom: 1.25vw; }

.aboutWorks-item a:hover .aboutWorks-img {
  transform: scale(1.06); }

.aboutWorks-item a:hover .aboutWorks-title {
  color: #e87142; }

@media screen and (max-width: 1280px) {
  .aboutWorks {
    padding: 12.328vw 0; }
    .aboutWorks-titleAll {
      font-size: 3.078vw; }
      .aboutWorks-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .aboutWorks-list {
      margin: 0 4vw; }
    .aboutWorks-item {
      width: 28vw;
      margin-top: 6.156vw; }
    .aboutWorks-title {
      font-size: 1.642vw; }
    .aboutWorks-listTerm {
      margin-top: 0.399vw; }
    .aboutWorks-linkTerm {
      font-size: 1.435vw; }
      .aboutWorks-linkTerm::after {
        height: 0.118vw;
        bottom: -0.118vw; }
    .aboutWorks-img {
      width: 28vw;
      height: 18.659vw;
      border-radius: 1.545vw; }
    .aboutWorks-btn {
      height: 6.156vw;
      border-radius: 3.078vw; }
      .aboutWorks-btn-wrapper {
        margin-top: 10.271vw; }
      .aboutWorks-btn span {
        font-size: 1.642vw;
        line-height: 6.156vw;
        padding-left: 2.042vw; }
      .aboutWorks-btn i {
        font-size: 4.099vw;
        padding: 0 1.021vw 0 2vw;
        line-height: 6.156vw; }

  .aboutWorks-img-wrapper {
    width: 28vw;
    height: 18.659vw;
    border-radius: 1.545vw;
    margin-bottom: 1.85vw; } }
@media screen and (max-width: 768px) {
  .aboutWorks {
    padding: 15.163vw 0; }
    .aboutWorks-titleAll {
      font-size: 3.785vw; }
      .aboutWorks-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .aboutWorks-list {
      margin: 0 5.5vw; }
      .aboutWorks-list.aboutWorks-tabletMini-no {
        display: none !important; }
      .aboutWorks-list.aboutWorks-tabletMini-on {
        display: flex !important; }
    .aboutWorks-item {
      width: 42vw;
      margin-top: 7.571vw; }
    .aboutWorks-title {
      font-size: 2.6vw; }
    .aboutWorks-listTerm {
      margin-top: 0.49vw; }
    .aboutWorks-linkTerm {
      font-size: 2vw; }
      .aboutWorks-linkTerm::after {
        height: 0.145vw;
        bottom: -0.145vw; }
    .aboutWorks-img {
      width: 42vw;
      height: 27.962vw;
      border-radius: 2.314vw; }
    .aboutWorks-btn {
      height: 7.571vw;
      border-radius: 3.785vw; }
      .aboutWorks-btn-wrapper {
        margin-top: 12.633vw; }
      .aboutWorks-btn span {
        font-size: 2.019vw;
        line-height: 7.571vw;
        padding-left: 2.511vw; }
      .aboutWorks-btn i {
        font-size: 5.041vw;
        padding: 1.3vw 0 2.5vw;
        line-height: 7.571vw; }

  .aboutWorks-img-wrapper {
    width: 42vw;
    height: 27.962vw;
    border-radius: 2.314vw;
    margin-bottom: 2.275vw; } }
@media screen and (max-width: 450px) {
  .aboutWorks {
    padding: 26.542vw 0; }
    .aboutWorks-titleAll {
      font-size: 6vw; }
      .aboutWorks-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .aboutWorks-list {
      margin: 0 4vw; }
    .aboutWorks-item {
      width: 92vw;
      margin-top: 12vw; }
    .aboutWorks-title {
      font-size: 4.5vw; }
    .aboutWorks-listTerm {
      margin-top: 0.857vw; }
    .aboutWorks-linkTerm {
      font-size: 3vw; }
      .aboutWorks-linkTerm::after {
        height: 0.253vw;
        bottom: -0.253vw; }
    .aboutWorks-img {
      width: 92vw;
      height: 61.25vw;
      border-radius: 6vw; }
    .aboutWorks-btn {
      height: 13.249vw;
      border-radius: 6.624vw; }
      .aboutWorks-btn-wrapper {
        margin-top: 16vw; }
      .aboutWorks-btn span {
        font-size: 3.5vw;
        line-height: 13.249vw;
        padding-left: 4.394vw; }
      .aboutWorks-btn i {
        font-size: 10vw;
        padding: 0 1.4vw 0 6vw;
        line-height: 13.249vw; }

  .aboutWorks-img-wrapper {
    width: 96vw;
    height: 61.25vw;
    border-radius: 6vw;
    margin-bottom: 4vw; } }
.works {
  padding: 8.33vw 0; }
  .works-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center; }
    .works-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .works-list {
    margin: 0 8.33vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .works-item {
    width: 25vw;
    margin-top: 4.16vw;
    display: block; }
    .works-item.is-hidden {
      display: none; }
  .works-title {
    font-size: 1.11vw;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.2s all; }
  .works-listTerm {
    margin-top: 0.27vw; }
  .works-itemTerm {
    display: inline-block; }
    .works-itemTerm + .works-itemTerm::before {
      content: ",";
      font-weight: 500;
      color: #aaa; }
  .works-linkTerm {
    font-size: 0.97vw;
    font-weight: 600;
    color: #aaa;
    position: relative;
    display: inline; }
  .works-img {
    width: 25vw;
    height: 16.66vw;
    object-fit: cover;
    border-radius: 1.38vw; }
  .works-btn {
    height: 4.16vw;
    border-radius: 2.08vw;
    background: #aaa;
    box-sizing: border-box;
    display: inline-flex;
    transition: all .3s; }
    .works-btn-wrapper {
      margin-top: 6.94vw;
      display: flex;
      justify-content: center;
      cursor: pointer; }
    .works-btn:hover {
      background: #e87142; }
    .works-btn span {
      display: block;
      font-size: 1.11vw;
      font-weight: 700;
      color: #fff;
      line-height: 4.16vw;
      padding-left: 1.38vw;
      transition: all .3s; }
    .works-btn i {
      font-size: 2.77vw;
      color: #fff;
      padding: 0 0.68vw 0 1.38vw;
      line-height: 4.16vw;
      transition: all .3s; }

.works-btn:hover i {
  color: #fff; }

.works-btn:hover span {
  color: #fff; }

.works-img {
  transition: all .2s ease-in-out; }
  .works-img-wrapper {
    display: block;
    width: 25vw;
    height: 16.66vw;
    overflow: hidden;
    border-radius: 1.38vw;
    margin-bottom: 1.25vw; }

.works-item a:hover .works-img {
  transform: scale(1.06); }

.works-item a:hover .works-title {
  color: #e87142; }

@media screen and (max-width: 1280px) {
  .works {
    padding: 12.328vw 0; }
    .works-titleAll {
      font-size: 3.078vw; }
      .works-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .works-list {
      margin: 0 4vw; }
    .works-item {
      width: 28vw;
      margin-top: 6.156vw; }
    .works-title {
      font-size: 1.642vw; }
    .works-listTerm {
      margin-top: 0.399vw; }
    .works-linkTerm {
      font-size: 1.435vw; }
      .works-linkTerm::after {
        height: 0.118vw;
        bottom: -0.118vw; }
    .works-img {
      width: 28vw;
      height: 18.659vw;
      border-radius: 1.545vw; }
    .works-btn {
      height: 6.156vw;
      border-radius: 3.078vw;
      background: #e87142; }
      .works-btn-wrapper {
        margin-top: 10.271vw; }
      .works-btn span {
        font-size: 1.642vw;
        line-height: 6.156vw;
        padding-left: 2.042vw; }
      .works-btn i {
        font-size: 4.099vw;
        padding: 0 1.021vw 0 2vw;
        line-height: 6.156vw; }

  .works-img-wrapper {
    width: 28vw;
    height: 18.659vw;
    border-radius: 1.545vw;
    margin-bottom: 1.85vw; } }
@media screen and (max-width: 768px) {
  .works {
    padding: 15.163vw 0; }
    .works-titleAll {
      font-size: 3.785vw; }
      .works-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .works-list {
      margin: 0 5.5vw; }
      .works-list.aboutWorks-tabletMini-no {
        display: none !important; }
      .works-list.aboutWorks-tabletMini-on {
        display: flex !important; }
    .works-item {
      width: 42vw;
      margin-top: 7.571vw; }
    .works-title {
      font-size: 2.6vw; }
    .works-listTerm {
      margin-top: 0.49vw; }
    .works-linkTerm {
      font-size: 2vw; }
      .works-linkTerm::after {
        height: 0.145vw;
        bottom: -0.145vw; }
    .works-img {
      width: 42vw;
      height: 27.962vw;
      border-radius: 2.314vw; }
    .works-btn {
      height: 7.571vw;
      border-radius: 3.785vw; }
      .works-btn-wrapper {
        margin-top: 12.633vw; }
      .works-btn span {
        font-size: 2.019vw;
        line-height: 7.571vw;
        padding-left: 2.511vw; }
      .works-btn i {
        font-size: 5.041vw;
        padding: 0 1.3vw 0 2.5vw;
        line-height: 7.571vw; }

  .works-img-wrapper {
    width: 42vw;
    height: 27.962vw;
    border-radius: 2.314vw;
    margin-bottom: 2.275vw; } }
@media screen and (max-width: 450px) {
  .works {
    padding: 26.542vw 0; }
    .works-titleAll {
      font-size: 6vw; }
      .works-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .works-list {
      margin: 0 4vw; }
    .works-item {
      width: 92vw;
      margin-top: 12vw; }
    .works-title {
      font-size: 4.5vw; }
    .works-listTerm {
      margin-top: 0.857vw; }
    .works-linkTerm {
      font-size: 3vw; }
      .works-linkTerm::after {
        height: 0.253vw;
        bottom: -0.253vw; }
    .works-img {
      width: 92vw;
      height: 61.25vw;
      border-radius: 6vw; }
    .works-btn {
      height: 13.249vw;
      border-radius: 6.624vw; }
      .works-btn-wrapper {
        margin-top: 16vw; }
      .works-btn span {
        font-size: 3.5vw;
        line-height: 13.249vw;
        padding-left: 4.394vw; }
      .works-btn i {
        font-size: 10vw;
        padding: 0 1.4vw 0 6vw;
        line-height: 13.249vw; }

  .works-img-wrapper {
    width: 96vw;
    height: 61.25vw;
    border-radius: 6vw;
    margin-bottom: 4vw; } }
.singleWorks {
  padding: 8.33vw 0; }
  .singleWorks-wrapper {
    margin: 0 8.33vw;
    padding: 4vw;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4vw; }
  .singleWorks-title {
    font-size: 1.6vw;
    font-weight: 700;
    margin-bottom: 1.6vw; }
  .singleWorks-date {
    font-size: 0.96vw;
    font-weight: 600;
    margin-bottom: 1.6vw;
    color: #aaa; }
  .singleWorks-itemTerm {
    display: inline-block; }
    .singleWorks-itemTerm + .singleWorks-itemTerm::before {
      content: ",";
      font-weight: 500;
      color: #aaa; }
  .singleWorks-linkTerm {
    font-size: 0.97vw;
    font-weight: 600;
    color: #aaa;
    position: relative;
    display: inline; }
  .singleWorks-thumb {
    width: 100%;
    height: auto;
    border-radius: 2vw;
    margin-top: 2.8vw; }
  .singleWorks-img {
    width: 100%;
    height: auto;
    border-radius: 2vw;
    margin-top: 2.8vw; }
  .singleWorks-text {
    font-size: 1.1vw;
    font-weight: 400;
    margin-top: 2.8vw; }
  .singleWorks-url {
    color: #e87142;
    font-size: 0.96vw;
    font-weight: 400;
    margin: 2vw 0; }
    .singleWorks-url a {
      text-decoration: underline;
      color: #aaa;
      margin-left: 1vw; }
      .singleWorks-url a:hover {
        opacity: 0.8; }
      .singleWorks-url a .fa-arrow-up-right-from-square {
        font-weight: 900;
        margin-left: 1vw; }

@media screen and (max-width: 1280px) {
  .singleWorks {
    padding: 12.328vw 0; }
    .singleWorks-wrapper {
      margin: 0 4vw;
      padding: 4vw;
      border-radius: 4vw; }
    .singleWorks-title {
      font-size: 2.4vw;
      margin-bottom: 2vw; }
    .singleWorks-date {
      font-size: 1.435vw;
      margin-bottom: 2vw; }
    .singleWorks-linkTerm {
      font-size: 1.435vw; }
    .singleWorks-thumb {
      border-radius: 3vw;
      margin-top: 3.6vw; }
    .singleWorks-img {
      border-radius: 3vw;
      margin-top: 3.6vw; }
    .singleWorks-text {
      font-size: 1.3vw;
      margin-top: 3.6vw; }
    .singleWorks-url {
      font-size: 1.3vw;
      margin: 5vw 0; }
      .singleWorks-url a {
        margin-left: 2.5vw; }
        .singleWorks-url a .fa-arrow-up-right-from-square {
          margin-left: 1.5vw; } }
@media screen and (max-width: 768px) {
  .singleWorks {
    padding: 15.163vw 0; }
    .singleWorks-wrapper {
      margin: 0 5.5vw;
      padding: 5.5vw;
      border-radius: 5.5vw; }
    .singleWorks-title {
      font-size: 2.8vw;
      margin-bottom: 2.2vw; }
    .singleWorks-date {
      font-size: 2vw;
      margin-bottom: 2.2vw; }
    .singleWorks-linkTerm {
      font-size: 2vw; }
    .singleWorks-thumb {
      border-radius: 3.6vw;
      margin-top: 4vw; }
    .singleWorks-img {
      border-radius: 3.6vw;
      margin-top: 4vw; }
    .singleWorks-text {
      font-size: 1.9vw;
      margin-top: 4vw; }
    .singleWorks-url {
      font-size: 1.9vw;
      margin: 4vw 0; }
      .singleWorks-url a {
        margin-left: 2vw; }
        .singleWorks-url a .fa-arrow-up-right-from-square {
          margin-left: 2vw; } }
@media screen and (max-width: 450px) {
  .singleWorks {
    padding: 26.542vw 0; }
    .singleWorks-wrapper {
      margin: 0 4vw;
      padding: 8vw 4vw;
      border-radius: 8vw; }
    .singleWorks-title {
      font-size: 4.8vw;
      margin-bottom: 4.8vw; }
    .singleWorks-date {
      font-size: 3vw;
      margin-bottom: 4.8vw; }
    .singleWorks-linkTerm {
      font-size: 3vw; }
    .singleWorks-thumb {
      border-radius: 6vw;
      margin-top: 4.8vw; }
    .singleWorks-img {
      border-radius: 6vw;
      margin-top: 4.8vw; }
    .singleWorks-text {
      font-size: 3.2vw;
      margin-top: 4.8vw; }
    .singleWorks-url {
      font-size: 3.2vw;
      margin: 6vw 0; }
      .singleWorks-url a {
        margin-left: 0;
        display: block; }
        .singleWorks-url a .fa-arrow-up-right-from-square {
          margin-left: 3vw; } }
.news {
  padding: 8.33vw 0; }
  .news-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center;
    margin-bottom: 4.16vw; }
    .news-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .news-wrapperAll {
    margin: 0 8.33vw; }
  .news-tab {
    display: flex;
    flex-wrap: wrap; }
    .news-tab li {
      margin: 0 1.38vw 0 0; }
      .news-tab li a {
        display: block;
        color: #fff;
        background: #aaa;
        box-sizing: border-box;
        padding: 0 1.38vw;
        height: 3.33vw;
        line-height: 3.33vw;
        text-align: center;
        font-size: 1.11vw;
        font-weight: 700;
        border-radius: 1.665vw;
        transition: all .3s; }
        .news-tab li a:hover {
          background: #e87142;
          color: #fff; }
      .news-tab li:last-of-type {
        margin-right: 0; }
  .news-wrapper {
    height: 16.66vw;
    display: flex;
    position: relative;
    border-radius: 2.77vw;
    background: #fff;
    margin-top: 2.77vw; }
  .news-inner {
    display: flex;
    margin-top: 1.38vw; }
  .news-category {
    display: inline-block;
    margin-right: 0.83vw;
    color: #aaa;
    background: #fff;
    border: solid 0.15rem #aaa;
    box-sizing: border-box;
    padding: 0 0.83vw;
    height: 2.77vw;
    line-height: 2.455vw;
    text-align: center;
    font-size: 0.97vw;
    font-weight: 500;
    border-radius: 1.385vw; }
    .news-category:last-of-type {
      margin-right: 1.38vw; }
  .news-date {
    font-size: 0.97vw;
    font-weight: 600;
    color: #aaa;
    line-height: 2.77vw; }
  .news-img {
    width: 22.22vw;
    height: 13.88vw;
    object-fit: cover;
    border-radius: 1.38vw; }
  .news-title {
    font-size: 1.11vw;
    font-weight: 600;
    margin-top: 1.38vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    transition: 0.2s all; }
  .news-text-wrapper {
    width: 51.42vw;
    padding: 0 0 1.38vw 0; }
  .news-singleBtn {
    font-size: 1.94vw;
    color: #aaa;
    position: absolute;
    bottom: 1.38vw;
    right: 1.38vw;
    transition: all .3s; }
  .news-btn {
    height: 4.16vw;
    border-radius: 2.08vw;
    background: #aaa;
    box-sizing: border-box;
    display: inline-flex;
    transition: all .3s; }
    .news-btn-wrapper {
      margin-top: 6.94vw;
      display: flex;
      justify-content: center;
      cursor: pointer; }
    .news-btn:hover {
      background: #e87142; }
    .news-btn span {
      display: block;
      font-size: 1.11vw;
      font-weight: 700;
      color: #fff;
      line-height: 4.16vw;
      padding-left: 1.38vw;
      transition: all .3s; }
    .news-btn i {
      font-size: 2.77vw;
      color: #fff;
      padding: 0 0.68vw 0 1.38vw;
      line-height: 4.16vw;
      transition: all .3s; }

.news-btn:hover i {
  color: #fff; }

.news-btn:hover span {
  color: #fff; }

.news-tab li.active a {
  background: #e87142;
  color: #fff; }

.area {
  display: none;
  opacity: 0; }

.area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards; }

@keyframes displayAnime {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.news-linkAll:hover .news-singleBtn {
  color: #e87142; }

.news-img {
  transition: all .2s ease-in-out; }
  .news-img-wrapper {
    display: block;
    width: 22.22vw;
    height: 13.88vw;
    overflow: hidden;
    border-radius: 1.38vw;
    margin: 1.38vw 4.16vw 0 1.38vw; }

.news-item.is-hidden {
  display: none; }

@media screen and (max-width: 1280px) {
  .news {
    padding: 12.328vw 0; }
    .news-titleAll {
      font-size: 3.078vw; }
      .news-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .news-wrapperAll {
      margin: 0 4vw; }
    .news-tab li {
      margin: 0 2.042vw 0 0; }
      .news-tab li a {
        padding: 0 2.042vw;
        height: 4.928vw;
        line-height: 4.928vw;
        font-size: 1.642vw;
        border-radius: 2.464vw; }
    .news-wrapper {
      height: 22.743vw;
      border-radius: 4.099vw;
      margin-top: 4.099vw; }
    .news-inner {
      margin-top: 2.042vw; }
    .news-category {
      margin-right: 1.228vw;
      padding: 0 1.228vw;
      height: 4.099vw;
      line-height: 3.633vw;
      font-size: 1.435vw;
      border-radius: 2.049vw; }
      .news-category:last-of-type {
        margin-right: 2.042vw; }
    .news-date {
      font-size: 1.435vw;
      line-height: 3.633vw; }
    .news-img {
      width: 28vw;
      height: 18.659vw;
      border-radius: 1.545vw; }
    .news-title {
      font-size: 1.642vw;
      margin-top: 2.042vw; }
    .news-text-wrapper {
      width: 53.958vw;
      padding: 0 0 2.042vw 0; }
    .news-singleBtn {
      font-size: 2.871vw;
      bottom: 2.042vw;
      right: 2.042vw; }
    .news-btn {
      height: 6.156vw;
      border-radius: 3.078vw;
      background: #e87142; }
      .news-btn-wrapper {
        margin-top: 10.271vw; }
      .news-btn span {
        font-size: 1.642vw;
        line-height: 6.156vw;
        padding-left: 2.042vw; }
      .news-btn i {
        font-size: 4.099vw;
        padding: 0 1.021vw 0 2vw;
        line-height: 6.156vw; }

  .news-img-wrapper {
    width: 28vw;
    height: 18.659vw;
    border-radius: 2.042vw;
    margin: 2.042vw 4vw 0 2.042vw; } }
@media screen and (max-width: 768px) {
  .news {
    padding: 15.163vw 0; }
    .news-titleAll {
      font-size: 3.785vw; }
      .news-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .news-wrapperAll {
      margin: 0 5.5vw; }
    .news-tab li {
      margin: 0 2.552vw 0 0; }
      .news-tab li a {
        padding: 0 2.552vw;
        height: 6.16vw;
        line-height: 6.16vw;
        font-size: 2.052vw;
        border-radius: 3.08vw; }
    .news-wrapper {
      height: 33.066vw;
      border-radius: 5.123vw;
      margin-top: 5.123vw; }
    .news-inner {
      margin-top: 2.552vw; }
    .news-category {
      margin-right: 1.535vw;
      padding: 0 1.535vw;
      height: 5.123vw;
      line-height: 4.541vw;
      font-size: 1.793vw;
      border-radius: 2.561vw; }
      .news-category:last-of-type {
        margin-right: 2.552vw; }
    .news-date {
      font-size: 1.793vw;
      line-height: 4.541vw; }
    .news-img {
      width: 42vw;
      height: 27.962vw;
      border-radius: 2.314vw; }
    .news-title {
      font-size: 2.052vw;
      margin-top: 2.552vw; }
    .news-text-wrapper {
      width: 34.448vw;
      height: 27.962vw;
      padding: 0 0 2.552vw 0; }
    .news-singleBtn {
      font-size: 3.588vw;
      bottom: 2.552vw;
      right: 2.552vw; }
    .news-btn {
      height: 7.571vw;
      border-radius: 3.785vw; }
      .news-btn-wrapper {
        margin-top: 12.633vw; }
      .news-btn span {
        font-size: 2.019vw;
        line-height: 7.571vw;
        padding-left: 2.511vw; }
      .news-btn i {
        font-size: 5.041vw;
        padding: 0 1.3vw 0 2.5vw;
        line-height: 7.571vw; }

  .news-img-wrapper {
    width: 42vw;
    height: 27.962vw;
    border-radius: 2.552vw;
    margin: 2.552vw 5vw 0 2.552vw; } }
@media screen and (max-width: 450px) {
  .news {
    padding: 26.542vw 0; }
    .news-titleAll {
      font-size: 6vw;
      margin-bottom: 12vw; }
      .news-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .news-wrapperAll {
      margin: 0 4vw; }
    .news-tab li {
      margin: 0 2vw 0 0; }
      .news-tab li a {
        padding: 0 3.6vw;
        height: 10.78vw;
        line-height: 10.78vw;
        font-size: 4vw;
        border-radius: 5.39vw; }
    .news-wrapper {
      display: block;
      height: auto;
      border-radius: 8vw;
      margin-top: 8vw;
      padding: 4vw 4vw 16vw 4vw; }
    .news-inner {
      margin-top: 4vw; }
    .news-category {
      margin-right: 4vw;
      padding: 0 2vw;
      height: 8vw;
      line-height: 6.5vw;
      font-size: 3vw;
      border-radius: 4.482vw; }
      .news-category:last-of-type {
        margin-right: 2vw; }
    .news-date {
      font-size: 3vw;
      line-height: 7.789vw; }
    .news-img {
      width: 84vw;
      height: 55.924vw;
      border-radius: 6vw; }
    .news-title {
      font-size: 4.5vw;
      margin-top: 4vw; }
    .news-text-wrapper {
      width: 84vw;
      padding: 0; }
    .news-singleBtn {
      font-size: 6vw;
      bottom: 6vw;
      right: 6vw; }
    .news-btn {
      height: 13.249vw;
      border-radius: 6.624vw; }
      .news-btn-wrapper {
        margin-top: 16vw; }
      .news-btn span {
        font-size: 3.5vw;
        line-height: 13.249vw;
        padding-left: 4.394vw; }
      .news-btn i {
        font-size: 10vw;
        padding: 0 1.4vw 0 6vw;
        line-height: 13.249vw; }

  .news-img-wrapper {
    width: 84vw;
    height: 55.924vw;
    border-radius: 6vw;
    margin: 0; } }
.news-item a:hover .news-img {
  transform: scale(1.06); }

.news-item a:hover .news-title {
  color: #e87142; }

.singleNews {
  padding: 8.33vw 0; }
  .singleNews-wrapper {
    margin: 0 8.33vw;
    padding: 4vw;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4vw; }
  .singleNews-title {
    font-size: 1.6vw;
    font-weight: 700;
    margin-bottom: 1.6vw; }
  .singleNews-date {
    font-size: 0.96vw;
    font-weight: 600;
    margin-bottom: 1.6vw;
    color: #aaa; }
  .singleNews-category {
    display: inline-block;
    color: #aaa;
    border: solid 0.15rem #aaa;
    box-sizing: border-box;
    padding: 0 0.83vw;
    height: 2.77vw;
    line-height: 2.455vw;
    text-align: center;
    font-size: 0.97vw;
    font-weight: 500;
    border-radius: 1.385vw; }
  .singleNews-thumb {
    width: 100%;
    height: auto;
    border-radius: 2vw;
    margin-top: 2.8vw; }
  .singleNews-img {
    width: 100%;
    height: auto;
    border-radius: 2vw;
    margin-top: 2.8vw; }
  .singleNews-text {
    font-size: 1.1vw;
    font-weight: 400;
    margin-top: 2.8vw; }
  .singleNews-url {
    color: #e87142;
    font-size: 0.96vw;
    font-weight: 400;
    margin: 2vw 0; }
    .singleNews-url a {
      text-decoration: underline;
      color: #aaa;
      margin-left: 1vw; }
      .singleNews-url a:hover {
        opacity: 0.8; }
      .singleNews-url a .fa-arrow-up-right-from-square {
        font-weight: 900;
        margin-left: 1vw; }

@media screen and (max-width: 1280px) {
  .singleNews {
    padding: 12.328vw 0; }
    .singleNews-wrapper {
      margin: 0 4vw;
      padding: 4vw;
      border-radius: 4vw; }
    .singleNews-title {
      font-size: 2.4vw;
      margin-bottom: 2vw; }
    .singleNews-date {
      font-size: 1.435vw;
      margin-bottom: 2vw; }
    .singleNews-category {
      padding: 0 1.228vw;
      height: 4.099vw;
      line-height: 3.633vw;
      font-size: 1.435vw;
      border-radius: 2.049vw; }
    .singleNews-thumb {
      border-radius: 3vw;
      margin-top: 3.6vw; }
    .singleNews-img {
      border-radius: 3vw;
      margin-top: 3.6vw; }
    .singleNews-text {
      font-size: 1.3vw;
      margin-top: 3.6vw; }
    .singleNews-url {
      font-size: 1.3vw;
      margin: 5vw 0; }
      .singleNews-url a {
        margin-left: 2.5vw; }
        .singleNews-url a .fa-arrow-up-right-from-square {
          margin-left: 1.5vw; } }
@media screen and (max-width: 768px) {
  .singleNews {
    padding: 15.163vw 0; }
    .singleNews-wrapper {
      margin: 0 5.5vw;
      padding: 5.5vw;
      border-radius: 5.5vw; }
    .singleNews-title {
      font-size: 2.8vw;
      margin-bottom: 2.2vw; }
    .singleNews-date {
      font-size: 2vw;
      margin-bottom: 2.2vw; }
    .singleNews-category {
      padding: 0 1.535vw;
      height: 5.123vw;
      line-height: 4.541vw;
      font-size: 1.793vw;
      border-radius: 2.561vw; }
    .singleNews-thumb {
      border-radius: 3.6vw;
      margin-top: 4vw; }
    .singleNews-img {
      border-radius: 3.6vw;
      margin-top: 4vw; }
    .singleNews-text {
      font-size: 1.9vw;
      margin-top: 4vw; }
    .singleNews-url {
      font-size: 1.9vw;
      margin: 4vw 0; }
      .singleNews-url a {
        margin-left: 2vw; }
        .singleNews-url a .fa-arrow-up-right-from-square {
          margin-left: 2vw; } }
@media screen and (max-width: 450px) {
  .singleNews {
    padding: 26.542vw 0; }
    .singleNews-wrapper {
      margin: 0 4vw;
      padding: 8vw 4vw;
      border-radius: 8vw; }
    .singleNews-title {
      font-size: 4.8vw;
      margin-bottom: 4.8vw; }
    .singleNews-date {
      font-size: 3vw;
      margin-bottom: 4.8vw; }
    .singleNews-category {
      padding: 0 2vw;
      height: 8vw;
      line-height: 6.5vw;
      font-size: 3vw;
      border-radius: 4.482vw; }
    .singleNews-thumb {
      border-radius: 6vw;
      margin-top: 4.8vw; }
    .singleNews-img {
      border-radius: 6vw;
      margin-top: 4.8vw; }
    .singleNews-text {
      font-size: 3.2vw;
      margin-top: 4.8vw; }
    .singleNews-url {
      font-size: 3.2vw;
      margin: 6vw 0; }
      .singleNews-url a {
        margin-left: 0;
        display: block; }
        .singleNews-url a .fa-arrow-up-right-from-square {
          margin-left: 3vw; } }
.contact {
  padding: 8.33vw 20vw; }
  .contact-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center; }
    .contact-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .contact-wrapper {
    margin: 6vw 0;
    padding: 4vw;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4vw; }
  .contact-text {
    font-size: 0.96vw;
    font-weight: 500;
    margin-bottom: 4vw; }
  .contact-privacyLink {
    color: #aaa;
    font-size: 0.96vw;
    font-weight: 400;
    margin: 0 0 2vw 0; }
    .contact-privacyLink a {
      text-decoration: underline;
      color: #aaa; }

.wpcf7-form label {
  display: block;
  font-size: 1.2vw;
  width: 100%;
  margin: 0 auto 2vw; }

.wpcf7-form .required {
  background-color: #e87142;
  color: #fff;
  padding: 0.1vw 0.4vw;
  border-radius: 0.8vw;
  margin: 0 0 0 1vw;
  line-height: 1vw;
  font-size: 0.8vw; }

.wpcf7-form input {
  width: 100%;
  height: 3vw;
  padding: 1vw 2vw;
  border: solid 0.1rem #aaa;
  border-radius: 1.5vw;
  margin-bottom: 2vw;
  font-size: 0.96vw;
  background: #fff; }

.wpcf7-form textarea {
  width: 100%;
  height: 20vw;
  padding: 1.5vw 2vw;
  border: solid 0.1rem #aaa;
  border-radius: 2vw;
  margin-bottom: 1vw;
  font-size: 0.96vw;
  background: #fff;
  resize: vertical; }

.wpcf7-form input[type="submit"] {
  width: 16vw;
  height: 4.16vw;
  border-radius: 2.08vw;
  background: #aaa;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: all .3s;
  margin: 0 18vw;
  font-size: 1.11vw; }

.wpcf7-form input[type="submit"]:hover {
  background: #e87142; }

.wpcf7-form .wpcf7-not-valid-tip {
  color: #e87142;
  font-size: 1vw; }

.wpcf7-form .wpcf7-mail-sent-ok {
  color: #00a868;
  font-size: 1vw;
  margin-bottom: 1vw; }

.grecaptcha-badge {
  visibility: hidden; }

@media screen and (max-width: 1280px) {
  .contact {
    padding: 12.328vw 10vw; }
    .contact-titleAll {
      font-size: 3.078vw;
      color: #fff; }
      .contact-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .contact-wrapper {
      margin: 4vw 0;
      padding: 4vw;
      border-radius: 4vw; }
    .contact-text {
      font-size: 1.3vw;
      margin-bottom: 4vw; }
    .contact-privacyLink {
      font-size: 1.3vw;
      margin: 0 0 3vw 0; }

  .wpcf7-form label {
    font-size: 1.435vw;
    margin: 0 auto 3vw; }

  .wpcf7-form .required {
    padding: 0.2vw 0.4vw;
    border-radius: 1vw;
    margin: 0 0 0 1vw;
    line-height: 1.2vw;
    font-size: 0.9vw; }

  .wpcf7-form input {
    height: 4vw;
    padding: 1vw 2vw;
    border-radius: 2vw;
    margin-bottom: 3vw;
    font-size: 1.3vw; }

  .wpcf7-form textarea {
    height: 30vw;
    padding: 1vw 2vw;
    border-radius: 2vw;
    margin-bottom: 2vw;
    font-size: 1.3vw; }

  .wpcf7-form input[type="submit"] {
    width: 20vw;
    height: 6.156vw;
    border-radius: 3.078vw;
    margin: 0 26vw;
    font-size: 1.4vw;
    background: #e87142; }

  .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 1.3vw; }

  .wpcf7-form .wpcf7-mail-sent-ok {
    font-size: 1.3vw;
    margin-bottom: 1vw; } }
@media screen and (max-width: 768px) {
  .contact {
    padding: 15.163vw 5.5vw; }
    .contact-titleAll {
      font-size: 3.785vw; }
      .contact-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .contact-wrapper {
      margin: 5.5vw 0;
      padding: 5.5vw;
      border-radius: 5.5vw; }
    .contact-text {
      font-size: 1.9vw;
      margin-bottom: 4vw; }
    .contact-privacyLink {
      font-size: 1.9vw;
      margin: 0 0 4vw 0; }

  .wpcf7-form label {
    font-size: 1.6vw;
    margin: 0 auto 4vw; }

  .wpcf7-form .required {
    padding: 0.3vw 0.5vw;
    border-radius: 1.4vw;
    margin: 0 0 0 1.4vw;
    line-height: 1.6vw;
    font-size: 1.1vw; }

  .wpcf7-form input {
    height: 5.5vw;
    padding: 1vw 2vw;
    border-radius: 2.75vw;
    margin-bottom: 4vw;
    font-size: 1.9vw; }

  .wpcf7-form textarea {
    height: 36vw;
    padding: 1vw 2vw;
    border-radius: 2.75vw;
    margin-bottom: 3vw;
    font-size: 1.9vw; }

  .wpcf7-form input[type="submit"] {
    width: 24vw;
    height: 7.571vw;
    border-radius: 3.785vw;
    margin: 0 27vw;
    font-size: 2vw; }

  .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 1.9vw; }

  .wpcf7-form .wpcf7-mail-sent-ok {
    font-size: 1.9vw;
    margin-bottom: 2vw; } }
@media screen and (max-width: 450px) {
  .contact {
    padding: 26.542vw 4vw; }
    .contact-titleAll {
      font-size: 6vw; }
      .contact-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .contact-wrapper {
      margin: 12vw 0;
      padding: 8vw 4vw;
      border-radius: 4vw; }
    .contact-text {
      font-size: 3.2vw;
      margin-bottom: 8vw; }
    .contact-privacyLink {
      font-size: 3.2vw;
      margin: 0 0 8vw 0; }

  .wpcf7-form label {
    font-size: 3.2vw;
    margin: 0 auto 4vw; }

  .wpcf7-form .required {
    padding: 0.6vw 1.2vw;
    border-radius: 2.4vw;
    margin: 0 0 0 2vw;
    line-height: 2.4vw;
    font-size: 2.4vw; }

  .wpcf7-form input {
    height: 8vw;
    padding: 2vw 4vw;
    border-radius: 4vw;
    margin-bottom: 4vw;
    font-size: 3.2vw; }

  .wpcf7-form textarea {
    height: 40vw;
    padding: 2vw 4vw;
    border-radius: 4vw;
    margin-bottom: 4vw;
    font-size: 3.2vw; }

  .wpcf7-form input[type="submit"] {
    width: 40vw;
    height: 13.249vw;
    border-radius: 6.624vw;
    margin: 0 22vw;
    font-size: 4vw; }

  .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 3.2vw; }

  .wpcf7-form .wpcf7-mail-sent-ok {
    font-size: 3.2vw;
    margin-bottom: 4vw; } }
.faq {
  padding: 8.33vw 20vw; }
  .faq-titleAll {
    font-size: 2.08vw;
    font-weight: 800;
    text-align: center; }
    .faq-titleAll span {
      display: block;
      font-size: 1.25vw;
      font-weight: 700;
      color: #aaa;
      margin-top: 0.83vw;
      text-transform: uppercase; }
  .faq-accordion {
    list-style: none;
    margin: 6vw auto; }
    .faq-accordion li {
      margin: 1.66vw 0; }
    .faq-accordion section {
      background: #fff;
      border-radius: 2.91vw; }
  .faq-titleSub {
    position: relative;
    cursor: pointer;
    font-size: 1.3vw;
    font-weight: 500;
    padding: 0 0 0 5.82vw;
    height: 5.82vw;
    line-height: 5.82vw;
    color: #e87142; }
    .faq-titleSub:hover {
      color: #aaa;
      transition: all .3s ease; }
  .faq-textBox {
    display: none;
    margin: 0 1.66vw 1.66vw 5.82vw;
    padding: 0 2.66vw 1.66vw 0;
    font-size: 0.9vw;
    font-weight: 500; }

.faq-titleSub::before,
.faq-titleSub::after {
  position: absolute;
  content: '';
  width: 1.66vw;
  height: 0.5vw;
  border-radius: 0.25vw;
  background: #aaa;
  transition: all .5s ease; }

.faq-titleSub::before {
  top: 2.66vw;
  left: 2.08vw;
  transform: rotate(0deg); }

.faq-titleSub::after {
  top: 2.66vw;
  left: 2.08vw;
  transform: rotate(90deg); }

.faq-titleSub.close::before {
  transform: rotate(45deg); }

.faq-titleSub.close::after {
  transform: rotate(-45deg); }

@media screen and (max-width: 1280px) {
  .faq {
    padding: 12.328vw 10vw; }
    .faq-titleAll {
      font-size: 3.078vw; }
      .faq-titleAll span {
        font-size: 1.85vw;
        margin-top: 1.228vw; }
    .faq-accordion li {
      margin: 4vw 0; }
    .faq-accordion section {
      border-radius: 3.492vw; }
    .faq-titleSub {
      font-size: 1.8vw;
      padding: 0 0 0 6.984vw;
      height: 6.984vw;
      line-height: 6.984vw; }
    .faq-textBox {
      margin: 0 1.992vw 1.992vw 6.984vw;
      padding: 0 3.192vw 2.496vw 0;
      font-size: 1.3vw; }

  .faq-titleSub::before,
  .faq-titleSub::after {
    width: 1.992vw;
    height: 0.6vw;
    border-radius: 0.3vw; }

  .faq-titleSub::before {
    top: 3.192vw;
    left: 2.496vw; }

  .faq-titleSub::after {
    top: 3.192vw;
    left: 2.496vw; } }
@media screen and (max-width: 768px) {
  .faq {
    padding: 15.163vw 5.5vw; }
    .faq-titleAll {
      font-size: 3.785vw; }
      .faq-titleAll span {
        font-size: 2.275vw;
        margin-top: 1.51vw; }
    .faq-accordion li {
      margin: 4vw 0; }
    .faq-accordion section {
      border-radius: 5.82vw; }
    .faq-titleSub {
      font-size: 2.4vw;
      padding: 0 0 0 11.64vw;
      height: 11.64vw;
      line-height: 11.64vw; }
    .faq-textBox {
      margin: 0 3.32vw 3.32vw 11.64vw;
      padding: 0 5.32vw 4.16vw 0;
      font-size: 1.8vw; }

  .faq-titleSub::before,
  .faq-titleSub::after {
    width: 3.32vw;
    height: 1vw;
    border-radius: 0.5vw; }

  .faq-titleSub::before {
    top: 5.32vw;
    left: 4.16vw; }

  .faq-titleSub::after {
    top: 5.32vw;
    left: 4.16vw; } }
@media screen and (max-width: 450px) {
  .faq {
    padding: 26.542vw 4vw; }
    .faq-titleAll {
      font-size: 6vw; }
      .faq-titleAll span {
        font-size: 4vw;
        margin-top: 1.6vw; }
    .faq-accordion li {
      margin: 12vw 0; }
    .faq-accordion section {
      border-radius: 8.73vw; }
    .faq-titleSub {
      font-size: 4.2vw;
      padding: 5.6vw 0 5.6vw 17.46vw;
      width: 70.54vw;
      height: auto;
      line-height: inherit;
      display: inline-block; }
    .faq-textBox {
      margin: 0 4.98vw 4.98vw 17.46vw;
      padding: 0 6vw 6.24vw 0;
      font-size: 3.2vw; }

  .faq-titleSub::before,
  .faq-titleSub::after {
    width: 4.98vw;
    height: 1.5vw;
    border-radius: 0.75vw; }

  .faq-titleSub::before {
    top: 7.98vw;
    left: 6.24vw; }

  .faq-titleSub::after {
    top: 7.98vw;
    left: 6.24vw; } }