body
{
    transition: all 1s;
    transform: 1s;
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
main
{
    display: block;
}
a
{
    background-color: transparent;
    text-decoration: none;
    color: #222;
}
img
{
    border-style: none;
}
button, input, optgroup, select, textarea
{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input
{
    overflow: visible;
}
.clearfix::before, .clearfix::after
{
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
body
{
    overflow-x: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
}
html, body
{
    height: 100%;
}
.container
{
    width: 80%;
    margin: 0 auto;
}
.basecolor
{
    color: #f8c006;
}
.fc1
{
    color: #626868;
}
.fc2
{
    color: #fff;
}
.fc3
{
    color: #999;
}
.c18
{
    color: #181818;
}
.cba
{
    color: #bababb;
}
.bg1
{
    background-color: #fcfcfc;
}
.bc3
{
    background-color: #eee;
}
.bg4
{
    background-color: #312d39;
}
.bg5
{
    background: #8c8c8c;
}
.bg6
{
    background: #737373;
}
.bg7
{
    background-color: #fff;
}
.f140
{
    font-size: 140PX;
}
.f120
{
    font-size: 120PX;
}
.f100
{
    font-size: 100PX;
}
.f64
{
    font-size: 63px;
}
.f60
{
    font-size: 60PX;
}
.f50
{
    font-size: 50PX;
}
.f48
{
    font-size: 48PX;
}
.f46
{
    font-size: 46PX;
}
.f42
{
    font-size: 42PX;
}
.f40
{
    font-size: 40PX;
}
.f36
{
    font-size: 36PX;
}
.f30
{
    font-size: 30PX;
}
.f29
{
    font-size: 29PX;
}
.f26
{
    font-size: 26PX;
}
.f28
{
    font-size: 28PX;
}
.f24
{
    font-size: 24PX;
}
.f22
{
    font-size: 22PX;
}
.f21
{
    font-size: 21px;
}
.f20
{
    font-size: 20PX;
}
.f18
{
    font-size: 18PX;
}
.f16
{
    font-size: 16PX;
}
.f14
{
    font-size: 14PX;
}
.f12
{
    font-size: 12PX;
}
.f70
{
    font-size: 70PX;
}
.f80
{
    font-size: 80PX;
}
.pad100_0
{
    padding: 100px 0;
}
@media screen and (max-width: 1680px)
{
    .pad100_0
    {
        padding: 90px 0;
    }
}
@media screen and (max-width: 1600px)
{
    .pad100_0
    {
        padding: 80px 0;
    }
}
@media screen and (max-width: 1440px)
{
    .pad100_0
    {
        padding: 70px 0;
    }
}
@media screen and (max-width: 1366px)
{
    .pad100_0
    {
        padding: 60px 0;
    }
}
@media screen and (max-width: 1280px)
{
    .pad100_0
    {
        padding: 50px 0;
    }
}
@media screen and (max-width: 1024px)
{
    .pad100_0
    {
        padding: 40px 0;
    }
}
@media screen and (max-width: 980px)
{
    .pad100_0
    {
        padding: 30px 0;
    }
}
@media screen and (max-width: 768px)
{
    .pad100_0
    {
        padding: 20px 0;
    }
}
@font-face
{
    font-family: 'M';
    src: url('../font/MiSans_sub.ttf') format('truetype');
}
body
{
    font-family: 'M';
}