:root {
	--lqd-container-width-lg: 1170px;
	--lqd-container-width-md: 970px;
	--lqd-container-width-sm: 750px;
	--lqd-container-width-xs: 100%;
	--lqd-row-gutter-y: 0;
	--lqd-row-gutter-x: 30px;
	/*  */
	--lqd-color-primary: #f13c46;
	--lqd-color-gradient-start: #f42958;
	--lqd-color-gradient-stop: #f42958;
	--lqd-color-blue-100: #eaf6fb;
	--lqd-color-blue-700: #004ac7;
	--lqd-color-brown-700: #5a220c;
	--lqd-color-gray-800: #1f1f1f;
	--lqd-color-gray-900: #141414;
	--lqd-color-purple-100: #c0b8d7;
	--lqd-color-purple-700: #2f328e;
	--lqd-color-red-100: #f8c5e4;
	--lqd-color-red-300: #ff4e5c;
  --lqd-color-red-500: #b41847;
	--lqd-color-slate-100: #dce3eb;
	--lqd-color-slate-200: #d5f5ff;
	--lqd-color-orange-100: #f9ccae;
	/*  */
	--lqd-body-font-family: "Be Vietnam Pro", "Noto Sans JP", sans-serif;
	--lqd-body-font-weight: 400;
	--lqd-body-line-height: 1.5em;
	--lqd-body-font-size: 1em;
	--lqd-body-color: #000000;
	/*  */
	--lqd-heading-font-family: var(--lqd-body-font-family);
	--lqd-heading-line-height: 1.2em;
	--lqd-heading-font-weight: 500;
	--lqd-heading-color: #181b31;
	--lqd-h1-font-weight: 700;
	--lqd-h1-font-size: 52px;
	--lqd-h2-font-size: 40px;
	--lqd-h3-font-size: 32px;
	--lqd-h4-font-size: 25px;
	--lqd-h5-font-size: 22px;
	--lqd-h6-font-size: 17px;
	/*  */
	--lqd-cc-size-inner: 17px;
	--lqd-cc-bg: rgb(32, 38, 76);
	--lqd-cc-active-bw: 1px;
	--lqd-cc-active-bg: rgba(0, 0, 0, 0.68);
	--lqd-cc-active-bc: rgba(0, 0, 0, 0.68);
}

.font-weight-500 {
  font-weight: 500;
  line-height: 1.65;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.wrapper-youtube2,
.c-section-about {
  margin-top: 6.47619048% !important;
}
.wrapper-inline {
  height: 400px;
  overflow-y: auto;
  background-color: #fff;
  padding: 40px 60px;
}

/* ***** Main Header ***** */
.main-header .main-nav-trigger .bars:before {
	background-color: rgba(255, 255, 255, 0);
}
.main-header .main-nav {
	--lqd-menu-items-right-padding: 22px;
	--lqd-menu-items-left-padding: 22px;
}
.main-header .module-navbar.show {
	display: inline-flex;
}
.main-header .main-nav-trigger:hover .bars:before {
	background-color: #ffffff;
}
.main-header .main-nav .link-sup {
	top: -2em;
	right: 1em;
}
.submenu-expander:before {
	content: '\ea2f';
	display: inline-flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	font: normal 1em/1 'lqd-essentials';
}

/* ***** Main Footer ***** */
.main-footer .footer-content {
	padding-right: 12vw;
	padding-left: 12vw;
}
.main-footer .module-btn {
	font-size: clamp(60px, 8vw, 70px);
}
.main-footer .module-title {
	font-size: 3vw;
}
@media (max-width: 1199px) {
	.main-footer .footer-content {
		padding: 100px 7vw;
	}
}
@media (max-width: 991px) {
	.main-footer .footer-content {
		padding: 100px 0;
	}
	.main-footer .module-title {
		font-size: 35px;
		margin-top: 40px;
		margin-bottom: 0.5em;
	}
	.main-footer .module-space {
		height: 50px;
	}
	.main-footer .module-info {
		margin-bottom: 45px;
	}
}
@media (max-width: 767px) {
	.main-footer .module-email {
		margin-bottom: 20px;
	}
}

/* ***** Banner ***** */
@media (max-width: 991px) {
	.banner h1 {
		font-size: 8vw;
	}
}
@media (max-width: 767px) {
	.banner h1 {
		font-size: 10vw;
	}
}

/* ***** Module Sec ***** */
.module-sec {
	padding-top: 35vh;
	padding-bottom: 35vh;
}
.module-sec h2 {
	font-size: 106px;
}
@media (max-width: 991px) {
	.module-sec {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

/* ***** Help ***** */
.help .module-accordion a {
	padding-right: 30px;	
}
@media (max-width: 991px) {
	.help {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.help .module-col {
		padding-right: 15px;
	}
	.help .module-accordion {
		margin-top: 0;
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media (max-width: 767px) {
	.help .module-accordion {
		margin-top: 50px;
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* ***** Clients ***** */
@media (max-width: 991px) {
	.clients .module-client {
		padding-bottom: 30px;
	}
	.clients {
		padding-bottom: 60px;
	}
}

#fv-start {
  width: 100%;
  height: 100vh;
  margin-bottom: 0;
  position: relative;
  
}
#fv-start::after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  background-color: #dce3eb;
  z-index: 1;
}
#fv-start::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 0 100vw 100vh 0;
  border-color: transparent transparent #f44c7f transparent;
  z-index: 3;
}
.particles-js-canvas-el {
  position: absolute;
  z-index: 2;
  height: 80% !important;
}

#fv-start1 {
  position: relative;
  z-index: 11;
}
#fv-start2 {
  position: absolute;
  top: 50%;
  left: 48%;
  width: 40%;
  height: auto;
  z-index: 12;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#fv-start3 {
  position: absolute;
  top: 50%;
  left: 12%;
  width: 57%;
  height: auto;
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
/*
#fv-start3 {
  position: absolute;
  top: 50%;
  left: 15%;
  width: 30%;
  height: auto;
  z-index: 13;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
*/
#fv-start4 {
  position: absolute;
  top: 26.1317523%;
  left: 37.2631579%;
  width: 30.4736842%;
  height: auto;
  z-index: 14;
}
#fv-start5 {
  position: absolute;
  top: 29.2105263%;
  left: 49.8157895%;
  width: 27.9473684%;
  height: auto;
  z-index: 15;
}
#fv-commingsoon {
  position: absolute;
  top: 29.2105263%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  height: auto;
  z-index: 15;
}
#fv-logo {
  max-width: 40vmax;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}
#fv-logoimg {
  width: 100%;
  height: auto;
}
#fv-cover {
  max-width: 40vmax;
  margin-right: auto;
  margin-left: auto;
}
#fv-cover img {
  width: 100%;
  height: auto;
  margin-top: -11vmax;
}

.charabox {
  position: absolute;
  z-index: 100;
  width: 54%;
  left: -44.5%;
}
#thumb-2cans,
#thumb-3cans {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#thumb-2cans p {
  width: 70%;
  height: auto;
  margin-bottom: 0;
  margin-left: 20%;
}
#thumb-3cans p {
  width: calc((100% / 3) - 10px);
  height: auto;
}
#division-2cans {
  background:#fff;
  padding: 120px 0;
  position: relative;
  z-index: 3;
}
#division-3cans {
  background:rgba(255,255,255,.2);
  padding: 120px 0;
  margin-top: -70px;
}

#tit-volcano {
  letter-spacing: .08em;
}
#tit-balanced {
	font-size: 102px;
}

#tit-grape .split-unit,
#tit-grape .split-unit + .split-unit,
#tit-grape .split-unit + .split-unit + .split-unit,
#tit-grape .split-unit + .split-unit + .split-unit + .split-unit,
#tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit,
#tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit {
  font-size: 47px;
  top: -4px;
}
#tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit,
#tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit {
  font-size: 88px;
  top: 0;
}
#tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit {
  margin-right: -10px;
}
#tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit {
  margin-right: 0;
}

#site-footer .container {
  max-width: 100%;
  padding: 0;
}
#site-footer .container img {
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  
  #site-header .justify-start {
    display: none;
  }
  #site-header .lqd-head-col .header-module {
    padding: 0;
    position: fixed;
    top: 6px;
    right: 6px;
  }
  #site-header .lqd-head-col .header-module .btn-txt {
    display: none;
  }
  #site-header .lqd-head-col .header-module .btn-icon {
    margin-left: 0;
  }
  #site-header .col-auto {
    padding: 0;
  }
  #fv-start {
    transform: scale(1.2, 1.2);
  }
  #fv-start::before {
    left: -30px;
  }
  #fv-start3 {
    transform: scale(1.2, 1.2);
    margin-top: -12vh
  }
  #division-2cans {
    padding: 60px 0;
    margin-bottom: -110px;
    margin-top: 0;
  }
  #thumb-2cans {
    padding: 0 40px;
    margin: 0 auto 40px;
    max-width: 560px;
  }
  #thumb-2cans + .col {
    margin: 0 auto;
    max-width: 560px;
  }
  .wrapper-youtube {
    margin-top: 17.7866667vh;
  }
  .wrapper-youtube + .row.items-center #thumb-2cans,
  .wrapper-youtube + .mt-5percent  + .row.items-center #thumb-2cans {
    margin-top: 0;
  }
  .wrapper-youtube2 .col {
    display: block;
    width: 100%;
  }
  .wrapper-youtube2 .col + .col {
    margin-top: 6.47619048% !important;
  }
  .pb-155 {
    padding-bottom: 100px;
  }
   .charabox {
    /*
    display: none;
    */
    
    position: static;
    width: 100%;
    margin-bottom: 20px;
  }
  .lqd-promo-wrap {
    left: 0;
  }
  .lqd-promo-content {
    margin-left: 0;
  }
  .module-sec h2 {
    font-size: 19.77vw;
  }
  #tit-balanced {
    font-size: 19.0239623vw;
  }
  #tit-grape .split-unit,
  #tit-grape .split-unit + .split-unit,
  #tit-grape .split-unit + .split-unit + .split-unit,
  #tit-grape .split-unit + .split-unit + .split-unit + .split-unit,
  #tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit,
  #tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit {
    font-size: 8.76594343vw;
    top: -4px;
  }
  #tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit,
  #tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit {
    font-size: 16.4128303vw;
    top: 0;
  }
  #tit-grape .split-unit + .split-unit + .split-unit + .split-unit + .split-unit + .split-unit {
    margin-right: -10px;
  }
  
}