/* 旧サイトの jQuery プラグインが担っていた見た目を CSS で補うファイル（採用サイト） */

/* トップのスライドショー（フェード） */
.slider { display: grid; margin: 0; padding: 0; list-style: none; }
.slider li { grid-area: 1 / 1; opacity: 0; transition: opacity 1.2s ease; }
.slider li.is-active { opacity: 1; }
.slider li img { display: block; width: 100%; height: auto; }

/* スマホメニュー */
.fat-nav.active { display: block; animation: navFade 0.4s ease; }
@keyframes navFade { from { opacity: 0; } to { opacity: 1; } }
body.no-scroll { overflow: hidden; }
@media screen and (min-width: 769px) { .hamburger { display: none; } }


/* お問い合わせ 送信完了 */
.contact__thanks { text-align: center; padding: 2em 0 3em; }
.contact__thanks h2 { font-size: 1.6em; margin-bottom: 1em; }
.contact__thanks p { margin-bottom: 2em; }
.contact__thanks .btn--contact { display: inline-block; }