@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@1,100;1,700&display=swap');
*:focus{outline:none;}

.en{font-family: 'Overpass', sans-serif;font-weight: 100;font-style: italic;}
.num{font-family: 'Overpass', sans-serif;}

html { font-size: 10px; }
body{
font-family: 'Noto Sans JP', sans-serif;color: #5d5e68;;
}
.cf {
zoom:1;/*for IE 5.5-7*/
}
.cf:after {/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
.opacity a:hover{
opacity: 0.6;
}

img{vertical-align: bottom;width: 100%;height: auto;}
.t_a_c{text-align: center;}

a.linktext{color: #1a0dab;}
ul#information_list li .text03 a{color: #1a0dab;}
.bgc01{background: linear-gradient(90deg, #02e0bb, #5c7df9);color: #f8ffff;}
.bgc02{background: #67738d;}
.bgc03{background: #dbf0fc;}
.bgc04{background: #f8ffff;}

/*ページネーション */
ul.page-numbers{display: flex;justify-content: center;margin: 50px 0;font-weight: bold;font-size: 16.8px;}
#media nav ul.page-numbers{display: flex;justify-content: center;margin: 50px 0;width: auto;}
ul.page-numbers li{display: flex;margin: 0 7px}
ul.page-numbers li a{display: block;padding: 10px 12px;border-radius: 7px;background: #f8ffff; color: #5d5e68;}
ul.page-numbers li span.current{padding: 10px 12px;background: #67738d;color: #f8ffff;border-radius: 7px;}
ul.page-numbers li span.dots{line-height: 36px;}

/*問い合わせフォーム共通*/
.button-02 input{
/*送信ボタン用*/
background:url("../img/formbtn.png") no-repeat center 42%;
background-size: 70%;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
#freeform{margin: 84px 0 0 0;}

.button-05 input{
/*送信ボタン用*/
background:url("../img/send_recruit.png") no-repeat center 42%;
background-size: 50%;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
border:none;
cursor:pointer;
}
/*バブルアニメーション*/
@keyframes transform
{
    0%,
  100% { border-radius: 33% 67% 70% 30% / 30% 30% 70% 70%; } 
   20% { border-radius: 37% 63% 51% 49% / 37% 65% 35% 63%; } 
   40% { border-radius: 36% 64% 64% 36% / 64% 48% 52% 36%; } 
   60% { border-radius: 37% 63% 51% 49% / 30% 30% 70% 70%; } 
   80% { border-radius: 40% 60% 42% 58% / 41% 51% 49% 59%; } 
}

@keyframes transform2 {
  0%{border-radius: 42% 58% 60% 40% / 32% 54% 46% 68%}
  20%{border-radius: 59% 41% 36% 64% / 32% 64% 36% 68%}
  40%{border-radius: 48% 52% 52% 48% / 54% 53% 47% 46%}
  60%{border-radius: 42% 58% 51% 49% / 63% 64% 36% 37%}
  80%{border-radius: 32% 68% 33% 67% / 63% 35% 65% 37%}
  100%{border-radius: 34% 66% 52% 48% / 34% 53% 47% 66%}
}

@keyframes movement
{
  from { -webkit-transform: rotate(-1turn) translateY(-50px); transform: rotate(-1turn) translateY(-50px); }
    to { -webkit-transform: none; transform: none; }
}

@keyframes shade
{
  0%, 100% { background-position: 0% 50%; }
       50% { background-position: 100% 50%; }
}

@keyframes bg_color01
{
	/*
  0%, 20%,80%, 100%{ background: linear-gradient(
    270deg,
    #8ec5fc,
    #4facfe
  );
}
       50% { background:rgba(255, 186, 155, 0.5);}*/
0% { background-color: #8ec5fc; }
20% { background-color: #8ec5fc; }
  40% { background-color: rgba(255, 186, 155, 1); }
	60% { background-color: rgba(255, 186, 155, 1); }
  100% {background-color: rgba(255, 186, 155, 1); }
}
@keyframes bg_color02
{
  0%, 20%,80%, 100%{  background: linear-gradient(
    270deg,
    #00f2fe,
    #8ec5fc,
    #38f9d7,
    #a8edea
  );
}
       50% { background:rgba(255, 220, 1565, 0.2);}
}
@keyframes bg_color03
{
  0%, 20%,80%, 100%{ background: linear-gradient(
    270deg,
	#8ec5fc,
    #00f2fe
  );
}
       50% { background:rgba(242, 87, 75, 0.1);}
}
/*境界線アニメーション*/
@keyframes move-forever4 {
  0% {
    transform: translate(-90px, 0%);
  }
/*25% {
    transform: translate(-46.25px, 0%);
  }
50% {
    transform: translate(-2.5px, 0%);
  }
75% {
    transform: translate(41.25px, 0%);
  }*/
  100% {
    transform: translate(85px, 0%);
  }
}