@charset "UTF-8";
/*====================================================================================================

　CSS構成

　//絶対に変更しないCSS
　- reset.css           全てのブラウザ固有CSSをリセットするCSS。基本触らないこと。
　- bootstrap.min.css   Bootstrapコンポーネントを利用するためのCSS。基本触らないこと。
　- all.min.css         Font Awesome を利用するためのCSS。基本触らないこと。
　- aos.css             AOSを利用するためのCSS。基本触らないこと。

　//基本的には変更しないCSS
　- base.css            基本の文字設定や、Webフォントの読み込みなど。基本触らなくてもOK。

　//メインで利用しているCSS
　- common.css          ヘッダー、フッター、下層ページのタイトルなど、共通ページレイアウトを記載したCSS
　- stlye.css           各ページ固有のレイアウトを記載したCSS

　//補助的に利用しているCSS
　- module.css          見出しやリスト、テーブルなど、共通利用できるパーツをまとめたCSS
　- utility.css         マージンやパディング、文字サイズや文字色など、補助的に利用できるCSS

====================================================================================================*/


/* js-split-type ----------------------------------------*/
.js-split-type{
    overflow: hidden;
}
.js-split-type .char{
    transform: translateY(0.3em);
    opacity: 0;
}

/* js-slide-up-clip-up ----------------------------------------*/
.js-slide-up-clip-up{
    transition: 0.5s ease-out;
}

/* js-slide-list-left ----------------------------------------*/
.js-slide-list-left{
    overflow: hidden;
}
@media print {
    .js-slide-list-left > li{
        opacity: 1 !important;
        transform: initial !important;
    }
}

/* js-slide-list-up ----------------------------------------*/
@media print {
    .js-slide-list-up > li{
        opacity: 1 !important;
        transform: initial !important;
    }
}