@charset "UTF-8";

audio,
canvas,
img,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

body,
p,
h1,
h2,
h3,
h4,
h5,
form,
img,
ul,
li,
dl,
dt,
dd,
div,
form,
a,
table,
tr,
td,
object,
embed,
blockquote {
    padding: 0;
    margin: 0;
    border: none
}

table {
    border-collapse: collapse
}

table {
    word-wrap: break-word
}

th,
td {
    text-align: left;
    font-weight: 400;
    box-sizing: border-box;
    vertical-align: top
}

li {
    list-style-type: none
}

body {
    letter-spacing: -.001em;
    -webkit-text-size-adjust: 100%;
    word-break: break-all
}

input[type=image],
img {
    max-width: 100%;
    height: auto
}

a,
a:focus {
    outline: none;
    text-decoration: none
}

address {
    font-style: normal
}

input[type=reset],
input[type=submit],
input[type=button],
input[type=image] {
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button img:hover,
input[type=image]:hover,
a:hover img,
a.is-current img {
    opacity: .9
}

body .u-nohover:hover {
    opacity: 1
}

.u-cl:after {
    content: "";
    clear: both;
    display: block
}

body .u-none {
    display: none
}

body .u-bk {
    display: block
}

body .u-inbk {
    display: inline-block
}

body .u-inline {
    display: inline
}

body .u-cb,
body div .u-cb {
    clear: both
}

body .u-l,
body div .u-l {
    float: left
}

body .u-c,
body div .u-c {
    margin-left: auto;
    margin-right: auto
}

body .u-r,
body div .u-r {
    float: right
}

body .u-alnl,
body div .u-alnl {
    text-align: left
}

body .u-alnc,
body div .u-alnc {
    text-align: center
}

body .u-alnr,
body div .u-alnr {
    text-align: right
}

body .u-alnm,
body div .u-alnm {
    display: table-cell;
    vertical-align: middle
}

body .u-nowrap,
body div .u-nowrap {
    white-space: nowrap
}

body .u-m0 {
    margin: 0
}

body .u-mb0 {
    margin-bottom: 0
}

body .u-mt0 {
    margin-top: 0
}

body .u-ml0 {
    margin-left: 0
}

body .u-mr0 {
    margin-right: 0
}

body .u-p0 {
    padding: 0
}

body .u-pb0 {
    padding-bottom: 0
}

body .u-pt0 {
    padding-top: 0
}

body .u-pl0 {
    padding-left: 0
}

body .u-pr0 {
    padding-right: 0
}

body .u-m30 {
    margin: 30px
}

body .u-mb30 {
    margin-bottom: 30px
}

body .u-mt30 {
    margin-top: 30px
}

body .u-ml30 {
    margin-left: 30px
}

body .u-mr30 {
    margin-right: 30px
}

body .u-p30 {
    padding: 30px
}

body .u-pb30 {
    padding-bottom: 30px
}

body .u-pt30 {
    padding-top: 30px
}

body .u-pl30 {
    padding-left: 30px
}

body .u-pr30 {
    padding-right: 30px
}

body .u-m60 {
    margin: 60px
}

body .u-mb60 {
    margin-bottom: 60px
}

body .u-mt60 {
    margin-top: 60px
}

body .u-ml60 {
    margin-left: 60px
}

body .u-mr60 {
    margin-right: 60px
}

body .u-p60 {
    padding: 60px
}

body .u-pb60 {
    padding-bottom: 60px
}

body .u-pt60 {
    padding-top: 60px
}

body .u-pl60 {
    padding-left: 60px
}

body .u-pr60 {
    padding-right: 60px
}

body .u-w10 {
    width: 10%
}

body .u-img10 {
    width: 10%;
    height: auto
}

body .u-w5em {
    width: 5em;
    box-sizing: border-box
}

body .u-indent5 {
    padding-left: 5em;
    text-indent: -5em;
    display: inline-block
}

.u-liq {
    overflow: hidden
}

.u-liq:after {
    content: "";
    clear: both;
    display: block
}

.u-liq_in {
    float: right;
    width: 100%;
    margin-left: -200px;
    padding-right: 200px
}

.u-liq_aside {
    width: 200px;
    float: left
}

.u-liqr {
    overflow: hidden
}

.u-liqr:after {
    content: "";
    clear: both;
    display: block
}

.u-liqr_in {
    float: left;
    width: 100%;
    margin-right: -200px;
    padding-right: 200px
}

.u-liqr_aside {
    width: 200px;
    float: right
}

.u-br:before {
    content: '\A';
    white-space: pre
}

.u-br_after:after {
    content: '\A';
    white-space: pre
}

.u-aln_v-table {
    display: table
}

.u-aln_v-tr {
    display: table-row
}

.u-aln_v-td {
    display: table-cell;
    vertical-align: middle
}

@media only screen and (min-width:768px) {
    body .upc-none {
        display: none
    }

    body .upc-bk {
        display: block
    }

    body .upc-inbk {
        display: inline-block
    }

    body .upc-inline {
        display: inline
    }

    body .upc-cb,
    body div .upc-cb {
        clear: both
    }

    body .upc-l,
    body div .upc-l {
        float: left
    }

    body .upc-c,
    body div .upc-c {
        margin-left: auto;
        margin-right: auto
    }

    body .upc-r,
    body div .upc-r {
        float: right
    }

    body .upc-alnl,
    body div .upc-alnl {
        text-align: left
    }

    body .upc-alnc,
    body div .upc-alnc {
        text-align: center
    }

    body .upc-alnr,
    body div .upc-alnr {
        text-align: right
    }

    body .upc-alnm,
    body div .upc-alnm {
        display: table-cell;
        vertical-align: middle
    }

    body .upc-nowrap,
    body div .upc-nowrap {
        white-space: nowrap
    }

    body .upc-m0 {
        margin: 0
    }

    body .upc-mb0 {
        margin-bottom: 0
    }

    body .upc-mt0 {
        margin-top: 0
    }

    body .upc-ml0 {
        margin-left: 0
    }

    body .upc-mr0 {
        margin-right: 0
    }

    body .upc-p0 {
        padding: 0
    }

    body .upc-pb0 {
        padding-bottom: 0
    }

    body .upc-pt0 {
        padding-top: 0
    }

    body .upc-pl0 {
        padding-left: 0
    }

    body .upc-pr0 {
        padding-right: 0
    }

    body .upc-m30 {
        margin: 30px
    }

    body .upc-mb30 {
        margin-bottom: 30px
    }

    body .upc-mt30 {
        margin-top: 30px
    }

    body .upc-ml30 {
        margin-left: 30px
    }

    body .upc-mr30 {
        margin-right: 30px
    }

    body .upc-p30 {
        padding: 30px
    }

    body .upc-pb30 {
        padding-bottom: 30px
    }

    body .upc-pt30 {
        padding-top: 30px
    }

    body .upc-pl30 {
        padding-left: 30px
    }

    body .upc-pr30 {
        padding-right: 30px
    }

    body .upc-m60 {
        margin: 60px
    }

    body .upc-mb60 {
        margin-bottom: 60px
    }

    body .upc-mt60 {
        margin-top: 60px
    }

    body .upc-ml60 {
        margin-left: 60px
    }

    body .upc-mr60 {
        margin-right: 60px
    }

    body .upc-p60 {
        padding: 60px
    }

    body .upc-pb60 {
        padding-bottom: 60px
    }

    body .upc-pt60 {
        padding-top: 60px
    }

    body .upc-pl60 {
        padding-left: 60px
    }

    body .upc-pr60 {
        padding-right: 60px
    }

    body .upc-w10 {
        width: 10%
    }

    body .upc-img10 {
        width: 10%;
        height: auto
    }

    body .upc-w5em {
        width: 5em;
        box-sizing: border-box
    }

    body .upc-indent5 {
        padding-left: 5em;
        text-indent: -5em;
        display: inline-block
    }

    .upc-liq {
        overflow: hidden
    }

    .upc-liq:after {
        content: "";
        clear: both;
        display: block
    }

    .upc-liq_in {
        float: right;
        width: 100%;
        margin-left: -200px;
        padding-right: 200px
    }

    .upc-liq_aside {
        width: 200px;
        float: left
    }

    .upc-liqr {
        overflow: hidden
    }

    .upc-liqr:after {
        content: "";
        clear: both;
        display: block
    }

    .upc-liqr_in {
        float: left;
        width: 100%;
        margin-right: -200px;
        padding-right: 200px
    }

    .upc-liqr_aside {
        width: 200px;
        float: right
    }

    .upc-br:before {
        content: '\A';
        white-space: pre
    }

    .upc-br_after:after {
        content: '\A';
        white-space: pre
    }

    .upc-aln_v-table {
        display: table
    }

    .upc-aln_v-tr {
        display: table-row
    }

    .upc-aln_v-td {
        display: table-cell;
        vertical-align: middle
    }
}

@media only screen and (max-width:767px) {
    body .usp-none {
        display: none
    }

    body .usp-bk {
        display: block
    }

    body .usp-inbk {
        display: inline-block
    }

    body .usp-inline {
        display: inline
    }

    body .usp-cb,
    body div .usp-cb {
        clear: both
    }

    body .usp-l,
    body div .usp-l {
        float: left
    }

    body .usp-c,
    body div .usp-c {
        margin-left: auto;
        margin-right: auto
    }

    body .usp-r,
    body div .usp-r {
        float: right
    }

    body .usp-alnl,
    body div .usp-alnl {
        text-align: left
    }

    body .usp-alnc,
    body div .usp-alnc {
        text-align: center
    }

    body .usp-alnr,
    body div .usp-alnr {
        text-align: right
    }

    body .usp-alnm,
    body div .usp-alnm {
        display: table-cell;
        vertical-align: middle
    }

    body .usp-nowrap,
    body div .usp-nowrap {
        white-space: nowrap
    }

    body .usp-m0 {
        margin: 0
    }

    body .usp-mb0 {
        margin-bottom: 0
    }

    body .usp-mt0 {
        margin-top: 0
    }

    body .usp-ml0 {
        margin-left: 0
    }

    body .usp-mr0 {
        margin-right: 0
    }

    body .usp-p0 {
        padding: 0
    }

    body .usp-pb0 {
        padding-bottom: 0
    }

    body .usp-pt0 {
        padding-top: 0
    }

    body .usp-pl0 {
        padding-left: 0
    }

    body .usp-pr0 {
        padding-right: 0
    }

    body .usp-m30 {
        margin: 30px
    }

    body .usp-mb30 {
        margin-bottom: 30px
    }

    body .usp-mt30 {
        margin-top: 30px
    }

    body .usp-ml30 {
        margin-left: 30px
    }

    body .usp-mr30 {
        margin-right: 30px
    }

    body .usp-p30 {
        padding: 30px
    }

    body .usp-pb30 {
        padding-bottom: 30px
    }

    body .usp-pt30 {
        padding-top: 30px
    }

    body .usp-pl30 {
        padding-left: 30px
    }

    body .usp-pr30 {
        padding-right: 30px
    }

    body .usp-m60 {
        margin: 60px
    }

    body .usp-mb60 {
        margin-bottom: 60px
    }

    body .usp-mt60 {
        margin-top: 60px
    }

    body .usp-ml60 {
        margin-left: 60px
    }

    body .usp-mr60 {
        margin-right: 60px
    }

    body .usp-p60 {
        padding: 60px
    }

    body .usp-pb60 {
        padding-bottom: 60px
    }

    body .usp-pt60 {
        padding-top: 60px
    }

    body .usp-pl60 {
        padding-left: 60px
    }

    body .usp-pr60 {
        padding-right: 60px
    }

    body .usp-w10 {
        width: 10%
    }

    body .usp-img10 {
        width: 10%;
        height: auto
    }

    body .usp-w5em {
        width: 5em;
        box-sizing: border-box
    }

    body .usp-indent5 {
        padding-left: 5em;
        text-indent: -5em;
        display: inline-block
    }

    .usp-liq {
        overflow: hidden
    }

    .usp-liq:after {
        content: "";
        clear: both;
        display: block
    }

    .usp-liq_in {
        float: right;
        width: 100%;
        margin-left: -200px;
        padding-right: 200px
    }

    .usp-liq_aside {
        width: 200px;
        float: left
    }

    .usp-liqr {
        overflow: hidden
    }

    .usp-liqr:after {
        content: "";
        clear: both;
        display: block
    }

    .usp-liqr_in {
        float: left;
        width: 100%;
        margin-right: -200px;
        padding-right: 200px
    }

    .usp-liqr_aside {
        width: 200px;
        float: right
    }

    .usp-br:before {
        content: '\A';
        white-space: pre
    }

    .usp-br_after:after {
        content: '\A';
        white-space: pre
    }

    .usp-aln_v-table {
        display: table
    }

    .usp-aln_v-tr {
        display: table-row
    }

    .usp-aln_v-td {
        display: table-cell;
        vertical-align: middle
    }
}

.js-imgcopy {
    padding: 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    background: #d1edd7;
    opacity: .9;
    text-align: left
}

.js-imgcopy_add {
    background: #d1edd7
}

.js-imgcopy_nav {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.js-imgcopy_ul {
    white-space: nowrap;
    padding-right: 30px
}

.js-imgcopy_li {
    display: inline-block;
    padding: 10px 3px;
    box-sizing: border-box
}

.js-imgcopy_li img {
    width: 150px;
    height: auto;
    max-height: 300px;
    box-sizing: border-box
}

.js-imgcopy_li .is-current {
    border: 6px solid #216b59
}

.js-imgcopy_li:last-child {
    padding-right: 100px
}

.id-tinymce {
    margin: 10px;
    color: #666
}

.js-tinymce_imgs .u-btn_area {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px
}

.js-tinymce_imgs .js-oafile_ul {
    white-space: nowrap;
    margin-right: 100px
}

.js-tinymce_imgs .js-oafile_li {
    float: left;
    margin: 10px 0 0 10px;
    padding: 0;
    width: 160px;
    height: 265px;
    background: #666;
    border: none
}

.js-tinymce_imgs .js-oafile_btn_sort {
    position: absolute;
    top: 25px;
    left: 2px;
    display: block
}

.js-tinymce_imgs .js-oafile_btn_del {
    position: absolute;
    top: 25px;
    right: 3px;
    display: block
}

.js-tinymce_imgs .i_90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.js-tinymce_imgs .i_270 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.js-tinymce_imgs .js-oafile_li-new .js-oafile_btn_select,
.js-tinymce_imgs .js-oafile_li-new .js-oafile_btn_select_a {
    display: none
}

.js-tinymce_imgs .js-oafile_img {
    position: absolute;
    top: 40px;
    left: 5px;
    display: table;
    width: 150px;
    height: 150px
}

.js-tinymce_imgs .c-oafileimage {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.js-tinymce_imgs .c-oafileimage img {
    max-height: 150px;
    max-width: 150px
}

.js-tinymce_imgs .c-oafile_filename {
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    text-align: left;
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 150px;
    line-height: 1.2em;
    font-size: 7px;
    color: #fff
}

.js-tinymce_imgs .c-oafile_file {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 150px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 6px;
    border: 1px solid #999;
    background-color: #eee
}

.js-tinymce_imgs .c-oafile_file:before {
    content: "ファイルアップロード"
}

.js-tinymce_imgs .c-oafile_file input {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.js-tinymce_uploader .c-oafile_file input {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.js-oafile_btn_select,
.js-oafile_btn_select_a {
    position: absolute;
    top: 200px;
    left: 7px;
    display: block
}

.js-oafile_btn_select_a {
    left: 10px
}

.mce-statusbar .mce-path-item,
.mce-statusbar .mce-divider {
    float: left
}

.mce-statusbar .mce-path {
    padding: 3px
}

body#tinymce {
    padding: 10px
}

.body_tinymce {
    line-height: 2.3em
}

.cimg-container {
    padding: 15px 0;
    text-align: center
}

.jcrop-holder {
    margin: 0 auto
}

.c-oaprofiler_btn {
    position: fixed;
    bottom: 90px;
    right: 0;
    opacity: 1;
    font-size: 11px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    background: #121e45;
    color: #fff
}

.c-oaprofiler {
    position: fixed;
    bottom: 0;
    right: 180px;
    left: 0;
    top: 0;
    font-size: 11px;
    display: none;
    word-break: break-all;
    background: #f2eeec;
    padding: 20px 20px 100px;
    margin-bottom: 10px;
    max-height: 97%;
    overflow: scroll
}

body .c-oafileimage {
    font-size: 13px
}

.c-oafileimage {
    position: relative;
    display: block;
    font-size: 5px
}

.c-oafileimage_rotate90 {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 0;
    left: 0;
    background-size: cover;
    background-image: url(/img/oa/rotate90.png)
}

.c-oafileimage_rotate-90 {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 0;
    left: 15px;
    background-size: cover;
    background-image: url(/img/oa/rotate-90.png)
}

.c-oafileimage_trim {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 0;
    left: 30px;
    background-size: cover;
    background-image: url(/img/oa/trim.png)
}

.c-oafileimage_resize {
    position: absolute;
    display: block;
    width: 15px;
    height: 15px;
    top: 0;
    left: 45px;
    background-size: cover;
    background-image: url(/img/oa/resize.png)
}

.f-oafile_cap {
    width: 400px
}

.f-oafile_note {
    width: 400px
}

.js-oafile_li {
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 0;
    margin: 0 0 5px
}

.js-oafile_li:last-child {
    border-bottom: none
}

.c-oafile_span {
    font-size: 10px;
    line-height: 1.2
}

.js-oafile_li {
    position: relative
}

.js-oafile_filedroparea {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    opacity: .9;
    background: #fff;
    border: 2px solid #76c7e9;
    color: #76c7e9;
    font-size: 10px;
    text-align: center
}

#js-crudpart_li {
    border: 2px solid #666;
    border-left-width: 4px
}

#js-crudpart_row {
    border: 2px solid #333;
    border-left-width: 4px
}

.u-fullscreen,
.u-fullscreen_a,
.u-fullscreen_a:before {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    color: #fff
}

.u-fullscreen_a {
    opacity: .4;
    background: #000
}

.u-fullscreen_a:hover {
    opacity: 1
}

.u-fullscreen {
    position: fixed;
    bottom: 10px;
    right: 52px
}

.u-footer_mode {
    padding: 20px;
    text-align: center
}

.u-forme {
    display: block;
    background: #7fb2b2;
    color: #fff;
    text-align: center
}

@media only screen and (min-width:768px) {
    .c-form_div {
        width: 100%
    }

    .c-form_div {
        display: table;
        width: 100%
    }

    .c-form_dl {
        display: table-row;
        margin: 0;
        width: 100%
    }

    .c-form_dt,
    .c-form_dd {
        display: table-cell;
        padding: 5px 10px;
        border-top: 2px solid #fff;
        vertical-align: top
    }

    .c-form_dt {
        width: 30%;
        background: #f0f3f4;
        text-align: right;
        white-space: nowrap;
        font-weight: 400
    }

    .c-form_dd {
        width: 70%
    }

    .c-form_ttl,
    .c-form_caption {
        text-align: left;
        padding: 5px 10px;
        border-top: 2px solid #fff
    }

    .c-form_ttl {
        background: #f0f3f4
    }

    br.pcview {}

    br.spview {
        display: none;
    }
}

@media only screen and (max-width:767px) {

    .c-form_ttl,
    .c-form_dt,
    .c-form dl dt {
        background: #f0f3f4;
        font-weight: 700
    }

    .c-form_dt,
    .c-form_dd,
    .c-form dl dt,
    .c-form dl dd {
        padding: 5px
    }

    .c-form_ttl {
        display: inline-block;
        padding: 5px;
        width: 100%;
        box-sizing: border-box
    }
}

@media only screen and (max-width:767px) {
    .usp-in {
        margin-left: 10px;
        margin-right: 10px
    }

    .usp-in-n {
        margin-left: -10px;
        margin-right: -10px
    }
}

.u-pagetop,
.u-pagetop_a,
.u-pagetop_a:before {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.u-pagetop_a {
    opacity: .4;
    background: #666
}

@media only screen and (max-width:767px) {

    .u-pagetop_a {
        background: #888;
    }
}

.u-pagetop_a:hover {
    opacity: 1
}

.u-pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none
}

.u-pager {
    clear: both;
    margin: 5px 0;
    font-size: 9px;
    line-height: 23px;
    text-align: right
}

.u-pager select,
.u-pager > span {
    height: 25px
}

.u-pager select,
.u-pager a,
.u-pager > span,
.u-pager span span {
    display: inline-block;
    margin: 0;
    padding: 0
}

.u-pager select,
.u-pager a {
    padding: 0 7px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.u-pager select,
.u-pager > span {
    margin-left: 5px
}

.u-pager a:hover,
.u-pager .is-current {
    color: #fff;
    background-color: #2e6ab1;
    border: 1px solid #2e6ab1
}

.u-pager a {
    color: #105cb6;
    background-color: #fff;
    border: 1px solid #9aafe5;
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .u-pager {
        margin-bottom: 10px;
        line-height: 40px;
        text-align: center
    }

    .u-pager select,
    .u-pager a,
    .u-pager > span,
    .u-pager span span {
        margin-right: 3px;
        margin-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.u-pan {
    line-height: 1.2em
}

.u-pan_li,
.u-pan_a,
.u-pan_h1 {
    display: inline;
    font-size: 11px;
    color: #666;
    text-decoration: none;
    font-weight: 400
}

.u-pan_li:first-child:before {
    content: ''
}

.is-fixed {
    position: fixed;
    top: 0;
    z-index: 9999
}

.usp-h {
    display: flex
}

.usp-h_l {
    flex: 1
}

.usp-h_r {
    width: 61px
}

.usp-h,
.usp-h_l,
.usp-h_r {
    height: 60px
}

.usp-gnbtn_check {
    display: none
}

.usp-gn {
    -webkit-transition: all .6s ease-in;
    transition: all .6s ease-in;
    max-height: 0;
    overflow: hidden;
    opacity: .1
}

.usp-gnbtn_check:checked + .usp-gn {
    max-height: 5000px;
    opacity: 1
}

.usp-gnbtn {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.usp-gnbtn_line:before,
.usp-gnbtn_line:after,
.usp-gnbtn_line {
    background: #2196f3;
    transition: .3s;
    height: 2px;
    width: 18px;
    display: block;
    top: 50%;
    position: absolute
}

.usp-gnbtn_line {
    left: 50%;
    margin: -5px 0 0 -9px
}

.usp-gnbtn_line:before,
.usp-gnbtn_line:after {
    content: "";
    left: 0
}

.usp-gnbtn_line:before {
    margin-top: -8px
}

.usp-gnbtn_line:after {
    margin-top: 6px
}

.usp-gnbtn_cap {
    width: 60px;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0;
    font-size: 6px;
    line-height: 1em;
    -webkit-transition: all .55s ease-in-out;
    transition: all .55s ease-in-out;
    opacity: 0;
    position: absolute;
    display: block;
    text-align: center
}

.usp-gnbtn_cap.is-view {
    opacity: 1
}

.usp-gnbtn_line.is-open {
    background: 0 0
}

.usp-gnbtn_line.is-open:before,
.usp-gnbtn_line.is-open:after {
    margin-top: 0
}

.usp-gnbtn_line.is-open:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.usp-gnbtn_line.is-open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.usp-gn {
    border-bottom: 1px solid #bbb
}

.usp-gn_check {
    display: none
}

.usp-gn_li,
.usp-gn_a2 {
    padding: 20px 5px 20px 10px;
    display: block;
    box-sizing: border-box;
    border-top: 1px solid #bbb;
    border-bottom: none;
    background: #eee;
    clear: both;
    position: static
}

.usp-gn_a2 {
    background: #d5dfe8
}

.usp-gn_li2 {
    display: block
}

.usp-gn_ul2 {
    -webkit-transition: all .6s ease-in;
    transition: all .6s ease-in;
    max-height: 0;
    overflow: hidden;
    opacity: .1
}

.usp-gn_check:checked + .usp-gn_ul2 {
    max-height: 5000px;
    opacity: 1
}

.u-fixmenu,
.u-fixmenu_li,
.u-fixmenu_p,
.u-fixmenu_a {
    height: 60px
}

.u-fixmenu {
    display: table;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec)
}

.u-fixmenu_li {
    display: table-cell
}

.u-fixmenu_p {
    display: table;
    width: 100%;
    border: 1px solid #d4d4d4;
    border-left: none
}

.u-fixmenu_li:last-child .u-fixmenu_p {
    border-right: none
}

.u-fixmenu_p:after {
    content: ''
}

.u-fixmenu_a:before {
    font-size: 1.8rem
}

.u-fixmenu_a {
    font-size: .7rem;
    display: table-cell;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    outline: none;
    color: #333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1)
}

.u-pagefootnav {
    clear: both;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 15px 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.u-pagefootnav {
    background: #f7f5f0;
    font-size: 1.3rem
}

@media only screen and (max-width:767px) {
    .u-pagefootnav {
        font-size: .9rem;
        padding: 30px 5px
    }
}

.u-nextprev {
    line-height: 1em
}

.u-nextprev_l {
    float: left;
    margin-bottom: 15px
}

.u-nextprev_r {
    float: right;
    text-align: right
}

.u-nextprev_a {
    color: #666
}

.u-drop {
    display: -webkit-box;
    display: box
}

.u-drop_li {
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 100%
}

.u-drop_li {
    cursor: pointer;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box
}

.u-drop_li > ul {
    position: absolute;
    display: block;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.u-drop_li > ul > li {
    display: block;
    width: 100%
}

.u-drop_li > ul > li > a {
    display: block;
    padding: 0 15px;
    text-align: left
}

.u-drop_check {
    display: none
}

.u-drop .u-drop_li:hover > ul > li > a,
.u-drop .u-drop_check:checked + ul > li > a,
.u-drop_li {
    line-height: 56px;
    height: 56px;
    background: #6e7c0c;
    color: #fff
}

.u-drop {
    width: 100%
}

.u-drop .u-drop_li:hover > ul > li > a:hover,
.u-drop .u-drop_check:checked + ul > li > a:hover,
.u-drop_li:hover {
    background: #333;
    color: #fff
}

.u-drop_li > ul > li:last-child {
    border-bottom: 1px solid #ccc
}

.u-drop .u-drop_li > ul > li > a {
    border-top: 1px solid #ccc
}

.u-drop-down .u-drop_li > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease-in;
    transition: all .6s ease-in
}

.u-drop-down .u-drop_li:hover > ul,
.u-drop-down .u-drop_check:checked + ul {
    max-height: 1000px
}

.u-drop-down .u-drop_li > ul > li > a {
    background: #fff;
    color: #000;
    -webkit-transition: all .6s ease-in;
    transition: all .6s ease-in
}

body .u-p01em {
    padding: .1em;
    box-sizing: border-box
}

body .u-p02em {
    padding: .2em;
    box-sizing: border-box
}

body .u-p03em {
    padding: .3em;
    box-sizing: border-box
}

body .u-p04em {
    padding: .4em;
    box-sizing: border-box
}

body .u-p05em {
    padding: .5em;
    box-sizing: border-box
}

body .u-p06em {
    padding: .6em;
    box-sizing: border-box
}

body .u-p07em {
    padding: .7em;
    box-sizing: border-box
}

body .u-p08em {
    padding: .8em;
    box-sizing: border-box
}

body .u-p09em {
    padding: .9em;
    box-sizing: border-box
}

body .u-p1em {
    padding: 1em;
    box-sizing: border-box
}

body .u-p2em {
    padding: 2em;
    box-sizing: border-box
}

body .u-p3em {
    padding: 3em;
    box-sizing: border-box
}

body .u-p4em {
    padding: 4em;
    box-sizing: border-box
}

body .u-p5em {
    padding: 5em;
    box-sizing: border-box
}

body .u-p6em {
    padding: 6em;
    box-sizing: border-box
}

body .u-p7em {
    padding: 7em;
    box-sizing: border-box
}

body .u-p8em {
    padding: 8em;
    box-sizing: border-box
}

body .u-p9em {
    padding: 9em;
    box-sizing: border-box
}

body .u-p10em {
    padding: 10em;
    box-sizing: border-box
}

body .u-p11em {
    padding: 11em;
    box-sizing: border-box
}

body .u-p12em {
    padding: 12em;
    box-sizing: border-box
}

body .u-p13em {
    padding: 13em;
    box-sizing: border-box
}

.u-kaku,
.u-kaku-l {
    white-space: nowrap;
    display: inline-block;
    background-color: #6fba2c;
    line-height: 1.4em;
    height: 1.3em;
    width: 1.3em;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    text-shadow: none
}

.u-kaku-l {
    border: 1px solid #060;
    color: #060;
    background: 0 0
}

.u-maru,
.u-maru-l {
    white-space: nowrap;
    display: inline-block;
    background-color: #6fba2c;
    line-height: 1.4em;
    height: 1.3em;
    width: 1.3em;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    text-shadow: none
}

.u-maru-l {
    border: 1px solid #060;
    color: #060;
    background: 0 0
}

.u-wa {
    position: relative;
    display: inline-block;
    padding-left: 25px
}

.u-wa:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 1px solid #666;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.u-wa.is-current:after,
.u-wa-double:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
    background-color: #666;
    display: block;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

body .u-r10 {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

body .u-r5 {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

body .u-r4 {
    -webkit-border-radius: 4px;
    border-radius: 4px
}

body .u-r3 {
    -webkit-border-radius: 3px;
    border-radius: 3px
}

body .u-r2 {
    -webkit-border-radius: 2px;
    border-radius: 2px
}

body .u-bg {
    background: #f5f5f5
}

body .u-bb {
    border-bottom: 1px solid #ccc
}

.u-link {
    background: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e4e4e4));
    background-image: -webkit-linear-gradient(top, #f8f8f8, #e4e4e4);
    background-image: -moz-linear-gradient(top, #f8f8f8, #e4e4e4);
    background-image: -ms-linear-gradient(top, #f8f8f8, #e4e4e4);
    background-image: -o-linear-gradient(top, #f8f8f8, #e4e4e4);
    background-image: linear-gradient(to bottom, #f8f8f8, #e4e4e4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$top, endColorstr=$bottom);
    text-decoration: none;
    color: #555;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 3px solid #aaa;
    display: inline-block;
    text-align: center;
    line-height: 1.2em;
    padding: .8em 3em
}

.u-link:hover {
    background: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2);
    background-image: -moz-linear-gradient(top, #fcfcfc, #f2f2f2);
    background-image: -ms-linear-gradient(top, #fcfcfc, #f2f2f2);
    background-image: -o-linear-gradient(top, #fcfcfc, #f2f2f2);
    background-image: linear-gradient(to bottom, #fcfcfc, #f2f2f2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$top, endColorstr=$bottom)
}

.u-pointer {
    cursor: pointer
}

.u-btn,
.u-btn_small,
.u-btn_large,
.u-btn_d,
.u-btn-icontext {
    padding: .5em 1em;
    margin: 0 0 2px;
    box-sizing: border-box;
    line-height: 1.2em
}

@media only screen and (min-width:768px) {
    body .u-btn {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:767px) {
    body .u-btn {
        font-size: 1.6rem
    }
}

.u-btn_small {
    padding: .3em .5em
}

@media only screen and (min-width:768px) {
    body .u-btn_small {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:767px) {
    body .u-btn_small {
        font-size: 1.28rem
    }
}

.u-btn_large {
    padding: 1em 3em
}

@media only screen and (min-width:768px) {
    body .u-btn_large {
        font-size: 2.5rem
    }
}

@media only screen and (max-width:767px) {
    body .u-btn_large {
        font-size: 2.1rem
    }
}

.u-btn,
.u-btn_small,
.u-btn_large,
.u-btn_d,
.u-btn-icontext {
    display: inline-block;
    text-decoration: none;
    outline: none;
    position: relative;
    overflow: visible;
    white-space: nowrap;
    cursor: pointer;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    zoom: 1;
    border: 1px solid #d4d4d4;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#ececec));
    background-image: -webkit-linear-gradient(top, #f4f4f4, #ececec);
    background-image: -moz-linear-gradient(top, #f4f4f4, #ececec);
    background-image: -ms-linear-gradient(top, #f4f4f4, #ececec);
    background-image: -o-linear-gradient(top, #f4f4f4, #ececec);
    background-image: linear-gradient(to bottom, #f4f4f4, #ececec);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$top, endColorstr=$bottom)
}

.u-btn-icontext:hover,
.u-btn:hover {
    color: #fff;
    text-shadow: 1px 1px 0 #333;
    border: 1px solid #a0a0a0;
    background-color: #bababa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#575757));
    background-image: -webkit-linear-gradient(top, #bababa, #575757);
    background-image: -moz-linear-gradient(top, #bababa, #575757);
    background-image: -ms-linear-gradient(top, #bababa, #575757);
    background-image: -o-linear-gradient(top, #bababa, #575757);
    background-image: linear-gradient(to bottom, #bababa, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$top, endColorstr=$bottom)
}

.u-btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

div .u-btn_area {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

div .u-btn_area .u-btn {
    margin-right: 20px
}

.u-btn_d {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    border: 1px solid #15aeec;
    color: #fff;
    background-color: #49c0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2cafe3));
    background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
    background-image: -moz-linear-gradient(top, #49c0f0, #2cafe3);
    background-image: -ms-linear-gradient(top, #49c0f0, #2cafe3);
    background-image: -o-linear-gradient(top, #49c0f0, #2cafe3);
    background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$top, endColorstr=$bottom)
}

.u-btn_d:hover {
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
    border-color: #039acd;
    border-bottom-color: #2a65a0;
    color: #fff;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#41caf8), to(#039acd));
    background-image: -webkit-linear-gradient(top, #41caf8, #039acd);
    background-image: -moz-linear-gradient(top, #41caf8, #039acd);
    background-image: -ms-linear-gradient(top, #41caf8, #039acd);
    background-image: -o-linear-gradient(top, #41caf8, #039acd);
    background-image: linear-gradient(to bottom, #41caf8, #039acd);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=$top, endColorstr=$bottom)
}

body .u-btn-multi {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em
}

.u-btn-icontext,
.u-li-icontext,
.u-icontext {
    display: table
}

.u-btn-icontext_in,
.u-li-icontext_in,
.u-icontext_in {
    display: table-cell;
    padding: 1em 2em 1em .5em;
    position: relative;
    vertical-align: middle
}

.u-btn-icontext_in:before,
.u-li-icontext_in:before,
.u-icontext_in:before {
    position: absolute;
    top: 50%;
    right: .5em;
    margin-top: -.5em;
    line-height: 1em
}

.is-icontextleft {
    padding: 1em .5em 1em 2em
}

.is-icontextleft:before {
    left: .5em;
    right: auto
}

.u-li-icontext.is-current {
    background: #fff0cc
}

.u-li-icontext-ttl {
    background: #dfdfdf;
    padding: 0 5px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.u-li-icontext {
    width: 100%;
    margin-bottom: -1px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.u-li-icontext_in {
    text-decoration: none
}

.u-icon {
    display: inline-block;
    position: relative;
    color: #fff;
    background: #999;
    padding: 0 3px;
    font-size: .7em;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}

.u-icon-l:before,
.u-icon-r:before,
.u-icon-t:before,
.u-icon-b:before {
    content: '';
    position: absolute
}

.u-icon-b:before {
    border-top: 5px solid #999;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    bottom: -5px;
    left: 10px
}

.u-icon-t:before {
    border-bottom: 5px solid #999;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    top: -5px;
    left: 10px
}

.u-icon-l:before {
    border-right: 5px solid #999;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    left: -5px;
    top: 5px
}

.u-icon-r:before {
    border-left: 5px solid #999;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    right: -5px;
    top: 5px
}

.u-sns li {
    float: left;
    padding-right: 5px
}

body.u-sns .fb_iframe_widget > span {
    vertical-align: baseline
}

@media only screen and (min-width:768px) {

    .u-mb,
    .upc-mb {
        margin-bottom: 60px
    }
}

@media only screen and (max-width:767px) {

    .u-mb,
    .usp-mb {
        margin-bottom: 40px
    }
}

body .u-ff,
body {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

body [class^=i_]:before,
body [class*=" i_"]:before {
    font-family: 'i'
}

.i_45:before {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.i_90:before {
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.i_180:before {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.i_270:before {
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

html {
    font-size: 62.5%;
    line-height: 1.2
}

@media only screen and (min-width:768px) {

    body.u-tx_xl,
    body .u-tx_xl,
    body .usp-tx_xl,
    .c-h2home,
    .c-award_name {
        font-size: 3.5rem
    }
    
    .c-award_name_sub {
        margin-top: 5px;
        font-size: 2.2rem;
        line-height: 1.2em;
        font-weight: 700;    }

}

@media only screen and (max-width:767px) {

    body.u-tx_xl,
    body .u-tx_xl,
    body .usp-tx_xl,
    .c-h2home,
    .c-award_name {
        font-size: 2.56rem
    }
    
    .c-award_name_sub {
        margin-top: 5px;
        font-size: 1.8rem;
        line-height: 1.2em;
        font-weight: 700;    }
    }

}

@media only screen and (min-width:768px) {

    body.u-tx_l,
    body .u-tx_l,
    body .usp-tx_l,
    .c-h1,
    .c-h2,
    .c-h2cate,
    .c-h2award,
    .c-award_ttl {
        font-size: 2.5rem
    }
    
}

@media only screen and (max-width:767px) {

    body.u-tx_l,
    body .u-tx_l,
    body .usp-tx_l,
    .c-h1,
    .c-h2,
    .c-h2cate,
    .c-h2award,
    .c-award_ttl {
        font-size: 2.1rem
    }
}

@media only screen and (min-width:768px) {

    body,
    body.u-tx_m,
    body .u-tx_m,
    body .usp-tx_m {
        font-size: 1.6rem
    }
}

@media only screen and (max-width:767px) {

    body,
    body.u-tx_m,
    body .u-tx_m,
    body .usp-tx_m {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:768px) {

    body.u-tx_s,
    body .u-tx_s,
    body .usp-tx_s,
    body .u-note,
    .c-footer a,
    .c-header_r a,
    .c-cate_ttl,
    .c-award_cate,
    .c-award_maker_,
    .c-award_reason_ {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:767px) {

    body.u-tx_s,
    body .u-tx_s,
    body .usp-tx_s,
    body .u-note,
    .c-footer a,
    .c-header_r a,
    .c-cate_ttl,
    .c-award_cate,
    .c-award_maker_,
    .c-award_reason_ {
        font-size: 1.28rem
    }
}

@media only screen and (min-width:768px) {

    body.u-tx_xs,
    body .u-tx_xs,
    body .usp-tx_xs,
    address,
    .c-about_judge_cate:after {
        font-size: 1rem
    }
}

@media only screen and (max-width:767px) {

    body.u-tx_xs,
    body .u-tx_xs,
    body .usp-tx_xs,
    address,
    .c-about_judge_cate:after {
        font-size: .96rem
    }
}

.u-required {
    margin-left: 5px;
    color: #fff;
    background: #dc487b;
    padding: 0 3px;
    font-size: .7em;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

body,
body .u-color {
    color: #333
}

body .u-red {
    color: #f03
}

body .u-bgred {
    background-color: #f03
}

body .u-light {
    color: #727272
}

body .u-dark {
    color: #151515
}

body .u-atxt {
    color: #1580bc;
    text-decoration: underline
}

body .u-atxt:hover {
    text-decoration: none;
    font-weight: 700;
    opacity: 1
}

body .u-hideTxt {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

body .u-note {
    display: block
}

body .u-lh1 {
    line-height: 1.1em
}

.tm-time {
    text-align: right;
    font-size: 10px;
    margin-bottom: 60px
}

.tm-h1 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: #000
}

.tm-h2 {
    margin: 60px 0;
    padding: .6em 1em;
    background: #29588f;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400
}

.tm-h3 {
    margin: 40px 0 50px;
    padding: 0 0 .3em;
    border-bottom: 3px solid #29588f;
    font-weight: 700;
    color: #29588f
}

.tm-h4 {
    margin: 20px 0 30px;
    padding: 10px 20px;
    background: #f3f3f3;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.tm-h1:first-child,
.tm-h2:first-child,
.tm-h3:first-child,
.tm-h4:first-child {
    margin-top: 0
}

.tm-h1,
.tm-h2,
.tm-h3,
.tm-h4 {
    line-height: 1.1em
}

.tm-h1 {
    font-size: 3.5rem
}

.tm-h2 {
    font-size: 3.5rem
}

.tm-h3 {
    font-size: 2.5rem
}

.tm-h4 {
    font-size: 1.6rem
}

@media only screen and (max-width:767px) {
    .tm-h1 {
        font-size: 3.5rem
    }

    .tm-h2 {
        font-size: 3.5rem
    }

    .tm-h3 {
        font-size: 2.1rem
    }

    .tm-h4 {
        font-size: 1.6rem
    }
}

.tm-mokuji {
    line-height: 1.2em;
    border: 2px solid #ccc;
    padding: 30px 40px;
    margin: 30px 0;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

@media only screen and (max-width:767px) {
    .tm-mokuji {
        padding: 20px 10px
    }
}

.tm-mokuji1 {
    margin-left: 1em;
    margin-top: 30px
}

@media only screen and (max-width:767px) {
    .tm-mokuji1 {
        margin-top: 15px
    }
}

.tm-mokuji1:first-child {
    margin-top: 0
}

.tm-mokuji2 {
    margin-left: 2em;
    margin-top: 10px
}

.tm-mokuji3 {
    margin-left: 3em;
    margin-top: 10px
}

.tm-mokuji1,
.tm-mokuji2,
.tm-mokuji3 {
    display: list-item;
    list-style: disc
}

.tm-mokuji_ttl {
    text-align: center;
    margin-bottom: 10px
}

.tm-shadow {
    box-shadow: 7px 10px 6px -6px #c9c9c9
}

.tm-photo {
    box-shadow: 2px 2px 8px #c9c9c9;
    border: 7px solid #fff
}

.tm-rmaru {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.tm-cap {
    display: block;
    margin-top: 5px
}

@media only screen and (min-width:768px) {
    .tm-cap {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:767px) {
    .tm-cap {
        font-size: 1.28rem
    }
}

.tm-cw100 {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw100 img {
    width: 100%;
    height: auto
}

.tm-rw100:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw100 .tm-rw_img {
    float: right;
    width: 100%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw90 img {
    width: 100%;
    height: auto
}

.tm-rw90:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw90 .tm-rw_img {
    float: right;
    width: 90%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw80 img {
    width: 100%;
    height: auto
}

.tm-rw80:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw80 .tm-rw_img {
    float: right;
    width: 80%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw70 {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw70 img {
    width: 100%;
    height: auto
}

.tm-rw70:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw70 .tm-rw_img {
    float: right;
    width: 70%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw60 {
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw60 img {
    width: 100%;
    height: auto
}

.tm-rw60:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw60 .tm-rw_img {
    float: right;
    width: 60%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw50 {
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw50 img {
    width: 100%;
    height: auto
}

.tm-rw50:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw50 .tm-rw_img {
    float: right;
    width: 50%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw40 {
    width: 40%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw40 img {
    width: 100%;
    height: auto
}

.tm-rw40:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw40 .tm-rw_img {
    float: right;
    width: 40%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw30 {
    width: 30%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw30 img {
    width: 100%;
    height: auto
}

.tm-rw30:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw30 .tm-rw_img {
    float: right;
    width: 30%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw20 {
    width: 20%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw20 img {
    width: 100%;
    height: auto
}

.tm-rw20:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw20 .tm-rw_img {
    float: right;
    width: 20%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw10 {
    width: 10%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw10 img {
    width: 100%;
    height: auto
}

.tm-rw10:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw10 .tm-rw_img {
    float: right;
    width: 10%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-cw5 {
    width: 5%;
    margin-left: auto;
    margin-right: auto
}

.tm-cw5 img {
    width: 100%;
    height: auto
}

.tm-rw5:after {
    content: "";
    clear: both;
    display: block
}

.tm-rw5 .tm-rw_img {
    float: right;
    width: 5%;
    margin-left: .5em;
    margin-bottom: .5em
}

.tm-hr {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    position: relative;
    border: none;
    border-bottom: 1px solid #ccc;
    overflow: visible
}

.tm-hr-diamond {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    position: relative;
    border: none;
    border-bottom: 1px solid #ccc;
    overflow: visible
}

.tm-hr-diamond:before {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px
}

.tm-hr-circle {
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    position: relative;
    border: none;
    border-bottom: 1px solid #ccc;
    overflow: visible
}

.tm-hr-circle:before {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: -5px;
    margin-left: -5px
}

.tm-table {
    border: 5px solid #666;
    margin-left: auto;
    margin-right: auto
}

.tm-table > tbody > tr > th,
.tm-table > tbody > tr > td {
    border: 1px solid #666;
    padding: .8em 2em
}

@media only screen and (max-width:767px) {

    .tm-table > tbody > tr > th,
    .tm-table > tbody > tr > td {
        padding: .5em .1em
    }
}

.tm-table_yoko {
    margin-left: auto;
    margin-right: auto
}

.tm-table_yoko > tbody > tr > th,
.tm-table_yoko > tbody > tr > td {
    padding: .6em 1em;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa
}

@media only screen and (max-width:767px) {

    .tm-table_yoko > tbody > tr > th,
    .tm-table_yoko > tbody > tr > td {
        padding: .5em .1em
    }
}

.tm-table_pop {
    margin-left: auto;
    margin-right: auto
}

.tm-table_pop {
    border-collapse: separate;
    border-spacing: 0 10px
}

.tm-table_pop > tbody > tr > th,
.tm-table_pop > tbody > tr > td {
    padding: 1em 2em
}

.tm-table_pop > tbody > tr > th {
    background: #295890;
    vertical-align: middle;
    overflow: visible;
    position: relative;
    color: #fff
}

.tm-table_pop > tbody > tr > th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: #f8f8f8;
    border-left-color: #295890;
    border-width: 5px;
    margin-top: -5px
}

@-moz-document url-prefix() {
    .tm-table_pop > tbody > tr > th:after {
        float: right;
        padding: 0;
        left: 30px;
        top: -7.5px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        border: 5px solid transparent;
        border-left: #295890 5px solid;
        margin-top: -5px
    }
}

@media only screen and (max-width:767px) {

    .tm-table_pop > tbody > tr > th,
    .tm-table_pop > tbody > tr > td {
        padding: .5em .1em
    }
}

.tm-table_pop > tbody > tr > td {
    background: #f8f8f8;
    padding-left: 1em
}

.tm-table_yokotate {
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-bottom: 1px solid #999
}

.tm-table_yokotate > tbody > tr > th,
.tm-table_yokotate > tbody > tr > td {
    padding: 1em 1.5em;
    border-top: 1px solid #999;
    vertical-align: middle
}

.tm-table_yokotate > tbody > tr > td {
    position: relative;
    padding-left: 1em
}

.tm-table_yokotate > tbody > tr > td:before {
    position: absolute;
    content: '';
    width: 1px;
    margin: auto;
    height: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #999
}

@media only screen and (max-width:767px) {

    .tm-table_yokotate > tbody > tr > th,
    .tm-table_yokotate > tbody > tr > td {
        padding: .5em .3em
    }
}

.tm-table_color {
    margin-left: auto;
    margin-right: auto
}

.tm-table_color {
    border: none;
    border-collapse: separate;
    border-spacing: 0 .8em
}

.tm-table_color > tbody > tr > th,
.tm-table_color > tbody > tr > td {
    padding: .5em 1.5em
}

.tm-table_color > tbody > tr > th {
    border-right: 3px solid #295890;
    text-align: right;
    color: #295890;
    font-weight: 700
}

@media only screen and (max-width:767px) {

    .tm-table_color > tbody > tr > th,
    .tm-table_color > tbody > tr > td {
        padding: .5em .3em
    }
}

.tm-table_head {
    margin-left: auto;
    margin-right: auto
}

.tm-table_head > thead > tr > th {
    padding-bottom: .3em;
    text-align: center;
    border-bottom: 3px solid #295890;
    color: #295890;
    font-weight: 700
}

.tm-table_head > tbody > tr > th {
    background: #f3f6f7
}

.tm-table_head > tbody > tr > th,
.tm-table_head > tbody > tr > td {
    padding: .5em 1.5em;
    border-bottom: 1px solid #ccc
}

@media only screen and (max-width:767px) {

    .tm-table_head > tbody > tr > th,
    .tm-table_head > tbody > tr > td {
        padding: .5em .3em
    }
}

.tm-ul li {
    position: relative;
    padding-left: 1em;
    margin-bottom: .5em
}

.tm-ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: .4em;
    left: .3em;
    width: .3em;
    height: .2em;
    background-color: #666;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.tm-dl {
    margin-left: auto;
    margin-right: auto
}

.tm-dl {
    margin-top: 13px;
    border: 1px solid #e1e1e1;
    box-shadow: 1px 3px 0 rgba(8, 1, 2, .03)
}

.tm-dl {
    padding: 26px 20px 0 1px
}

.tm-dl > dt {
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    font-weight: 700;
    position: relative;
    top: -40px;
    left: 30px
}

.tm-dl > dt {
    margin-bottom: 0
}

.tm-dl > dd {
    position: relative;
    top: -10px;
    margin-bottom: 25px;
    margin: -26px 0 0;
    padding: 1em 2em 1.5em
}

.tm-dl > dd:last-of-type {
    margin-bottom: 0
}

.tm-dl > dd p:last-of-type {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    .tm-dl > dd {
        padding: .5em .3em
    }
}

.tm-waku {
    padding: 1.5em 2em;
    border: 1px solid #e1e1e1
}

.tm-waku:after:after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (max-width:767px) {
    .tm-waku {
        padding: .7em 1em
    }
}

.tm-wakubg {
    padding: 1.5em 2em;
    background: #f9f9f9
}

.tm-wakubg:after:after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (max-width:767px) {
    .tm-wakubg {
        padding: .7em 1em
    }
}

.tm-quote {
    padding: 1.5em 2em;
    background: url(/img/oa/quote.png) no-repeat 15px 18px;
    background-size: 14px;
    border: 1px solid #e1e1e1
}

@media only screen and (max-width:767px) {
    .tm-quote {
        background: url(/img/oa/quote.png) no-repeat 12px 12px;
        background-size: 6px
    }
}

.tm-quote:after:after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (max-width:767px) {
    .tm-quote {
        padding: .7em 1em
    }
}

.tm-kome {
    margin-left: auto;
    margin-right: auto
}

.tm-kome li {
    margin-bottom: .5em;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.2em
}

@media only screen and (min-width:768px) {
    .tm-kome {
        font-size: 1.4rem
    }
}

@media only screen and (max-width:767px) {
    .tm-kome {
        font-size: 1.28rem
    }
}

body .tm-mb {
    margin-bottom: 60px
}

@media only screen and (max-width:767px) {
    body .tm-mb {
        margin-bottom: 30px
    }
}

body .tm-alnl {
    text-align: left
}

body .tm-alnc {
    text-align: center
}

body .tm-alnr {
    text-align: right
}

body .tm-u {
    text-decoration: underline
}

body .tm-b {
    font-weight: 700
}

body .tm-i {
    font-style: oblique
}

body .tm-through {
    text-decoration: line-through
}

.tm-marker_b {
    background: linear-gradient(transparent 0%, #ff6 0%)
}

.tm-marker {
    background: linear-gradient(transparent 60%, #ff6 60%)
}

.tm-marker-pink_b {
    background: linear-gradient(transparent 0%, #f6f 0%)
}

.tm-marker-pink {
    background: linear-gradient(transparent 60%, #f6f 60%)
}

.g-g15 {
    margin-left: -15px
}

.g-g15 > [class*=g-c] {
    padding-left: 15px
}

.g {
    display: block;
    margin-left: 0;
    margin-right: 0
}

.g:after {
    content: "";
    clear: both;
    display: block
}

.g > [class*=g-c] {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.g-g {
    margin-left: -10px
}

.g-g > [class*=g-c] {
    padding-left: 10px
}

.g-g5 {
    margin-left: -5px
}

.g-g5 > [class*=g-c] {
    padding-left: 5px
}

.g-g20 {
    margin-left: -20px
}

.g-g20 > [class*=g-c] {
    padding-left: 20px
}

.g-c1_24 {
    width: 4.1667%
}

.g-c1_12,
.g-c2_24 {
    width: 8.3333%
}

.g-c1_8,
.g-c3_24 {
    width: 12.5%
}

.g-c1_6,
.g-c4_24 {
    width: 16.6667%
}

.g-c1_5 {
    width: 22%
}

.g-c5_24 {
    width: 20.8333%
}

.g-c1_4,
.g-c6_24 {
    width: 25%
}

.g-c7_24 {
    width: 29.1667%
}

.g-c1_3,
.g-c8_24 {
    width: 33.3333%
}

.g-c3_8,
.g-c9_24 {
    width: 37.5%
}

.g-c2_5 {
    width: 40%
}

.g-c5_12,
.g-c10_24 {
    width: 41.6667%
}

.g-c11_24 {
    width: 45.8333%
}

.g-c1_2,
.g-c12_24 {
    width: 50%
}

.g-c13_24 {
    width: 54.1667%
}

.g-c7_12,
.g-c14_24 {
    width: 58.3333%
}

.g-c3_5 {
    width: 60%
}

.g-c5_8,
.g-c15_24 {
    width: 62.5%
}

.g-c2_3,
.g-c16_24 {
    width: 66.6667%
}

.g-c17_24 {
    width: 70.8333%
}

.g-c3_4,
.g-c18_24 {
    width: 75%
}

.g-c19_24 {
    width: 79.1667%
}

.g-c4_5 {
    width: 78%
}

.g-c5_6,
.g-c20_24 {
    width: 83.3333%
}

.g-c7_8,
.g-c21_24 {
    width: 87.5%
}

.g-c11_12,
.g-c22_24 {
    width: 91.6667%
}

.g-c23_24 {
    width: 95.8333%
}

.g-c1,
.g-c1_1,
.g-c5_5,
.g-c24_24 {
    width: 100%
}

.g-1n > [class*=g-c],
.g-2n > [class*=g-c]:nth-child(2n+1),
.g-3n > [class*=g-c]:nth-child(3n+1),
.g-4n > [class*=g-c]:nth-child(4n+1),
.g-5n > [class*=g-c]:nth-child(5n+1),
.g-6n > [class*=g-c]:nth-child(6n+1),
.g-7n > [class*=g-c]:nth-child(7n+1),
.g-8n > [class*=g-c]:nth-child(8n+1),
.g-9n > [class*=g-c]:nth-child(9n+1),
.g-10n > [class*=g-c]:nth-child(10n+1),
.g-11n > [class*=g-c]:nth-child(11n+1),
.g-12n > [class*=g-c]:nth-child(12n+1),
.g-13n > [class*=g-c]:nth-child(13n+1),
.g-14n > [class*=g-c]:nth-child(14n+1),
.g-15n > [class*=g-c]:nth-child(15n+1),
.g-16n > [class*=g-c]:nth-child(16n+1),
.g-17n > [class*=g-c]:nth-child(17n+1),
.g-18n > [class*=g-c]:nth-child(18n+1),
.g-19n > [class*=g-c]:nth-child(19n+1),
.g-20n > [class*=g-c]:nth-child(20n+1),
.g-21n > [class*=g-c]:nth-child(21n+1),
.g-22n > [class*=g-c]:nth-child(22n+1),
.g-23n > [class*=g-c]:nth-child(23n+1),
.g-24n > [class*=g-c]:nth-child(24n+1) {
    clear: both
}

@media only screen and (min-width:768px) {
    .gpc {
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    .gpc:after {
        content: "";
        clear: both;
        display: block
    }

    .gpc > [class*=gpc-c] {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .gpc-g {
        margin-left: -10px
    }

    .gpc-g > [class*=gpc-c] {
        padding-left: 10px
    }

    .gpc-g5 {
        margin-left: -5px
    }

    .gpc-g5 > [class*=gpc-c] {
        padding-left: 5px
    }

    .gpc-g20 {
        margin-left: -20px
    }

    .gpc-g20 > [class*=gpc-c] {
        padding-left: 20px
    }

    .gpc-1n > [class*=gpc-c],
    .gpc-2n > [class*=gpc-c]:nth-child(2n+1),
    .gpc-3n > [class*=gpc-c]:nth-child(3n+1),
    .gpc-4n > [class*=gpc-c]:nth-child(4n+1),
    .gpc-5n > [class*=gpc-c]:nth-child(5n+1),
    .gpc-6n > [class*=gpc-c]:nth-child(6n+1),
    .gpc-7n > [class*=gpc-c]:nth-child(7n+1),
    .gpc-8n > [class*=gpc-c]:nth-child(8n+1),
    .gpc-9n > [class*=gpc-c]:nth-child(9n+1),
    .gpc-10n > [class*=gpc-c]:nth-child(10n+1),
    .gpc-11n > [class*=gpc-c]:nth-child(11n+1),
    .gpc-12n > [class*=gpc-c]:nth-child(12n+1),
    .gpc-13n > [class*=gpc-c]:nth-child(13n+1),
    .gpc-14n > [class*=gpc-c]:nth-child(14n+1),
    .gpc-15n > [class*=gpc-c]:nth-child(15n+1),
    .gpc-16n > [class*=gpc-c]:nth-child(16n+1),
    .gpc-17n > [class*=gpc-c]:nth-child(17n+1),
    .gpc-18n > [class*=gpc-c]:nth-child(18n+1),
    .gpc-19n > [class*=gpc-c]:nth-child(19n+1),
    .gpc-20n > [class*=gpc-c]:nth-child(20n+1),
    .gpc-21n > [class*=gpc-c]:nth-child(21n+1),
    .gpc-22n > [class*=gpc-c]:nth-child(22n+1),
    .gpc-23n > [class*=gpc-c]:nth-child(23n+1),
    .gpc-24n > [class*=gpc-c]:nth-child(24n+1) {
        clear: both
    }

    .gpc-c1_24 {
        width: 4.1667%
    }

    .gpc-c1_12,
    .gpc-c2_24 {
        width: 8.3333%
    }

    .gpc-c1_8,
    .gpc-c3_24 {
        width: 12.5%
    }

    .gpc-c1_6,
    .gpc-c4_24 {
        width: 16.6667%
    }

    .gpc-c1_5 {
        width: 20%
    }

    .gpc-c5_24 {
        width: 20.8333%
    }

    .gpc-c1_4,
    .gpc-c6_24 {
        width: 25%
    }

    .gpc-c7_24 {
        width: 29.1667%
    }

    .gpc-c1_3,
    .gpc-c8_24 {
        width: 33.3333%
    }

    .gpc-c3_8,
    .gpc-c9_24 {
        width: 37.5%
    }

    .gpc-c2_5 {
        width: 40%
    }

    .gpc-c5_12,
    .gpc-c10_24 {
        width: 41.6667%
    }

    .gpc-c11_24 {
        width: 45.8333%
    }

    .gpc-c1_2,
    .gpc-c12_24 {
        width: 50%
    }

    .gpc-c13_24 {
        width: 54.1667%
    }

    .gpc-c7_12,
    .gpc-c14_24 {
        width: 58.3333%
    }

    .gpc-c3_5 {
        width: 60%
    }

    .gpc-c5_8,
    .gpc-c15_24 {
        width: 62.5%
    }

    .gpc-c2_3,
    .gpc-c16_24 {
        width: 66.6667%
    }

    .gpc-c17_24 {
        width: 70.8333%
    }

    .gpc-c3_4,
    .gpc-c18_24 {
        width: 75%
    }

    .gpc-c19_24 {
        width: 79.1667%
    }

    .gpc-c4_5 {
        width: 80%
    }

    .gpc-c5_6,
    .gpc-c20_24 {
        width: 83.3333%
    }

    .gpc-c7_8,
    .gpc-c21_24 {
        width: 87.5%
    }

    .gpc-c11_12,
    .gpc-c22_24 {
        width: 91.6667%
    }

    .gpc-c23_24 {
        width: 95.8333%
    }

    .gpc-c1,
    .gpc-c1_1,
    .gpc-c5_5,
    .gpc-c24_24 {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .gsp {
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    .gsp:after {
        content: "";
        clear: both;
        display: block
    }

    .gsp > [class*=gsp-c] {
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box
    }

    .gsp-g {
        margin-left: -10px
    }

    .gsp-g > [class*=gsp-c] {
        padding-left: 10px
    }

    .gsp-g5 {
        margin-left: -5px
    }

    .gsp-g5 > [class*=g-c] {
        padding-left: 5px
    }

    .gsp-g5 > [class*=gsp-c] {
        padding-left: 5px
    }

    .gsp-g20 {
        margin-left: -20px
    }

    .gsp-g20 > [class*=g-c] {
        padding-left: 20px
    }

    .gsp-g20 > [class*=gsp-c] {
        padding-left: 20px
    }

    .gsp-1n > [class*=gsp-c],
    .gsp-2n > [class*=gsp-c]:nth-child(2n+1),
    .gsp-3n > [class*=gsp-c]:nth-child(3n+1),
    .gsp-4n > [class*=gsp-c]:nth-child(4n+1),
    .gsp-5n > [class*=gsp-c]:nth-child(5n+1),
    .gsp-6n > [class*=gsp-c]:nth-child(6n+1),
    .gsp-7n > [class*=gsp-c]:nth-child(7n+1),
    .gsp-8n > [class*=gsp-c]:nth-child(8n+1),
    .gsp-9n > [class*=gsp-c]:nth-child(9n+1),
    .gsp-10n > [class*=gsp-c]:nth-child(10n+1),
    .gsp-11n > [class*=gsp-c]:nth-child(11n+1),
    .gsp-12n > [class*=gsp-c]:nth-child(12n+1),
    .gsp-13n > [class*=gsp-c]:nth-child(13n+1),
    .gsp-14n > [class*=gsp-c]:nth-child(14n+1),
    .gsp-15n > [class*=gsp-c]:nth-child(15n+1),
    .gsp-16n > [class*=gsp-c]:nth-child(16n+1),
    .gsp-17n > [class*=gsp-c]:nth-child(17n+1),
    .gsp-18n > [class*=gsp-c]:nth-child(18n+1),
    .gsp-19n > [class*=gsp-c]:nth-child(19n+1),
    .gsp-20n > [class*=gsp-c]:nth-child(20n+1),
    .gsp-21n > [class*=gsp-c]:nth-child(21n+1),
    .gsp-22n > [class*=gsp-c]:nth-child(22n+1),
    .gsp-23n > [class*=gsp-c]:nth-child(23n+1),
    .gsp-24n > [class*=gsp-c]:nth-child(24n+1) {
        clear: both
    }

    .is-break.g {
        margin-left: 0
    }

    .is-break.g > [class*=g-c] {
        width: 100%;
        clear: left;
        padding-left: 0
    }

    .is-break.g > [class*=g-c]:last-child {
        margin-bottom: 0
    }

    .gsp-c1_24 {
        width: 4.1667%
    }

    .gsp-c1_12,
    .gsp-c2_24 {
        width: 8.3333%
    }

    .gsp-c1_8,
    .gsp-c3_24 {
        width: 12.5%
    }

    .gsp-c1_6,
    .gsp-c4_24 {
        width: 16.6667%
    }

    .gsp-c1_5 {
        width: 20%
    }

    .gsp-c5_24 {
        width: 20.8333%
    }

    .gsp-c1_4,
    .gsp-c6_24 {
        width: 25%
    }

    .gsp-c7_24 {
        width: 29.1667%
    }

    .gsp-c1_3,
    .gsp-c8_24 {
        width: 33.3333%
    }

    .gsp-c3_8,
    .gsp-c9_24 {
        width: 37.5%
    }

    .gsp-c2_5 {
        width: 40%
    }

    .gsp-c5_12,
    .gsp-c10_24 {
        width: 41.6667%
    }

    .gsp-c11_24 {
        width: 45.8333%
    }

    .gsp-c1_2,
    .gsp-c12_24 {
        width: 50%
    }

    .gsp-c13_24 {
        width: 54.1667%
    }

    .gsp-c7_12,
    .gsp-c14_24 {
        width: 58.3333%
    }

    .gsp-c3_5 {
        width: 60%
    }

    .gsp-c5_8,
    .gsp-c15_24 {
        width: 62.5%
    }

    .gsp-c2_3,
    .gsp-c16_24 {
        width: 66.6667%
    }

    .gsp-c17_24 {
        width: 70.8333%
    }

    .gsp-c3_4,
    .gsp-c18_24 {
        width: 75%
    }

    .gsp-c19_24 {
        width: 79.1667%
    }

    .gsp-c4_5 {
        width: 80%
    }

    .gsp-c5_6,
    .gsp-c20_24 {
        width: 83.3333%
    }

    .gsp-c7_8,
    .gsp-c21_24 {
        width: 87.5%
    }

    .gsp-c11_12,
    .gsp-c22_24 {
        width: 91.6667%
    }

    .gsp-c23_24 {
        width: 95.8333%
    }

    .gsp-c1,
    .gsp-c1_1,
    .gsp-c5_5,
    .gsp-c24_24 {
        width: 100%
    }
}

.e-underline {
    position: relative;
    display: inline-block
}

.e-underline:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    content: '.';
    color: transparent;
    background: #000;
    height: 2px
}

.e-underline,
.e-underline:after,
.e-underline:before {
    transition: all .5s
}

.e-underline:hover {
    opacity: 1
}

.e-underline.is-do:after,
.e-underline.is-inview:after,
a:hover .e-underline.is-hover:after,
.e-underline.is-hover:hover:after,
.e-underline.is-current:after {
    width: 100%
}

.e-circle {
    position: relative
}

.e-circle:before,
.e-circle:after {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.2);
    transform: translateX(-50%) translateY(-50%) scale(.2);
    width: 97px;
    height: 97px;
    border: 2px solid rgba(0, 0, 0, .1);
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    content: ''
}

.e-circle:after {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.1);
    transform: translateX(-50%) translateY(-50%) scale(.1);
    width: 80px;
    height: 80px;
    border-width: 6px;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.e-circle.is-do:before,
.e-circle.is-do:after,
.e-circle.is-inview:before,
.e-circle.is-inview:after,
a:hover .e-circle.is-hover:before,
a:hover .e-circle.is-hover:after,
.e-circle.is-hover:hover:before,
.e-circle.is-hover:hover:after,
.e-circle.is-current:before,
.e-circle.is-current:after {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1)
}

.e-over {
    position: relative
}

.e-over,
.e-over:hover {
    opacity: 1;
    color: #0972b4;
    display: inline-block
}

.e-over:before {
    border-bottom: 3px solid red;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    max-width: 0;
    max-height: 1em;
    color: red;
    content: attr(data-hover);
    -webkit-transition: max-width .5s;
    transition: max-width .5s
}

.e-over.is-do:before,
.e-over.is-inview:before,
a:hover .e-over.is-hover:before,
.e-over.is-hover:hover:before,
.e-over.is-current:before {
    max-width: 100%
}

.e-ten {
    position: relative;
    -webkit-transition: color .3s;
    transition: color .3s;
    display: inline-block
}

.e-ten:before {
    position: absolute;
    top: 100%;
    left: 50%;
    color: transparent;
    content: '・';
    text-shadow: 0 0 transparent;
    font-size: .8em;
    -o-transition-delay: 9s;
    -ms-transition-delay: 9s;
    -webkit-transition-delay: 9s;
    -moz-transition-delay: 9s;
    transition-delay: 9s;
    -webkit-transition: text-shadow 1s;
    transition: text-shadow 1s;
    -webkit-transition: color 1s;
    transition: color 1s;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    pointer-events: none
}

.e-ten.is-do:before,
.e-ten.is-inview:before,
a:hover .e-ten.is-hover:before,
.e-ten.is-hover:hover:before,
.e-ten.is-current:before {
    color: #224255;
    text-shadow: 10px 0 #224255, -10px 0 #224255
}

.e-ten:hover {
    opacity: 1
}

.e-3drotate {
    line-height: 2em;
    display: inline-block;
    position: relative;
    margin: 15px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    width: 200px
}

.e-3drotate span {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 14px;
    background: #e35041;
    -webkit-transition: background .4s;
    transition: background .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -o-transform-origin: 50% 50% -100px;
    -ms-transform-origin: 50% 50% -100px;
    -webkit-transform-origin: 50% 50% -100px;
    -moz-transform-origin: 50% 50% -100px;
    transform-origin: 50% 50% -100px
}

.e-3drotate span:before {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #b53a2d;
    content: attr(data-hover);
    -webkit-transition: background .4s;
    transition: background .4s;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
    pointer-events: none
}

.e-3drotate:hover span,
.e-3drotate:focus span {
    background: red;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg)
}

.e-3drotate:hover {
    opacity: 1
}

.e-3drotate.is-do span:before,
.e-3drotate.is-inview span:before,
a:hover .e-3drotate.is-hover,
span :before .e-3drotate.is-hover:hover span:before,
.e-3drotate.is-current span:before {
    background: #ef5e50
}

.is-infinite {
    animation-iteration-count: infinite
}

.e-hinge {
    animation-duration: 2s
}

.e-flipOutX,
.e-flipOutY,
.e-bounceIn,
.e-bounceOut {
    animation-duration: .75s
}

.e-view {
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.e-view.is-do,
.e-view.is-inview,
.e-view.is-hover:hover,
.e-view.is-current {
    opacity: 1
}

@keyframes e-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    1% {
        opacity: .9
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.e-up.js-inview {
    opacity: 0
}

.e-up.is-inview {
    opacity: 1
}

.e-up {
    display: inline-block
}

.e-up.is-do,
.e-up.is-inview,
a:hover .e-up.is-hover,
.e-up.is-hover:hover,
.e-up.is-current,
.e-up.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-up;
    opacity: 0
}

@keyframes e-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    1% {
        opacity: .9
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.e-down.js-inview {
    opacity: 0
}

.e-down.is-inview {
    opacity: 1
}

.e-down {
    display: inline-block
}

.e-down.is-do,
.e-down.is-inview,
a:hover .e-down.is-hover,
.e-down.is-hover:hover,
.e-down.is-current,
.e-down.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-down;
    opacity: 0;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
    -o-animation-duration: 10s;
    -ms-animation-duration: 10s;
    -webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s
}

@keyframes e-bounce {

    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0)
    }

    90% {
        transform: translate3d(0, -4px, 0)
    }
}

.e-bounce.js-inview {
    opacity: 0
}

.e-bounce.is-inview {
    opacity: 1
}

.e-bounce {
    display: inline-block
}

.e-bounce.is-do,
.e-bounce.is-inview,
a:hover .e-bounce.is-hover,
.e-bounce.is-hover:hover,
.e-bounce.is-current,
.e-bounce.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounce;
    transform-origin: center bottom
}

@keyframes e-flash {

    from,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.e-flash.js-inview {
    opacity: 0
}

.e-flash.is-inview {
    opacity: 1
}

.e-flash {
    display: inline-block
}

.e-flash.is-do,
.e-flash.is-inview,
a:hover .e-flash.is-hover,
.e-flash.is-hover:hover,
.e-flash.is-current,
.e-flash.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-flash
}

@keyframes e-pulse {
    from {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.e-pulse.js-inview {
    opacity: 0
}

.e-pulse.is-inview {
    opacity: 1
}

.e-pulse {
    display: inline-block
}

.e-pulse.is-do,
.e-pulse.is-inview,
a:hover .e-pulse.is-hover,
.e-pulse.is-hover:hover,
.e-pulse.is-current,
.e-pulse.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-pulse
}

@keyframes e-rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }

    30% {
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.e-rubberBand.js-inview {
    opacity: 0
}

.e-rubberBand.is-inview {
    opacity: 1
}

.e-rubberBand {
    display: inline-block
}

.e-rubberBand.is-do,
.e-rubberBand.is-inview,
a:hover .e-rubberBand.is-hover,
.e-rubberBand.is-hover:hover,
.e-rubberBand.is-current,
.e-rubberBand.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rubberBand
}

@keyframes e-shake {

    from,
    to {
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0)
    }
}

.e-shake.js-inview {
    opacity: 0
}

.e-shake.is-inview {
    opacity: 1
}

.e-shake {
    display: inline-block
}

.e-shake.is-do,
.e-shake.is-inview,
a:hover .e-shake.is-hover,
.e-shake.is-hover:hover,
.e-shake.is-current,
.e-shake.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-shake
}

@keyframes e-headShake {
    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.e-headShake.js-inview {
    opacity: 0
}

.e-headShake.is-inview {
    opacity: 1
}

.e-headShake {
    display: inline-block
}

.e-headShake.is-do,
.e-headShake.is-inview,
a:hover .e-headShake.is-hover,
.e-headShake.is-hover:hover,
.e-headShake.is-current,
.e-headShake.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-headShake;
    animation-timing-function: ease-in-out
}

@keyframes e-swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg)
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg)
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg)
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg)
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.e-swing.js-inview {
    opacity: 0
}

.e-swing.is-inview {
    opacity: 1
}

.e-swing {
    display: inline-block
}

.e-swing.is-do,
.e-swing.is-inview,
a:hover .e-swing.is-hover,
.e-swing.is-hover:hover,
.e-swing.is-current,
.e-swing.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-swing;
    transform-origin: top center
}

@keyframes e-tada {
    from {
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    to {
        transform: scale3d(1, 1, 1)
    }
}

.e-tada.js-inview {
    opacity: 0
}

.e-tada.is-inview {
    opacity: 1
}

.e-tada {
    display: inline-block
}

.e-tada.is-do,
.e-tada.is-inview,
a:hover .e-tada.is-hover,
.e-tada.is-hover:hover,
.e-tada.is-current,
.e-tada.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-tada
}

@keyframes e-wobble {
    from {
        transform: none
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }

    to {
        transform: none
    }
}

.e-wobble.js-inview {
    opacity: 0
}

.e-wobble.is-inview {
    opacity: 1
}

.e-wobble {
    display: inline-block
}

.e-wobble.is-do,
.e-wobble.is-inview,
a:hover .e-wobble.is-hover,
.e-wobble.is-hover:hover,
.e-wobble.is-current,
.e-wobble.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-wobble
}

@keyframes e-jello {

    from,
    11.1%,
    to {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.e-jello.js-inview {
    opacity: 0
}

.e-jello.is-inview {
    opacity: 1
}

.e-jello {
    display: inline-block
}

.e-jello.is-do,
.e-jello.is-inview,
a:hover .e-jello.is-hover,
.e-jello.is-hover:hover,
.e-jello.is-current,
.e-jello.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-jello;
    transform-origin: center
}

@keyframes e-bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.e-bounceIn.js-inview {
    opacity: 0
}

.e-bounceIn.is-inview {
    opacity: 1
}

.e-bounceIn {
    display: inline-block
}

.e-bounceIn.is-do,
.e-bounceIn.is-inview,
a:hover .e-bounceIn.is-hover,
.e-bounceIn.is-hover:hover,
.e-bounceIn.is-current,
.e-bounceIn.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceIn
}

@keyframes e-bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }

    75% {
        transform: translate3d(0, -10px, 0)
    }

    90% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.e-bounceInDown.js-inview {
    opacity: 0
}

.e-bounceInDown.is-inview {
    opacity: 1
}

.e-bounceInDown {
    display: inline-block
}

.e-bounceInDown.is-do,
.e-bounceInDown.is-inview,
a:hover .e-bounceInDown.is-hover,
.e-bounceInDown.is-hover:hover,
.e-bounceInDown.is-current,
.e-bounceInDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceInDown
}

@keyframes e-bounceInLeft {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }

    75% {
        transform: translate3d(-10px, 0, 0)
    }

    90% {
        transform: translate3d(5px, 0, 0)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.e-bounceInLeft.js-inview {
    opacity: 0
}

.e-bounceInLeft.is-inview {
    opacity: 1
}

.e-bounceInLeft {
    display: inline-block
}

.e-bounceInLeft.is-do,
.e-bounceInLeft.is-inview,
a:hover .e-bounceInLeft.is-hover,
.e-bounceInLeft.is-hover:hover,
.e-bounceInLeft.is-current,
.e-bounceInLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceInLeft
}

@keyframes e-bounceInRight {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }

    75% {
        transform: translate3d(10px, 0, 0)
    }

    90% {
        transform: translate3d(-5px, 0, 0)
    }

    to {
        transform: none;
        opacity: 1
    }
}

.e-bounceInRight.js-inview {
    opacity: 0
}

.e-bounceInRight.is-inview {
    opacity: 1
}

.e-bounceInRight {
    display: inline-block
}

.e-bounceInRight.is-do,
.e-bounceInRight.is-inview,
a:hover .e-bounceInRight.is-hover,
.e-bounceInRight.is-hover:hover,
.e-bounceInRight.is-current,
.e-bounceInRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceInRight
}

@keyframes e-bounceInUp {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    75% {
        transform: translate3d(0, 10px, 0)
    }

    90% {
        transform: translate3d(0, -5px, 0)
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.e-bounceInUp.js-inview {
    opacity: 0
}

.e-bounceInUp.is-inview {
    opacity: 1
}

.e-bounceInUp {
    display: inline-block
}

.e-bounceInUp.is-do,
.e-bounceInUp.is-inview,
a:hover .e-bounceInUp.is-hover,
.e-bounceInUp.is-hover:hover,
.e-bounceInUp.is-current,
.e-bounceInUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceInUp
}

@keyframes e-bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

.e-bounceOut.js-inview {
    opacity: 0
}

.e-bounceOut.is-inview {
    opacity: 1
}

.e-bounceOut {
    display: inline-block
}

.e-bounceOut.is-do,
.e-bounceOut.is-inview,
a:hover .e-bounceOut.is-hover,
.e-bounceOut.is-hover:hover,
.e-bounceOut.is-current,
.e-bounceOut.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceOut
}

@keyframes e-bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.e-bounceOutDown.js-inview {
    opacity: 0
}

.e-bounceOutDown.is-inview {
    opacity: 1
}

.e-bounceOutDown {
    display: inline-block
}

.e-bounceOutDown.is-do,
.e-bounceOutDown.is-inview,
a:hover .e-bounceOutDown.is-hover,
.e-bounceOutDown.is-hover:hover,
.e-bounceOutDown.is-current,
.e-bounceOutDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceOutDown
}

@keyframes e-bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.e-bounceOutLeft.js-inview {
    opacity: 0
}

.e-bounceOutLeft.is-inview {
    opacity: 1
}

.e-bounceOutLeft {
    display: inline-block
}

.e-bounceOutLeft.is-do,
.e-bounceOutLeft.is-inview,
a:hover .e-bounceOutLeft.is-hover,
.e-bounceOutLeft.is-hover:hover,
.e-bounceOutLeft.is-current,
.e-bounceOutLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceOutLeft
}

@keyframes e-bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.e-bounceOutRight.js-inview {
    opacity: 0
}

.e-bounceOutRight.is-inview {
    opacity: 1
}

.e-bounceOutRight {
    display: inline-block
}

.e-bounceOutRight.is-do,
.e-bounceOutRight.is-inview,
a:hover .e-bounceOutRight.is-hover,
.e-bounceOutRight.is-hover:hover,
.e-bounceOutRight.is-current,
.e-bounceOutRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceOutRight
}

@keyframes e-bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }

    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.e-bounceOutUp.js-inview {
    opacity: 0
}

.e-bounceOutUp.is-inview {
    opacity: 1
}

.e-bounceOutUp {
    display: inline-block
}

.e-bounceOutUp.is-do,
.e-bounceOutUp.is-inview,
a:hover .e-bounceOutUp.is-hover,
.e-bounceOutUp.is-hover:hover,
.e-bounceOutUp.is-current,
.e-bounceOutUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-bounceOutUp
}

@keyframes e-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.e-fadeIn.js-inview {
    opacity: 0
}

.e-fadeIn.is-inview {
    opacity: 1
}

.e-fadeIn {
    display: inline-block
}

.e-fadeIn.is-do,
.e-fadeIn.is-inview,
a:hover .e-fadeIn.is-hover,
.e-fadeIn.is-hover:hover,
.e-fadeIn.is-current,
.e-fadeIn.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeIn
}

@keyframes e-fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInDown.js-inview {
    opacity: 0
}

.e-fadeInDown.is-inview {
    opacity: 1
}

.e-fadeInDown {
    display: inline-block
}

.e-fadeInDown.is-do,
.e-fadeInDown.is-inview,
a:hover .e-fadeInDown.is-hover,
.e-fadeInDown.is-hover:hover,
.e-fadeInDown.is-current,
.e-fadeInDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInDown
}

@keyframes e-fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInDownBig.js-inview {
    opacity: 0
}

.e-fadeInDownBig.is-inview {
    opacity: 1
}

.e-fadeInDownBig {
    display: inline-block
}

.e-fadeInDownBig.is-do,
.e-fadeInDownBig.is-inview,
a:hover .e-fadeInDownBig.is-hover,
.e-fadeInDownBig.is-hover:hover,
.e-fadeInDownBig.is-current,
.e-fadeInDownBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInDownBig
}

@keyframes e-fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInLeft.js-inview {
    opacity: 0
}

.e-fadeInLeft.is-inview {
    opacity: 1
}

.e-fadeInLeft {
    display: inline-block
}

.e-fadeInLeft.is-do,
.e-fadeInLeft.is-inview,
a:hover .e-fadeInLeft.is-hover,
.e-fadeInLeft.is-hover:hover,
.e-fadeInLeft.is-current,
.e-fadeInLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInLeft
}

@keyframes e-fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInLeftBig.js-inview {
    opacity: 0
}

.e-fadeInLeftBig.is-inview {
    opacity: 1
}

.e-fadeInLeftBig {
    display: inline-block
}

.e-fadeInLeftBig.is-do,
.e-fadeInLeftBig.is-inview,
a:hover .e-fadeInLeftBig.is-hover,
.e-fadeInLeftBig.is-hover:hover,
.e-fadeInLeftBig.is-current,
.e-fadeInLeftBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInLeftBig
}

@keyframes e-fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInRight.js-inview {
    opacity: 0
}

.e-fadeInRight.is-inview {
    opacity: 1
}

.e-fadeInRight {
    display: inline-block
}

.e-fadeInRight.is-do,
.e-fadeInRight.is-inview,
a:hover .e-fadeInRight.is-hover,
.e-fadeInRight.is-hover:hover,
.e-fadeInRight.is-current,
.e-fadeInRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInRight
}

@keyframes e-fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInRightBig.js-inview {
    opacity: 0
}

.e-fadeInRightBig.is-inview {
    opacity: 1
}

.e-fadeInRightBig {
    display: inline-block
}

.e-fadeInRightBig.is-do,
.e-fadeInRightBig.is-inview,
a:hover .e-fadeInRightBig.is-hover,
.e-fadeInRightBig.is-hover:hover,
.e-fadeInRightBig.is-current,
.e-fadeInRightBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInRightBig
}

@keyframes e-fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInUp.js-inview {
    opacity: 0
}

.e-fadeInUp.is-inview {
    opacity: 1
}

.e-fadeInUp {
    display: inline-block
}

.e-fadeInUp.is-do,
.e-fadeInUp.is-inview,
a:hover .e-fadeInUp.is-hover,
.e-fadeInUp.is-hover:hover,
.e-fadeInUp.is-current,
.e-fadeInUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInUp
}

@keyframes e-fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-fadeInUpBig.js-inview {
    opacity: 0
}

.e-fadeInUpBig.is-inview {
    opacity: 1
}

.e-fadeInUpBig {
    display: inline-block
}

.e-fadeInUpBig.is-do,
.e-fadeInUpBig.is-inview,
a:hover .e-fadeInUpBig.is-hover,
.e-fadeInUpBig.is-hover:hover,
.e-fadeInUpBig.is-current,
.e-fadeInUpBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeInUpBig
}

@keyframes e-fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.e-fadeOut.js-inview {
    opacity: 0
}

.e-fadeOut.is-inview {
    opacity: 1
}

.e-fadeOut {
    display: inline-block
}

.e-fadeOut.is-do,
.e-fadeOut.is-inview,
a:hover .e-fadeOut.is-hover,
.e-fadeOut.is-hover:hover,
.e-fadeOut.is-current,
.e-fadeOut.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOut
}

@keyframes e-fadeOutDown {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.e-fadeOutDown.js-inview {
    opacity: 0
}

.e-fadeOutDown.is-inview {
    opacity: 1
}

.e-fadeOutDown {
    display: inline-block
}

.e-fadeOutDown.is-do,
.e-fadeOutDown.is-inview,
a:hover .e-fadeOutDown.is-hover,
.e-fadeOutDown.is-hover:hover,
.e-fadeOutDown.is-current,
.e-fadeOutDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutDown
}

@keyframes e-fadeOutDownBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.e-fadeOutDownBig.js-inview {
    opacity: 0
}

.e-fadeOutDownBig.is-inview {
    opacity: 1
}

.e-fadeOutDownBig {
    display: inline-block
}

.e-fadeOutDownBig.is-do,
.e-fadeOutDownBig.is-inview,
a:hover .e-fadeOutDownBig.is-hover,
.e-fadeOutDownBig.is-hover:hover,
.e-fadeOutDownBig.is-current,
.e-fadeOutDownBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutDownBig
}

@keyframes e-fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0)
    }
}

.e-fadeOutLeft.js-inview {
    opacity: 0
}

.e-fadeOutLeft.is-inview {
    opacity: 1
}

.e-fadeOutLeft {
    display: inline-block
}

.e-fadeOutLeft.is-do,
.e-fadeOutLeft.is-inview,
a:hover .e-fadeOutLeft.is-hover,
.e-fadeOutLeft.is-hover:hover,
.e-fadeOutLeft.is-current,
.e-fadeOutLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutLeft
}

@keyframes e-fadeOutLeftBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

.e-fadeOutLeftBig.js-inview {
    opacity: 0
}

.e-fadeOutLeftBig.is-inview {
    opacity: 1
}

.e-fadeOutLeftBig {
    display: inline-block
}

.e-fadeOutLeftBig.is-do,
.e-fadeOutLeftBig.is-inview,
a:hover .e-fadeOutLeftBig.is-hover,
.e-fadeOutLeftBig.is-hover:hover,
.e-fadeOutLeftBig.is-current,
.e-fadeOutLeftBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutLeftBig
}

@keyframes e-fadeOutRight {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }
}

.e-fadeOutRight.js-inview {
    opacity: 0
}

.e-fadeOutRight.is-inview {
    opacity: 1
}

.e-fadeOutRight {
    display: inline-block
}

.e-fadeOutRight.is-do,
.e-fadeOutRight.is-inview,
a:hover .e-fadeOutRight.is-hover,
.e-fadeOutRight.is-hover:hover,
.e-fadeOutRight.is-current,
.e-fadeOutRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutRight
}

@keyframes e-fadeOutRightBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0)
    }
}

.e-fadeOutRightBig.js-inview {
    opacity: 0
}

.e-fadeOutRightBig.is-inview {
    opacity: 1
}

.e-fadeOutRightBig {
    display: inline-block
}

.e-fadeOutRightBig.is-do,
.e-fadeOutRightBig.is-inview,
a:hover .e-fadeOutRightBig.is-hover,
.e-fadeOutRightBig.is-hover:hover,
.e-fadeOutRightBig.is-current,
.e-fadeOutRightBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutRightBig
}

@keyframes e-fadeOutUp {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
}

.e-fadeOutUp.js-inview {
    opacity: 0
}

.e-fadeOutUp.is-inview {
    opacity: 1
}

.e-fadeOutUp {
    display: inline-block
}

.e-fadeOutUp.is-do,
.e-fadeOutUp.is-inview,
a:hover .e-fadeOutUp.is-hover,
.e-fadeOutUp.is-hover:hover,
.e-fadeOutUp.is-current,
.e-fadeOutUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutUp
}

@keyframes e-fadeOutUpBig {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

.e-fadeOutUpBig.js-inview {
    opacity: 0
}

.e-fadeOutUpBig.is-inview {
    opacity: 1
}

.e-fadeOutUpBig {
    display: inline-block
}

.e-fadeOutUpBig.is-do,
.e-fadeOutUpBig.is-inview,
a:hover .e-fadeOutUpBig.is-hover,
.e-fadeOutUpBig.is-hover:hover,
.e-fadeOutUpBig.is-current,
.e-fadeOutUpBig.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-fadeOutUpBig
}

@keyframes e-flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in
    }
}

.e-flip.js-inview {
    opacity: 0
}

.e-flip.is-inview {
    opacity: 1
}

.e-flip {
    display: inline-block
}

.e-flip.is-do,
.e-flip.is-inview,
a:hover .e-flip.is-hover,
.e-flip.is-hover:hover,
.e-flip.is-current,
.e-flip.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@keyframes e-flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    to {
        transform: perspective(400px);
        opacity: 1
    }
}

.e-flipInX.js-inview {
    opacity: 0
}

.e-flipInX.is-inview {
    opacity: 1
}

.e-flipInX {
    display: inline-block
}

.e-flipInX.is-do,
.e-flipInX.is-inview,
a:hover .e-flipInX.is-hover,
.e-flipInX.is-hover:hover,
.e-flipInX.is-current,
.e-flipInX.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-flipInX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes e-flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    to {
        transform: perspective(400px);
        opacity: 1
    }
}

.e-flipInY.js-inview {
    opacity: 0
}

.e-flipInY.is-inview {
    opacity: 1
}

.e-flipInY {
    display: inline-block
}

.e-flipInY.is-do,
.e-flipInY.is-inview,
a:hover .e-flipInY.is-hover,
.e-flipInY.is-hover:hover,
.e-flipInY.is-current,
.e-flipInY.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-flipInY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes e-flipOutX {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.e-flipOutX.js-inview {
    opacity: 0
}

.e-flipOutX.is-inview {
    opacity: 1
}

.e-flipOutX {
    display: inline-block
}

.e-flipOutX.is-do,
.e-flipOutX.is-inview,
a:hover .e-flipOutX.is-hover,
.e-flipOutX.is-hover:hover,
.e-flipOutX.is-current,
.e-flipOutX.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes e-flipOutY {
    from {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.e-flipOutY.js-inview {
    opacity: 0
}

.e-flipOutY.is-inview {
    opacity: 1
}

.e-flipOutY {
    display: inline-block
}

.e-flipOutY.is-do,
.e-flipOutY.is-inview,
a:hover .e-flipOutY.is-hover,
.e-flipOutY.is-hover:hover,
.e-flipOutY.is-current,
.e-flipOutY.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-flipOutY;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@keyframes e-lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1
    }

    to {
        transform: none;
        opacity: 1
    }
}

.e-lightSpeedIn.js-inview {
    opacity: 0
}

.e-lightSpeedIn.is-inview {
    opacity: 1
}

.e-lightSpeedIn {
    display: inline-block
}

.e-lightSpeedIn.is-do,
.e-lightSpeedIn.is-inview,
a:hover .e-lightSpeedIn.is-hover,
.e-lightSpeedIn.is-hover:hover,
.e-lightSpeedIn.is-current,
.e-lightSpeedIn.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes e-lightSpeedOut {
    from {
        opacity: 1
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.e-lightSpeedOut.js-inview {
    opacity: 0
}

.e-lightSpeedOut.is-inview {
    opacity: 1
}

.e-lightSpeedOut {
    display: inline-block
}

.e-lightSpeedOut.is-do,
.e-lightSpeedOut.is-inview,
a:hover .e-lightSpeedOut.is-hover,
.e-lightSpeedOut.is-hover:hover,
.e-lightSpeedOut.is-current,
.e-lightSpeedOut.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes e-rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1
    }
}

.e-rotateIn.js-inview {
    opacity: 0
}

.e-rotateIn.is-inview {
    opacity: 1
}

.e-rotateIn {
    display: inline-block
}

.e-rotateIn.is-do,
.e-rotateIn.is-inview,
a:hover .e-rotateIn.is-hover,
.e-rotateIn.is-hover:hover,
.e-rotateIn.is-current,
.e-rotateIn.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateIn
}

@keyframes e-rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.e-rotateInDownLeft.js-inview {
    opacity: 0
}

.e-rotateInDownLeft.is-inview {
    opacity: 1
}

.e-rotateInDownLeft {
    display: inline-block
}

.e-rotateInDownLeft.is-do,
.e-rotateInDownLeft.is-inview,
a:hover .e-rotateInDownLeft.is-hover,
.e-rotateInDownLeft.is-hover:hover,
.e-rotateInDownLeft.is-current,
.e-rotateInDownLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateInDownLeft
}

@keyframes e-rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.e-rotateInDownRight.js-inview {
    opacity: 0
}

.e-rotateInDownRight.is-inview {
    opacity: 1
}

.e-rotateInDownRight {
    display: inline-block
}

.e-rotateInDownRight.is-do,
.e-rotateInDownRight.is-inview,
a:hover .e-rotateInDownRight.is-hover,
.e-rotateInDownRight.is-hover:hover,
.e-rotateInDownRight.is-current,
.e-rotateInDownRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateInDownRight
}

@keyframes e-rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1
    }
}

.e-rotateInUpLeft.js-inview {
    opacity: 0
}

.e-rotateInUpLeft.is-inview {
    opacity: 1
}

.e-rotateInUpLeft {
    display: inline-block
}

.e-rotateInUpLeft.is-do,
.e-rotateInUpLeft.is-inview,
a:hover .e-rotateInUpLeft.is-hover,
.e-rotateInUpLeft.is-hover:hover,
.e-rotateInUpLeft.is-current,
.e-rotateInUpLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateInUpLeft
}

@keyframes e-rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1
    }
}

.e-rotateInUpRight.js-inview {
    opacity: 0
}

.e-rotateInUpRight.is-inview {
    opacity: 1
}

.e-rotateInUpRight {
    display: inline-block
}

.e-rotateInUpRight.is-do,
.e-rotateInUpRight.is-inview,
a:hover .e-rotateInUpRight.is-hover,
.e-rotateInUpRight.is-hover:hover,
.e-rotateInUpRight.is-current,
.e-rotateInUpRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateInUpRight
}

@keyframes e-rotateOut {
    from {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.e-rotateOut.js-inview {
    opacity: 0
}

.e-rotateOut.is-inview {
    opacity: 1
}

.e-rotateOut {
    display: inline-block
}

.e-rotateOut.is-do,
.e-rotateOut.is-inview,
a:hover .e-rotateOut.is-hover,
.e-rotateOut.is-hover:hover,
.e-rotateOut.is-current,
.e-rotateOut.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateOut
}

@keyframes e-rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.e-rotateOutDownLeft.js-inview {
    opacity: 0
}

.e-rotateOutDownLeft.is-inview {
    opacity: 1
}

.e-rotateOutDownLeft {
    display: inline-block
}

.e-rotateOutDownLeft.is-do,
.e-rotateOutDownLeft.is-inview,
a:hover .e-rotateOutDownLeft.is-hover,
.e-rotateOutDownLeft.is-hover:hover,
.e-rotateOutDownLeft.is-current,
.e-rotateOutDownLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateOutDownLeft
}

@keyframes e-rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.e-rotateOutDownRight.js-inview {
    opacity: 0
}

.e-rotateOutDownRight.is-inview {
    opacity: 1
}

.e-rotateOutDownRight {
    display: inline-block
}

.e-rotateOutDownRight.is-do,
.e-rotateOutDownRight.is-inview,
a:hover .e-rotateOutDownRight.is-hover,
.e-rotateOutDownRight.is-hover:hover,
.e-rotateOutDownRight.is-current,
.e-rotateOutDownRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateOutDownRight
}

@keyframes e-rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.e-rotateOutUpLeft.js-inview {
    opacity: 0
}

.e-rotateOutUpLeft.is-inview {
    opacity: 1
}

.e-rotateOutUpLeft {
    display: inline-block
}

.e-rotateOutUpLeft.is-do,
.e-rotateOutUpLeft.is-inview,
a:hover .e-rotateOutUpLeft.is-hover,
.e-rotateOutUpLeft.is-hover:hover,
.e-rotateOutUpLeft.is-current,
.e-rotateOutUpLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateOutUpLeft
}

@keyframes e-rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.e-rotateOutUpRight.js-inview {
    opacity: 0
}

.e-rotateOutUpRight.is-inview {
    opacity: 1
}

.e-rotateOutUpRight {
    display: inline-block
}

.e-rotateOutUpRight.is-do,
.e-rotateOutUpRight.is-inview,
a:hover .e-rotateOutUpRight.is-hover,
.e-rotateOutUpRight.is-hover:hover,
.e-rotateOutUpRight.is-current,
.e-rotateOutUpRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rotateOutUpRight
}

@keyframes e-hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.e-hinge.js-inview {
    opacity: 0
}

.e-hinge.is-inview {
    opacity: 1
}

.e-hinge {
    display: inline-block
}

.e-hinge.is-do,
.e-hinge.is-inview,
a:hover .e-hinge.is-hover,
.e-hinge.is-hover:hover,
.e-hinge.is-current,
.e-hinge.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-hinge
}

@keyframes e-jackInTheBox {
    from {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.e-jackInTheBox.js-inview {
    opacity: 0
}

.e-jackInTheBox.is-inview {
    opacity: 1
}

.e-jackInTheBox {
    display: inline-block
}

.e-jackInTheBox.is-do,
.e-jackInTheBox.is-inview,
a:hover .e-jackInTheBox.is-hover,
.e-jackInTheBox.is-hover:hover,
.e-jackInTheBox.is-current,
.e-jackInTheBox.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-jackInTheBox
}

@keyframes e-rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.e-rollIn.js-inview {
    opacity: 0
}

.e-rollIn.is-inview {
    opacity: 1
}

.e-rollIn {
    display: inline-block
}

.e-rollIn.is-do,
.e-rollIn.is-inview,
a:hover .e-rollIn.is-hover,
.e-rollIn.is-hover:hover,
.e-rollIn.is-current,
.e-rollIn.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rollIn
}

@keyframes e-rollOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.e-rollOut.js-inview {
    opacity: 0
}

.e-rollOut.is-inview {
    opacity: 1
}

.e-rollOut {
    display: inline-block
}

.e-rollOut.is-do,
.e-rollOut.is-inview,
a:hover .e-rollOut.is-hover,
.e-rollOut.is-hover:hover,
.e-rollOut.is-current,
.e-rollOut.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-rollOut
}

@keyframes e-zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.e-zoomIn.js-inview {
    opacity: 0
}

.e-zoomIn.is-inview {
    opacity: 1
}

.e-zoomIn {
    display: inline-block
}

.e-zoomIn.is-do,
.e-zoomIn.is-inview,
a:hover .e-zoomIn.is-hover,
.e-zoomIn.is-hover:hover,
.e-zoomIn.is-current,
.e-zoomIn.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomIn
}

@keyframes e-zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1
    }
}

.e-zoomInDown.js-inview {
    opacity: 0
}

.e-zoomInDown.is-inview {
    opacity: 1
}

.e-zoomInDown {
    display: inline-block
}

.e-zoomInDown.is-do,
.e-zoomInDown.is-inview,
a:hover .e-zoomInDown.is-hover,
.e-zoomInDown.is-hover:hover,
.e-zoomInDown.is-current,
.e-zoomInDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomInDown
}

@keyframes e-zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1
    }
}

.e-zoomInLeft.js-inview {
    opacity: 0
}

.e-zoomInLeft.is-inview {
    opacity: 1
}

.e-zoomInLeft {
    display: inline-block
}

.e-zoomInLeft.is-do,
.e-zoomInLeft.is-inview,
a:hover .e-zoomInLeft.is-hover,
.e-zoomInLeft.is-hover:hover,
.e-zoomInLeft.is-current,
.e-zoomInLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomInLeft
}

@keyframes e-zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1
    }
}

.e-zoomInRight.js-inview {
    opacity: 0
}

.e-zoomInRight.is-inview {
    opacity: 1
}

.e-zoomInRight {
    display: inline-block
}

.e-zoomInRight.is-do,
.e-zoomInRight.is-inview,
a:hover .e-zoomInRight.is-hover,
.e-zoomInRight.is-hover:hover,
.e-zoomInRight.is-current,
.e-zoomInRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomInRight
}

@keyframes e-zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }

    to {
        opacity: 1
    }
}

.e-zoomInUp.js-inview {
    opacity: 0
}

.e-zoomInUp.is-inview {
    opacity: 1
}

.e-zoomInUp {
    display: inline-block
}

.e-zoomInUp.is-do,
.e-zoomInUp.is-inview,
a:hover .e-zoomInUp.is-hover,
.e-zoomInUp.is-hover:hover,
.e-zoomInUp.is-current,
.e-zoomInUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomInUp
}

@keyframes e-zoomOut {
    from {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.e-zoomOut.js-inview {
    opacity: 0
}

.e-zoomOut.is-inview {
    opacity: 1
}

.e-zoomOut {
    display: inline-block
}

.e-zoomOut.is-do,
.e-zoomOut.is-inview,
a:hover .e-zoomOut.is-hover,
.e-zoomOut.is-hover:hover,
.e-zoomOut.is-current,
.e-zoomOut.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomOut
}

@keyframes e-zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.e-zoomOutDown.js-inview {
    opacity: 0
}

.e-zoomOutDown.is-inview {
    opacity: 1
}

.e-zoomOutDown {
    display: inline-block
}

.e-zoomOutDown.is-do,
.e-zoomOutDown.is-inview,
a:hover .e-zoomOutDown.is-hover,
.e-zoomOutDown.is-hover:hover,
.e-zoomOutDown.is-current,
.e-zoomOutDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomOutDown
}

@keyframes e-zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center
    }
}

.e-zoomOutLeft.js-inview {
    opacity: 0
}

.e-zoomOutLeft.is-inview {
    opacity: 1
}

.e-zoomOutLeft {
    display: inline-block
}

.e-zoomOutLeft.is-do,
.e-zoomOutLeft.is-inview,
a:hover .e-zoomOutLeft.is-hover,
.e-zoomOutLeft.is-hover:hover,
.e-zoomOutLeft.is-current,
.e-zoomOutLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomOutLeft
}

@keyframes e-zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center
    }
}

.e-zoomOutRight.js-inview {
    opacity: 0
}

.e-zoomOutRight.is-inview {
    opacity: 1
}

.e-zoomOutRight {
    display: inline-block
}

.e-zoomOutRight.is-do,
.e-zoomOutRight.is-inview,
a:hover .e-zoomOutRight.is-hover,
.e-zoomOutRight.is-hover:hover,
.e-zoomOutRight.is-current,
.e-zoomOutRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomOutRight
}

@keyframes e-zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.e-zoomOutUp.js-inview {
    opacity: 0
}

.e-zoomOutUp.is-inview {
    opacity: 1
}

.e-zoomOutUp {
    display: inline-block
}

.e-zoomOutUp.is-do,
.e-zoomOutUp.is-inview,
a:hover .e-zoomOutUp.is-hover,
.e-zoomOutUp.is-hover:hover,
.e-zoomOutUp.is-current,
.e-zoomOutUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-zoomOutUp
}

@keyframes e-slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.e-slideInDown.js-inview {
    opacity: 0
}

.e-slideInDown.is-inview {
    opacity: 1
}

.e-slideInDown {
    display: inline-block
}

.e-slideInDown.is-do,
.e-slideInDown.is-inview,
a:hover .e-slideInDown.is-hover,
.e-slideInDown.is-hover:hover,
.e-slideInDown.is-current,
.e-slideInDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideInDown
}

@keyframes e-slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.e-slideInLeft.js-inview {
    opacity: 0
}

.e-slideInLeft.is-inview {
    opacity: 1
}

.e-slideInLeft {
    display: inline-block
}

.e-slideInLeft.is-do,
.e-slideInLeft.is-inview,
a:hover .e-slideInLeft.is-hover,
.e-slideInLeft.is-hover:hover,
.e-slideInLeft.is-current,
.e-slideInLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideInLeft
}

@keyframes e-slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.e-slideInRight.js-inview {
    opacity: 0
}

.e-slideInRight.is-inview {
    opacity: 1
}

.e-slideInRight {
    display: inline-block
}

.e-slideInRight.is-do,
.e-slideInRight.is-inview,
a:hover .e-slideInRight.is-hover,
.e-slideInRight.is-hover:hover,
.e-slideInRight.is-current,
.e-slideInRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideInRight
}

@keyframes e-slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.e-slideInUp.js-inview {
    opacity: 0
}

.e-slideInUp.is-inview {
    opacity: 1
}

.e-slideInUp {
    display: inline-block
}

.e-slideInUp.is-do,
.e-slideInUp.is-inview,
a:hover .e-slideInUp.is-hover,
.e-slideInUp.is-hover:hover,
.e-slideInUp.is-current,
.e-slideInUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideInUp
}

@keyframes e-slideOutDown {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

.e-slideOutDown.js-inview {
    opacity: 0
}

.e-slideOutDown.is-inview {
    opacity: 1
}

.e-slideOutDown {
    display: inline-block
}

.e-slideOutDown.is-do,
.e-slideOutDown.is-inview,
a:hover .e-slideOutDown.is-hover,
.e-slideOutDown.is-hover:hover,
.e-slideOutDown.is-current,
.e-slideOutDown.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideOutDown
}

@keyframes e-slideOutLeft {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

.e-slideOutLeft.js-inview {
    opacity: 0
}

.e-slideOutLeft.is-inview {
    opacity: 1
}

.e-slideOutLeft {
    display: inline-block
}

.e-slideOutLeft.is-do,
.e-slideOutLeft.is-inview,
a:hover .e-slideOutLeft.is-hover,
.e-slideOutLeft.is-hover:hover,
.e-slideOutLeft.is-current,
.e-slideOutLeft.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideOutLeft
}

@keyframes e-slideOutRight {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

.e-slideOutRight.js-inview {
    opacity: 0
}

.e-slideOutRight.is-inview {
    opacity: 1
}

.e-slideOutRight {
    display: inline-block
}

.e-slideOutRight.is-do,
.e-slideOutRight.is-inview,
a:hover .e-slideOutRight.is-hover,
.e-slideOutRight.is-hover:hover,
.e-slideOutRight.is-current,
.e-slideOutRight.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideOutRight
}

@keyframes e-slideOutUp {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

.e-slideOutUp.js-inview {
    opacity: 0
}

.e-slideOutUp.is-inview {
    opacity: 1
}

.e-slideOutUp {
    display: inline-block
}

.e-slideOutUp.is-do,
.e-slideOutUp.is-inview,
a:hover .e-slideOutUp.is-hover,
.e-slideOutUp.is-hover:hover,
.e-slideOutUp.is-current,
.e-slideOutUp.is-infinite {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: e-slideOutUp
}

.e-delay1 {
    -o-animation-delay: .1s;
    -ms-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
    -o-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.e-delay2 {
    -o-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
    -o-transition-delay: .8s;
    -ms-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s
}

.e-delay3 {
    -o-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s;
    -o-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.e-delay4 {
    -o-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
    -o-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.e-delay5 {
    -o-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
    -o-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s
}

.e-delay6 {
    -o-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s;
    -o-transition-delay: 2.4s;
    -ms-transition-delay: 2.4s;
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s
}

select.u-fr {
    display: inline
}

textarea.u-fr,
select.u-fr,
input[type=text].u-fr,
input[type=password].u-fr,
input[type=tel].u-fr,
input[type=url].u-fr,
input[type=email].u-fr,
input[type=search].u-fr,
input[type=date].u-fr,
input[type=month].u-fr,
input[type=week].u-fr,
input[type=time].u-fr,
input[type=datetime-local].u-fr,
input[type=number].u-fr {
    padding: 4px;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #999;
    box-sizing: border-box
}

select.u-fr,
input[type=text].u-fr,
input[type=password].u-fr,
input[type=tel].u-fr,
input[type=url].u-fr,
input[type=email].u-fr,
input[type=search].u-fr,
input[type=date].u-fr,
input[type=month].u-fr,
input[type=week].u-fr,
input[type=time].u-fr,
input[type=datetime-local].u-fr,
input[type=number].u-fr {
    height: 30px
}

.u-error {
    color: red;
    font-weight: 700
}

.f-error input[type=password].u-fr,
.f-error input[type=text].u-fr,
.f-error textarea.u-fr,
.f-error select.u-fr {
    border: 2px solid red
}

input[type=text].u-fr.f-page {
    width: 33px;
    text-align: center;
    border: none
}

.f-ord {
    width: 5em;
    text-align: right
}

.f-id {
    width: 10em
}

.f-name {
    width: 100%
}

.f-full {
    width: 100%
}

.f-mail {
    width: 100%
}

.f-half {
    width: 50%
}

.f-date {
    width: 12em
}

.f-datetime {
    width: 14em
}

.f-biko {
    width: 100%;
    height: 100px
}

.f-bikol {
    width: 100%;
    height: 85px
}

.f-bikoll {
    width: 100%;
    height: 200px
}

.f-login {
    width: 200px
}

.f-address {
    width: 100%
}

.f-y,
.f-m,
.f-d {
    width: 6em
}

.f-count {
    width: 10em;
    text-align: right
}

@media only screen and (max-width:767px) {

    input[type=text].f-mail,
    input[type=text].f-full,
    input[type=text].f-half,
    textarea.f-html,
    textarea.f-bikou,
    input[type=text].f-address {
        width: 100%
    }

    textarea.f-html,
    textarea.f-bikou {
        margin: 0;
        padding-left: 0;
        padding-right: 0
    }

    textarea.u-fr,
    select.u-fr,
    input[type=text].u-fr,
    input[type=password].u-fr,
    input[type=tel].u-fr,
    input[type=url].u-fr,
    input[type=email].u-fr,
    input[type=search].u-fr,
    input[type=date].u-fr,
    input[type=month].u-fr,
    input[type=week].u-fr,
    input[type=time].u-fr,
    input[type=datetime-local].u-fr,
    input[type=number].u-fr {
        padding: 8px
    }

    select.u-fr,
    input[type=text].u-fr,
    input[type=password].u-fr,
    input[type=tel].u-fr,
    input[type=url].u-fr,
    input[type=email].u-fr,
    input[type=search].u-fr,
    input[type=date].u-fr,
    input[type=month].u-fr,
    input[type=week].u-fr,
    input[type=time].u-fr,
    input[type=datetime-local].u-fr,
    input[type=number].u-fr {
        height: 38px
    }
}

input[type=checkbox].f-checkradio,
input[type=radio].f-checkradio {
    display: inline-block;
    width: 1px;
    height: 1px;
    margin: 0;
    color: #fff;
    opacity: .001
}

input[type=checkbox].f-checkradio + label:before,
input[type=radio].f-checkradio + label:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd
}

input[type=checkbox].f-checkradio + label,
input[type=radio].f-checkradio + label {
    padding-left: 25px;
    position: relative;
    margin-right: 20px;
    display: inline-block
}

input[type=radio].f-checkradio + label:before {
    border-radius: 50%
}

input[type=checkbox].f-checkradio:checked + label,
input[type=radio].f-checkradio:checked + label {
    color: #006dd9
}

input[type=radio].f-checkradio:checked + label:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 14px;
    height: 14px;
    background: #006dd9;
    border-radius: 50%
}

input[type=checkbox].f-checkradio + label:before {
    border-radius: 2px
}

input[type=checkbox].f-checkradio:checked + label:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 10px;
    height: 18px;
    transform: rotate(40deg);
    border-bottom: 4px solid #006dd9;
    border-right: 4px solid #006dd9
}

input[type=checkbox].f-checkradio.u-tx_s + label:before,
input[type=radio].f-checkradio.u-tx_s + label:before {
    width: 12px;
    height: 12px
}

input[type=checkbox].f-checkradio.u-tx_s + label,
input[type=radio].f-checkradio.u-tx_s + label {
    padding-left: 20px
}

input[type=radio].f-checkradio.u-tx_s:checked + label:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px
}

input[type=checkbox].f-checkradio.u-tx_s:checked + label:after {
    top: -2px;
    left: 3px;
    width: 7px;
    height: 12px;
    border-width: 2px
}

@media only screen and (min-width:768px) {

    input[type=checkbox].f-checkradio.u-tx_s + label,
    input[type=radio].f-checkradio.u-tx_s + label {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:768px) {

    input[type=checkbox].f-checkradio.u-tx_s + label,
    input[type=radio].f-checkradio.u-tx_s + label {
        font-size: 1.28rem
    }
}

.f-error input[type=radio].f-checkradio + label:before,
.f-error input[type=checkbox].f-checkradio + label:before {
    border: 2px solid red
}

.f-error input[type=radio].f-checkradio:checked + label:after {
    top: 5px;
    left: 5px
}

code[class*=language-],
pre[class*=language-] {
    color: #000;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    direction: ltr;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
code[class*=language-] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class*=language-]::selection,
pre[class*=language-] ::selection,
code[class*=language-]::selection,
code[class*=language-] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
    background: #f5f2f0
}

:not(pre) > code[class*=language-] {
    padding: .1em;
    border-radius: .3em
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #708090
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.function {
    color: #dd4a68
}

.token.regex,
.token.important,
.token.variable {
    color: #e90
}

.token.important,
.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

@media only screen and (min-width:768px) {

    .u-tx_xll,
    .c-h2home {
        font-size: 8rem
    }
}

@media only screen and (max-width:767px) {

    .u-tx_xll,
    .c-h2home {
        font-size: 3.5rem
    }
}

@media only screen and (min-width:768px) {

    .u-tx_ml,
    .c-h3cate,
    .c-cateaward,
    .c-about_judge_txt strong,
    .c-about_flowttl,
    .c-award_maker,
    .c-box dt,
    .c-sugoi_ttl {
        font-size: 2.2rem
    }
    
    .c-homebtn a {
        font-size: 2rem
    }
}

@media only screen and (max-width:767px) {

    .u-tx_ml,
    .c-h3cate,
    .c-cateaward,
    .c-about_judge_txt strong,
    .c-about_flowttl,
    .c-award_maker,
    .c-box dt,
    .c-sugoi_ttl {
        font-size: 1.95rem
    }

    .c-homebtn a {
        font-size: 1.6rem
    }
    
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .c-cateaward {
        font-size: 1.75rem;
    }

    .c-homebtn a {
        font-size: 1.4rem
    }

}



@font-face {
    font-family: 'i';
    src: url("../src/ico/fonts/i.eot?bnk7g4");
    src: url("../src/ico/fonts/i.eot?bnk7g4#iefix") format("embedded-opentype"), url("../src/ico/fonts/i.ttf?bnk7g4") format("truetype"), url("../src/ico/fonts/i.woff?bnk7g4") format("woff"), url("../src/ico/fonts/i.svg?bnk7g4#i") format("svg");
    font-weight: 400;
    font-style: normal
}

[class^=i_],
[class*=" i_"] {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.i_plus:before {
    content: "\e967"
}

.i_ya:before {
    content: "\e993"
}

.i_ya_i:before {
    content: "\e996"
}

body,
body .u-color {
    color: #595757
}

a {
    color: #595757
}

.e-underline:after {
    background: #fff
}

.c-h2home {
    font-family: 'Alex Brush', serif
}

@media only screen and (min-width:768px) {
    .u-in {
        margin: 0 auto;
        max-width: 1200px
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .u-in {
        margin: 0 10px
    }
}

@media only screen and (min-width:768px) {
    header {
        background: #000
    }

    .c-header {
        padding-left: 10px;
        padding-right: 10px;
        position: relative
    }

    .c-header:after {
        content: "";
        clear: both;
        display: block
    }

    .c-header_l {
        float: left;
        padding: 8px 0
    }

    .c-header_r {
        float: right
    }

    .c-header_r a {
        padding: 15px 5px;
        display: inline-block;
        color: #fff
    }

    .c-sns {
        position: absolute;
        bottom: -60px;
        right: 20px;
        text-align: right
    }
}

footer,
footer a {
    color: #fff
}

footer {
    background: #000;
    padding: 40px 0 5px
}

.c-footer {
    text-align: center;
    margin-bottom: 60px
}

address {
    text-align: center
}

@media only screen and (max-width:767px) {

    .usp-h {
        background: #000;
    }

    .csp-logo {
        padding: 10px;
        height: 60px;
        box-sizing: border-box;
        text-align: left;
        display: block;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .usp-h_r {
        border-left: 1px solid #333
    }

    .u-gnbtn {
        margin: 3px
    }

    body .usp-gnbtn_line:before,
    body .usp-gnbtn_line:after,
    body .usp-gnbtn_line {
        background: #fff
    }

    body .usp-gnbtn_cap {
        color: #fff
    }
}

body .csp-ttl {
    padding: 0 0 0 20px;
    margin-bottom: 60px;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box
}

.c-h1 {
    margin-bottom: 100px;
    padding: 45px 0;
    background: #f4f4f4;
    font-weight: 700;
    flex-direction: column
}

@media only screen and (max-width:767px) {
    .c-h1 {
        margin-bottom: 50px;
        padding: 25px 0
    }
}

.c-h2 {
    margin-bottom: 50px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc
}

.c-p {
    line-height: 1.8
}

body .u-mb {
    margin-bottom: 100px
}

.u-mb_in {
    margin-bottom: 50px
}

.u-mb_in_ {
    margin-bottom: 25px
}

.u-ul li {
    position: relative;
    padding-left: 1em;
    margin-bottom: .5em
}

.u-ul li:after {
    display: block;
    content: '';
    position: absolute;
    top: .4em;
    left: .3em;
    width: .3em;
    height: .2em;
    background-color: #666;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.c-mv {
    background: url(../img/back.jpg) top left repeat-x
}

.c-mv_img {
    text-align: center;
    padding: 80px 0 45px
}

.c-mv_txt {
    padding: 25px 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    line-height: 1.7;
    color: #000;
}

.c-h2home {
    font-family: 'Alex Brush', serif;
    color: #e60012;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 3px;
    font-weight: 400
}

.c-h3home {
    text-align: center;
    margin-bottom: 50px;
    font-weight: 400
}

.c-ghome a {
    display: block;
    border: 1px solid #ccc
}

.c-ghome a:hover {
    border: 1px solid #e60012;
    -webkit-transition: border .4s;
    transition: border .4s
}

.c-ghome a img {
    height: auto
}

.c-ghome > li {
    margin-bottom: 15px
}

.c-homebtn a {
    position: relative;
    display: block;
    color: #fff;
    background: #000;
    display: block;
    text-align: center;
    padding: 30px 0
}

.c-homebtn a .i_ya {
    position: absolute;
    top: 30px;
    left: 12px
}

.c-homebtn a:hover {
    background: #e60012;
    -webkit-transition: background .4s;
    transition: background .4s
}

@media only screen and (max-width:767px) {
    .c-homebtn a {
        margin-bottom: 10px
    }
}

.c-homespecial {
    background: #f4f4f4;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.c-homespecial .c-h2home {
    margin-top: 0
}

.c-homespecial li {
    position: relative
}

.c-homespecial li:before {
    z-index: 9;
    position: absolute;
    content: 'Comming Soon!';
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    width: 100%
}

@media only screen and (max-width:767px) {
    .c-homespecial li {
        margin-bottom: 10px
    }
}

.c-about_logo {
    float: left;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .c-about_logo {
        float: none;
        display: block;
        margin: 0 auto 20px auto
    }
}

@media only screen and (min-width:768px) {

    .c-about_cate > li:nth-child(1) > div,
    .c-about_cate > li:nth-child(4) > div,
    .c-about_cate > li:nth-child(7) > div,
    .c-about_cate > li:nth-child(10) > div {
        padding-right: 20px;
    }

    .c-about_cate > li:nth-child(2) > div,
    .c-about_cate > li:nth-child(5) > div,
    .c-about_cate > li:nth-child(8) > div {
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .c-about_cate > li:nth-child(3) > div,
    .c-about_cate > li:nth-child(6) > div,
    .c-about_cate > li:nth-child(9) > div {
        padding-left: 20px;
    }
    .c-about_cate > li:nth-child(10) > div {
        padding-right: 20px;
        border-right: 1px solid #ccc;
    }
}


.c-about_catettl {
    background: #f4f4f4;
    text-align: center;
    padding: 7px 0
}

.c-about_judge_img {
    text-align: center;
    margin-bottom: 20px
}

.c-about_judge_name {
    text-align: center;
    line-height: 1.5
}

.c-about_judge_name strong {
    text-align: center
}

.c-about_judge_cate {
    margin-top: 20px;
    position: relative;
    background: #f4f4f4;
    text-align: center;
    padding: 10px
}

.c-about_judge_cate img {
    width: 50px;
    height: auto
}

.c-about_judge_cate:after {
    position: absolute;
    content: "　審査する\A　部会・分科会";
    left: 0;
    top: 10px;
    white-space: pre;
    text-align: left
}

@media only screen and (max-width:1024px) {
    .c-about_judge_cate:after {
        position: absolute;
        content: "　審査する\A　部会・\A　分科会";
        left: 0;
        top: 10px;
        white-space: pre;
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .c-about_judge_cate:after {
        position: absolute;
        content: "　審査する\A　部会・分科会";
        left: 0;
        top: 10px;
        white-space: pre;
        text-align: left
    }
}

.c-about_judge_icon img {
    width: 20px;
    padding: 0 10px 0 0;
}

.c-about_flowttl {
    color: #fcc736;
    font-weight: 700;
    line-height: 1.2
}

.c-about_flowttl span {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fcc736;
    color: #fff;
    height: 70px;
    line-height: 70px;
    width: 70px;
    font-family: 'Alex Brush', serif;
    font-size: 30px;
    text-align: center
}

.c-about_flowttl span {
    position: relative
}

.c-about_flowttl span:before {
    width: 0;
    height: 0;
    position: absolute;
    content: '';
    display: block;
    margin: auto
}

.c-about_flowttl span:before {
    border: 10px solid transparent;
    border-top: 10px solid #fcc736;
    left: 0;
    right: 0;
    bottom: -20px
}

.c-h2award {
    position: relative;
    text-align: center
}

.c-h2award:before {
    z-index: -10;
    content: '';
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px solid #ccc
}

.c-h2award > span > span {
    display: block;
    background: #fff
}

/*.c-h2award > span > span:before,
.c-h2award > span > span:after {
    content: '　'
}*/

@media only screen and (max-width:767px) {

    .c-h2award > span > span:before,
    .c-h2award > span > span:after {
        content: none;
    }
}

.c-h2award > span {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-h2award > span:before {
    content: url(../img/h2award_l.png);
    display: inline-block;
    background: #fff;
    padding: 0 10px
}

.c-h2award > span:after {
    content: url(../img/h2award_r.png);
    display: inline-block;
    background: #fff;
    padding: 0 10px
}

.c-award_logo {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .c-award_logo {
        width: 110px;
        height: auto;
    }
}

@media only screen and (max-width:767px) {
    .c-award_logo {
        width: 100px;
        height: auto;
        margin-right: 10px
    }
}

.c-award_cate {
    margin-bottom: 25px;
    line-height: 1.5
}

.c-award_name,
.c-award_name_ {
    font-weight: 700;
    word-break: break-word;
}

.c-award_ttl {
    margin-bottom: 25px;
    font-weight: 700
}

.c-award_reason {
    position: relative;
    display: flex;
}

.c-award_reason li:first-child {
    background: #fcc736;
    color: #fff
}

.c-award_reason li:first-child span {
    padding: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.c-awardul.c-award_reason li:first-child span {
    padding: 20px 10px
}

.c-award_reason li:first-child span:before {
    content: url(../img/icon_reason.png);
    display: inline-block;
    padding-right: 10px
}

.c-award_reason li:last-child {
    background: #f4f4f4
}

.c-award_reason li:last-child p {
    padding: 20px 30px;
    line-height: 1.8
}

@media only screen and (min-width:1124px) {
    .c-award_reason li:first-child span {
        padding: 25px;
    }
}

@media only screen and (max-width:767px) {
    .c-award_reason {
        display: table;
    }

    .c-award_reason.is-break.g > li[class*=g-c]:first-child {
        width: 8em;
        box-sizing: border-box
    }

    .c-award_reason li:first-child span {
        padding: 5px
    }
}

.c-box {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    border: 1px solid #ccc;
    padding: 26px 20px 0 1px
}

.c-box:after {
    content: "";
    clear: both;
    display: block
}

.c-box > dt {
    display: inline-block;
    background: #fff;
    padding: 0 10px 10px 75px;
    font-weight: 700;
    position: relative;
    top: -35px;
    left: 30px
}

@media only screen and (max-width:767px) {
    .c-box > dt {
        left: 10px;
    }

}

.c-box > dt:before {
    position: absolute;
    top: -10px;
    left: 10px;
    content: url(../img/icon_detail.png);
    display: inline-block;
}

.c-box > dt {
    margin-bottom: 0
}

.c-box > dd {
    position: relative;
    top: -13px;
    margin-bottom: 25px;
    margin: -26px 0 0;
    padding: 3em 2em 0;
}

.c-box > dd > .is-img {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px
}

@media only screen and (max-width:767px) {
    .c-box > dd {
        padding: 1.5em .3em
    }
}

.c-box.c-box_sugoi > dt:before {
    content: url(../img/icon_sugoi.png);
}

.c-sugoi_ttl {
    font-weight: 700;
    margin-bottom: 15px
}

.c-sugoi_name {
    text-align: right;
    margin-bottom: 10px;
    margin-bottom: 25px
}

@media only screen and (min-width:768px) {
    .c-awardul > li:nth-child(odd) > div {
        padding-right: 20px;
        border-right: 1px solid #ccc
    }

    .c-awardul > li:nth-child(even) > div {
        padding-left: 20px
    }
}

.c-award_logo_ {
    width: 130px;
    height: auto;
    float: left;
    margin-right: 20px
}

@media only screen and (max-width:767px) {
    .c-award_logo_ {
        width: 50px;
        margin-right: 10px
    }
}

.c-award_reason_ {
    display: inline-block;
    padding: 7px 20px;
    background: #fcc736;
    color: #fff;
    margin: 20px 0 10px
}

.c-award_reason_txt {
    overflow: hidden;
}

@media only screen and (max-width:767px) {
    .c-award_reason_txt {
        margin-left: 60px
    }
}

.c-log_year:before {
    content: url(../img/icon_reason.png);
    display: inline-block;
    background: #fcc736;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.c-log_year {
    margin-bottom: 10px;
    font-weight: 700
}

.c-log a {
    display: block;
    border: 1px solid #ccc;
    padding: 15px 0;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.c-h2cate {
    margin-bottom: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .c-h2cate {
        margin-bottom: 20px
    }
}

.c-h2cate img {
    margin-right: 23px
}

@media only screen and (max-width:767px) {
    .c-h2cate img {
        margin-right: 10px
    }
}

.c-h3cate {
    font-weight: 700;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 18px
}

.c-h3cate img {
    margin-left: 20px
}

.h3cateExtra {
    font-size: 80%;
    margin-bottom: 18px;
}

@media only screen and (max-width:767px) {
    .c-h3cate img {
        margin-right: 20px
    }
}

.c-divcate {
    border: 1px solid #ccc;
    padding: 60px 30px
}

@media only screen and (max-width:767px) {
    .c-divcate {
        border: 1px solid #ccc;
        padding: 20px 0
    }
}

.c-cate_ttl {
    margin-bottom: 20px
}

.c-cateaward {
    color: #000
}

.c-cateaward.is-gold {
    color: #c9b800
}

@media only screen and (min-width:768px) {
    .c-divcate > ul > li:nth-child(3n) .c-catecell {
        border-right: none;
        /*padding-right: 0*/
    }
}

.c-cate_ttl,
.c-catecell {
    padding: 0 20px
}

.c-cate_ttl span {
    display: block;
    background: #666;
    color: #fff;
    padding: 7px 15px;
    line-height: 1.6;
}

.c-cate_ttl span .extra {
    display: block;
    font-size: 0.8em;
    padding: 0;
    margin: 0;
}

.c-catemaker {
    margin-bottom: 10px
}

@media only screen and (max-width:767px) {
    .c-catemaker {
        margin-bottom: 10px
    }
}

.c-cateitem {
    font-weight: 700;
    margin-bottom: 50px;
    word-break: keep-all;
    line-break: strict;
    overflow-wrap: break-word;
}

@media only screen and (max-width:767px) {
    .c-cateitem {
        margin-bottom: 20px
    }
}

.c-catecell > ul > li:last-child .c-cateitem {
    margin-bottom: 0
}

.c-divcate {
    margin-bottom: 30px
}

.c-divcate > ul > li {
    margin-bottom: 50px
}

@media only screen and (max-width:767px) {
    .c-divcate > ul > li {
        margin-bottom: 40px
    }
}

.jumptoTop {
    text-align: right;
    margin: 0 0 20px;
}

@media only screen and (max-width:767px) {
    .jumptoTop {
        font-size: 85%;
    }
}


@media only screen and (max-width:767px) {
    br.pcview {
        display: none;
    }
}

br.spview {
    display: block;
}

/*awardの高さ合わせ */
.height8 {
    margin-top: 8%;
}

@media only screen and (max-width:767px) {
    .height8 {
        margin-top: 0;
    }
}

.height4 {
    margin-top: 4%;
}

@media only screen and (max-width:767px) {
    .height4 {
        margin-top: 0;
    }
}

/*awardの高さ合わせ ここまで */

/*お詫びと訂正 */

p.revise {
    clear: both;
    padding-top: 20px;
    font-size: 90%;
    line-height: 1.6;
}

/*お詫びと訂正 ここまで */

/*VGPとは　審査するカテゴリー*/

p.judgeCat {
    height: 250px;
}

@media only screen and (max-width:767px) {
    p.judgeCat {
        height: auto;
    }
}

/*VGPとは　審査するカテゴリー ここまで/