<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 640px) {

/* ────────────────────── *
 *                                              *
 * タイトル                                     *
 *                                              *
 * ────────────────────── */

#title {
    padding: 5.0rem 0;
}
#title h2 {
    width: 60.0rem;
    margin: 0 auto;
}

/* ────────────────────── *
 *                                              *
 * コンテンツ                                   *
 *                                              *
 * ────────────────────── */

.contents {
    padding: 6.0rem 0;
}
.contents .inner {
    width: 60.0rem;
}
.contents .inner p.txt-intro {
    font-size: 2.6rem;
    line-height: 1.5;
    letter-spacing: normal;
    margin: 0 auto 5.0rem;
}
.contents .inner .separator {
    padding-top: 5.0rem;
}
.contents .inner .separator dl#login {
    margin: 0 auto 3.0rem;
}
.contents .inner .separator dl#login dt {
    font-size: 2.4rem;
    margin: 0 auto 4.0rem;
}
.contents .inner .separator dl#login dd input {
    font-size: 3.0rem;
    width: 50.0rem;
    padding: 1.0rem;
    border: 0.5rem solid #aa8420;
}
.contents .inner .separator p#button button {
    font-size: 2.6rem;
    padding: 1.0rem 5.0rem;
    border-radius: 1.0rem;
}

.contents .inner .separator ul.data {
    width: 44.6rem;
    display: block;
}
.contents .inner .separator ul.data li {
    margin-bottom: 3.0rem;
}
.contents .inner .separator ul.data li:last-child {
    margin-bottom: 0;
}
.contents .inner .separator ul.data li img {
    width: 100%;
}

.modaal-container {
    max-width: 60.0rem;
}
.modaal-inner-wrapper {
    padding: 2.0rem;
}
.video-js {
    width: 60.0rem;
    height: 33.8rem;
}

}
</pre></body></html>