@charset "UTF-8";
/*全共通*/
/* line 21, ../sass/variable.scss */
.slide-in {
  overflow: hidden;
  display: inline-block;
}

/* line 26, ../sass/variable.scss */
.slide-in_inner {
  display: inline-block;
}

/*左右のアニメーション*/
/* line 32, ../sass/variable.scss */
.leftAnime {
  opacity: 0;
  /*事前に透過0にして消しておく*/
}

/* line 37, ../sass/variable.scss */
.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}
/* line 59, ../sass/variable.scss */
.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}
@keyframes bgchange {
  0% {
    background: #78b9bf;
  }
  /*変化させたい色*/
  15% {
    background: #63acb2;
  }
  /*変化させたい色*/
  35% {
    background: #6b92b9;
  }
  /*変化させたい色*/
  55% {
    background: #b8b4ff;
  }
  /*変化させたい色*/
  75% {
    background: #fff0b4;
  }
  85% {
    background: #ee98af;
  }
  95% {
    background: #facad2;
  }
  /*変化させたい色*/
  100% {
    background: #78b9bf;
  }
  /*変化させたい色*/
}
@keyframes fluidrotate {
  0%,
    100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
/* line 3, ../sass/default.scss */
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
}

/* line 34, ../sass/default.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 39, ../sass/default.scss */
fieldset,
img {
  border: 0;
}

/* line 44, ../sass/default.scss */
address,
button,
caption,
cite,
code,
dfn,
em,
input,
optgroup,
option,
select,
strong,
textarea,
th,
var {
  font: inherit;
}

/* line 62, ../sass/default.scss */
li {
  list-style: none;
}

/* line 66, ../sass/default.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}

/* line 76, ../sass/default.scss */
q:after,
q:before {
  content: '';
}

/* line 81, ../sass/default.scss */
sub,
sup {
  vertical-align: baseline;
}

/* line 86, ../sass/default.scss */
body,
html {
  width: 100%;
  height: 100%;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Open Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  background-color: #f7f7f7;
  color: #000;
  font-size: 15px;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

/* line 100, ../sass/default.scss */
p {
  font-size: 15px;
  letter-spacing: 1.7px;
  line-height: 25px;
}

/* line 106, ../sass/default.scss */
a {
  text-decoration: none;
}
/* line 109, ../sass/default.scss */
a:focus {
  outline: none;
}

/* line 114, ../sass/default.scss */
.center {
  text-align: center;
}

/* line 118, ../sass/default.scss */
.right {
  text-align: right;
}

/* line 122, ../sass/default.scss */
.rel {
  position: relative;
}

/* line 126, ../sass/default.scss */
.flex {
  display: flex;
}

/* line 130, ../sass/default.scss */
.mb-10 {
  margin-bottom: 10px;
}

/* line 134, ../sass/default.scss */
.mb-20 {
  margin-bottom: 20px;
}

/* line 138, ../sass/default.scss */
.mb-30 {
  margin-bottom: 30px;
}

/* line 142, ../sass/default.scss */
.mb-60 {
  margin-bottom: 60px;
}

/* line 146, ../sass/default.scss */
.mb-96 {
  margin-bottom: 96px !important;
}

/* line 150, ../sass/default.scss */
.pb-30 {
  padding-bottom: 30px !important;
}