@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.pulse-zoom {
  animation: zoomLoop 1.5s ease-in-out infinite;
  /*display: inline-block;  transformが効くように */
}

@keyframes zoomLoop {
  0%, 100% { transform: scale(1); }
  40%      { transform: scale(1.06); }
  60%      { transform: scale(1.03); }
}

.line {
  display: block;
  position: relative;
}
.line::after {
  background: linear-gradient(to right, rgba(35, 101, 105, 1) 0%, rgba(37, 168, 173, 1) 50%, rgba(105, 250, 255, 1) 100%);
  content: '';
  display: block;
  height: 1px;
  width: 0;
  transform: translateX(-50%);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  bottom: 0;
  left: 50%;
}
.line.is-animated::after {
  width: 30%;
}