/* ValueBridge
-----------------------------*/
 #canvas { position: relative; width: 100vw; background-image: linear-gradient(90deg, rgba(26, 101, 204, 1), rgba(40, 184, 231, 1)); border-bottom-left-radius: 1500px 100px; border-bottom-right-radius: 1500px 100px;
 overflow: hidden;}
#canvasInner{position: relative; z-index: 1; padding-bottom: 50px;}
.background-circles { position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 0;}
.circle { position: absolute; border-radius: 50%;}
#canvas button { position: absolute;  border-radius: 15px; bottom: 30px; left: 20px; padding: 4px 36px 4px 18px; border: 1px solid #FFF; color: #FFF; background: url("../images/ico_pause.svg") no-repeat 80% 50%; cursor: pointer; z-index: 2;}
#canvas button:hover { font-weight: 700;}
@media print,screen and (min-width: 768px) {
 #canvas button {bottom: 70px;}
}
/* お知らせ一覧
-----------------------------*/
.wp-block-latest-posts__list li{box-shadow: 0px 0px 10px rgba(0, 100, 158, 0.25); background: #FFF; font-weight: 700; margin-bottom: 10px;}
.wp-block-latest-posts__list a{ display: block; color: #2A3241; text-decoration: none; padding: 15px 30px; background: url("../images/ico_arr.svg") no-repeat 97% 50%; }
.wp-block-latest-posts__list .listTit{text-decoration: underline;}
.wp-block-latest-posts__list a:hover .listTit{text-decoration: none;}
@media print,screen and (min-width: 768px) {
 .wp-block-latest-posts__list a{ display: flex; background-position: 98% 50%; padding: 24px 30px;}
 .wp-block-latest-posts__post-date{font-size: 1.6rem;}
 .wp-block-latest-posts__post-date{margin-right: 40px;}
}

/* 採用情報
-----------------------------*/
#recruitArea{position: relative; }
#recruitArea::before,
#recruitArea::after{ content: ""; position: absolute; margin: auto; background-repeat: no-repeat; z-index: -1;}
#recruitArea::before{ bottom: -80px; left: -160px; width: 353px; height: 168px; background-image: url("../images/bgRecruit_2.svg"); animation: sway1 10s ease-in-out infinite;}
#recruitArea::after{ top: -20px; right: -120px; width: 436px; height: 207px;  background-image: url("../images/bgRecruit_1.svg"); animation: sway2 8s ease-in-out infinite;}

@media print,screen and (max-width: 767px) {
 #recruitArea{overflow: hidden;}
}
@media print,screen and (min-width: 768px) {
 
}
@keyframes sway1 {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(-50px); }
  100% { transform: translateX(0); }
}
@keyframes sway2 {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(50px); }
  100% { transform: translateX(0); }
}