@charset "UTF-8";
/* MIXIN 
			@include gray;
*/
/*
@mixin maincl { color: #6DC9B9; }
@mixin bg-rylw { color: #fff337; }
@mixin bg-ylw { color: #FBC52C; }
*/
/*LOADING*/
/* line 17, ../../compass/sass/style.scss */
#loading {
  position: absolute;
  left: calc(50% - 35px);
  top: calc(50% - 35px);
}

/* line 22, ../../compass/sass/style.scss */
#loader-bg {
  position: relative;
  background: #000;
}

html{
  scroll-behavior: smooth;
}

.h3 {
  color: #6666ff;
}

/*jsアニメーション*/
/*
 * fuwatAnime
 */
/* line 31, ../../compass/sass/style.scss */
.fuwatAnime {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .5s;
  -ms-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: fuwatAnime;
  -ms-animation-name: fuwatAnime;
  animation-name: fuwatAnime;
  visibility: visible !important;
}

@-webkit-keyframes fuwatAnime {
  /* line 44, ../../compass/sass/style.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
  }

  /* line 45, ../../compass/sass/style.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fuwatAnime {
  /* line 48, ../../compass/sass/style.scss */
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }

  /* line 49, ../../compass/sass/style.scss */
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

/*一文字ずつフェードイン*/
/* line 54, ../../compass/sass/style.scss */
.fadein_text,
.fadein_text span {
  opacity: 0;
}

/* line 58, ../../compass/sass/style.scss */
.scroll_effect,
.scroll_effect span {
  opacity: 0;
}

/* line 62, ../../compass/sass/style.scss */
.scroll_effect {
  height: auto !important;
}

/*タイプライター風エフェクト*/
/* line 68, ../../compass/sass/style.scss */
.textSplitLoad {
  display: none;
}

/* line 71, ../../compass/sass/style.scss */
.split {
  visibility: hidden;
}

/*css animation*/
/* line 77, ../../compass/sass/style.scss */
.item_text {
  animation: key1 .3s ease infinite alternate;
}

@keyframes key1 {
  /* line 82, ../../compass/sass/style.scss */
  0% {
    transform: translateY(0px);
  }

  /* line 83, ../../compass/sass/style.scss */
  100% {
    transform: translateY(-5px);
  }
}

@keyframes bounceIn {
  /* line 92, ../../compass/sass/style.scss */
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  /* line 97, ../../compass/sass/style.scss */
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  /* line 103, ../../compass/sass/style.scss */
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  /* line 108, ../../compass/sass/style.scss */
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  /* line 113, ../../compass/sass/style.scss */
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  /* line 119, ../../compass/sass/style.scss */
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  /* line 124, ../../compass/sass/style.scss */
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* line 131, ../../compass/sass/style.scss */
.bounceIn {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  animation-iteration-count: infinite;
}

/* line 140, ../../compass/sass/style.scss */
* {
  letter-spacing: 1px;
  box-sizing: border-box;
}

/* line 146, ../../compass/sass/style.scss */
a:link {
  color: #3333ff;
}

/* line 150, ../../compass/sass/style.scss */
a:visited {
  color: #6666ff;
}

/*margin,padding*/
/*color*/
/* line 158, ../../compass/sass/style.scss */
.bg-primary {
  background: #9ec9e6 !important;
}

.bg-primary-header {
  background: #556edb !important;
}

/* line 162, ../../compass/sass/style.scss */
.bg-rylw {
  /*background-color: #fff337;*/
  background-color: #fff337;
}

/* line 166, ../../compass/sass/style.scss */
.bg-ylw {
  background-color: #fbc52c;
}

/*button*/
/* line 172, ../../compass/sass/style.scss */
button {
  font-weight: bold;
}

/* line 177, ../../compass/sass/style.scss */
.btn-primary {
  border: #764ba2 1px solid;
  /*
background-image: -moz-linear-gradient( 90deg, rgb(28,180,153) 0%, rgb(110,201,185) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(28,180,153) 0%, rgb(110,201,185) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(28,180,153) 0%, rgb(110,201,185) 100%);
*/
  background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* line 188, ../../compass/sass/style.scss */
.btn-primary:hover {
  border: #fda085 1px solid;
  /*
background-image: -moz-linear-gradient( 90deg, rgb(255,215,55) 0%, rgb(255,243,55) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,215,55) 0%, rgb(255,243,55) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,215,55) 0%, rgb(255,243,55) 100%);
*/
  background-image: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
  color: #000;
}

.btn-primary-b {
  border:#78778d 1px solid;
  background-image: linear-gradient(-225deg, #ebebeb 0%, #a2abc9 48%, #bfbbd3 100%);
}

.btn-primary-b:hover {
  border: #fda085 1px solid;
  background-image: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
  color: #000;
}

/* line 199, ../../compass/sass/style.scss */
.btn-outline-primary {
  color: #6dc9b9;
  border-color: #6dc9b9;
}

/* line 204, ../../compass/sass/style.scss */
.btn-outline-primary:hover {
  background-color: #6dc9b9;
  border-color: #6dc9b9;
  color: #000;
}

/* line 210, ../../compass/sass/style.scss */
.btn-light {
  border: #fbc52c 1px solid;
  background-image: -moz-linear-gradient(90deg, #ffd737 0%, #fff337 100%);
  background-image: -webkit-linear-gradient(90deg, #ffd737 0%, #fff337 100%);
  background-image: -ms-linear-gradient(90deg, #ffd737 0%, #fff337 100%);
}

/* line 218, ../../compass/sass/style.scss */
.btn-light:hover {
  border-color: #0c9f85;
  background-image: -moz-linear-gradient(90deg, #1cb499 0%, #6ec9b9 100%);
  background-image: -webkit-linear-gradient(90deg, #1cb499 0%, #6ec9b9 100%);
  background-image: -ms-linear-gradient(90deg, #1cb499 0%, #6ec9b9 100%);
  color: #fff;
}

/*nav*/
@media screen and (min-width: 992px) {
  /* line 229, ../../compass/sass/style.scss */
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
  }
}
/* line 236, ../../compass/sass/style.scss */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.8);
}

/* line 239, ../../compass/sass/style.scss */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: white;
}

/*card*/
/* line 245, ../../compass/sass/style.scss */
#feature .card {
  border: #5f5886 solid 1px;
}

/*header*/
/* line 251, ../../compass/sass/style.scss */
.eyecatch {
  margin: 0;
  padding: 0;
  background: url("../images/lp/bg.jpg") no-repeat center top;
  background-size: cover;
}

/*TITLE*/
/* line 261, ../../compass/sass/style.scss */
.ttl {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.8;
  padding-bottom: 20px;
}
/* line 266, ../../compass/sass/style.scss */
.ttl::after {
  content: "";
  display: block;
  margin: 25px auto 0;
  border-bottom: 4px solid #6dc9b9;
  width: 140px;
}

/* line 275, ../../compass/sass/style.scss */
.ttl-y {
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.8;
  padding-bottom: 20px;
}
/* line 280, ../../compass/sass/style.scss */
.ttl-y::after {
  content: "";
  display: block;
  margin: 25px auto 0;
  border-bottom: 4px solid #fff337;
  width: 140px;
}

@media screen and (max-width: 767px) {
  /* line 290, ../../compass/sass/style.scss */
  .ttl, .ttl-y {
    font-size: 2rem;
    line-height: 1.5;
  }
}
/*IMG*/
/* line 298, ../../compass/sass/style.scss */
.il-frog img {
  max-width: 300px;
}

/*realtime sales*/
/* line 304, ../../compass/sass/style.scss */
.sales-top {
  margin-top: -35px;
}

/* line 307, ../../compass/sass/style.scss */
.sales-top::before {
  content: "";
  display: block;
  margin: 5px auto 25px;
  border-bottom: 23px solid #fff337;
  width: 80%;
  max-width: 500px;
}

/*SPEC*/
/* line 319, ../../compass/sass/style.scss */
#spec .spec img {
  max-width: 200px;
}
/* line 322, ../../compass/sass/style.scss */
#spec .spec p {
  font-size: 26px;
}
/* line 328, ../../compass/sass/style.scss */
#spec .capture .p-lg-5 img {
  max-width: 200px;
}

/*KINOU*/
/* line 337, ../../compass/sass/style.scss */
#kinou .rounded {
  background: #aee0cf;
  		/*
  
  		h3::after {
  		  border-bottom: solid 4px $maincl;
  		  bottom: 0;
  		  content: "";
  		  display: block;
  		  transition: all .3s ease;
  		  -webkit-transition: all .3s ease;
  		  width: 0;
  		  height: 15px;
  		}
  		h3:hover::after {
  		  width: 100%;
  		}
  */
}
/* line 340, ../../compass/sass/style.scss */
#kinou .rounded a:hover {
  text-decoration: none;
}
/* line 359, ../../compass/sass/style.scss */
#kinou .rounded h3 {
  margin-bottom: 15px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgb(235, 239, 240);
}
/* line 364, ../../compass/sass/style.scss */
#kinou .rounded p {
  margin-bottom: 0;
  font-size: 14px;
  text-align: left;
  color: #000;
}
/* line 370, ../../compass/sass/style.scss */
#kinou .rounded p:after {
  content: "";
  text-decoration: underline;
  color: #ffd700;
}
@media screen and (min-width: 766px) {
  /* line 377, ../../compass/sass/style.scss */
  #kinou .rounded {
    min-height: 180px;
  }
}

.col2 li{
	display: inline-block;
	width: 100%;
  	margin: 0px 0 0px 0;
}

/*VOICE*/
/* line 386, ../../compass/sass/style.scss */
#voice .box {
  margin-bottom: 20px;
  background: #e9e9e9;
}
/* line 389, ../../compass/sass/style.scss */
#voice .box img {
  max-width: 120px;
  height: auto;
}
/* line 393, ../../compass/sass/style.scss */
#voice .box .user-name {
  color: #6dc9b9;
}

/*NEW*/
/* line 401, ../../compass/sass/style.scss */
#new .card {
  position: relative;
}
/* line 404, ../../compass/sass/style.scss */
#new .card-img-bg {
  background: #000;
  overflow: hidden;
  height: 200px;
  position: relative;
  border-radius: 3px 3px 0 0;
}
/* line 411, ../../compass/sass/style.scss */
#new .card-img {
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  /*height: auto;*/
  height: 200px;
  margin-left: 0;
  object-fit: cover;
}
/* line 424, ../../compass/sass/style.scss */
#new .card-title {
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1.6;
  font-weight: bold;
  overflow: hidden;
  /* height: 200px; */
}
/* line 431, ../../compass/sass/style.scss */
#new .card-title a {
  color: #fff;
}
/* line 435, ../../compass/sass/style.scss */
#new .card-subtitle {
  color: #fff;
  font-size: 14px;
}
/* line 439, ../../compass/sass/style.scss */
#new .card-content {
  height: 100px;
  overflow: hidden;
  font-size: 14px;
/*  background-color: #002; */
}
/* line 444, ../../compass/sass/style.scss */
#new .card-text {
  color: #6dc9b9;
}

/* line 449, ../../compass/sass/style.scss */
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

/*POINT*/
/* line 455, ../../compass/sass/style.scss */
#point .function {
  font-size: 14px;
}

/*REGIST*/
/* line 461, ../../compass/sass/style.scss */
#regist {
  background: #6dc9b9;
}
/* line 463, ../../compass/sass/style.scss */
#regist .txt-l {
  font-size: 22px;
}
/* line 466, ../../compass/sass/style.scss */
#regist .txt-s {
  font-size: 14px;
}
/* line 470, ../../compass/sass/style.scss */
#regist .credit img {
  max-width: 180px;
}

/*FOOTER*/
/* line 478, ../../compass/sass/style.scss */
#footer a:link {
  color: #fff;
}
/* line 481, ../../compass/sass/style.scss */
#footer a:visited {
  color: #fff;
}

.left{
  float:left;
  text-align:left;
}

div.clear{
  clear:both;
  line-height:0px;
  font-size:0px;
  height:0px;
}