@charset "utf-8";
audio:not([controls]),
[hidden]
{
    display: none;
}
input:focus,
textarea:focus
{
    outline: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
    font-weight: inherit;
    font-style: inherit;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
}
body
{
    line-height: 1;
}
ol,
ul
{
    list-style: none;
}
table
{
    border-spacing: 0;
    border-collapse: separate;

    vertical-align: middle;
}
caption,
th,
td
{
    font-weight: normal;

    text-align: left;
    vertical-align: middle;
}
a img
{
    border: none;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main
{
    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;

    border: 0;
    outline: 0;
}
audio,
canvas,
video
{
    display: inline-block;
}
*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html
{
    font-size: 62.5%;
}
body
{
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.4rem;

    position: relative;

    min-height: 100vh;

    color: #333;
    background-color: #fff;

    -webkit-text-size-adjust: 100%;
}
a
{
    cursor: pointer;
    -webkit-transition: opacity .3s;
            transition: opacity .3s;

    color: #3375d1;
}
a:link,
a:active
{
    text-decoration: none;
}
a:visited
{
    color: #275eaa;
}
a:focus,
a:hover
{
    text-decoration: none;

    opacity: .7;
}
img
{
    max-width: 100%;
}
.item--sp
{
    display: block;
}
@media screen and (min-width: 1024px)
{
    .item--sp
    {
        display: none;
    }
}
.item--pc
{
    display: none;
}
@media screen and (min-width: 1024px)
{
    .item--pc
    {
        display: block;
    }
}
.item--pc-s
{
    display: none;
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
    .item--pc-s
    {
        display: block;
    }
}
@media screen and (min-width: 1024px)
{
    .item--pc-s
    {
        display: none;
    }
}
header
{
    position: relative;
    z-index: 100;

    width: 100%;

    border-bottom: 1px solid #ddd;
    background: #fff;
}
@media screen and (min-width: 1024px)
{
    header
    {
        position: absolute;
    }
}
header.header--lp
{
    height: 90px;

    -webkit-transition: .3s cubic-bezier(.4, 0, .2, 1);
            transition: .3s cubic-bezier(.4, 0, .2, 1);

    border-bottom: 1px solid #ddd;
}
header.header--lp .navMenu--lp
{
    height: 100%;
}
header.header--lp .navMenu--lp .navMenu__inner
{
    height: 100%;
}
header.header--lp + .content
{
    padding-top: 0;
}
@media screen and (min-width: 1024px)
{
    header.header--lp + .content
    {
        padding-top: 90px;
    }
}
.header__inner
{
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
.header__news
{
    padding: 5px;

    background: #287fb2;
}
.header__news__inner
{
    font-size: 1.2rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 100%;
    max-width: 1024px;
    margin: 0 auto;

    color: #fff;

    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 768px)
{
    .header__news__inner
    {
        width: 100%;
    }
}
.header__news__inner__txt
{
    line-height: 1em;

    white-space: nowrap;
}
.header__news__inner__txt.is-active
{
    line-height: 1em;

    padding-left: 100%;

    -webkit-animation: scrollTxt 60s linear infinite;
            animation: scrollTxt 60s linear infinite;
}
.header__news__inner__txt a
{
    font-weight: bold;

    color: #f4cf39;
}
.navMenu__btn,
.navMenu__btn--secondary
{
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 240px;
    height: 55px;
    padding: 15px;

    color: #fff;
    border: solid 3px #fff;
    border-radius: 27.5px;
    outline: none;
    background: #ff8a00;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.navMenu__btn--secondary
{
    display: none;
}
.navMenu__btn--secondary:visited
{
    color: #fff;
}
@media screen and (min-width: 769px)
{
    .navMenu__btn--secondary
    {
        position: absolute;
        top: 15px;
        right: 0;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.navMenu__btn--empty
{
    width: 100%;
    max-width: 240px;
}
@-webkit-keyframes scrollTxt
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
@keyframes scrollTxt
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
    }
}
.breadcrumb
{
    margin: 0 0 40px;
}
#concierge .breadcrumb
{
    margin: 0;
}
.content
{
    position: relative;

    padding: 0 20px 0;
}
@media screen and (min-width: 1024px)
{
    .content
    {
        padding: 123px 0 0;
    }
}
.content__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 100%;
    max-width: 1024px;
    margin: 30px auto 150px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media screen and (min-width: 1024px)
{
    .content__inner
    {
        margin: 60px auto 100px;

        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.main__contents
{
    width: 100%;
}
@media screen and (min-width: 1024px)
{
    .main__contents
    {
        width: 690px;
    }
}
@media screen and (min-width: 769px)
{
    .main__contents .side__list__img
    {
        width: 60%;
        max-width: 190px;
        height: 120px;
    }
}
@media screen and (min-width: 769px)
{
    .main__contents .side__list__txt
    {
        left: auto;
    }
}
.main__contents--single
{
    width: 90%;
    margin: 0 auto;
}
@media screen and (min-width: 1024px)
{
    .main__contents--single
    {
        width: 100%;
    }
}
.side__contents
{
    width: 100%;
    margin: 60px auto 0;
}
@media screen and (min-width: 1024px)
{
    .side__contents
    {
        width: 290px;
        margin: 0;
    }
}
.footer__pageTop
{
    display: block;

    width: 95%;
    max-width: 1024px;

    text-align: right;
}
@media screen and (min-width: 1024px)
{
    .footer__pageTop
    {
        width: 100%;
    }
}
footer
{
    width: 100%;
}
.footer__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
@media only screen and (max-width: 768px)
{
    .footer__inner
    {
        display: block;

        width: 100%;
    }
}
form.sent #modalform
{
    display: none;
}
.blog-card
{
    max-width: 100%;
    margin-bottom: 40px;

    word-wrap: break-word;

    border-radius: 5px;
}
.blog-card:hover
{
    background: #d0ecfa;
}
.blog-card__link
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    text-decoration: none;
}
.blog-card-title
{
    display: block;

    color: #337ab7;
}
.blog-card-thumbnail
{
    width: 60px;
    height: 60px;
    margin-right: 14px;
    overflow: hidden;
}
.blog-card .blog-card-thumbnail img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 768px)
{
    .blog-card-thumbnail
    {
        width: 80px;
        height: 80px;
    }
}
.blog-card-thumbnail img
{
    display: block;

    padding: 0;

    -webkit-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
}
.blog-card-thumbnail + .blog-card-content
{
    width: calc(100% - 74px);
}
@media only screen and (max-width: 768px)
{
    .blog-card-thumbnail + .blog-card-content
    {
        width: calc(100% - 94px);
    }
}
.blog-card-content
{
    width: 100%;
}
.main__contents__article .blog-card-content__txt
{
    margin-bottom: 5px;

    color: #333;
}
.blog-card-content__arrow
{
    color: #999;
}
.main__contents__article .blog-card-content__arrow__img
{
    display: inline-block;

    margin-top: 4px;
    margin-right: 5px;

    vertical-align: middle;
}
.main__contents__article .blog-card-content__arrow__img img
{
    width: 35px;
    height: 20px;
}
.blog-card-title
{
    font-size: 1.6rem;
    line-height: 1.5em;

    color: #3375d1;
}
.blog-card-excerpt
{
    line-height: 1.5em;

    margin: 0 10px 10px;

    color: #333;
}
.c-btn,
.c-btn:visited
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.1;

    display: inline-block;

    padding: 1em 3em;

    text-decoration: none;

    color: #fff;
    border-radius: 4px;
    background: #999;
    -webkit-box-shadow: 0 4px 0 #888;
            box-shadow: 0 4px 0 #888;
}
@media only screen and (max-width: 768px)
{
    .c-btn,
    .c-btn:visited
    {
        line-height: 1.4;
    }
}
.c-btn--blue,
.c-btn--blue:visited
{
    color: #fff;
    background: #3375d1;
    -webkit-box-shadow: 0 4px 0 #275eaa;
            box-shadow: 0 4px 0 #275eaa;
}
.c-btn--concierge,
.c-btn--concierge:visited
{
    display: block;

    padding: 1em 2em;

    text-align: center;

    border-radius: 4px;
    background: #f3c921;
    -webkit-box-shadow: 0 4px 0 #deb71f;
            box-shadow: 0 4px 0 #deb71f;
}
@media only screen and (max-width: 768px)
{
    .c-btn--advertorial,
    .c-btn--advertorial:visited
    {
        display: block;
    }
}
.c-btn--eventEntry,
.c-btn--eventEntry:visited
{
    font-size: 2.4rem;

    display: inline-block;

    padding: 16px;

    text-align: center;

    color: #50423a;
    background: #f3c921;
    -webkit-box-shadow: 0 4px 0 #deb71f;
            box-shadow: 0 4px 0 #deb71f;
}
@media only screen and (max-width: 768px)
{
    .c-btn--eventEntry,
    .c-btn--eventEntry:visited
    {
        font-size: 1.6rem;

        padding: 16px 5px;
    }
}
@media only screen and (max-width: 320px)
{
    .c-btn--eventEntry,
    .c-btn--eventEntry:visited
    {
        font-size: 1.4rem;
    }
}
.c-btn--eventEntry__inner
{
    line-height: 1;

    position: relative;

    display: inline-block;

    max-height: 24px;
    padding: 0 48px 0 0;
}
@media only screen and (max-width: 768px)
{
    .c-btn--eventEntry__inner
    {
        padding: 0 24px 0 0;
    }
}
@media only screen and (max-width: 320px)
{
    .c-btn--eventEntry__inner
    {
        padding: 0 18px 0 0;
    }
}
.c-btn--eventEntry__inner:before
{
    font-size: 16px;
    font-size: 1.6rem;

    position: absolute;
    top: -3px;
    right: 0;

    display: inline-block;

    padding: 7px;

    color: #fff;
    border-radius: 16px;
    background: #50423a;
}
@media only screen and (max-width: 768px)
{
    .c-btn--eventEntry__inner:before
    {
        font-size: 14px;
        font-size: 1.4rem;

        top: -3px;

        padding: 4px;
    }
}
@media only screen and (max-width: 320px)
{
    .c-btn--eventEntry__inner:before
    {
        font-size: 10px;
        font-size: 1rem;

        top: -3px;

        padding: 4px;
    }
}
.c-btn--eventTel,
.c-btn--eventTel:visited
{
    font-size: 2.4rem;

    display: inline-block;

    padding: 16px;

    text-align: center;

    color: #339cd1;
    background: #c5e3f2;
    -webkit-box-shadow: 0 4px 0 #9bb3bf;
            box-shadow: 0 4px 0 #9bb3bf;
}
.c-btn--eventZip
{
    font-size: 1.4rem;

    margin-left: 20px;
    padding: 10px;

    color: #2b9bd3;
    border: 1px solid #2b9bd3;
    border-radius: 5px;
    background: #fff;
}
.c-btn--eventZip:hover
{
    cursor: pointer;
}
.c-btn--eventZip:focus
{
    outline: none;
}
@media only screen and (max-width: 1024px)
{
    .c-btn--eventZip
    {
        width: calc(40% + 10px);
    }
}
@media only screen and (max-width: 640px)
{
    .fixbanner__btn__wrap
    {
        width: calc(50% - 4px);
    }
}
.c-btn--fixbanner--red
{
    font-size: 12px;
    font-weight: bold;

    display: block;

    width: 100%;
    margin-top: 30px;
    padding: 20px 10px;

    letter-spacing: .96px;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    background: #eb6877;
}
.c-btn--fixbanner--red:before
{
    display: inline-block;

    margin-right: 5px;
}
.c-btn--fixbanner--red:visited
{
    color: #fff;
}
@media only screen and (max-width: 640px)
{
    .c-btn--fixbanner--red
    {
        font-size: 1.5rem;

        margin-top: 0;
        padding: 14px 0;

        border-radius: 6.4px;
    }
}
.c-btn--fixbanner--blue
{
    font-size: 12px;
    font-weight: bold;

    display: block;

    width: 100%;
    margin-top: 30px;
    padding: 20px 10px;

    letter-spacing: .96px;

    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    background: #2b9bd3;
}
.c-btn--fixbanner--blue:before
{
    display: inline-block;

    margin-right: 5px;
}
.c-btn--fixbanner--blue:visited
{
    color: #fff;
}
@media only screen and (max-width: 640px)
{
    .c-btn--fixbanner--blue
    {
        font-size: 1.5rem;

        margin-top: 0;
        padding: 14px 0;

        border-radius: 6.4px;
    }
}
.close
{
    position: absolute;
    top: -15px;
    right: -5px;

    width: 25px;
    height: 25px;

    border: none;
    border-radius: 50%;
    outline: none;
    background: #000;
}
.close:before
{
    position: absolute;
    top: 4px;
    left: 12px;

    display: block;

    width: 2px;
    height: 17px;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    background: #fff;
}
.close:after
{
    position: absolute;
    top: 4px;
    left: 12px;

    display: block;

    width: 2px;
    height: 17px;

    content: '';
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);

    background: #fff;
}
.close:hover
{
    cursor: pointer;
}
.radius__btn--yellow
{
    font-size: 1.8rem;
    font-weight: bold;

    width: 100%;
    max-width: 350px;
    padding: 15px;

    color: #fff;
    border: none;
    border-radius: 35px;
    outline: none;
    background: #e6b200;
}
@media only screen and (max-width: 768px)
{
    .radius__btn--yellow
    {
        font-size: 1.5rem;

        max-width: 100%;
    }
}
.radius__btn--yellow:hover
{
    cursor: pointer;
}
.modal__search__btn
{
    font-size: 1.8rem;

    width: 100%;
    max-width: 400px;
    padding: 14px;

    color: #fff;
    border: none;
    border-radius: 35px;
    outline: none;
    background: #349cd2;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
@media only screen and (max-width: 768px)
{
    .modal__search__btn
    {
        max-width: 100%;
    }
}
.modal__search__btn:hover
{
    cursor: pointer;
}
.modal__search__btn__wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal__open__btn__wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 30px;
    margin-bottom: 20px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal__open__btn
{
    font-size: 1.8rem;
    font-weight: bold;

    width: 100%;
    max-width: 350px;
    padding: 15px;

    color: #fff;
    border: none;
    border-radius: 35px;
    outline: none;
    background: #ff8a00;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
@media only screen and (max-width: 768px)
{
    .modal__open__btn
    {
        max-width: 100%;
    }
}
.modal__open__btn:hover
{
    cursor: pointer;
}
.icon
{
    position: relative;

    width: 10px;
    height: 10px;
    margin-left: 10px;

    border-radius: 50%;
    background: #fff;
}
.icon::before,
.icon--plus::after
{
    position: absolute;
    top: 4px;
    left: 50%;

    display: inline-block;

    width: 10px;
    height: 10px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border-top: 2px solid #339cd1;
}
.icon--plus:after
{
    top: -1px;
    left: -5px;

    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.c-btn--arrow--r
{
    position: absolute;
    top: 50%;
    right: 10px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.form__radioBtn .codomontype .wpcf7-list-item-label
{
    margin-bottom: 20px;
    padding: 13px 0;
}
@media only screen and (max-width: 1024px)
{
    .form__radioBtn .codomontype .last .wpcf7-list-item-label
    {
        width: 100%;
    }
}
label.systemCheck__label:hover
{
    cursor: pointer;
}
.systemCheckbox__label__txt
{
    line-height: 1.4;

    display: inline-block;
}
input[type=checkbox].starcheck
{
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;

    display: inline-block;

    width: 13px;
    height: 13px;
    margin: 0 .5rem 0 0;

    cursor: pointer;
    -webkit-transition: all .15s ease-out 0s;
            transition: all .15s ease-out 0s;
    vertical-align: middle;

    color: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20560%20560%22%20style%3D%22enable-background%3Anew%200%200%20560%20560%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%23e6b200%22%20d%3D%22M398.5%2C505.7c-6.1%2C0-12.6-1.5-18.6-4.6l-101-52.7l-101.6%2C51.3c-1.4%2C0.7-2.9%2C1.3-4.5%2C1.8c-12.5%2C3.8-25.7%2C2.7-37.4-3.2%20c-1.8-0.9-3.5-2-5-3.3c-12.4-10-18.6-26-16.1-41.8l20.2-110l-80.7-77c-12-11.4-16.4-29.1-11.1-44.8c4.6-15.7%2C19.3-27.6%2C36.5-29%20l112.2-14.9l51.2-99.8c4.2-8.2%2C10.8-14.7%2C18.9-18.9c21.5-11.1%2C48-2.6%2C59.1%2C18.9l49.8%2C100.2l111.7%2C17.3c17.2%2C1.4%2C31.6%2C13.2%2C36.4%2C30%20c4.8%2C15.6%2C0.3%2C32.8-11.6%2C44.1l-82.1%2C77.2l18.3%2C109.3c3.1%2C16.5-4.7%2C33.9-19.5%2C42.9c-6.6%2C4.1-14.3%2C6.4-22%2C6.9%20C400.7%2C505.6%2C399.6%2C505.7%2C398.5%2C505.7z%20M387.5%2C465.1c0%2C0.2%2C0.1%2C0.3%2C0.1%2C0.5L387.5%2C465.1z%20M279.1%2C388.4c4.5%2C0%2C9%2C1.1%2C13.1%2C3.2%20l91%2C47.5l-16.5-98.2c-1.6-9.3%2C1.6-18.8%2C8.5-25.2l72.9-68.6l-100.8-15.6c-9.1-1.4-16.9-7.1-21-15.3l-44.9-90.4l-46.6%2C90.7%20c-4.2%2C8.2-12.2%2C13.9-21.4%2C15.1l-100.3%2C13.2l71.4%2C68.1c6.9%2C6.6%2C10%2C16.2%2C8.3%2C25.5l-18.2%2C99.4l91.8-46.4%20C270.4%2C389.4%2C274.8%2C388.4%2C279.1%2C388.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.is-active input[type=checkbox].starcheck
{
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20560%20560%22%20style%3D%22enable-background%3Anew%200%200%20560%20560%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23ffffff%22%20id%3D%22star_on.svg%22%20class%3D%22st0%22%20d%3D%22M519.2%2C227.3c-2.1-6.3-7.5-10.9-14.1-11.8L360.7%2C194L297.1%2C65.8c-3-5.9-9.1-9.7-15.7-9.6%20c-6.6-0.2-12.8%2C3.5-15.8%2C9.4l-65.7%2C127.2L55.2%2C212.3c-6.6%2C0.8-12.1%2C5.3-14.3%2C11.5c-2.1%2C6.2-0.4%2C13%2C4.3%2C17.6l104%2C100.1l-25.8%2C140.1%20c-1.2%2C6.5%2C1.4%2C13.1%2C6.8%2C17c5.5%2C3.8%2C12.6%2C4.3%2C18.6%2C1.3l129.8-65.3l128.8%2C67.3c2.6%2C1.2%2C5.4%2C1.9%2C8.3%2C1.9c9.6%2C0.1%2C17.4-7.6%2C17.5-17.2%20c0-0.9%2C0-1.8-0.2-2.6l-23.6-140.6l105.4-98.5C519.5%2C240.4%2C521.2%2C233.5%2C519.2%2C227.3z%22%2F%3E%3C%2Fsvg%3E');
}
.checkMark__primary #disabledCheck input[type=checkbox]
{
    cursor: not-allowed;

    background: #f3f3f3;
}
.checkMark__primary label
{
    position: relative;

    display: block;

    cursor: pointer;
}
.checkMark__primary label:hover
{
    cursor: pointer;
}
.checkMark__primary input[type=checkbox]
{
    position: absolute;

    display: inline-block;

    width: 30px;
    height: 30px;
    margin-right: .5rem;

    cursor: pointer;
    -webkit-transition: all .15s ease-out 0s;
            transition: all .15s ease-out 0s;
    vertical-align: middle;

    color: #fff;
    border: none;
    border-radius: 5px;
    outline: none;
    background: #f3f3f3;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.checkMark__primary input[type=checkbox]:checked
{
    background: #339cd1;
}
.checkMark__primary input[type=checkbox]:checked::before
{
    position: absolute;
    top: 40%;
    left: 10px;

    display: block;

    width: 7px;
    height: 14px;

    content: '';
    -webkit-transform: translateY(-40%) rotate(47deg);
            transform: translateY(-40%) rotate(47deg);

    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}
.checkMark__primary input[type=checkbox]:disabled
{
    cursor: not-allowed;

    background: #f3f3f3;
}
@media only screen and (max-width: 1024px)
{
    .checkMark__primary .wpcf7-list-item
    {
        width: 100%;
    }
}
.checkMark__primary .wpcf7-list-item-label
{
    line-height: 1.5;

    display: block;

    height: auto;
    margin-bottom: 15px;
    margin-left: 45px;
    padding-top: 6px;

    vertical-align: middle;
}
.wpcf7-form-control-wrap.contacttype .wpcf7-list-item-label
{
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px)
{
    .wpcf7-form-control-wrap.contacttype .wpcf7-list-item-label
    {
        margin-bottom: 15px;
    }
}
.form__radioBtn input
{
    display: none;
}
.form__radioBtn input:checked + .wpcf7-list-item-label
{
    color: #fff;
    background: #2b9bd3;
}
@media only screen and (max-width: 1024px)
{
    .form__radioBtn .wpcf7-list-item
    {
        width: calc(50% - 10px);
    }
}
.form__radioBtn .wpcf7-list-item-label
{
    font-size: 14px;

    display: inline-block;

    width: 160px;
    margin-right: 20px;
    margin-left: 0;
    padding: 13px 20px;

    text-align: center;

    color: #333;
    border-radius: 5px;
    background: #f3f3f3;
}
.form__radioBtn .wpcf7-list-item-label:hover
{
    cursor: pointer;
}
@media only screen and (max-width: 1024px)
{
    .form__radioBtn .wpcf7-list-item-label
    {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    .form__radioBtn .last .wpcf7-list-item-label
    {
        width: 100%;
    }
}
.l-check__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.c-check__list__item
{
    width: 20%;
    margin-bottom: 20px;
}
.c-check__list__item:nth-child(n+6)
{
    margin-bottom: 0;
}
@media only screen and (max-width: 1024px)
{
    .c-check__list__item:nth-child(n+6)
    {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1024px)
{
    .c-check__list__item
    {
        width: 100%;
    }
    .c-check__list__item:last-child
    {
        margin-bottom: 0;
    }
}
.c-check__list__item .c-check__list__item__label
{
    font-size: 1.6rem;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-left: 40px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-check__list__item .c-check__list__item__label > input[type=checkbox]
{
    left: 0;
}
@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    font-display: swap;
    src: url('../img/ictkids/fonts/icomoon.eot?816ycz');
    src: url('../img/ictkids/fonts/icomoon.eot?816ycz#iefix') format('embedded-opentype'), url('../img/ictkids/fonts/icomoon.ttf?816ycz') format('truetype'), url('../img/ictkids/fonts/icomoon.woff?816ycz') format('woff'), url('../img/ictkids/fonts/icomoon.svg?816ycz#icomoon') format('svg');
}
[class^='c-ico--']:before,
[class*=' c-ico--']:before
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: none;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.c-ico--menu:before
{
    content: '\e902';
}
.c-ico--close:before
{
    content: '\e903';
}
.c-ico--arrow--r:before
{
    content: '\e904';
}
.c-ico--arrow--u:before
{
    content: '\e905';
}
.c-ico--arrow--l:before
{
    content: '\e906';
}
.c-ico--arrow--d:before
{
    content: '\e907';
}
.c-ico--search:before
{
    content: '\e908';
}
.c-ico--tag:before
{
    content: '\e909';
}
.c-ico--facebook--01:before
{
    content: '\e90a';
}
.c-ico--twitter--01:before
{
    content: '\e90b';
}
.c-ico--instagram--01:before
{
    content: '\e90d';
}
.c-ico--facebook--02:before
{
    content: '\e90e';
}
.c-ico--twitter--02:before
{
    content: '\e90f';
}
.c-ico--movie:before
{
    content: '\e910';
}
.c-ico--mail:before
{
    content: '\e900';
}
.c-ico--tel:before
{
    content: '\e901';
}
.modal__overlay
{
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    background: rgba(0, 0, 0, .6);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal__container
{
    position: relative;

    overflow: auto;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 1080px;
    max-height: 80vh;
    padding: 30px;

    border-radius: 4px;
    background: #fff;
}
@media only screen and (max-width: 1024px)
{
    .modal__container
    {
        width: calc(100% - 30px);
        padding: 15px;
    }
}
.modal__container-secondary
{
    position: relative;

    overflow: auto;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 1080px;
    max-height: 90vh;
    padding: 30px 100px;

    border-radius: 4px;
    background: #fff;
}
@media only screen and (max-width: 1024px)
{
    .modal__container-secondary
    {
        width: calc(100% - 30px);
        padding: 15px;
    }
}
.modal__header-secondary
{
    margin-top: 50px;
}
.modal__header__txt
{
    font-size: 1.4rem;

    margin-bottom: 40px;

    text-align: center;
}
@media only screen and (max-width: 768px)
{
    .modal__header__txt
    {
        font-size: 1.2rem;

        margin-bottom: 0;
    }
}
.modal__close
{
    font-size: 3rem;

    position: absolute;
    top: 20px;
    right: 30px;

    padding: 0;

    cursor: pointer;

    color: #999;
    border: 0;
    outline: none;
    background: transparent;
}
.modal__header .modal__close:before,
.modal__header-secondary .modal__close:before
{
    content: '\2715';
}
.modal__title
{
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.25;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 15px;
    padding-bottom: 20px;

    color: #333;
    border-bottom: 1px solid #999;
}
.modal__title-secondary
{
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.25;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 55px;

    text-align: center;

    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .modal__title-secondary
    {
        font-size: 2.6rem;

        margin-bottom: 18.5px;
    }
}
@media screen and (max-width: 370px)
{
    .modal__title-secondary
    {
        font-size: 1.8rem;
    }
}
.modal__content
{
    line-height: 1.5;

    color: rgba(0, 0, 0, .8);
    border-radius: 0 0 6px 6px;
    background: #fff;
}
.modal__btn
{
    font-size: .875rem;
    line-height: 1.15;

    overflow: visible;

    margin: 0;
    padding-top: .5rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    padding-left: 1rem;

    cursor: pointer;
    -webkit-transition: -webkit-transform .25s ease-out;
            transition: -webkit-transform .25s ease-out;
            transition:         transform .25s ease-out;
            transition:         transform .25s ease-out, -webkit-transform .25s ease-out;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    text-transform: none;

    color: rgba(0, 0, 0, .8);
    border-width: 0;
    border-style: none;
    border-radius: .25rem;
    background-color: #e6e6e6;

    -webkit-appearance: button;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.modal__btn:focus,
.modal__btn:hover
{
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
.modal__btn-primary
{
    color: #fff;
    background-color: #00449e;
}
.modalform__txt
{
    margin-top: 20px;

    text-align: center;
}
.micromodal-slide
{
    display: none;
}
.micromodal-slide.is-open
{
    display: block;
}
.micromodal-slide[aria-hidden='false'] .modal__overlay
{
    -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
            animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden='false'] .modal__container
{
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
            animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden='true'] .modal__overlay
{
    -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
            animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden='true'] .modal__container
{
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
            animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay
{
    will-change: transform;
}
.modal__content__table
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;

    border-top: 1px solid #d0d0d0;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media only screen and (max-width: 1024px)
{
    .modal__content__table
    {
        border-top: none;
        border-bottom: none;
    }
}
.modal__content__table__ttl
{
    font-size: 1.6rem;
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 160px;
    padding-left: 20px;

    color: #333;
    border-bottom: 1px solid #d0d0d0;
    background: #f3f3f3;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    .modal__content__table__ttl
    {
        font-size: 1.5rem;

        width: 100%;
        padding: 15px;

        color: #339cd1;
        border-bottom: none;
    }
}
.modal__content__table__ttl:last-child
{
    border-bottom: none;
}
.modal__content__table__contents
{
    width: calc(100% - 160px);
    padding: 20px;

    border-bottom: 1px solid #d0d0d0;
}
@media only screen and (max-width: 1024px)
{
    .modal__content__table__contents
    {
        width: 100%;
        padding: 20px 0 20px 0;

        border-bottom: none;
    }
}
.modal__content__input
{
    font-size: 1.6rem;

    width: 300px;
    padding: 17px;

    border: none;
    border-radius: 5px;
    background: #f3f3f3;
}
.modal__content__input::-webkit-input-placeholder
{
    color: #999;
}
.modal__content__input::-moz-placeholder
{
    color: #999;
}
.modal__content__input::-ms-input-placeholder
{
    color: #999;
}
.modal__content__input::placeholder
{
    color: #999;
}
@media only screen and (max-width: 1024px)
{
    .modal__content__input
    {
        width: 100%;
    }
}
.c-keyword__container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 10px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    .c-keyword__container
    {
        margin-top: 20px;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
#keywordList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-left: 20px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    #keywordList
    {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
}
.keywordList__item
{
    font-size: 1.4rem;

    margin-right: 20px;

    cursor: pointer;
    text-decoration: underline;

    color: #349cd2;
}
.keywordList__item:last-child
{
    margin-right: 0;
}
@-webkit-keyframes mmfadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes mmfadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@-webkit-keyframes mmfadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes mmfadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@-webkit-keyframes mmslideIn
{
    from
    {
        -webkit-transform: translateY(15%);
                transform: translateY(15%);
    }
    to
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes mmslideIn
{
    from
    {
        -webkit-transform: translateY(15%);
                transform: translateY(15%);
    }
    to
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes mmslideOut
{
    from
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    to
    {
        -webkit-transform: translateY(-10%);
                transform: translateY(-10%);
    }
}
@keyframes mmslideOut
{
    from
    {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    to
    {
        -webkit-transform: translateY(-10%);
                transform: translateY(-10%);
    }
}
.c-downloadBnr
{
    display: inline-block;

    margin: 20px 0 40px 0;
}
@media only screen and (max-width: 768px)
{
    .c-downloadBnr
    {
        margin: 10px 0 20px 0;
    }
}
@media only screen and (max-width: 768px)
{
    .article_codmon-bnr
    {
        margin: 20px 0;
    }
}
.wpcf7 .c-select
{
    position: relative;

    overflow: hidden;

    padding: 7px;

    border-radius: 5px;
    background: #f3f3f3;
}
.wpcf7 .c-select.size-m
{
    width: 340px;
}
@media only screen and (max-width: 1024px)
{
    .wpcf7 .c-select.size-m
    {
        width: 100%;
    }
}
.wpcf7 .c-select.size-s
{
    width: 30%;
}
.wpcf7 .c-select select
{
    line-height: 1;

    width: 100%;
    padding: 8px 38px 8px 8px;
    padding-right: 1em;

    cursor: pointer;
    text-indent: .01px;
    text-overflow: ellipsis;

    color: #666;
    border: none;
    outline: none;
    background: transparent;
    background: url('../img/ictkids/formitem/select_arrow.png') 0 0 no-repeat;
    background-position: right 20px center;
    background-size: 19px 10px;
    -webkit-box-shadow: none;
            box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.wpcf7 .c-select select::-ms-expand
{
    display: none;
}
.c-icon
{
    width: 23px;
    height: 23px;

    fill: #339cd1;
}
.is-active .c-icon
{
    fill: #fff;
}
#ico-pc-mv-ttl
{
    position: relative;

    width: 650px;
    height: 105px;
    margin: 0 auto;

    fill: #fff;
}
#ico-sp-mv-ttl
{
    position: relative;

    margin: 0 auto;

    fill: #fff;
}
#ico-pcttl-one
{
    width: 600px;
    height: 105px;

    fill: #fff;
}
#ico-spttl-one
{
    width: 100%;
    margin: 0 auto;

    fill: #fff;
}
#ico-pcttl-two
{
    width: 100%;
    height: 105px;

    fill: #fff;
}
#ico-spttl-two
{
    width: 100%;
    margin: 0 auto;

    fill: #fff;
}
#ico-point1,
#ico-point2,
#ico-point3
{
    width: 72px;
    height: 72px;
}
@media only screen and (max-width: 768px)
{
    #ico-point1,
    #ico-point2,
    #ico-point3
    {
        position: absolute;
        top: -10px;
        left: -10px;

        width: 80px;
        height: 80px;
    }
}
.step
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style-type: none;
}
@media only screen and (max-width: 1024px)
{
    .step
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.step__wrap
{
    max-width: 800px;
    margin: 0 auto;
}
.step__inner--qu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 20px;
    padding-left: 45px;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media only screen and (max-width: 1024px)
{
    .step__inner--qu
    {
        padding-left: 0;

        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.step__inner--ans
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 20px;
    padding-right: 45px;

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media only screen and (max-width: 1024px)
{
    .step__inner--ans
    {
        padding-right: 0;

        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.step__qu
{
    font-size: 1.6rem;
    line-height: 1.5;

    position: relative;

    margin-right: 10px;
    padding: 1.5em 2em 1.5em 2em;

    text-align: left;

    color: #fff;
    border-radius: 10px 10px 10px 10px;
    background: #339cd1;
}
.step__qu:before
{
    position: absolute;
    top: 50%;
    left: 100%;

    display: block;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    border: 7px solid transparent;
    border-left: 7px solid #339cd1;
}
@media only screen and (max-width: 1024px)
{
    .step__qu:before
    {
        display: none;
    }
}
@media only screen and (max-width: 1024px)
{
    .step__qu
    {
        width: 100%;
        padding: 1em 1em 1em 1em;

        border-radius: 20px 20px 0 20px;
    }
}
.step__qu--orange
{
    font-size: 1.6rem;
    line-height: 1.5;

    position: relative;

    margin-right: 10px;
    padding: 1.5em 2em 1.5em 2em;

    text-align: left;

    color: #fff;
    border-radius: 10px 10px 10px 10px;
    background: #ff8a00;
}
.step__qu--orange:before
{
    position: absolute;
    top: 50%;
    left: 100%;

    display: block;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    border: 7px solid transparent;
    border-left: 7px solid #ff8a00;
}
@media only screen and (max-width: 1024px)
{
    .step__qu--orange:before
    {
        display: none;
    }
}
@media only screen and (max-width: 1024px)
{
    .step__qu--orange
    {
        width: 100%;
        padding: 1em 1em 1em 1em;

        border-radius: 20px 20px 0 20px;
    }
}
.step__ans
{
    font-size: 1.6rem;
    line-height: 1.5;

    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-left: 10px;
    padding: 1.5em 2em 1.5em 2em;

    text-align: left;

    color: #333;
    border: 1px solid #339cd1;
    border-radius: 10px 10px 10px 10px;
    background: #fff;
}
.step__ans:after
{
    position: absolute;
    top: 50%;
    left: -13px;

    display: block;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    border: 7px solid transparent;
    border-right: 7px solid #fff;
}
@media only screen and (max-width: 1024px)
{
    .step__ans:after
    {
        display: none;
    }
}
.step__ans:before
{
    position: absolute;
    top: 50%;
    left: -14px;

    display: block;

    content: '';
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    border: 7px solid transparent;
    border-right: 7px solid #339cd1;
}
@media only screen and (max-width: 1024px)
{
    .step__ans:before
    {
        display: none;
    }
}
@media only screen and (max-width: 1024px)
{
    .step__ans
    {
        width: 100%;
        padding: 1em 1em 1em 1em;

        border-radius: 20px 20px 20px 0;
    }
}
.step__img__pc
{
    display: block;
    width: 90px;
    height: 90px;
}
@media only screen and (max-width: 1024px)
{
    .step__img__pc
    {
        display: none;
    }
}
.step__img__sp
{
    display: none;
}
@media only screen and (max-width: 1024px)
{
    .step__img__sp
    {
        display: block;

        width: 60px;
        height: 60px;
    }
}
.list--tag__item
{
    line-height: 1.5;

    display: inline-block;

    margin: 0 20px 20px 0;
}
.list--tag__item a
{
    color: #333;
}
.list--tag__item a:link,
.list--tag__item a:visited,
.list--tag__item a:active
{
    color: #333;
}
.list--tag__item a:hover span
{
    text-decoration: underline;
}
.c-ico--tag:before
{
    font-size: 13px;
    font-size: 1.3rem;

    margin: 0 .25em 0 0;

    color: #ddd;
}
aside .list--tag
{
    border-bottom: 1px #ddd dashed;
}
.c-sponsorTxt
{
    font-size: 1.6rem;

    text-align: center;
}
.about__content__inner
{
    overflow: hidden;

    width: 100%;
    margin: 20px auto 100px;
}
.about__kv
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    max-width: 1040px;
    height: 428px;
    margin: 0 auto;
    padding-top: 100px;

    text-align: left;

    background: url('../img/ictkids/about/kv-bg_pc.jpg') 0 0 no-repeat;
    background-position: center center;
    background-size: contain;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__kv__ttl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__kv__ttl__sub
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;

    margin-top: 30px;
    padding-bottom: 40px;

    text-align: center;

    text-shadow: 3px 3px 8px #fff, -3px 3px 8px #fff, 3px -3px 8px #fff, -3px -3px 8px #fff;
}
.about__kv__ttl__sub--blue
{
    color: #349cd1;
}
.about__ttl__before
{
    width: 300px;
    height: 12px;
    margin: 0 auto;

    background: url('../img/ictkids/about/about-h1-before.png') 0 0 no-repeat;
    background-size: contain;
}
.about__feature
{
    max-width: 800px;
    height: 300px;
    margin: 60px auto;

    text-align: center;

    background: url('../img/ictkids/about/about-co01-bg.png') 0 0 no-repeat;
    background-size: contain;
}
.about__feature__ttl
{
    font-size: 2rem;
    font-weight: bold;

    margin: 20px auto 60px auto;

    text-align: center;
}
.about__feature__ttl__sub
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;

    display: inline-block;

    margin: 5px auto;

    text-align: center;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(50%, #f3c81f));
    background: linear-gradient(transparent 70%, #f3c81f 50%);
}
.about__feature__txt
{
    line-height: 1.8;

    margin: 30px auto;
}
.about__description
{
    position: relative;

    margin: 0 auto;
    padding: 100px 0 70px;

    text-align: center;

    border-radius: 0 0 100% 100%/0 0 60px 60px;
    background-color: #fcfaf0;
}
.about__description:before
{
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 60px;

    content: '';

    border-radius: 0 0 100% 100%;
    background-color: #fff;
}
.about__description__ttl
{
    font-size: 2rem;
    font-weight: bold;

    margin: 20px auto 60px auto;

    text-align: center;
}
.about__description__point__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 950px;
    margin: 60px auto;
}
.about__description__point__item__box
{
    position: relative;

    height: 350px;
    padding: 60px 0;

    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
        flex: 0 1 60%;
}
.about__description__point__item__box__point__img
{
    position: absolute;
    top: -10px;
    left: 40px;

    width: 80px;
}
.about__description__point__item__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;

    margin-bottom: 20px;
}
.about__description__point__item__box__ttl--blue
{
    color: #349cd1;
}
.about__description__point__item__box__txt
{
    line-height: 1.4;
}
.about__description__point__item__box__btn
{
    font-size: 1.8rem;
    font-weight: bold;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    vertical-align: middle;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__description__point__item__box__btn a
{
    margin: 20px;

    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#f3c821), to(#ffb6a5));
    background: linear-gradient(90deg, #f3c821, #ffb6a5);
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
            box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
.about__description__point__item__box__btn use
{
    width: 25px;

    fill: #fff;
}
.about__description__point__item__box__btn__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 3px;
    padding: 8px 40px 8px;

    color: #fff;
    border: #fff solid 1px;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#f3c821), to(#ffb6a5));
    background: linear-gradient(90deg, #f3c821, #ffb6a5);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__description__point1__item
{
    background: url('../img/ictkids/about/about-co02-photo01_pc.png') 0 0 no-repeat;
    background-position: left center;
    background-size: auto 300px;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.about__description__point1__item__box
{
    background: url('../img/ictkids/about/about-co02-circle01_pc.png') 0 0 no-repeat;
    background-position: center center;
    background-size: contain;
}
.about__description__point2__item
{
    background: url('../img/ictkids/about/about-co02-photo02_pc.png') 0 0 no-repeat;
    background-position: right center;
    background-size: auto 300px;
}
.about__description__point2__item__box
{
    background: url('../img/ictkids/about/about-co02-circle02_pc.png') 0 0 no-repeat;
    background-position: center center;
    background-size: contain;
}
.about__description__point3__item
{
    background: url('../img/ictkids/about/about-co02-photo03_pc.png') 0 0 no-repeat;
    background-position: left center;
    background-size: auto 300px;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.about__description__point3__item__box
{
    background: url('../img/ictkids/about/about-co02-circle01_pc.png') 0 0 no-repeat;
    background-position: center center;
    background-size: contain;
}
.about__contact
{
    margin-top: 60px;
}
.about__contact__ttl
{
    font-size: 2rem;
    font-weight: bold;

    margin: 20px auto 60px auto;

    text-align: center;
}
.about__contact__box
{
    margin: 0 auto;
}
.about__contact__box__txt
{
    font-size: 1.6rem;

    text-align: center;
}
.about__contact__box__column
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 800px;
    margin: 0 auto;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__contact__box__column__tel
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
        flex: 0 1 40%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__contact__box__column__tel__number
{
    font-size: 3.4rem;
    font-weight: bold;

    cursor: pointer;
    text-align: center;
}
.about__contact__box__column__tel__number:hover
{
    opacity: .7;
}
.about__contact__box__column__tel__number svg
{
    fill: #349cd1;
}
.about__contact__box__column__tel__effective__time
{
    margin-top: 5px;

    text-align: center;
}
.about__contact__box__column__btn
{
    font-size: 1.8rem;
    font-weight: bold;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 50%;

    vertical-align: middle;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__contact__box__column__btn a
{
    width: 100%;
    margin: 0 10px 0;

    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#f3c821), to(#ffb6a5));
    background: linear-gradient(90deg, #f3c821, #ffb6a5);
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
            box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
.about__contact__box__column__btn use
{
    width: 25px;

    fill: #fff;
}
.about__contact__box__column__btn__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 3px;
    padding: 8px 35px 8px;

    color: #fff;
    border: #fff solid 1px;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#f3c821), to(#ffb6a5));
    background: linear-gradient(90deg, #f3c821, #ffb6a5);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__contact__box__column__item
{
    width: 50%;
}
.about__contact__box__column__tel__number__btn
{
    font-size: 1.8rem;
    font-weight: bold;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    vertical-align: middle;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.about__contact__box__column__tel__number__btn a
{
    width: 100%;
    margin: 25px 10px 10px;

    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#ade7e3), to(#50b2e3));
    background: linear-gradient(90deg, #ade7e3, #50b2e3);
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
            box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
.about__contact__box__column__tel__number__btn use
{
    width: 25px;

    fill: #fff;
}
.about__contact__box__column__tel__number__btn__inner
{
    font-weight: bold;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 3px;
    padding: 8px 20px 8px;

    color: #fff;
    border: #fff solid 1px;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#ade7e3), to(#50b2e3));
    background: linear-gradient(90deg, #ade7e3, #50b2e3);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 768px)
{
    .about__content__inner
    {
        width: 100%;
    }
    .main__contents--about
    {
        width: 100%;
    }
    .about__kv
    {
        width: 100%;
        height: auto;
        padding-top: 150px;

        background: url('../img/ictkids/about/kv-bg_sp.jpg') 0 0 no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .about__kv__ttl img
    {
        width: 80%;
        height: auto;

        -o-object-fit: contain;
           object-fit: contain;
    }
    .about__kv__ttl__sub
    {
        padding: 0 20px 40px 20px;

        text-align: left;
    }
    .about__ttl__before
    {
        width: 200px;
        height: 8px;
    }
    .about__feature
    {
        height: auto;
    }
    .about__feature__ttl
    {
        margin: 20px auto 20px auto;
    }
    .about__feature__ttl__sub
    {
        line-height: 1.1;

        background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(60%, #f3c81f));
        background: linear-gradient(transparent 80%, #f3c81f 60%);
    }
    .about__feature__txt
    {
        padding: 0 20px;

        text-align: left;
    }
    .about__description__point__item
    {
            flex-direction: column;

        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .about__description__point__item__box
    {
        max-width: 400px;
        min-height: 500px;
        margin: 350px 20px 20px 20px;
        padding: 40px 0;

        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
            flex: 0 1 90%;
    }
    .about__description__point__item__box__point__img
    {
        position: absolute;
        top: -40px;
        left: 20px;

        width: 70px;
    }
    .about__description__point__item__ttl
    {
        font-size: 2rem;

        margin-bottom: 10px;
    }
    .about__description__point__item__box__txt
    {
        font-size: 1.4rem;
        line-height: 1.8;

        padding: 0 40px;

        text-align: left;
    }
    .about__description__point__item__box__btn a
    {
        width: 85%;
    }
    .about__description__point__item__box__btn__inner
    {
        font-size: 1.6rem;
        font-weight: normal;

        padding: 16px 10px 16px;
    }
    .about__description__point1__item
    {
        background: url('../img/ictkids/about/about-co02-photo01_sp.png') 0 0 no-repeat;
        background-position: center top;
        background-size: contain;
    }
    .about__description__point1__item__box
    {
        background: url('../img/ictkids/about/about-co02-circle01_sp.png') 0 0 no-repeat;
        background-position: center top;
        background-size: contain;
    }
    .about__description__point2__item
    {
        background: url('../img/ictkids/about/about-co02-photo02_sp.png') 0 0 no-repeat;
        background-position: center top;
        background-size: contain;
    }
    .about__description__point2__item__box
    {
        background: url('../img/ictkids/about/about-co02-circle02_sp.png') 0 0 no-repeat;
        background-position: center top;
        background-size: contain;
    }
    .about__description__point3__item
    {
        background: url('../img/ictkids/about/about-co02-photo03_sp.png') 0 0 no-repeat;
        background-position: center top;
        background-size: contain;
    }
    .about__description__point3__item__box
    {
        background: url('../img/ictkids/about/about-co02-circle01_sp.png') 0 0 no-repeat;
        background-position: center top;
        background-size: contain;
    }
    .about__contact__box__txt
    {
        line-height: 1.6;

        padding: 20px;

        text-align: left;
    }
    .about__contact__box__column
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
            flex-direction: column;

        width: 100%;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .about__contact__box__column__tel__effective__time
    {
        font-weight: bold;
    }
    .about__contact__box__column__btn a
    {
        margin: 20px;
    }
    .about__contact__box__column__btn__inner
    {
        font-size: 1.6rem;
        font-weight: normal;

        padding: 16px 10px 16px;
    }
    .about__contact__box__column__btn
    {
        width: 100%;
    }
    .about__contact__box__column__item
    {
        width: 100%;
    }
    .about__contact__box__column__tel__number__btn a
    {
        margin: 20px;
    }
}
@media only screen and (max-width: 640px)
{
    .about__kv
    {
        padding-top: 50px;
    }
    .about__kv__ttl img
    {
        width: 70%;
    }
    .about__kv__ttl__sub
    {
        font-size: 1.6rem;
        line-height: 1.4;

        margin: 0;
        padding: 0 10px 20px 10px;
    }
    .about__description__point__item__box
    {
        min-height: 450px;
        margin: 250px 10px 10px 10px;
    }
    .about__description__point__item__box__btn a
    {
        width: 80%;
    }
}
img.size-full
{
    max-width: 100%;
    height: auto;
}
img.alignleft,
.wp-caption.alignleft
{
    float: left;

    margin: 0 20px 40px 0;
}
img.alignright,
.wp-caption.alignright
{
    float: right;

    margin: 0 0 40px 20px;
}
img.aligncenter,
.wp-caption.aligncenter
{
    display: block;

    margin: 0 auto;
}
.gallery .gallery-item
{
    margin: 0;

    border: none;
}
.gallery .gallery-item dt
{
    padding: 10px;

    background: #fff;
}
.gallery .gallery-item dd
{
    font-size: 1.4rem;

    padding: 0 10px 40px;
}
.gallery .gallery-item dt,
.gallery .gallery-item dd
{
    border: none;
}
.gallery .gallery-item img
{
    width: 100%;
    height: auto;
}
.wp-caption
{
    max-width: 100% !important;
    height: auto;
}
.wp-caption .wp-caption-text
{
    font-size: 1.4rem;
    line-height: 1.5;
}
.main__contents__article #toc_container
{
    width: 100%;
    margin: 0 0 40px;
    padding: 10px;

    border: none;
    background-color: #f7f7f7;
}
@media screen and (min-width: 769px)
{
    .main__contents__article #toc_container
    {
        padding: 30px;
    }
}
.main__contents__article #toc_container .toc_title
{
    font-size: 1.6rem;

    margin: 0 0 10px;

    text-align: left;

    border-bottom: 1px solid #999;
}
.main__contents__article #toc_container li
{
    font-size: 1.6rem;
    line-height: 1.4;

    margin: 0 0 10px;
}
@media screen and (min-width: 769px)
{
    .main__contents__article #toc_container li
    {
        font-size: 1.4rem;
    }
}
.main__contents__article #toc_container li:last-child
{
    margin: 0;
}
.main__contents__article #toc_container li ul
{
    margin-top: 5px;
}
.main__contents__article #toc_container a
{
    line-height: 1.6;

    display: inline;

    margin-bottom: 0;
}
.main__contents__article #toc_container.no_bullets ul
{
    padding: 0 0 0 1em;
}
.main__contents__article #toc_container.no_bullets ul li
{
    list-style-type: disc;
}
.main__contents__article #toc_container.no_bullets ul li ul
{
    margin: 10px 0 20px 0;
    padding: 0;
}
@media screen and (min-width: 769px)
{
    .main__contents__article #toc_container.no_bullets ul li ul
    {
        margin: 5px 0 0 1em;
    }
}
.main__contents__article #toc_container.no_bullets ul li ul li
{
    list-style-type: none;
}
ul.page-numbers
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 40px 0 0;

    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
ul.page-numbers a
{
    color: #333;
}
ul.page-numbers a:link,
ul.page-numbers a:visited,
ul.page-numbers a:active
{
    color: #333;
}
ul.page-numbers li
{
    width: 40px;
    height: 40px;
    margin: 0 20px 0 0;
}
ul.page-numbers li:last-child
{
    margin: 0;
}
ul.page-numbers li span,
ul.page-numbers li a
{
    display: block;
}
span.page-numbers,
a.page-numbers
{
    line-height: 40px;

    text-align: center;
    vertical-align: middle;

    background: #eee;
}
span.page-numbers.current
{
    color: #fff;
    background-color: #339cd1;
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='tel'],
.wpcf7 input[type='url'],
.wpcf7 textarea,
.wpcf7 select
{
    font-size: 1.6rem;

    width: 95%;
    padding: 1.5rem;

    border: 1px solid #999;
    border-radius: 4px;
    background-color: #fff;
}
.wpcf7 select
{
    height: 33px;
}
.wpcf7 input[type='button'],
.wpcf7 input[type='submit']
{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 0;

    display: inline-block;

    padding: 1.25em 3em;

    cursor: pointer;
    -webkit-transition: all .3s;
            transition: all .3s;
    text-decoration: none;

    color: #fff;
    border: none;
    border-radius: 4px;
    background: #3375d1;
    -webkit-box-shadow: 0 4px 0 #275eaa;
            box-shadow: 0 4px 0 #275eaa;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
}
.wpcf7 input[type='button']:hover,
.wpcf7 input[type='submit']:hover
{
    -webkit-transition: all .3s;
            transition: all .3s;

    opacity: .8;
}
.wpcf7 input[type='button']
{
    background: #999;
    -webkit-box-shadow: 0 4px 0 #888;
            box-shadow: 0 4px 0 #888;
}
span.wpcf7-list-item
{
    font-size: 1.6rem;

    display: inline-block;

    margin-left: 0 !important;
}
dl dd span.wpcf7-list-item
{
    height: 33px;

    vertical-align: middle;
}
dl dd span.wpcf7-list-item label
{
    vertical-align: middle;
}
dl dd span.wpcf7-list-item-label
{
    margin-right: 1em;
}
span.wpcf7-not-valid-tip
{
    margin: 20px 0 0;

    color: #bf0a55 !important;
}
.your-name input
{
    margin-bottom: 20px;
}
.wpcf7 input.wpcf7c-conf,
.wpcf7 textarea.wpcf7c-conf
{
    border: none;
    background-color: #f7f7f7;
}
.wpcf7 input.wpcf7c-conf:-webkit-autofill,
.wpcf7 textarea.wpcf7c-conf:-webkit-autofill
{
    border: none;
    -webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset;
}
.wpcf7 select.wpcf7c-conf
{
    border: none;
    background-color: #f7f7f7;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.wpcf7 select.wpcf7c-conf::-ms-expand
{
    display: none;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors
{
    border: none !important;
}
div.wpcf7-response-output
{
    padding: 10px !important;

    text-align: center;

    color: #bf0a55;
    background: #e9d1db;
}
@media only screen and (max-width: 768px)
{
    img.alignleft
    {
        display: block;
        float: none;

        margin: 0 0 40px;
    }
    img.alignright
    {
        display: block;
        float: none;

        margin: 0 0 40px;
    }
    .wp-caption.alignleft,
    .wp-caption.alignright
    {
        display: block;
        float: none;

        width: 100%;
        margin: 0 auto 40px;

        text-align: center;
    }
    .wp-caption.alignleft p,
    .wp-caption.alignright p
    {
        text-align: left;
    }
    ul.page-numbers li
    {
        margin: 0 15px 0 0;
    }
    .wpcf7 input[type='text'],
    .wpcf7 input[type='email'],
    .wpcf7 input[type='tel'],
    .wpcf7 input[type='url'],
    .wpcf7 textarea,
    .wpcf7 select
    {
        width: 100%;
    }
    .wpcf7 input[type='button'],
    .wpcf7 input[type='submit']
    {
        display: block;

        width: 100%;
        margin: 0 auto 20px;
    }
}
.balloon--primary,
.balloon--secondary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;
}
.balloon--primary__img,
.balloon--secondary__img
{
    position: relative;

    overflow: hidden;

    width: 70px;
    height: 70px;

    border-width: 2px;
    border-style: solid;
    border-radius: 50%;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
        flex: 0 0 70px;
}
@media only screen and (max-width: 768px)
{
    .balloon--primary__img,
    .balloon--secondary__img
    {
        width: 55px;
        height: 55px;

        -webkit-box-flex: 0;
        -ms-flex: 0 0 55px;
            flex: 0 0 55px;
    }
}
.balloon--primary__img > img,
.balloon--secondary__img > img
{
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;

    width: auto;
    max-width: none !important;
    height: 100% !important;
    margin: auto;
}
.balloon--primary__txt,
.balloon--secondary__txt
{
    position: relative;

    padding: 20px;

    word-break: break-all;

    border-radius: 5px;

    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
}
.balloon--primary__txt > p,
.balloon--secondary__txt > p
{
    margin: 0 !important;
}
.balloon--primary__txt:before,
.balloon--secondary__txt:before
{
    position: absolute;
    top: 20px;

    display: block;

    content: '';

    border-width: 13px 15px 13px 0;
    border-style: solid;
}
@media only screen and (max-width: 768px)
{
    .balloon--primary__txt:before,
    .balloon--secondary__txt:before
    {
        border-width: 6px 7.5px 6px 0;
    }
}
.balloon--primary__img
{
    border-color: #f3c921;
}
.balloon--primary__txt
{
    margin-left: 35px;

    background-color: #fff7d9;
}
.balloon--primary__txt:before
{
    left: -15px;

    border-color: transparent #fff7d9 transparent transparent;
}
@media only screen and (max-width: 768px)
{
    .balloon--primary__txt
    {
        margin-left: 18px;
    }
    .balloon--primary__txt:before
    {
        left: -7.5px;
    }
}
.balloon--secondary
{
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
}
.balloon--secondary__img
{
    border-color: #339cd1;
}
.balloon--secondary__txt
{
    margin-right: 35px;

    background-color: #def3fd;
}
.balloon--secondary__txt:before
{
    right: -15px;

    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);

    border-color: transparent #def3fd transparent transparent;
}
@media only screen and (max-width: 768px)
{
    .balloon--secondary__txt
    {
        margin-right: 18px;
    }
    .balloon--secondary__txt:before
    {
        right: -7.5px;
    }
}
.toc_list > li > ul > li > a:before
{
    font-weight: bold;

    content: '・';

    color: #222;
}
.post-contact-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin: 0 0 40px;
    padding: 35px 18px;

    border: solid 2px #0094ca;
    border-radius: 5px;
    background: #0085b6;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box
    {
        padding: 35px 40px;
    }
}
.post-contact-box .item--pc
{
    display: none;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box .item--pc
    {
        display: block;
    }
}
.post-contact-box__ttl-1
{
    font-size: 20px;
    font-weight: bold !important;
    line-height: 2;

    color: #fff;
}
.post-contact-box__ttl-2
{
    font-family: 'ヒラギノ角ゴ Pro W6';
    font-size: 28px;
    font-weight: bold;
    line-height: 1.428;

    color: #fff500;
}
.post-contact-box__ttl-3
{
    font-size: 16px;
    font-weight: bold !important;
    line-height: 1.75;

    margin: 0 0 10px;

    text-align: center;

    color: #fff;
}
.post-contact-box__txt
{
    font-size: 15px;
    line-height: 1.866;

    margin: 25px 0;

    text-align: center;

    color: #fff;
}
.post-contact-box__mail-btn
{
    font-family: 'ヒラギノ角ゴ Pro W6';
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 300px;
    margin: 0 auto;
    padding: 11px 20px;

    color: #0085b6 !important;
    border-radius: 36px;
    background: #fff500;
    -webkit-box-shadow: rgba(0, 0, 0, .16);
            box-shadow: rgba(0, 0, 0, .16);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box__mail-btn
    {
        width: auto;
        max-width: 370px;
    }
}
.post-contact-box__mail-btn:before
{
    margin: 6px 10px 0 0;

    content: url('../img/ictkids/common/mail_icon.svg');

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.post-contact-box__tel-btn-wrap
{
    width: 100%;
}
.post-contact-box__tel-btn
{
    font-family: 'ヒラギノ角ゴ Pro W6';
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 300px;
    margin: 0 auto;
    padding: 12px 20px;

    color: #0085b6;
    border-radius: 36px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .16);
            box-shadow: rgba(0, 0, 0, .16);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box__tel-btn
    {
        font-size: 33px;

        width: auto;
        max-width: 370px;
        margin: 0;
        padding: 7px 30px 0 0;

        pointer-events: none;

        color: #fff;
        background: rgba(255, 255, 255, 0);
    }
}
.post-contact-box__tel-btn:before
{
    font-family: icomoon;

    display: inline-block;

    margin-right: 5px;

    content: '\e901';

    color: #0085b6;

    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box__tel-btn:before
    {
        color: #fff;
    }
}
.post-contact-box__tel-btn--pt2
{
    font-family: 'ヒラギノ角ゴ Pro W6';
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin: 0 auto;
    padding: 12px 20px;

    color: #0085b6 !important;
    border-radius: 36px;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, .16);
            box-shadow: rgba(0, 0, 0, .16);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box__tel-btn--pt2
    {
        width: 350px;
    }
}
.post-contact-box__tel-btn--pt2:before
{
    font-family: icomoon;

    display: inline-block;

    margin-right: 5px;

    content: '\e901';

    color: #0085b6;

    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
}
.post-contact-box__tel-wrap
{
    width: 100%;
    margin: 30px 0 0;
    padding: 25px 0 0;

    border-top: solid 1px #fff;
}
.post-contact-box__date
{
    font-size: 14px;
    line-height: 1.8;

    margin: 10px 0 0;

    text-align: center;

    color: #fff;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box__date
    {
        text-align: left;
    }
}
.post-contact-box__min
{
    font-size: 12px;
}
@media screen and (min-width: 1024px)
{
    .post-contact-box__wrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.post-contact-box__wrap--pt2
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.navMenu__inner,
.navMenu--lp .navMenu__inner
{
    position: relative;

    width: 100%;
    margin: 0 auto;
}
.navMenu--lp .navMenu__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 1024px)
{
    .navMenu--lp .navMenu__inner
    {
        padding: 0 15px;
    }
}
@media screen and (min-width: 1024px)
{
    .header__logo
    {
        display: none;
    }
}
.header__logo,
.header__logo--nav
{
    font-size: 1.1rem;

    padding: 20px 0 15px;

    text-align: center;
}
.header__logo a,
.header__logo--nav a,
a.header__logo:visited,
a.header__logo--nav:visited
{
    color: #333;
}
.header__logo img,
.header__logo--nav img
{
    width: 175px;
    margin: 0 0 5px;
}
.header__logo--txt
{
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.4;
}
.header__logo__discription
{
    font-size: 1.1rem;
    line-height: 1.4;

    display: none;

    width: calc(100% - 165px);
    margin-left: 10px;

    text-align: left;
}
@media screen and (min-width: 1024px)
{
    .header__logo__discription
    {
        display: inline-block;
    }
}
.header__lpMeta--pc
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    .header__lpMeta--pc
    {
        display: none;
    }
}
.header__lpMeta--sp
{
    display: none;
}
@media only screen and (max-width: 1024px)
{
    .header__lpMeta--sp
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        width: 100px;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.header__lpMeta__telArea
{
    font-size: 1.8rem;
    font-weight: bold;

    margin-right: 30px;
    padding: 13px 24px;

    cursor: pointer;
    vertical-align: middle;

    border: #fafafa solid 3px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
            box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
.header__lpMeta__telArea:hover
{
    opacity: .7;
}
@media only screen and (max-width: 1024px)
{
    .header__lpMeta__telArea
    {
        font-size: 1rem;

        margin-right: 0;
        padding: 0;

        border: 0;
        border-radius: 0;
        -webkit-box-shadow: 0;
                box-shadow: 0;
    }
}
.header__menu
{
    position: absolute;
    top: 25px;
    left: 0;
}
.header__menu__btn
{
    font-size: 3rem;

    color: #339cd1;
}
.header__menu__btn:before
{
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header__menu__btn--sp,
.header__menu__btn--pc-top,
.header__menu__btn--sp-top
{
    display: none;
}
.header__menu--sp,
.header__menu--sp-top
{
    display: none;
}
.navMenu
{
    display: none;
}
@media screen and (min-width: 1024px)
{
    .navMenu
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        background-color: #f7f7f7;
    }
}
.navMenu__inner
{
    position: relative;

    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
.navMenuList
{
    display: none;
}
@media screen and (min-width: 1024px)
{
    .navMenuList
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.navMenuList__item
{
    position: relative;
}
.navMenuList__item:before
{
    position: absolute;
    top: 25%;
    left: 100%;

    display: inline-block;

    width: 1px;
    height: 50px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    border-radius: 2px;
    background-color: #ccc;
}
.navMenuList__item:last-child::before
{
    display: none;
}
.header__logo--nav,
.search__area--nav
{
    display: none;
}
@media screen and (min-width: 769px) and (max-width: 870px)
{
    .header__logo--nav
    {
        width: 20%;
    }
}
.header--lp .header__logo--nav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header--lp .header__logo--nav a
{
    display: block;

    width: 175px;
}
.header--lp .header__logo--nav img
{
    margin: 0;
}
@media only screen and (max-width: 1024px)
{
    .header--lp .header__logo--nav
    {
        width: calc(100% - 100px);
    }
}
header .navMenu
{
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}
header .navMenu__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
header .navMenuItem
{
    padding-right: 15px;
    padding-left: 15px;
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
    header .navMenuItem
    {
        padding-right: 10px;
        padding-left: 10px;
    }
}
header .header__logo--nav,
header .search__area--nav
{
    display: block;
}
header.header--lp .header__logo--nav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.navMenuItem
{
    display: block;

    padding: 15px 45px;

    cursor: pointer;
    -webkit-transition: none;
            transition: none;

    fill: #3a9dcf;
}
.navMenuItem:hover
{
    background-color: #dfedf5;
}
.navMenuItem svg
{
    display: block;

    margin: 0 auto;
}
.navMenuItem__txt
{
    font-weight: bold;
    line-height: 1.25;

    display: block;

    margin-top: 6px;

    text-align: center;

    color: #333;
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
    .navMenuItem__txt
    {
        font-size: 13px;
    }
}
@media screen and (min-width: 769px) and (max-width: 870px)
{
    .navMenuItem__txt
    {
        font-size: 11px;
    }
}
.navMenuItem:nth-child(3)
{
    display: none;
}
.header__menu__list__subMenu
{
    position: absolute;
    right: -50%;
    left: -50%;

    width: 207px;
    margin: 0 auto;
    padding: 10px;

    background-color: #339cd1;
}
.header__menu__list__subMenu:before
{
    position: absolute;
    top: -10px;
    right: -50%;
    left: -50%;

    display: block;

    width: 0;
    height: 0;
    margin: 0 auto;

    content: '';

    border-width: 0 7.5px 10px 7.5px;
    border-style: solid;
    border-color: transparent transparent #339cd1 transparent;
}
.subMenu__item__link
{
    font-size: 1.2rem;
    font-weight: bold;

    display: block;

    padding: 15px 5px 15px 15px;

    color: #fff;
}
.subMenu__item__link:hover
{
    opacity: 1;
    color: #339cd1;
    border-radius: 5px;
    background-color: #fff;
}
.subMenu__item__link:visited
{
    color: #fff;
}
.subMenu__item__link:visited:hover
{
    color: #339cd1;
}
.subMenu__item__link > span
{
    font-size: 1.4rem;

    display: inline-block;

    margin-left: 4px;
}
.search__area label,
.search__area--secondary label
{
    display: none;
}
.search__area--secondary label
{
    display: none;
}
.search__area--secondary .search__form
{
    max-width: 290px;
}
.search__area--sp-menu
{
    position: absolute;
    top: 35px;
    right: 25px;
}
.search__area--sp-menu label
{
    display: none;
}
.search__area--sp-menu .search__form
{
    max-width: 290px;
}
.search__area--nav label
{
    display: none;
}
.search__form
{
    position: relative;

    max-width: 200px;
    height: 32px;

    border-radius: 16px;
    background: #eee;
}
#search__txtArea,
#search__txtArea--sideMenu,
#search__txtArea--sidePc
{
    font-size: 1.4rem;
    line-height: 32px;

    height: 32px;
    padding: 0 30px 0 20px;

    border: none;
    background: transparent;
}
.search__submit
{
    font-size: 2.1rem;

    position: absolute;
    top: 0;
    right: 5px;

    height: 32px;

    cursor: pointer;

    color: #339cd1;
    border: none;
    background: transparent;
}
@media only screen and (max-width: 1024px)
{
    .header__menu__btn--pc,
    /* display: none, */
    .header__menu__btn--sp,
    .header__menu__btn--pc-top,
    /* display none-top, */
    .header__menu__btn--sp-top
    {
        position: absolute;
        z-index: 300;
        top: 22px;
        left: 10px;

        display: inline-block;

        -webkit-transition: all .3s ease;
                transition: all .3s ease;
    }
    .header__menu__btn--pc-top,
    /* display none-top, */
    .header__menu__btn--sp-top,
    .header__menu__btn--pc-top-top,
    /* display none-top-top, */
    .header__menu__btn--sp-top-top
    {
        top: 45px;

        visibility: visible;
    }
    .header__menu--sp,
    .header__menu--sp-top
    {
        z-index: 200;

        display: block;

        padding: 80px 0 0;

        -webkit-transition: all .3s ease;
                transition: all .3s ease;

        background: #fff;
    }
    .header__menu--sp-top,
    .header__menu--sp-top-top
    {
        padding: 102px 0 0;
    }
    .spMenuLink,
    .spMenuLink--toggle
    {
        position: relative;

        display: block;

        padding: 19px 22px;

        color: #339cd1;
        background: #fff;
    }
    .spMenuLink span,
    .spMenuLink--toggle span
    {
        font-weight: bold;

        color: #333;
    }
    .spMenuLink:before,
    .spMenuLink--toggle:before
    {
        font-size: 12px;
        font-size: 1.2rem;

        position: absolute;
        top: -50%;
        right: 22px;
        bottom: -50%;

        height: 1em;
        margin: auto 0;
    }
    .spMenuLink:hover,
    .spMenuLink--toggle:hover,
    .spMenuLink:visited,
    .spMenuLink--toggle:visited
    {
        color: #339cd1;
    }
    .spMenuLink--secondary
    {
        position: relative;

        display: block;

        padding: 19px 20px;

        color: #339cd1;
        background: #dfedf5;
    }
    .spMenuLink--secondary span
    {
        font-weight: bold;

        color: #333;
    }
    .spMenuLink--secondary:before
    {
        font-size: 12px;
        font-size: 1.2rem;

        margin: 0 .25em 0 0;
    }
    .spMenuLink--secondary:hover,
    .spMenuLink--secondary:visited
    {
        color: #339cd1;
    }
    .spMenuLink--toggle:before
    {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .spMenuLink--toggle.is-open:before
    {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
    }
    .menu--sp__toggleList__item
    {
        border-top: 1px solid #fff;
    }
    .menu--sp__toggleList__item:first-of-type
    {
        border-top-color: #e0e0e0;
    }
    .menu--sp__list__item
    {
        border-bottom: 1px #e0e0e0 solid;
    }
    .menu--sp__list__item:first-of-type
    {
        border-top: 1px #e0e0e0 solid;
    }
    .menu--sp__bottom
    {
        padding: 20px;
    }
    .menu--sp__bnrlists
    {
        margin-bottom: 20px;

        border-bottom: 1px solid #e0e0e0;
    }
    .menu--sp__bnrlists:last-child
    {
        margin-bottom: 0;

        border-bottom: none;
    }
    .menu--sp__bnrlists__item
    {
        margin-bottom: 20px;
    }
    .menu--sp__bnrlists__item a
    {
        display: block;
    }
    .header__menu__ttl
    {
        padding: 20px 10px;

        border-top: 1px solid #ddd;
        border-bottom: none;
    }
    .header__search__btn,
    .header__search__btn-top
    {
        font-size: 3rem;

        position: absolute;
        z-index: 200;
        top: 22px;
        right: 10px;

        color: #339cd1;
    }
    .header__search__btn-top,
    .header__search__btn-top-top
    {
        top: 45px;
    }
    .header__searchBox,
    .header__searchBox-top
    {
        position: absolute;
        top: 16px;
        right: 10px;
    }
    .header__searchBox-top,
    .header__searchBox-top-top
    {
        top: 35px;
    }
    .search__area
    {
        position: relative;
        top: 0;
    }
    .search__form
    {
        max-width: 290px;
        height: 48px;
        margin: auto;

        border-radius: 24px;
    }
    #search__txtArea,
    #search__txtArea--sideMenu,
    #search__txtArea--sidePc
    {
        line-height: 48px;

        height: 48px;
    }
    .search__submit
    {
        font-size: 2.4rem;

        height: 48px;
    }
    .content__overlay
    {
        -webkit-transition: all .3s ease;
                transition: all .3s ease;
    }
}
.main__contents__newArticleList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin: 20px 0 40px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.main__contents__newArticleList__ad
{
    width: 100%;
    margin: 0 0 40px;
}
.main__contents__newArticleList__ad ins
{
    margin: 6px 0 0;
}
.main__newArticleList__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.main__newArticleList__item__col__big
{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 47%;
    flex: 0 1 47%;
}
.main__newArticleList__item__col__big .newArticleList__img
{
    height: 212px;
}
.main__newArticleList__item__col__small
{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 31%;
    flex: 0 1 31%;
}
.main__newArticleList__item__col__small .newArticleList__img
{
    height: 140px;
}
.newArticleList__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 20px;
}
.newArticleList__img
{
    display: inline-block;
    width: 100%;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
}
.newArticleList__cat,
.newArticleList__cat:visited
{
    font-size: 1.1rem;
    position: relative;
    float: left;
    height: 22px;
    padding: 5px 10px;
    color: #fff;
    background-color: #339cd1;
}
.newArticleList__cat:after,
.newArticleList__cat:visited:after
{
    position: absolute;
    top: 0;
    right: -14px;
    content: '';
    border-width: 22px 14px 0 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #339cd1;
}
.newArticleList__txtArea
{
    width: 100%;
}
.newArticleList__txtArea a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #333;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.newArticleList__txtArea a:link,
.newArticleList__txtArea a:visited,
.newArticleList__txtArea a:active
{
    color: #333;
}
.newArticleList__txtArea a:hover h3
{
    text-decoration: underline;
}
.newArticleList__txt,
.main__contents__relatedArticle .side__list__txt__meta
{
    font-size: 1.2rem;
    color: #999;
}
.newArticleList__txt__excerpt
{
    bottom: 50px;
}
.newArticleList__txt__meta,
.main__contents__relatedArticle .side__list__txt__meta
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.newArticleList__txt__meta span,
.main__contents__relatedArticle .side__list__txt__meta span
{
    margin: 0 10px 0 0;
}
.newArticleList__txt__meta__pr
{
    font-size: 1.1rem;
    padding: 2px;
    color: #fff;
    background: #999;
}
.txt--noNewArticle
{
    font-size: 1.6rem;
    margin: 20px 0 40px;
}
.newArticleList__section
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 85px;
    padding: 0 15px;
    background-color: #f3f3f3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 769px)
{
    .newArticleList__section
    {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.newArticleList__section__ttl
{
    font-size: 1.4rem;
    width: 45%;
    color: #999;
}
@media screen and (max-width: 370px)
{
    .newArticleList__section__ttl
    {
        font-size: 1.2rem;
    }
}
@media screen and (min-width: 769px)
{
    .newArticleList__section__ttl
    {
        width: 25%;
    }
}
.newArticleList__section__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
@media screen and (min-width: 769px)
{
    .newArticleList__section__content
    {
        width: 30%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-evenly;
    }
}
.newArticleList__section__content__item a,
a.newArticleList__section__content__item:visited
{
    font-size: 35px;
    width: 35px;
    height: 35px;
}
@media screen and (max-width: 370px)
{
    .newArticleList__section__content__item a,
    a.newArticleList__section__content__item:visited
    {
        font-size: 35px;
        width: 35px;
        height: 35px;
    }
}
@media only screen and (max-width: 768px)
{
    .main__newArticleList__item__col__big
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    .main__newArticleList__item__col__small
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 47%;
        flex: 0 1 47%;
    }
    .newArticleList__ttl
    {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .newArticleList__img
    {
        height: 80px;
    }
    .newArticleList__txt,
    .main__contents__relatedArticle .side__list__txt__meta
    {
        font-size: 1.1rem;
    }
    .newArticleList__txt__meta,
    .main__contents__relatedArticle .side__list__txt__meta
    {
        line-height: 1.4;
    }
    .newArticleList__txt__meta .item--sp,
    .main__contents__relatedArticle .side__list__txt__meta .item--sp
    {
        display: inline;
    }
    .main__contents__newArticleList__ad > ins
    {
        width: auto !important;
        margin: 6px -30px 40px;
    }
}
.top__pickup__img
{
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
}
.top__pickup__img .top__pickup__ttl
{
    color: #fff;
}
.top__pickup__ttlArea
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .6));
}
.top__pickup__ttl
{
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.6;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline;
    padding: 20px;
}
.top__pickup__ttl__pr
{
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 2px 5px;
    vertical-align: 3px;
    border: 1px solid #fff;
}
.main__contents__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 0 10px 0;
    border-bottom: 1px #999 solid;
}
.main__contents__ttl--top
{
    height: 30px;
}
.main__contents__articleList
{
    margin: 0 0 40px;
}
.main__articleList__ad
{
    list-style: none;
}
.main__articleList__ad .c-sponsorTxt
{
    margin-top: 40px;
}
.main__articleList__ad > ins
{
    margin-top: 6px;
}
.main__articleList__item
{
    position: relative;
    padding: 20px 0;
    border-bottom: 1px dashed #ddd;
}
.articleList__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.6;
    position: absolute;
    top: 20px;
    left: 206px;
}
.articleList__img
{
    display: inline-block;
    width: 186px;
    height: 120px;
    margin: 0 20px 0 0;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
}
.articleList__cat,
.articleList__cat:visited
{
    font-size: 1.1rem;
    position: relative;
    float: left;
    height: 22px;
    padding: 5px 10px;
    color: #fff;
    background-color: #339cd1;
}
.articleList__cat:after,
.articleList__cat:visited:after
{
    position: absolute;
    top: 0;
    right: -14px;
    content: '';
    border-width: 22px 14px 0 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #339cd1;
}
.articleList__txtArea a
{
    color: #333;
}
.articleList__txtArea a:link,
.articleList__txtArea a:visited,
.articleList__txtArea a:active
{
    color: #333;
}
.articleList__txtArea a:hover h3
{
    text-decoration: underline;
}
.articleList__txt
{
    font-size: 1.2rem;
    line-height: 1.4;
    position: absolute;
    left: 206px;
    color: #999;
}
.articleList__txt__excerpt
{
    bottom: 50px;
}
.articleList__txt__meta
{
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.articleList__txt__meta span
{
    margin: 0 10px 0 0;
}
.articleList__txt__meta__pr
{
    font-size: 1.1rem;
    padding: 2px;
    color: #fff;
    background: #999;
}
.txt--noArticle
{
    font-size: 1.6rem;
    margin: 20px 0 40px;
}
.footer__pageTop
{
    padding: 0 0 20px;
}
.footer__pageTop a
{
    font-size: 24px;
    display: inline-block;
    padding: 10px;
    color: #fff;
    border-radius: 24px;
    background: #339cd1;
}
@media only screen and (max-width: 768px)
{
    .top__pickup li
    {
        width: 100%;
        height: 240px;
    }
    .top__pickup li:nth-child(2),
    .top__pickup li:nth-child(3)
    {
        display: none;
    }
    .top__pickup li h3
    {
        font-size: 1.6rem;
    }
    .main__contents__ttl--top
    {
        height: auto;
    }
    .articleList__ttl,
    .articleList__txt
    {
        left: 90px;
    }
    .articleList__ttl
    {
        font-size: 1.3rem;
        line-height: 1.4;
    }
    .articleList__img
    {
        width: 80px;
        height: 80px;
    }
    .articleList__txt
    {
        font-size: 1.1rem;
    }
    .articleList__txt__meta
    {
        line-height: 1.4;
    }
    .articleList__txt__meta .item--sp
    {
        display: inline;
    }
}
.purpose__contaniner
{
    width: 90%;
    margin: auto;
    padding: 40px 0 40px;
}
@media screen and (min-width: 769px)
{
    .purpose__contaniner
    {
        width: 100%;
        padding: 60px 0 60px;
    }
}
.purpose__title
{
    text-align: center;
}
.purpose__underline
{
    width: 100px;
    height: 1px;
    margin: auto;
    background-color: #999;
}
.purpose__txt
{
    line-height: 2;
    text-align: center;
}
@media screen and (min-width: 769px)
{
    .purpose__ul
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 1024px;
        margin: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.purpose__li
{
    margin-bottom: 5px;
}
.purpose__li:last-child
{
    margin-bottom: 0;
}
@media screen and (min-width: 769px)
{
    .purpose__li
    {
        width: calc(25% - 10px);
        max-width: 250px;
        margin-right: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
    }
    .purpose__li:last-child
    {
        margin-bottom: 30px;
    }
}
.purpose__box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    padding: 0 5px;
    color: #339cd1;
    background-color: #eaf5fa;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #339cd1;
}
.purpose__box__img
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.purpose__box__txt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 230px;
    letter-spacing: .45px;
    color: #339cd1;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media screen and (min-width: 769px)
{
    .purpose__box__txt
    {
        line-height: 1.2;
        flex-direction: column;
        width: auto;
        letter-spacing: 2px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media screen and (max-width: 370px)
{
    .purpose__box__txt
    {
        width: 205px;
    }
}
.purpose__box__txt--secondary
{
    color: #333;
}
.purpose__more
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    cursor: pointer;
    color: #339cd1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #339cd1;
}
@media screen and (min-width: 769px)
{
    .purpose__more
    {
        display: none;
        margin-bottom: 0;
    }
}
.purpose__btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 345px;
    height: 50px;
    margin: auto;
    border-radius: 25px;
    background-color: #339cd1;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.purpose__btn__txt
{
    letter-spacing: 1px;
    color: #fff;
}
.purpose__box__arrow
{
    width: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.item--sp-s
{
    display: none;
}
@media screen and (max-width: 370px)
{
    .item--sp-s
    {
        display: block;
    }
}
.systems__contaniner
{
    margin: 0 -20px;
    padding: 40px 0 25px;
    background-color: #f3f3f3;
}
@media screen and (min-width: 769px)
{
    .systems__contaniner
    {
        padding: 60px 0 60px;
    }
}
@media screen and (min-width: 1024px)
{
    .systems__contaniner
    {
        margin: 0;
    }
}
.systems__content
{
    width: 100%;
    margin: auto;
    padding: 20px;
}
.systems__ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 769px)
{
    .systems__ul
    {
        max-width: 1024px;
        margin: auto;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
.systems__li
{
    width: calc(50% - 5px);
    margin-bottom: 10px;
    border-radius: 2.5px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
@media screen and (min-width: 769px)
{
    .systems__li
    {
        width: calc(25% - 40px);
        max-width: 165px;
    }
}
.systems__li:last-child
{
    margin-left: auto;
}
@media screen and (max-width: 370px)
{
    .systems__li
    {
        width: 45%;
        height: 230px;
    }
}
.systems__li a
{
    display: block;
}
.systems__li--empty
{
    width: 165px;
}
@media screen and (max-width: 370px)
{
    .systems__li--empty
    {
        width: 45%;
        height: 230px;
    }
}
@media screen and (min-width: 769px)
{
    .systems__li--empty
    {
        display: none;
    }
}
.systems__box
{
    padding: 10px;
}
.systems__box__imgWrap__img
{
    width: 100%;
    height: 80px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.systems__box__ttl
{
    color: #666;
}
.systems__box__txt
{
    font-weight: bold;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    color: #339cd1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    box-orient: vertical;
}
.systems__box__cost
{
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #333;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px)
{
    .systems__box__cost
    {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
.systems__box__cost__num
{
    color: #339cd1;
}
.fixed_banner
{
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 1024px)
{
    .fixed_banner
    {
        display: none;
    }
}
.fixed_banner__item,
.fixed_banner__item--primary,
.fixed_banner__item--secondary,
.fixed_banner__item--primary--secondary,
.fixed_banner__item--tertiary,
.fixed_banner__item--primary--tertiary,
.fixed_banner__item--secondary--tertiary,
.fixed_banner__item--primary--secondary--tertiary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 33.3%;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.fixed_banner__item--primary,
.fixed_banner__item--primary--primary,
.fixed_banner__item--secondary--primary,
.fixed_banner__item--primary--secondary--primary,
.fixed_banner__item--tertiary--primary,
.fixed_banner__item--primary--tertiary--primary,
.fixed_banner__item--secondary--tertiary--primary,
.fixed_banner__item--primary--secondary--tertiary--primary
{
    color: #fff;
    border-radius: 10px 0 0 0;
    background-color: #ff8b00;
    fill: #fff;
}
.fixed_banner__item--primary:visited,
.fixed_banner__item--primary--primary:visited,
.fixed_banner__item--secondary--primary:visited,
.fixed_banner__item--primary--secondary--primary:visited,
.fixed_banner__item--tertiary--primary:visited,
.fixed_banner__item--primary--tertiary--primary:visited,
.fixed_banner__item--secondary--tertiary--primary:visited,
.fixed_banner__item--primary--secondary--tertiary--primary:visited
{
    color: #fff;
}
.fixed_banner__item--secondary,
.fixed_banner__item--primary--secondary,
.fixed_banner__item--secondary--secondary,
.fixed_banner__item--primary--secondary--secondary,
.fixed_banner__item--tertiary--secondary,
.fixed_banner__item--primary--tertiary--secondary,
.fixed_banner__item--secondary--tertiary--secondary,
.fixed_banner__item--primary--secondary--tertiary--secondary
{
    color: #fff;
    background-color: #3a9dcf;
    fill: #fff;
}
.fixed_banner__item--secondary:visited,
.fixed_banner__item--primary--secondary:visited,
.fixed_banner__item--secondary--secondary:visited,
.fixed_banner__item--primary--secondary--secondary:visited,
.fixed_banner__item--tertiary--secondary:visited,
.fixed_banner__item--primary--tertiary--secondary:visited,
.fixed_banner__item--secondary--tertiary--secondary:visited,
.fixed_banner__item--primary--secondary--tertiary--secondary:visited
{
    color: #fff;
}
.fixed_banner__item--tertiary,
.fixed_banner__item--primary--tertiary,
.fixed_banner__item--secondary--tertiary,
.fixed_banner__item--primary--secondary--tertiary,
.fixed_banner__item--tertiary--tertiary,
.fixed_banner__item--primary--tertiary--tertiary,
.fixed_banner__item--secondary--tertiary--tertiary,
.fixed_banner__item--primary--secondary--tertiary--tertiary
{
    color: #3a9dcf;
    border-radius: 0 10px 0 0;
    background-color: #d8ebf5;
    fill: #3a9dcf;
}
.fixed_banner__item--tertiary:visited,
.fixed_banner__item--primary--tertiary:visited,
.fixed_banner__item--secondary--tertiary:visited,
.fixed_banner__item--primary--secondary--tertiary:visited,
.fixed_banner__item--tertiary--tertiary:visited,
.fixed_banner__item--primary--tertiary--tertiary:visited,
.fixed_banner__item--secondary--tertiary--tertiary:visited,
.fixed_banner__item--primary--secondary--tertiary--tertiary:visited
{
    color: #3a9dcf;
}
.fixed_banner__item__icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.fixed_banner__item__icon--empty
{
    width: 20px;
}
.fixed_banner__item__icon--arrow
{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.fixed_banner__item__txt
{
    font-size: 1.3rem;
    line-height: 1.23;
}
.side__section__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.4rem;
    margin: 0 0 20px;
    padding: 0 0 10px 0;
    border-bottom: 1px #999 solid;
}
.side__section
{
    margin: 0 0 40px;
}
.side__section > ins
{
    margin: 6px auto 0;
}
.side__contents--top .side__section__bnrList
{
    margin: 30px 0 0;
}
.side__section__bnrList__item
{
    margin: 0 0 20px;
}
.side__section__bnrList__item:last-child
{
    margin: 0;
}
.side__section__bnrList__item a
{
    display: block;
    text-align: center;
}
.side__section__bnrList__item .c-sponsorTxt
{
    margin-top: 38px;
}
.side__section__bnrList__item > ins
{
    margin-top: 6px;
}
.side__section__bnrList__item.side__bnrList__item--btn
{
    margin: 0 0 26px;
}
.list--border--dashed__item
{
    padding: 20px 0;
    border-bottom: 1px #ddd dashed;
}
.list--border--dashed__item:first-child
{
    padding: 0 0 20px;
}
.list--border--dashed__item a
{
    color: #333;
}
.list--border--dashed__item a:link,
.list--border--dashed__item a:visited,
.list--border--dashed__item a:active
{
    color: #333;
}
.list--border--dashed__item a:hover
{
    text-decoration: underline;
}
.side__more
{
    margin: 20px 0 0;
    text-align: right;
}
.side__more a
{
    color: #333;
}
.side__more a:link,
.side__more a:visited,
.side__more a:active
{
    color: #333;
}
.side__more a:hover span
{
    text-decoration: underline;
}
.side__more .c-ico--arrow--r:before
{
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 .25em 0 0;
    color: #ddd;
}
.side__list--thum__item,
.main__contents__relatedArticle .side__list--thum__item--secondary
{
    position: relative;
    padding: 20px 0;
    border-bottom: 1px #ddd dashed;
}
.side__list--thum__item:first-child,
.main__contents__relatedArticle .side__list--thum__item--secondary:first-child
{
    padding: 0 0 20px;
}
.side__list--thum__item:first-child .side__list__txt,
.main__contents__relatedArticle .side__list--thum__item--secondary:first-child .side__list__txt
{
    top: 0;
}
.side__list--thum__item a,
.main__contents__relatedArticle .side__list--thum__item--secondary a
{
    color: #333;
}
.side__list--thum__item a:link,
.main__contents__relatedArticle .side__list--thum__item--secondary a:link,
.side__list--thum__item a:visited,
.main__contents__relatedArticle .side__list--thum__item--secondary a:visited,
.side__list--thum__item a:active,
.main__contents__relatedArticle .side__list--thum__item--secondary a:active
{
    color: #333;
}
.side__list--thum__item a:hover .side__article__ttl__txt,
.main__contents__relatedArticle .side__list--thum__item--secondary a:hover .side__article__ttl__txt
{
    text-decoration: underline;
}
.side__list--thum__item a.newArticleList__cat,
.main__contents__relatedArticle .side__list--thum__item--secondary a.newArticleList__cat
{
    color: #fff;
}
.side__list__img
{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
}
.side__list__txt
{
    position: absolute;
    top: 20px;
    left: 80px;
    display: inline-block;
}
.side__article__ttl
{
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;
}
.side__article__ttl--secondary
{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.6;
    display: -webkit-box;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media screen and (min-width: 769px)
{
    .side__article__ttl--secondary
    {
        font-size: 1.8rem;
    }
}
.side__article__meta__pr
{
    font-size: 1rem;
    margin: 0 0 0 5px;
    padding: 2px;
    vertical-align: 2px;
    color: #fff;
    background: #999;
}
.side__ranking
{
    position: relative;
    counter-increment: rankingnumber;
}
.side__ranking:before
{
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    z-index: 5;
    top: 23px;
    left: 5px;
    content: counter(rankingnumber);
    color: #fff;
}
.side__ranking:first-child:before
{
    top: 3px;
}
.side__ranking .side__list__img
{
    position: relative;
}
.side__ranking .side__list__img:before
{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border-width: 30px 30px 0 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #339cd1;
}
.list--snsLink
{
    margin: 0 0 20px;
}
.list--snsLink__item
{
    display: inline-block;
    margin: 0 16px 0 0;
}
.list--snsLink__item a
{
    font-size: 48px;
    display: block;
    width: 48px;
    height: 48px;
    content: '';
}
.c-ico--instagram--01,
.c-ico--instagram--01:visited
{
  color: #e82966

}
.c-ico--facebook--01,
.c-ico--facebook--01:visited
{
    color: #27579c;
}
.c-ico--twitter--01,
.c-ico--twitter--01:visited
{
    color: #5ec0ed;
}
.bnr--inquiry
{
    line-height: 1;
    display: block;
}
.bnr--inquiry img
{
    width: 300px;
    height: auto;
}
.ga--event
{
    cursor: pointer;
}
@media only screen and (max-width: 768px)
{
    .side__contents--top .side__section__bnrList
    {
        margin: 0;
    }
    .side__section__bnrList__item.side__bnrList__item--btn
    {
        margin: 0 0 23px;
    }
    .side__section__bnrList__item > ins
    {
        display: block;

        margin: 0 auto !important;
    }
    .side__section__bnrList__item .c-sponsorTxt
    {
        margin-bottom: 6px;
    }
    .side__more a
    {
        display: block;
        padding: 10px;
        text-align: center;
        border-radius: 4px;
        background: #eee;
        -webkit-box-shadow: 0 2px 0 #ddd;
        box-shadow: 0 2px 0 #ddd;
    }
    .side__more a .c-ico--arrow--r:before
    {
        color: #999;
    }
    .side__list__img
    {
        width: 80px;
        height: 80px;
    }
    .side__list__txt
    {
        left: 90px;
    }
    .side__article__ttl
    {
        font-size: 1.4rem;
        line-height: 1.4;
    }
    .bnr--inquiry img
    {
        width: 100%;
        height: auto;
    }
    .section--ga--sp
    {
        text-align: center;
    }
}
footer
{
    padding: 40px 0 0;
    color: #fff;
    background-color: #339cd1;
}
.footer__copyright
{
    font-size: 1.2rem;
    margin: auto;
    padding: 16px 0;
    text-align: center;
    background-color: #1f81b2;
}
@media screen and (max-width: 370px)
{
    .footer__copyright
    {
        font-size: 1rem;
    }
}
.footer__info
{
    font-size: 1.2rem;
    line-height: 1.6;
    display: inline-block;
    width: 340px;
    margin: 0 80px 0 0;
    vertical-align: top;
}
.footer__logo
{
    display: block;
    margin: 0 0 20px;
}
.footer__logo img
{
    height: 40px;
}
.footer__logo--txt,
.footer__logo--txt:visited
{
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.4;
    color: #fff;
}
.footer__menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 600px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.footer__menu__ttl
{
    font-size: 1.4rem;
}
footer .list--snsLink
{
    margin: 20px 0 0;
}
footer .list--snsLink__item
{
    margin: 0 14px 0 0;
}
footer .list--snsLink__item a,
footer .list--snsLink__item:visited
{
    font-size: 36px;
    width: 36px;
    height: 36px;
}
footer .list--snsLink__item .c-ico--instagram--01,
footer .list--snsLink__item .c-ico--facebook--01,
footer .list--snsLink__item .c-ico--twitter--01
{
    color: #fff;
}
.list--footer__item
{
    margin: 20px 0 0;
}
.list--footer__item a,
a.list--footer__item:visited
{
    color: #fff;
}
.list--footer__item a:hover span,
a.list--footer__item:visited:hover span
{
    text-decoration: underline;
}
.list--footer__item a:before,
a.list--footer__item:visited:before
{
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 .25em 0 0;
}
@media only screen and (max-width: 768px)
{
    footer
    {
        padding: 20px 0 0;
    }
    .footer__info
    {
        display: block;
        width: 90%;
        margin: 0 auto 20px;
        text-align: center;
    }
    .footer__menu
    {
        display: block;
        width: 100%;
    }
    .footer__menu .footer__menu__ttl
    {
        font-size: 1.8rem;
        padding: 15px 0;
        text-align: center;
    }
    .footer__menu__box
    {
        border-top: 1px solid #fff;
    }
    .list--footer
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #fff;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .list--footer__item
    {
        font-size: 1.1rem;
        line-height: 1.6rem;
        width: 50%;
        margin: 0;
        padding: 15px 10px;
        border-bottom: 1px solid #fff;
    }
    .list--footer__item:nth-child(2n+1)
    {
        border-right: 1px solid #fff;
    }
    .list--footer__item:last-child,
    .list--footer__item:nth-last-child(2).list--footer__item:nth-child(odd)
    {
        border-bottom: none;
    }
    .footer__infoList
    {
        padding: 22.5px 0;
        background: #1f81b2;
    }
    .footer__infoList .footer__menu__ttl
    {
        display: none;
    }
    .footer__infoList .list--footer
    {
        display: block;
        text-align: center;
        border-top: none;
    }
    .footer__infoList .list--footer__item
    {
        display: inline-block;
        width: auto;
        padding: 0 15px;
        border-bottom: none;
        border-left: 1px solid #fff;
    }
    .footer__infoList .list--footer__item:nth-child(2n+1)
    {
        border-right: none;
    }
    .footer__infoList .list--footer__item:first-child
    {
        border-left: none;
    }
    .footer__infoList .list--footer__item a:before
    {
        content: none;
    }
    .footer__copyright
    {
        margin: 0;
    }
}
.footer__contact
{
    padding: 25px 0;
}
@media screen and (min-width: 769px)
{
    .footer__contact
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 1024px;
        margin: 40px auto 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media screen and (min-width: 769px)
{
    .footer__contact__box
    {
        width: 50%;
    }
}
@media screen and (min-width: 769px)
{
    .footer__contact__bar
    {
        height: 100px;
        border-left: 1px solid #e0e0e0;
    }
}
.footer__contact__ttl
{
    font-size: 17px;
    line-height: 1.8;
    text-align: center;
}
.footer__contact__tel
{
    max-width: 280px;
    margin: auto;
    text-align: center;
}
.footer__contact__tel.contactBox__telArea__num
{
    margin-right: auto;
    margin-left: auto;
}
.footer__contact__tel a
{
    display: inline-block;
    width: 100%;
    padding: 15px 24px;
    vertical-align: middle;
    color: #333;
    border: #fafafa solid 3px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
@media screen and (min-width: 769px)
{
    .footer__contact__tel
    {
        font-size: 18px;
        max-width: 500px;
        margin: 0;
    }
    .footer__contact__tel a
    {
      max-width: 350px;
    }
    .footer__contact__tel ._telArea__num__inner
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer__contact__tel ._telArea__num__inner:before
    {
        font-size: 24px;
        color: #339cd1;
    }
}
.footer__contact__txt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.footer__menu__box--secondary
{
    display: block;
    border-top: 1px solid #fff;
    background-color: #1f81b2;
}
@media screen and (min-width: 769px)
{
    .footer__menu__box--secondary
    {
        border-top: none;
        border-bottom: 1px solid #e0e0e0;
    }
}
.footer__menu__box--secondary.item--sp
{
    display: block;
}
@media screen and (min-width: 769px)
{
    .footer__menu__box--secondary.item--sp
    {
        display: none;
    }
}
.footer__menu__box--secondary.item--pc
{
    display: none;
}
@media screen and (min-width: 769px)
{
    .footer__menu__box--secondary.item--pc
    {
        display: block;
    }
}
.breadcrumb
{
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.breadcrumb__list
{
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 14px 0;
}
.breadcrumb__list__item
{
    line-height: 1.5;
    display: inline;
}
.breadcrumb__list__item:after
{
    padding: 0 .5em;
    content: '>';
}
.breadcrumb__list__item:last-child:after
{
    content: '';
}
.breadcrumb__list__item a
{
    color: #333;
}
.breadcrumb__list__item a:link,
.breadcrumb__list__item a:visited,
.breadcrumb__list__item a:active
{
    color: #333;
}
.breadcrumb__list__item a:hover
{
    text-decoration: underline;
}
.archive__ttlArea
{
    padding: 0 0 20px 0;
    border-bottom: 1px #999 solid;
}
.archive__ttl
{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3;
}
.archive__meta
{
    font-size: 1.4rem;
    line-height: 1.4;
    display: block;
    padding: 20px 0 0;
}
.main__contents__subCategory
{
    padding: 30px 0 10px;
    border-bottom: 1px #ddd dashed;
}
.main__contents__subCategory_ttl
{
    font-weight: bold;
    margin: 0 0 20px;
}
.list--category__item
{
    display: inline-block;
}
.list--category__item a,
a.list--category__item:visited
{
    display: block;
    margin: 0 20px 20px 0;
    padding: 8px;
    color: #333;
    border-radius: 4px;
    background: #eee;
}
.list--category__item a span:before,
a.list--category__item:visited span:before
{
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 .25em 0 0;
    color: #ddd;
}
.main__contents
{
    word-wrap: break-word;
    word-wrap: break-word;
}
.main__contents__cat
{
    margin: 0 0 20px;
}
.article__cat,
.article__cat:visited
{
    font-size: 1.1rem;
    position: relative;
    display: inline-block;
    height: 22px;
    padding: 5px 10px;
    color: #fff;
    background-color: #339cd1;
}
.article__cat:after,
.article__cat:visited:after
{
    position: absolute;
    top: 0;
    right: -14px;
    content: '';
    border-width: 22px 14px 0 0;
    border-style: solid;
    border-color: transparent;
    border-top-color: #339cd1;
}
.main__contents__article__ttl
{
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 4px solid #999;
}
.main__contents__article__meta
{
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main__contents__article__meta .c-author__contents span
{
    padding: 0 1rem 0 0;
    vertical-align: middle;
}
.main__contents__article__meta .c-date__contents
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.main__contents__article__meta .c-date__contents span:not(:last-child)
{
    padding: 0 0 15px;
}
.article__meta__avatar
{
    display: inline-block;
}
.article__meta__avatar img
{
    border-radius: 50%;
}
span.article__meta__pr
{
    display: inline-block;
    padding: 2px 4px;
    color: #fff;
    background: #339cd1;
}
.main__contents__article
{
    line-height: 1.6;
    margin: 40px 0 60px;
}
.main__contents__article h2
{
    font-size: 2.1rem;
    font-weight: bold;
    padding: 20px 0;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
}
.main__contents__article h3
{
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 0 10px;
    border-bottom: 1px dashed #ddd;
}
.main__contents__article h4
{
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 0 0 10px;
    border-left: 4px solid #ddd;
}
.main__contents__article h5,
.main__contents__article h6
{
    font-size: 1.6rem;
    font-weight: bold;
}
.main__contents__article h2,
.main__contents__article h4,
.main__contents__article h5,
.main__contents__article h6
{
    clear: both;
    margin: 30px 0;
}
.main__contents__article h3
{
    clear: both;
    margin: 40px 0 30px;
}
.main__contents__article p
{
    font-size: 1.6rem;
    line-height: 1.7;
    margin: 0 0 30px;
}
.main__contents__article ul,
.main__contents__article ol
{
    font-size: 1.6rem;
    margin: 0 0 30px 2em;
}
.main__contents__article ul li,
.main__contents__article ol li
{
    margin: 0 0 20px;
}
.main__contents__article ul
{
    list-style-type: disc;
}
.main__contents__article ol
{
    list-style-type: decimal;
}
.main__contents__article dl
{
    margin: 0 10px 40px;
    border-top: 1px solid #eee;
}
.main__contents__article dt
{
    font-weight: bold;
    background: #f7f7f7;
}
.main__contents__article dt,
.main__contents__article dd
{
    font-size: 1.6rem;
    padding: .5em 1em;
}
.main__contents__article dt ul,
.main__contents__article dd ul
{
    margin: 0 0 0 1.5em;
}
.main__contents__article dt ul li,
.main__contents__article dd ul li
{
    margin: 0 0 .5em;
}
.main__contents__article dt ul li:last-child,
.main__contents__article dd ul li:last-child
{
    margin: 0;
}
.main__contents__article strong
{
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(30%, #c5e3f2));
    background: linear-gradient(transparent 50%, #c5e3f2 30%);
}
.main__contents__article blockquote
{
    position: relative;
    margin: 0 0 40px;
    padding: 40px 30px;
    background: #f7f7f7;
}
.main__contents__article blockquote p
{
    margin: 0;
}
.main__contents__article blockquote:before
{
    font-size: 70px;
    font-size: 7rem;
    line-height: 1;
    position: absolute;
    top: 10px;
    left: 10px;
    content: '“';
    color: #ddd;
}
.main__contents__article table
{
    width: 100% !important;
    height: auto !important;
    margin: 0 0 30px;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
.main__contents__article table th
{
    font-weight: bold;
    text-align: center;
    background: #f7f7f7;
}
.main__contents__article table th,
.main__contents__article table td
{
    width: auto !important;
    height: auto !important;
    padding: .75em;
    border: 1px solid #ddd;
}
.main__contents__article img
{
    max-width: 100%;
    height: auto;
}
.main__contents__article .container--video
{
    max-width: 700px;
}
.main__contents__article .video
{
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 0;
    height: auto;
    padding-top: 30px;
    padding-bottom: 56.25%;
}
.main__contents__article .video iframe,
.main__contents__article .video object,
.main__contents__article .video embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main__contents__article .u-txt--strong
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(30%, #c5e3f2));
    background: linear-gradient(transparent 50%, #c5e3f2 30%);
}
.main__contents__article .u-txt--bold
{
    font-weight: bold;
}
.main__contents__article .u-txt--quoteSource
{
    font-size: 1.4rem;
    margin: -20px 0 40px 2rem;
}
.main__contents__article .u-txt--l
{
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.6;
}
.main__contents__article .u-link
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    color: #f5635f;
}
.article__catchImg img
{
    width: 100%;
    height: auto;
}
.main__contents__article__sponsorLink
{
    margin: 0 0 40px;
    text-align: center;
}
.main__contents__article__sponsor
{
    font-size: 1.6rem;
    text-align: right;
}
.list--snsShare
{
    margin: 0 0 40px;
}
.list--snsShare__item
{
    display: inline-block;
    margin: 0 10px 0 0;
}
.btn--snsShare,
.btn--snsShare:visited
{
    font-size: 1.4rem;
    line-height: 0;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    background-color: #999;
    -webkit-box-shadow: 0 4px 0 #828282;
    box-shadow: 0 4px 0 #828282;
}
.btn--snsShare:before,
.btn--snsShare:visited:before
{
    margin: 0 .25em 0 0;
}
.btn--snsShare.c-ico--facebook--02
{
    background-color: #27579c;
    -webkit-box-shadow: 0 3px 0 #2d4373;
    box-shadow: 0 3px 0 #2d4373;
}
.btn--snsShare.c-ico--twitter--02
{
    background-color: #5ec0ed;
    -webkit-box-shadow: 0 3px 0 #30aee8;
    box-shadow: 0 3px 0 #30aee8;
}
.main__contents__eventBnr
{
    margin: 0 auto 40px;
}
.main__contents__eventBnr--last
{
    margin: 40px auto 0;
}
.main__contents__relatedInfo
{
    margin: 0 0 40px;
}
.main__contents__relatedInfo_ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #999;
}
.main__contents__relatedArticle .main__contents__relatedInfo_ttl
{
    margin: 0;
}
.main__contents__relatedArticle .side__list--thum__item
{
    display: inline-block;
    width: 100%;
    margin: 0 20px 0 0;
}
.main__contents__relatedArticle .side__list--thum__item:nth-child(2n)
{
    margin: 0;
}
.main__contents__relatedArticle .side__list--thum__item:first-child
{
    padding: 20px 0;
}
.main__contents__relatedArticle .side__list--thum__item:first-child .side__list__txt
{
    top: 20px;
}
.main__contents__relatedArticle .side__list--thum__item--secondary
{
    display: inline-block;
    width: 47%;
    margin: 0 20px 0 0;
}
.main__contents__relatedArticle .side__list--thum__item--secondary:nth-child(2n)
{
    margin: 0;
}
.main__contents__relatedArticle .side__list--thum__item--secondary:first-child
{
    padding: 20px 0;
}
.main__contents__relatedArticle .side__list--thum__item--secondary:first-child .side__list__txt
{
    top: 20px;
}
.main__contents__relatedArticle .side__list--thum__item--secondary .side__list__img
{
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
}
@media only screen and (max-width: 768px)
{
    .main__contents__article__meta
    {
        font-size: 1.2rem;
        flex-direction: column-reverse;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
    }
    .main__contents__article__meta .c-date__contents span:not(:last-child)
    {
        padding: 0 0 10px;
    }
    .c-author__contents
    {
        width: 100%;
        padding: 10px 15px;
        border: 2px solid #ddd;
    }
    .c-date__contents
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .c-date__contents span:not(:last-child)
    {
        padding: 0 0 10px;
    }
    .main__contents__article table
    {
        font-size: 1.2rem;
    }
    .main__contents__article table th,
    .main__contents__article table td
    {
        padding: .25em;
    }
    .main__contents__relatedArticle .main__contents__relatedInfo_ttl
    {
        margin: 0 0 20px;
    }
    .main__contents__relatedArticle .side__list--thum__item,
    .main__contents__relatedArticle .side__list--thum__item--secondary
    {
        width: 100%;
        margin: 0;
    }
    .main__contents__relatedArticle .side__list--thum__item:first-child,
    .main__contents__relatedArticle .side__list--thum__item--secondary:first-child
    {
        padding: 0 0 20px;
    }
    .main__contents__relatedArticle .side__list--thum__item:first-child .side__list__txt,
    .main__contents__relatedArticle .side__list--thum__item--secondary:first-child .side__list__txt
    {
        top: 0;
    }
}
.main__contents__article--single table.table--list
{
    margin: 0 auto 40px;
    border-top: 1px solid #ddd;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.main__contents__article--single table.table--list th,
.main__contents__article--single table.table--list td
{
    padding: 30px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
    border-left: none;
}
.table--list__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
}
.table--list__detail
{
    font-size: 1.6rem;
    background: #fff;
}
.p-offer_message--primary
{
    margin-bottom: 40px;
    padding: 19px 32px 18px 19px;
    border: 1px solid #39c;
    border-radius: 5px;
    background: #d0ecfa;
}
@media only screen and (max-width: 768px)
{
    .p-offer_message--primary
    {
        padding: 15px 29px 16.5px 15px;
    }
}
.p-offer_message--secondary
{
    margin-bottom: 40px;
    padding: 19px 32px 18px 19px;
    border: 1px solid #f3c81f;
    border-radius: 5px;
    background: #faf1ce;
}
@media only screen and (max-width: 768px)
{
    .p-offer_message--secondary
    {
        padding: 15px 29px 16.5px 15px;
    }
}
p.p-offer_message__txt
{
    font-size: 1.5rem;
    line-height: 1.76;
    margin: 0;
    color: #333;
}
@media only screen and (max-width: 768px)
{
    p.p-offer_message__txt
    {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 768px)
{
    .main__contents__article--single table.table--list
    {
        border-top: none;
    }
    .main__contents__article--single table.table--list th
    {
        border-bottom: none;
    }
    .main__contents__article--single table.table--list td
    {
        text-align: center;
        border-bottom: none;
    }
    .table--list__ttl,
    .table--list__detail
    {
        display: block;
    }
}
.glossary__toc
{
    margin: 40px 0;
    padding: 30px 30px 0;
    border: 1px solid #ddd;
    background: #f7f7f7;
}
.glossary__toc__ttl
{
    font-weight: bold;
    margin: 0 0 40px;
    padding: 0 0 10px;
    border-bottom: 1px solid #999;
}
.glossary__wordList
{
    width: 100%;
}
.glossary__wordList__item
{
    font-size: 1.6rem;
    display: inline-block;
    width: 49%;
    margin: 0 0 40px;
}
.glossary__wordList__item a:hover span
{
    text-decoration: underline;
}
.glossary__wordList__item .c-ico--arrow--r:before
{
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 .25em 0 0;
    color: #ddd;
}
.glossary__wordList__ttl
{
    font-size: 2.1rem;
    font-weight: bold;
    margin: 0 0 40px;
    padding: 20px 0;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
}
.glossary__meta
{
    margin: 0 0 10px;
}
.glossary__backtoList
{
    font-size: 1.6rem;
    margin: 60px 0 40px;
}
.glossary__backtoList a:hover span
{
    text-decoration: underline;
}
.glossary__backtoList .c-ico--arrow--l:before
{
    font-size: 13px;
    font-size: 1.3rem;
    margin: 0 .25em 0 0;
    color: #ddd;
}
.compare__articleList__item:last-child
{
    margin-bottom: 0;
}
.main__contents__article .compare__articleList__content
{
    width: 100%;
}
.main__contents__article .compare__articleList__content p
{
    margin: 0 0 20px;
}
.compare__articleList__comment
{
    min-height: 140px;
    margin: 0 0 30px;
    padding: 20px;
    border: 1px dashed #ddd;
    background: #fff9e5;
}
.compare__articleList__comment__img
{
    float: left;
    width: 100px;
}
.compare__articleList__comment__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 20px 120px;
}
.compare__articleList__comment__txt
{
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 0 120px;
}
.compare__artcleList__link
{
    text-align: right;
}
.compare__artcleList__link .c-btn
{
    margin: 0 20px 0 0;
}
.compare__artcleList__link .c-btn:last-child
{
    margin: 0;
}
#movie
{
    margin-top: -80px;
    padding-top: 80px;
}
.compare__article__movie__embed
{
    margin: 0 0 40px;
}
.compare__article__movie__comment
{
    min-height: 140px;
    margin: 0 0 30px;
    padding: 20px;
    border: 1px dashed #ddd;
}
.compare__article__movie__comment__img
{
    float: left;
    width: 100px;
}
h3.compare__article__movie__comment__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    clear: none;
    margin: 0 0 20px 120px;
    padding: 0;
    border-bottom: none;
}
.main__contents__article .compare__articleList__content p.compare__article__movie__comment__txt
{
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 0 120px;
}
.compare__articleList__content
{
    font-size: 1.6rem;
    line-height: 1.6;
    width: calc(100% - 220px);
    margin: 0;
}
.compare__articleList__content p
{
    margin: 0 0 20px;
}
.compare__articleList__ttl__wrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.compare__articleList__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8;
    width: calc(100% - 100px);
    margin: 0 0 20px;
}
.compare__articleList__ttl a
{
    padding-bottom: 3px;
    color: #349cd1;
    border-bottom: 1px solid #349cd1;
}
.systemCheckbox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.systemCheck__label
{
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px;
    color: #666;
    border: solid 1px #ddd;
    border-radius: 15px;
    background: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.systemCheck__label.is-active
{
    color: #fff;
    border: none;
    background: #e6b200;
}
.compare__articleList__item
{
    margin-bottom: 20px;
    padding: 30px;
    border: 1px solid #e5e5e5;
}
.compare__articleList__imgArea
{
    width: 200px;
    margin: 0 20px 0 0;
}
.compare__articleList__img
{
    font-family: 'object-fit: contain';
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.compare__articleList__description
{
    line-height: 1.7;
    margin: 30px 0;
    color: #666;
    border-radius: 5px;
    background-color: #f7f7f7;
}
@media only screen and (max-width: 1024px)
{
    .compare__articleList__description
    {
        margin-bottom: 0;
    }
}
.compare__articleList__description dl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-top: 1px solid #d0d0d0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.compare__articleList__description dl:last-child
{
    border-bottom: 1px solid #d0d0d0;
}
@media only screen and (max-width: 1024px)
{
    .compare__articleList__description dl:last-child
    {
        padding-bottom: 0;
        border-bottom: none;
    }
}
@media only screen and (max-width: 1024px)
{
    .compare__articleList__description dl
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.compare__articleList__description dt
{
    font-weight: bold;
    width: calc(100% - 810px);
}
@media only screen and (max-width: 1024px)
{
    .compare__articleList__description dt
    {
        width: 100%;
        color: #333;
    }
}
.compare__articleList__description dd
{
    width: 810px;
}
@media only screen and (max-width: 1024px)
{
    .compare__articleList__description dd
    {
        width: 100%;
    }
}
._description__toggle
{
    margin-top: 10px;
}
._description__toggle__btn
{
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    cursor: pointer;
    -webkit-transition: opacity linear .3s;
    transition: opacity linear .3s;
    text-align: left;
    color: #349cd2;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
._description__toggle__btn:hover
{
    opacity: .8;
}
._description__toggle__btn.is-open > ._description__toggle__icon:after
{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media only screen and (max-width: 768px)
{
    ._description__toggle__btn
    {
        padding: 15px;
        border-radius: 2.5px;
    }
}
._description__toggle__icon
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #349cd2;
}
._description__toggle__icon:before,
._description__toggle__icon:after
{
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    display: block;
    width: 2px;
    height: 10px;
    margin: auto;
    content: '';
    background-color: #fff;
}
._description__toggle__icon:before
{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
._description__toggle__content
{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}
._description__toggle__content.is-open
{
    max-height: 800px;
    padding: 0 30px 30px;
}
@media only screen and (max-width: 768px)
{
    ._description__toggle__content.is-open
    {
        max-height: 3000px;
    }
}
@media only screen and (max-width: 640px)
{
    ._description__toggle__content.is-open
    {
        padding: 0 15px 15px;
    }
}
.compare__articleList__box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.compare__articleList__cost
{
    width: 100%;
    border-collapse: collapse;
}
.compare__articleList__cost tr
{
    border-top: 1px solid #c5d8e1;
    border-bottom: 1px solid #c5d8e1;
}
.compare__articleList__cost__head
{
    font-weight: bold;
    padding: .5rem;
    text-align: center;
    background: #e4f5fd;
}
.compare__articleList__cost__data
{
    padding-left: 1rem;
}
.compare__artcleList__link__com
{
    width: 100%;
    margin-top: 20px;
}
.compare__artcleList__link__com .com-btn
{
    display: block;
    margin: 0 20px 0 0;
    padding: 12px 0;
    text-align: center;
}
.compare__artcleList__link__com .com-btn:last-child
{
    margin: 0;
}
.compare__articleList__evaluationTbl
{
    width: 100%;
    margin: 20px 0 0;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .1);
}
.compare__articleList__evaluationTbl th
{
    font-size: 1.4rem;
    width: 33.33333%;
    padding: 10px 0;
    text-align: center;
    color: inherit;
    border-right: 1px solid #fff;
    background-color: #dfeff7;
}
.compare__articleList__evaluationTbl th:last-child
{
    border: none;
}
.compare__articleList__evaluationTbl td
{
    padding: 8px 0;
    text-align: center;
    vertical-align: middle;
}
.compare__articleList__evaluationTbl td.is-excellent > svg
{
    fill: #ef8193;
}
.compare__articleList__evaluationTbl td.is-good > svg
{
    fill: #f4af4e;
}
.compare__articleList__evaluationTbl td.is-fair > svg
{
    fill: #86bbe8;
}
.compare__articleList__evaluationTbl td.is-unrated > svg
{
    fill: #bfbfbf;
}
.compare__articleList__top
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.compare__articleList__imgArea__main
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 50%;
    height: 340px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.compare__articleList__mainFunction
{
    width: calc(50% - 30px);
    margin-left: 30px;
}
.mainFunction
{
    margin-bottom: 30px;
    border: 1px solid #339cd1;
    border-radius: 5px;
}
.mainFunction__ttl,
.subFunction__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #339cd1;
}
#compare .compare__articleList__cost__flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 768px)
{
    #compare .compare__articleList__cost__flex
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
#compare .compare__articleList__cost__flex__item--primary
{
    width: 50%;
    border-top: 1px solid #c4d8e1;
    border-right: 1px solid #c4d8e1;
    border-bottom: 1px solid #c4d8e1;
}
@media only screen and (max-width: 768px)
{
    #compare .compare__articleList__cost__flex__item--primary
    {
        width: 100%;
        border-right: none;
    }
}
#compare .compare__articleList__cost__flex__item
{
    width: 50%;
    border-top: 1px solid #c4d8e1;
    border-bottom: 1px solid #c4d8e1;
}
@media only screen and (max-width: 768px)
{
    #compare .compare__articleList__cost__flex__item
    {
        width: 100%;
    }
}
#compare .compare__articleList__cost__head__single
{
    font-weight: bold;
    margin: 0 !important;
    padding: .5rem;
    text-align: center;
    color: #1580b4;
    border: none;
    background: #e4f5fd;
}
#compare .compare__articleList__cost__data__single
{
    padding: 0 2rem;
    vertical-align: top;
    border: none;
}
#compare .compare__articleList__cost__data__text
{
    margin: 0;
}
.mainFunction__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}
.mainFunction__list__item
{
    width: calc(50% - 1px);
    margin: 0 2px 2px 0 !important;
    padding: 10px 0 7px;
    list-style-type: none;
    text-align: center;
    background-color: #f7f7f7;
}
.mainFunction__list__item:nth-child(even)
{
    margin-right: 0 !important;
}
.mainFunction__list__item span
{
    color: #ccc;
}
.mainFunction__list__item svg
{
    line-height: 0;
    display: block;
    margin: 0 auto 4px;
    fill: #ccc;
}
.mainFunction__list__item.is-active
{
    background-color: #419bcf;
}
.mainFunction__list__item.is-active svg
{
    fill: #fff;
}
.mainFunction__list__item.is-active span
{
    color: #fff;
}
.subFunction__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px 50px 0 !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.subFunction__list li
{
    margin: 0 10px 10px 0 !important;
    padding: 10px;
    list-style-type: none;
    background-color: #e4f5fd;
}
.compare__articleList__related
{
    font-size: 1.6rem;
    margin: 0 0 40px 0;
    padding: 10px 0 10px 25px;
    border-left: 5px solid #339cd1;
}
.compare__articleList__related__ttl
{
    font-weight: bold;
    margin-bottom: 10px;
}
.compare__articleList__management
{
    margin: 40px auto 80px;
}
.management__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 4px 0 4px 15px;
    border-left: 5px solid #339cd1;
}
.management__link
{
    font-size: 1.6rem;
}
.management__link svg
{
    margin-right: 10px;
    fill: #3375d1;
}
.compare__articleList__kanren
{
    position: relative;
    margin: 80px 0 0;
    padding: 30px 0 40px;
    text-align: center;
}
.compare__articleList__kanren:before
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    content: '';
    background: repeating-linear-gradient(-45deg, #ddd, #ddd 1px, #fff 1px, #fff 4px);
}
.compare__articleList__kanren:after
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    content: '';
    background: repeating-linear-gradient(-45deg, #ddd, #ddd 1px, #fff 1px, #fff 4px);
}
.kanren__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
}
.compare__articleList__kanren p
{
    margin: 15px 0;
}
.compare__articleList__kanren .compare__artcleList__link
{
    text-align: center;
}
@media only screen and (max-width: 768px)
{
    .list--sort__item a
    {
        font-size: 1.2rem;
        margin: 0 1em 20px 0;
    }
    .list--sort__item a span:before
    {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .compare__articleList__img
    {
        display: block;
        width: 100%;
        margin: 0;
        background-size: contain;
    }
    .compare__articleList__comment__ttl
    {
        line-height: 1.4;
        margin: 20px 0 40px 120px;
    }
    .compare__articleList__comment__txt
    {
        display: block;
        margin: 0;
    }
    .compare__artcleList__link
    {
        text-align: center;
    }
    .compare__artcleList__link .c-btn
    {
        display: block;
        width: 100%;
        margin: 0 0 20px;
    }
    #movie
    {
        margin-top: -40px;
        padding-top: 40px;
    }
    h3.compare__article__movie__comment__ttl
    {
        margin: 30px 0 50px 120px;
    }
    .main__contents__article .compare__articleList__content p.compare__article__movie__comment__txt
    {
        margin: 0;
    }
    .compare__artcleList__link__com
    {
        width: calc(100% - 115px);
        margin-top: 0;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .compare__artcleList__link__com .com-btn
    {
        width: 100%;
        margin: 0 0 20px;
        padding: .5em 0;
        text-align: center;
    }
    .compare__articleList__ttl
    {
        font-size: 1.7rem;
        line-height: 1.58;
        margin: 0 0 15px;
        text-align: left;
    }
    .compare__articleList__item
    {
        position: relative;
        padding: 15px;
    }
    .compare__articleList__box
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .compare__articleList__content
    {
        width: 100%;
        margin-top: 15px;
    }
    .compare__articleList__head
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .compare__articleList__imgArea
    {
        width: 100%;
    }
    .compare__articleList__evaluationTbl
    {
        margin: 10px 0 0;
    }
    .compare__articleList__evaluationTbl th
    {
        padding: 7px 0;
    }
    .compare__articleList__evaluationTbl td
    {
        padding: 5px 0;
    }
    .compare__articleList__top
    {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .compare__articleList__top
    {
        margin: 0 auto;
    }
    .compare__articleList__imgArea__main
    {
        height: 100%;
        min-height: 100px;
        margin: 0 auto;
    }
    .compare__articleList__mainFunction
    {
        width: 100%;
        margin: 30px 0 0 0;
    }
    .mainFunction__list__item
    {
        width: calc(33.33333% - 1.33333px);
    }
    .mainFunction__list__item:nth-child(even)
    {
        margin: 0 2px 2px 0 !important;
    }
    .mainFunction__list__item:nth-child(3n)
    {
        margin-right: 0 !important;
    }
    .compare__articleList__top
    {
        margin-bottom: 20px;
    }
    .compare__articleList__top-second
    {
        margin-bottom: 60px;
    }
    .mainFunction__list,
    .subFunction__list
    {
        margin-bottom: 0 !important;
    }
    .compare__singlePage table th,
    .compare__singlePage table td
    {
        display: block;
        width: 100%;
        text-align: center;
    }
}
.compare__articleList__functions__wrap
{
    width: 100%;
    margin-top: 0;
}
.compare__articleList__functions__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #349cd1;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background: #f7fcfe;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 769px)
{
    .compare__articleList__functions__list
    {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.compare__articleList__functions__listitem
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 14.28571%;
    padding: 12px 0;
    opacity: .4;
    border: solid #fff;
    border-width: 1px 1px 1px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.compare__articleList__functions__listitem:first-child
{
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0 5px;
}
.compare__articleList__functions__listitem:last-child
{
    border-width: 1px 1px 1px 0;
    border-radius: 0 0 5px 0;
}
.compare__articleList__functions__listitem.is-active
{
    opacity: 1;
    color: #fff;
    background: #339cd1;
}
.compare__articleList__functions__listitem.is-active .compare__articleList__functions__listitem__txt
{
    font-size: 1.2rem;
    color: #fff;
}
@media only screen and (max-width: 768px)
{
    .compare__articleList__functions__listitem.is-active .compare__articleList__functions__listitem__txt
    {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 768px)
{
    .compare__articleList__functions__listitem
    {
        width: 25%;
        border-width: 0 0 1px 1px;
    }
    .compare__articleList__functions__listitem:first-child
    {
        border-width: 0 0 1px 1px;
        border-radius: 0;
    }
    .compare__articleList__functions__listitem:last-child
    {
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 5px 0;
    }
    .compare__articleList__functions__listitem:nth-child(4)
    {
        border-width: 0 1px 1px 1px;
    }
    .compare__articleList__functions__listitem:nth-child(5)
    {
        border-radius: 0 0 0 5px;
    }
}
.compare__articleList__functions__listitem .compare__articleList__functions__listitem__txt
{
    font-size: 1.2rem;
    color: #339cd1;
}
@media only screen and (max-width: 768px)
{
    .compare__articleList__functions__listitem .compare__articleList__functions__listitem__txt
    {
        font-size: 1rem;
    }
}
.compare__articleList__functions__listitem span
{
    font-size: 1.2rem;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 5px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.compare__articleList__toggle__btn
{
    font-size: 1.4rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    color: #339cd1;
    border: solid #339cd1;
    border-width: 1px 1px 0 1px;
    border-radius: 5px 5px 0 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.l-systemAddBlock
{
    display: none;
}
.l-systemAddBlock.is-active
{
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background: #fafafa;
    -webkit-box-shadow: 0 -5px 6px rgba(0, 0, 0, .25);
    box-shadow: 0 -5px 6px rgba(0, 0, 0, .25);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.l-systemAddBlock.is-absolute
{
    position: absolute;
    bottom: -100px;
    display: block;
}
@media only screen and (max-width: 768px)
{
    .l-systemAddBlock
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.systemAddBlock__txt
{
    font-weight: bold;
    margin-right: 20px;
}
@media only screen and (max-width: 768px)
{
    .systemAddBlock__txt
    {
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }
}
.systemAddBlock__txt__count
{
    font-size: 2rem;
    color: #339cd1;
}
#returnTxt
{
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
    color: #339cd1;
}
.list--table,
dl.list--table
{
    margin: 40px auto;
    border-top: none;
    border-bottom: 1px solid #ddd;
}
.list--table dt,
dl.list--table dt,
.list--table dd,
dl.list--table dd
{
    background: transparent;
}
.list--table__ttl
{
    color: #339cd1;
}
dt.list--table__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    float: left;
    clear: both;
    width: 240px;
    padding: 40px 30px 30px;
    border: none;
    background: #fff;
}
.list--table__detail,
dd.list--table__detail
{
    padding: 35px 30px 30px 240px;
    border-top: 1px solid #ddd;
}
dd.list--table__detail--noborder
{
    padding: 35px 30px 30px 240px;
    border-top: none;
}
@media only screen and (max-width: 1024px)
{
    dd.list--table__detail--noborder
    {
        padding: 0;
    }
}
.form__required
{
    color: #bf0a55;
}
.form__required--secondary
{
    font-size: 1.3rem;
    margin-left: .5rem;
    padding: 2px 5px;
    color: #fff;
    border-radius: 5px;
    background: #f5a40f;
}
.form__txtArea,
.form__btnArea
{
    margin: 0 0 40px;
    text-align: center;
}
.modal__content .form__btnArea
{
    margin: 40px 0 20px 0;
    text-align: center;
}
@media only screen and (max-width: 768px)
{
    .modal__content .form__btnArea
    {
        margin: 10px 0 20px 0;
    }
}
.modal__content .form__btnArea button[type='submit']
{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 20px 40px;
    cursor: pointer;
    color: #fff;
    border: #fff solid 3px;
    border-radius: 30px;
    outline: none;
    background-color: #ff8a00;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 768px)
{
    .modal__content .form__btnArea button[type='submit']
    {
        font-size: 1.2rem;
        width: 100%;
        padding: 20px 10px;
    }
}
.modal__content .form__btnArea button[type='submit']:after
{
    font-size: 12px;
    font-size: 1.2rem;
    content: '（無料）';
}
.modal__content .form__btnArea button[type='submit'] svg
{
    margin-right: 1rem;
    fill: #fff;
}
@media only screen and (max-width: 768px)
{
    .modal__content .form__btnArea button[type='submit'] svg
    {
        margin-right: .5rem;
    }
}
.form__txtArea p
{
    font-size: 1.6rem;
    line-height: 1.7;
    margin: 40px 0;
}
.main__contents__form .list--table
{
    width: 100%;
}
.main__contents__form .list--table__ttl
{
    line-height: 2;
}
.advertorialForm__kv
{
    margin: 0 0 80px;
}
.main__contents__advertorialForm__ttl
{
    font-size: 3.2rem;
    text-align: center;
    color: #50423a;
}
@media only screen and (max-width: 768px)
{
    .list--table,
    dl.list--table
    {
        width: 100%;
    }
    .list--table__ttl,
    dt.list--table__ttl
    {
        font-weight: bold;
        float: none;
        width: 100%;
        padding: 10px 30px 1px;
        border-top: 1px solid #ddd;
    }
    .list--table__detail,
    dd.list--table__detail
    {
        padding: 0 30px 20px;
        border-top: none;
    }
    .main__contents__form .list--table
    {
        width: 100%;
    }
    .advertorialForm__kv
    {
        margin: 0 0 60px;
    }
    .main__contents__advertorialForm__ttl
    {
        font-size: 1.8rem;
        font-weight: bold;
        line-height: 1.4;
    }
    .main__contents__advertorialForm__ttl span
    {
        display: inline-block;
    }
}
dl.list--table__secondary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 768px)
{
    dl.list--table__secondary
    {
        padding: 20px 0;
        border-bottom: none;
    }
}
dl.list--table__secondary:first-of-type
{
    border-top: 1px solid #ddd;
}
@media only screen and (max-width: 768px)
{
    dl.list--table__secondary:first-of-type
    {
        border-top: none;
    }
}
dt.list--table__secondary__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 240px;
    color: #339cd1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 768px)
{
    dt.list--table__secondary__ttl
    {
        max-width: 100%;
        margin-bottom: 10px;
    }
}
dd.list--table__secondary__detail
{
    width: calc(100% - 240px);
}
dd.list--table__secondary__detail input.wpcf7-text
{
    width: 100%;
    border: none;
    border-radius: 5px;
    background: #f3f3f3;
}
@media only screen and (max-width: 768px)
{
    dd.list--table__secondary__detail
    {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 input[type='text'],
    #concierge .wpcf7 input[type='email'],
    #concierge .wpcf7 input[type='tel'],
    #concierge .wpcf7 input[type='url'],
    #concierge .wpcf7 textarea,
    #concierge .wpcf7 select
    {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .main__contents--single
    {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .main__contents__form
    {
        width: 100%;
        padding: 40px 15px 60px;
    }
}
#concierge #form_a
{
    margin-top: 50px;
}
@media only screen and (max-width: 1024px)
{
    #concierge #form_a
    {
        margin-top: 0;
    }
}
#concierge .list--table
{
    margin-top: -50px;
    margin-bottom: 40px;
    padding-top: 50px;
}
@media only screen and (max-width: 1024px)
{
    #concierge .list--table
    {
        margin-top: -30px;
        padding-top: 30px;
        border-bottom: none;
    }
}
#concierge .list--table__ttl
{
    position: relative;
    padding: 35px 30px 30px;
}
@media only screen and (max-width: 1024px)
{
    #concierge .list--table__ttl
    {
        float: none;
        width: 100%;
        margin: 30px 0 15px 0;
        padding: 0;
        border-top: none;
    }
}
#concierge .list--table__detail
{
    position: relative;
}
@media only screen and (max-width: 1024px)
{
    #concierge .list--table__detail
    {
        padding: 0;
        border-top: none;
    }
}
#concierge .list--table__img,
#concierge .list--table__img--secondary
{
    position: absolute;
    right: 75px;
    bottom: 40px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #66cd66;
}
@media only screen and (max-width: 1024px)
{
    #concierge .list--table__img,
    #concierge .list--table__img--secondary
    {
        right: 20px;
        bottom: 10px;
    }
}
#concierge .list--table__img:after,
#concierge .list--table__img--secondary:after
{
    position: absolute;
    top: 20%;
    right: 8px;
    display: block;
    width: 5px;
    height: 10px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border: solid 3px #fff;
    border-top: 0;
    border-left: 0;
}
#concierge .list--table__img--secondary
{
    bottom: 60px;
}
@media only screen and (max-width: 1024px)
{
    #concierge .list--table__img--secondary
    {
        bottom: 30px;
    }
}
#concierge .list--table__note
{
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 500px;
    margin-left: 240px;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    #concierge .list--table__note
    {
        bottom: -95px;
        width: 100%;
        margin-left: 0;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7-form-control-wrap
    {
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7-form-control-wrap.zip_code
    {
        width: 60%;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7-checkbox
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .form__txtArea
    {
        text-align: left;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .form__btnArea
    {
        margin-bottom: 0;
    }
}
.concierge__content__inner
{
    overflow: hidden;
    margin: 0 -20px;
    padding-bottom: 100px;
    background: #f3f3f3;
}
@media screen and (min-width: 1024px)
{
    .concierge__content__inner
    {
        margin: 0;
        padding-bottom: 0;
    }
}
.concierge__kv
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 455px;
    margin: 0 auto;
    background: url('../img/ictkids/concierge/pc_mv_pattern.png') 0 0 repeat;
    background-color: #e8f6f7;
    background-size: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media only screen and (max-width: 768px)
{
    .concierge__kv
    {
        height: calc(100vw - 50px);
        padding: 0;
    }
}
@media only screen and (max-width: 640px)
{
    .concierge__kv
    {
        display: block;
        height: auto;
        background-position: center center;
        background-size: contain;
    }
}
.concierge__kv--secondary
{
    display: block;
    width: 100%;
    height: auto;
}
.concierge__kv-tertiary
{
    width: 100%;
    background: #fff25c;
}
.concierge__kv__inner
{
    position: relative;
    width: 100%;
    max-width: 920px;
    height: 380px;
    margin: 0 auto;
}
@media only screen and (max-width: 768px)
{
    .concierge__kv__inner
    {
        height: auto;
        padding-top: 20px;
    }
}
.concierge__kv__inner--secondary
{
    position: relative;
    text-align: center;
}
.concierge__kv__inner-tertiary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 80px 50px 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media only screen and (max-width: 768px)
{
    .concierge__kv__inner-tertiary
    {
        padding: 30px 15px;
    }
}
.concierge__kv__bg
{
    height: 160px;
    background: #339cd1;
}
.concierge__kv__inner__img--primary
{
    position: absolute;
    bottom: -42%;
}
.concierge__kv__inner__img--secondary
{
    width: 100%;
    max-width: 1280px;
    vertical-align: bottom;
}
.concierge__kv__inner__img--secondary source,
.concierge__kv__inner__img--secondary img
{
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}
@media screen and (min-width: 1024px)
{
    .concierge__kv__inner__img--secondary source,
    .concierge__kv__inner__img--secondary img
    {
        width: auto;
    }
}
.concierge__kv__inner__img--text
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: -10px;
}
@media screen and (min-width: 1024px)
{
    .concierge__kv__inner__img--text
    {
        margin-bottom: 40px;
    }
}
.concierge__kv__inner__text
{
    margin-bottom: 5px;
    text-align: center;
    color: #fff;
}
@media only screen and (max-width: 1024px)
{
    .concierge__kv__inner__text
    {
        left: 11%;
    }
}
.concierge__kv__inner__text-tertiary
{
    font-size: 2.65rem;
    line-height: 1.57;
    margin-bottom: 10px;
    text-align: center;
    color: #003f61;
}
@media only screen and (max-width: 1024px)
{
    .concierge__kv__inner__text-tertiary
    {
        font-size: 1.9rem;
    }
}
.concierge__section__qa
{
    width: 1040px;
    margin: 0 auto;
    padding: 40px 0 70px;
    text-align: center;
}
@media only screen and (max-width: 1024px)
{
    .concierge__section__qa
    {
        width: 100%;
        padding: 15px;
    }
}
@media only screen and (max-width: 640px)
{
    .concierge__section__qa
    {
        margin-top: 40px;
        padding: 0 15px 50px;
    }
}
.concierge__section__ttl
{
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 60px;
    text-align: center;
    color: #333;
}
.concierge__section__ttl-tertiary
{
    text-align: center;
}
.concierge__section__ttl-tertiary .item--pc
{
    display: none;
}
@media screen and (min-width: 1024px)
{
    .concierge__section__ttl-tertiary .item--pc
    {
        display: inline;
    }
}
@media only screen and (max-width: 1024px)
{
    .concierge__section__ttl
    {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 640px)
{
    .concierge__section__ttl
    {
        font-size: 2.6rem;
        line-height: 1.4;
    }
}
.concierge__btn
{
    text-align: center;
    border: 3px solid #2b9bd4;
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px #cbcbcb;
    box-shadow: 0 0 8px #cbcbcb;
}
@media only screen and (max-width: 640px)
{
    .concierge__btn
    {
        border-radius: 50px;
    }
}
.concierge__btn:hover
{
    cursor: pointer;
}
.concierge__btn--secondary
{
    text-align: center;
    color: #fff;
    border: 3px solid #2b9bd4;
    border-radius: 30px;
    background: #2b9bd4;
    -webkit-box-shadow: 0 0 8px #cbcbcb;
    box-shadow: 0 0 8px #cbcbcb;
}
@media only screen and (max-width: 640px)
{
    .concierge__btn--secondary
    {
        border-radius: 50px;
    }
}
.concierge__btn--secondary:hover
{
    cursor: pointer;
}
.concierge__btn--secondary .concierge__btn--detail__arrow
{
    color: #fff;
    fill: #fff;
}
.concierge__contact
{
    position: relative;
    margin: 0 auto 30px;
    padding: 55px 0;
    text-align: center;
    background: #339cd1;
}
@media only screen and (max-width: 1024px)
{
    .concierge__contact
    {
        padding: 40px 0;
    }
}
@media only screen and (max-width: 768px)
{
    .concierge__contact
    {
        padding: 40px 15px;
    }
}
.concierge__contact__ttl
{
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 50px;
    color: #fff;
}
.concierge__contact__box__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    color: #fff;
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__box__ttl
    {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 640px)
{
    .concierge__contact__box__ttl
    {
        font-size: 1.2rem;
    }
}
.concierge__contact__box__ttl:before
{
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 2px;
    margin: 8px 0 0 -20px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}
.concierge__contact__box__ttl:after
{
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 2px;
    margin: 8px 0 0 5px;
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
}
.concierge__contact__wrap--primary
{
    position: absolute;
    bottom: -37%;
    text-align: center;
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__wrap--primary
    {
        bottom: 5%;
        left: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.concierge__contact__wrap--secondary
{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 1024px)
{
    .concierge__contact__wrap--secondary
    {
        top: 10%;
        left: 30%;
    }
}
.concierge__contact__box__column
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.concierge__contact__box__btn
{
    font-size: 2.2rem;
    font-weight: bold;
}
@media only screen and (max-width: 1024px)
{
    .concierge__contact__box__btn
    {
        left: 25%;
        margin: 0;
    }
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__box__btn
    {
        font-size: 1.8rem;
        left: 50%;
    }
}
.concierge__contact__box__btn:hover
{
    cursor: pointer;
}
.concierge__contact__box__btn--headerLp a
{
    font-size: 1.8rem;
    padding: 13px 30px;
    color: #fff;
    border: #fff solid 3px;
    border-radius: 30px;
    background-color: #ff8a00;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
.concierge__contact__box__btn--headerLp a:before
{
    margin-right: 13px;
}
@media only screen and (max-width: 1024px)
{
    .concierge__contact__box__btn--headerLp a:before
    {
        margin-right: 0;
    }
}
@media only screen and (max-width: 1024px)
{
    .concierge__contact__box__btn--headerLp a
    {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 44px;
        height: 44px;
        padding: 5px;
        border: none;
        border-radius: 2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.concierge__contact__box__btn--secondary
{
    font-size: 2.2rem;
    font-weight: bold;
}
.concierge__contact__box__btn--secondary:hover
{
    cursor: pointer;
}
.concierge__contact__box__btn--secondary a
{
    padding: 13px 80px;
    color: #fff;
    border: #fff solid 3px;
    border-radius: 30px;
    background-color: #ff8a00;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__box__btn--secondary a
    {
        display: inline-block;
        width: 90%;
        padding: 17px 30px;
        border-radius: 40px;
    }
}
@media only screen and (max-width: 320px)
{
    .concierge__contact__box__btn--secondary a
    {
        padding: 10px 30px;
    }
}
.concierge__contact__box__btn-tertiary
{
    position: relative;
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__box__btn-tertiary
    {
        width: 100%;
    }
}
.concierge__contact__box__btn-tertiary:hover
{
    cursor: pointer;
}
.concierge__contact__box__btn-tertiary a
{
    font-size: 3rem;
    display: inline-block;
    width: 100%;
    min-width: 600px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    color: #fff;
    border: #fff solid 4px;
    border-radius: 40px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fd564b), to(#ff7328));
    background-image: linear-gradient(to top, #fd564b, #ff7328);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 1px 0 rgba(253, 87, 74, .5);
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__box__btn-tertiary a
    {
        font-size: 2rem;
        min-width: 100%;
        padding: 20px;
        border-radius: 40px;
    }
}
@media only screen and (max-width: 320px)
{
    .concierge__contact__box__btn-tertiary a
    {
        font-size: 1.5rem;
    }
}
.concierge__contact__box__btn a
{
    display: inline-block;
    padding: 13px 80px;
    color: #fff;
    border: #fff solid 3px;
    border-radius: 30px;
    background-color: #ff8a00;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__box__btn a
    {
        width: 90%;
        padding: 17px 30px;
        border-radius: 40px;
    }
}
@media only screen and (max-width: 320px)
{
    .concierge__contact__box__btn a
    {
        padding: 10px 30px;
    }
}
.concierge__content__wrap
{
    margin: 0 auto;
    padding: 80px 20px 40px;
    background: #fff;
}
.concierge__content__wrap-tertiary-yellow
{
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f5f1c3;
}
@media only screen and (max-width: 1024px)
{
    .concierge__content__wrap-tertiary-yellow
    {
        padding: 60px 15px;
    }
}
.concierge__content__wrap-tertiary-white
{
    padding-top: 100px;
    padding-bottom: 100px;
    background: #fff;
}
@media only screen and (max-width: 1024px)
{
    .concierge__content__wrap-tertiary-white
    {
        padding: 60px 15px;
    }
}
.concierge__section__item__ttl
{
    position: relative;
    margin-top: 20px;
}
@media only screen and (max-width: 1024px)
{
}
.concierge__section__item__ttl h3
{
    font-size: 1.9rem;
    font-weight: bold;
    color: #339cd1;
}
.ttl__deco
{
    position: absolute;
    top: 0;
    left: -8%;
    width: 30px;
    height: 1px;
    border-top: 1px solid #339cd1;
}
@media only screen and (max-width: 768px)
{
    .ttl__deco
    {
        top: 0;
        left: -12%;
    }
}
.concierge__section__item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (min-width: 1024px)
{
    .concierge__section__item
    {
        max-width: 1080px;
    }
}
.concierge__section__item__text
{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}
@media screen and (min-width: 1024px)
{
    .concierge__section__item__text
    {
        width: 50%;
        margin-right: 3em;
        margin-left: 3em;
    }
}
.concierge__section__item__desc
{
    line-height: 1.5;
    margin-top: 20px;
    color: #333;
}
.concierge__detail__text
{
    line-height: 1.5;
    margin-top: 20px;
    color: #333;
}
@media screen and (min-width: 769px)
{
    .concierge__detail__text
    {
        text-align: center;
    }
}
.concierge__subsection
{
    margin-top: 30px;
}
.concierge__section--flow
{
    position: relative;
    margin: 0 auto;
    padding: 70px 0 70px;
    text-align: center;
}
@media only screen and (max-width: 1024px)
{
    .concierge__section--flow
    {
        padding: 40px 0 0;
    }
}
.concierge__section--flow__section
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 1024px)
{
    .concierge__section--flow__section
    {
        flex-direction: column;
        padding: 30px 15px 30px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (max-width: 768px)
{
    .concierge__section--flow__section
    {
        width: 100%;
    }
}
.flowline-pc
{
    position: absolute;
    z-index: 3;
    top: 20px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (max-width: 1024px)
{
    .flowline-pc
    {
        display: none;
    }
}
.flowline-sp
{
    display: none;
}
@media only screen and (max-width: 1024px)
{
    .flowline-sp
    {
        position: absolute;
        z-index: 3;
        top: 63px;
        left: 20px;
        display: block;
        height: 310px;
        -webkit-transform: none;
        transform: none;
    }
}
.concierge__section--flow__section__box
{
    position: relative;
    overflow: hidden;
    width: 340px;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
}
.concierge__section--flow__section__box:nth-of-type(1)
{
    background-image: url('../img/ictkids/concierge/pc_flow_1.png');
    background-repeat: no-repeat;
    background-position: right 25px bottom -1px;
}
@media only screen and (max-width: 1024px)
{
    .concierge__section--flow__section__box:nth-of-type(1)
    {
        background-image: url('../img/ictkids/concierge/sp_flow_1.png');
        background-position: right 25px bottom -1px;
        background-size: 30px 95px;
    }
}
.concierge__section--flow__section__box:nth-of-type(2)
{
    background-image: url('../img/ictkids/concierge/pc_flow_2.png');
    background-repeat: no-repeat;
    background-position: right 24px bottom -1px;
}
@media only screen and (max-width: 1024px)
{
    .concierge__section--flow__section__box:nth-of-type(2)
    {
        background-image: url('../img/ictkids/concierge/sp_flow_2.png');
        background-position: right 12px bottom -1px;
        background-size: 58px 95px;
    }
}
.concierge__section--flow__section__box:nth-of-type(3)
{
    background-image: url('../img/ictkids/concierge/pc_flow_3.png');
    background-repeat: no-repeat;
    background-position: right 24px bottom -1px;
}
@media only screen and (max-width: 1024px)
{
    .concierge__section--flow__section__box:nth-of-type(3)
    {
        background-image: url('../img/ictkids/concierge/sp_flow_3.png');
        background-position: right 12px bottom -1px;
        background-size: 62px 95px;
    }
}
@media only screen and (max-width: 1024px)
{
    .concierge__section--flow__section__box
    {
        width: 100%;
        height: 127.5px;
        margin-bottom: 20px;
        padding: 0 20px 0 60px;
        text-align: left;
        border-radius: 0 10px 10px 0;
    }
}
.section__box__ttl
{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.6;
    margin: 25px 0;
    color: #339cd1;
}
@media only screen and (max-width: 1024px)
{
    .section__box__ttl
    {
        font-size: 1.9rem;
        margin: 25px 0 5px 0;
    }
}
.section__box__txt
{
    font-size: 1.6rem;
    line-height: 1.5;
    position: relative;
    z-index: 2;
    text-align: left;
}
@media only screen and (max-width: 1024px)
{
    .section__box__txt
    {
        font-size: 1.5rem;
    }
}
.main__contents__codomonForm__ttl
{
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 5rem;
    text-align: center;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .main__contents__codomonForm__ttl
    {
        font-size: 2.6rem;
        line-height: 1.5;
    }
    .main__contents__codomonForm__ttl span
    {
        margin: 0 0 60px;
    }
}
.main__contents__conciergeForm__ttl
{
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .main__contents__conciergeForm__ttl
    {
        font-size: 2.6rem;
        line-height: 1.5;
    }
    .main__contents__conciergeForm__ttl span
    {
        margin: 0 0 60px;
    }
}
#form_b .wpcf7-response-output
{
    line-height: 1.3;
    margin: 2em .5em 0;
    padding: 10px !important;
    text-align: left;
}
@media screen and (min-width: 769px)
{
    #form_b .wpcf7-response-output
    {
        padding: 20px !important;
    }
}
#form_c .wpcf7-response-output
{
    line-height: 1.3;
    margin: 2em .5em 0;
    padding: 10px !important;
    text-align: left;
}
@media screen and (min-width: 769px)
{
    #form_c .wpcf7-response-output
    {
        padding: 20px !important;
    }
}
.main__contents__conciergeForm__error-list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 .5em 1em;
    text-decoration: underline;
    color: #bf0a55;
    background: #e9d1db;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.main__contents__conciergeForm__error-list:empty
{
    margin: 0;
}
.main__contents__conciergeForm__error-list a
{
    color: #bf0a55;
}
.main__contents__conciergeForm__error-list__item
{
    z-index: 2;
    padding: 10px;
    cursor: pointer;
    text-decoration: underline;
}
@media screen and (min-width: 769px)
{
    .main__contents__conciergeForm__error-list__item
    {
        margin: 10px;
    }
}
.concierge__btn--detail
{
    position: relative;
    display: block;
    width: 80%;
    margin: 0 auto 50px;
    padding: 18px;
}
@media only screen and (max-width: 1024px)
{
    .concierge__btn--detail
    {
        font-weight: bold;
        width: 100%;
        padding: 7px 10px;
    }
}
.concierge__btn--detail__inner
{
    font-size: 1.8rem;
    line-height: 1.5;
    display: inline-block;
    color: #339cd1;
}
@media only screen and (max-width: 640px)
{
    .concierge__btn--detail__inner
    {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .concierge__btn--detail__inner .item--sp
    {
        display: inline-block;
    }
}
.concierge__btn--detail__inner img
{
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}
.concierge__btn--secondary__inner
{
    font-size: 1.8rem;
    line-height: 1.5;
    display: inline-block;
    color: #fff;
}
@media only screen and (max-width: 640px)
{
    .concierge__btn--secondary__inner
    {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .concierge__btn--secondary__inner .item--sp
    {
        display: inline-block;
    }
}
.concierge__btn--secondary__inner img
{
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}
.concierge__btn--detail__arrow
{
    width: 20px;
    margin: 0 0 0 20px;
}
.main__contents__form
{
    max-width: 1040px;
    margin: 0 auto;
    padding: 80px 100px 40px;
    background: #fff;
}
.c-ico--arrow--u:before
{
    z-index: 3;
}
@media only screen and (max-width: 768px)
{
    .concierge__contact__box__column
    {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .concierge__contact--tel__img
    {
        margin: 20px 0 0;
    }
    .concierge__contact__ttl
    {
        font-size: 2.1rem;
        margin-bottom: 40px;
    }
    .concierge__contact__box
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .voice__section
    {
        display: block;
        width: 92%;
        margin: 0 auto;
    }
    .voice__section__box
    {
        width: 100%;
    }
    .voice__section__box:first-child
    {
        margin: 0 0 40px 0;
    }
    .concierge__section--flow__ttl
    {
        font-size: 2.3rem;
        margin-bottom: 70px;
    }
}
@media only screen and (max-width: 640px)
{
    .main__contents--concierge
    {
        width: 100%;
    }
    .concierge__contact:before,
    .concierge__contact:after,
    .concierge__section--flow:before,
    .concierge__section--flow:after
    {
        top: -39px;
        height: 39px;
    }
    .concierge__contact--form__img
    {
        width: auto;
        height: 18px;
    }
    .section__box__ttl--step01,
    .section__box__ttl--step02,
    .section__box__ttl--step03
    {
        margin: 15px 0;
    }
    .section__box__ttl--step01:before,
    .section__box__ttl--step02:before,
    .section__box__ttl--step03:before
    {
        margin: 0 auto 15px;
    }
    .section__box__txt
    {
        text-align: left;
    }
    .concierge__section--triple__boxInner h2
    {
        padding: 0 0 20px;
        border-bottom: 2px dashed #50423a;
    }
    .concierge__section--triple__boxInner p
    {
        font-size: 1.4rem;
    }
    .main__contents__form
    {
        width: 92%;
    }
    .concierge__btn--detail__txt
    {
        width: 80%;
    }
    .concierge__btn--detail__arrow
    {
        width: 5%;
        margin: 0 0 0 5%;
    }
}
.codomonformDetail .list--table
{
    margin: 20px auto;
    border: none;
}
.codomonformDetail .list--table .list--table__detail
{
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}
.codomonformDetail .list--table .list--table__ttl
{
    width: 260px;
    padding: 10px 20px 10px;
}
.p-negative__block
{
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}
.p-negative__block__lists
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: none;
    margin: 25px auto 50px;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 1024px)
{
    .p-negative__block__lists
    {
        margin: 0 auto 50px auto;
    }
}
.p-negative__block__lists:before
{
    position: absolute;
    top: 115px;
    right: -50%;
    left: -50%;
    width: 100%;
    max-width: 1040px;
    height: 219px;
    margin: 0 auto;
    content: '';
    border: 4px solid #fff25c;
}
@media only screen and (max-width: 1024px)
{
    .p-negative__block__lists:before
    {
        height: 650px;
    }
}
.p-negative__block__lists__item
{
    max-width: 220px;
    min-height: 0;
    margin-top: 60px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
}
@media only screen and (max-width: 1024px)
{
    .p-negative__block__lists__item
    {
        min-width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}
.p-negative__block__lists__item a
{
    font-size: 1.8rem;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    color: #333;
}
.p-negative__block__lists__item a:hover
{
    cursor: pointer;
    opacity: .7;
}
.p-negative__block__lists__item a > div
{
    position: relative;
    width: 120px;
    height: 120px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
}
.p-negative__block__lists__item a > div svg
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    fill: #153f5e;
}
.circle_num
{
    font-size: 3rem;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: -10px;
    color: #ff607b;
}
.p-concierge__cardLists
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1040px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1024px)
{
    .p-concierge__cardLists
    {
        width: 100%;
    }
}
.p-concierge__cardList__item
{
    width: 240px;
    margin-top: 50px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px #ccc;
    box-shadow: 0 2px 5px #ccc;
}
@media only screen and (max-width: 1024px)
{
    .p-concierge__cardList__item
    {
        width: 48%;
        margin-top: 25px;
    }
}
.p-concierge__cardList__item__header
{
    position: relative;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    background: #003f61;
}
@media only screen and (max-width: 1024px)
{
    .p-concierge__cardList__item__header
    {
        padding: 15px;
    }
}
@media only screen and (max-width: 320px)
{
    .p-concierge__cardList__item__header
    {
        padding: 8px;
    }
}
.p-concierge__cardList__item__header_num
{
    font-size: 2.4rem;
    font-weight: bold;
    display: inline-block;
    margin-right: 15px;
    color: #ff607b;
}
@media only screen and (max-width: 1024px)
{
    .p-concierge__cardList__item__header_num
    {
        font-size: 1.7rem;
    }
}
@media only screen and (max-width: 320px)
{
    .p-concierge__cardList__item__header_num
    {
        font-size: 1.5rem;
        margin-right: 5px;
    }
}
.p-concierge__cardList__item__header p
{
    font-size: 2.4rem;
    text-align: left;
    color: #fff;
}
@media only screen and (max-width: 1024px)
{
    .p-concierge__cardList__item__header p
    {
        font-size: 1.7rem;
    }
}
@media only screen and (max-width: 320px)
{
    .p-concierge__cardList__item__header p
    {
        font-size: 1.5rem;
    }
}
.p-concierge__cardList__item__content
{
    padding: 25px;
}
@media only screen and (max-width: 1024px)
{
    .p-concierge__cardList__item__content
    {
        padding: 15px;
    }
}
.p-concierge__cardList__item__content__svg
{
    display: block;
    width: 85px;
    height: 85px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    fill: #003f61;
}
.p-concierge__cardList__item__content__txt
{
    font-size: 1.6rem;
    line-height: 1.81;
}
.c-fukidashi
{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 2.8rem;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    padding: 20px;
    color: #fff;
    border-radius: 10px;
    background: #003f61;
}
@media only screen and (max-width: 768px)
{
    .c-fukidashi
    {
        font-size: 1.9rem;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
}
@media only screen and (max-width: 320px)
{
    .c-fukidashi
    {
        font-size: 1.5rem;
        padding: 10px;
    }
}
.c-fukidashi:before
{
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    content: '';
    border: 15px solid transparent;
    border-top: 15px solid #003f61;
}
.concierge__kv__inner-tertiary-lefttext
{
    padding-left: 8px;
    text-align: left;
}
@media only screen and (max-width: 768px)
{
    .concierge__kv__inner-tertiary-lefttext
    {
        font-size: 1.1rem;
    }
}
.concierge__kv__inner__contents
{
    margin-bottom: 35px;
}
.btn__catchText
{
    position: absolute;
    top: -50px;
    right: -50px;
    pointer-events: none;
}
@media only screen and (max-width: 768px)
{
    .btn__catchText
    {
        top: -20px;
        right: 0;
        width: 225px;
    }
}
.concierge__card-row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1040px;
    margin-top: 80px;
    margin-right: auto;
    margin-bottom: 100px;
    margin-left: auto;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
}
@media only screen and (max-width: 768px)
{
    .concierge__card-row
    {
        width: 100%;
        margin-top: 0;
        margin-bottom: 40px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .concierge__card-row:first-of-type
    {
        margin-top: 60px;
    }
}
.concierge__card-row:last-child
{
    margin-bottom: 0;
}
.concierge__card-image
{
    width: 100%;
    max-width: 420px;
}
@media only screen and (max-width: 768px)
{
    .concierge__card-image
    {
        position: relative;
        width: 100%;
        max-width: 100%;
    }
}
.concierge__card-image img
{
    display: block;
    vertical-align: bottom;
    border-radius: 10px 0 0 10px;
    -o-object-fit: contain;
    object-fit: contain;
}
@media only screen and (max-width: 1024px)
{
    .concierge__card-image img
    {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media only screen and (max-width: 768px)
{
    .concierge__card-image img
    {
        border-radius: 10px 10px 0 0;
    }
}
.concierge__card-contents
{
    width: calc(100% - 420px);
    padding: 45px;
}
@media only screen and (max-width: 1024px)
{
    .concierge__card-contents
    {
        width: 100%;
        padding: 30px 20px;
    }
}
.concierge__card-contents__ttl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.concierge__card-contents__ttl h2
{
    font-size: 2.4rem;
    line-height: 1.6;
    margin-left: 25px;
    color: #111;
}
@media only screen and (max-width: 1024px)
{
    .concierge__card-contents__ttl h2
    {
        margin-left: 0;
    }
}
.concierge__card-contents__txt
{
    font-size: 1.6rem;
    line-height: 1.8;
    color: #333;
}
#concierge .list--table__form__required .wpcf7-form-control-wrap input[type='text'].wpcf7-not-valid,
#concierge .list--table__form__required .wpcf7-form-control-wrap input[type='tel'].wpcf7-not-valid
{
    border: 1px solid #cb0100;
    background: #fdd;
}
#concierge .list--table__form__required .wpcf7-not-valid input
{
    border: 1px solid #cb0100;
    background: #fdd;
}
#concierge .list--table__form__required label.error
{
    display: none !important;
}
.remaining-number-counter
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    padding: 0 40px;
    background-color: #fdd;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 769px)
{
    .remaining-number-counter
    {
        width: 240px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.remaining-number-counter__txt
{
    font-size: 16px;
    font-weight: bold;
    padding-right: 20px;
    color: #333;
}
@media screen and (min-width: 769px)
{
    .remaining-number-counter__txt
    {
        padding-right: 0;
    }
}
.remaining-number-counter__num
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ca0300;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.ui-menu .ui-menu-item-wrapper
{
    padding: 1.5rem;
}
.ui-menu-item
{
    background: #fff;
}
.ui-widget-content
{
    width: 50%;
    color: #333;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #fff;
}
@media screen and (min-width: 769px)
{
    .ui-widget-content
    {
        width: 500px;
    }
}
.ui-state-active
{
    font-weight: bold;
    background: #f3f3f3;
}
.ui-autocomplete
{
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 130px;
    padding-right: 20px;
}
@media screen and (min-width: 769px)
{
    .ui-autocomplete
    {
        max-height: 230px;
    }
}
#jquery-ui-autocomplete label
{
    font-size: 15px;
    float: left;
    margin-right: .5em;
    color: #222;
}
#concierge .wpcf7 .wpcf7-form .form__required
{
    font-size: 1.3rem;
    padding: 2px 5px;
    color: #fff;
    border-radius: 5px;
    background: #f5a40f;
}
#concierge .wpcf7 .wpcf7-form .consideration_func .wpcf7-form-control,
#concierge .wpcf7 .wpcf7-form .hopesystem .wpcf7-form-control,
#concierge .wpcf7 .wpcf7-form .hopeservice .wpcf7-form-control
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
#concierge .wpcf7 .wpcf7-form .consideration_func .wpcf7-form-control span.wpcf7-list-item label,
#concierge .wpcf7 .wpcf7-form .hopesystem .wpcf7-form-control span.wpcf7-list-item label,
#concierge .wpcf7 .wpcf7-form .hopeservice .wpcf7-form-control span.wpcf7-list-item label
{
    line-height: 50px;
}
#concierge .wpcf7 .wpcf7-form span.wpcf7-list-item
{
    height: auto;
}
#concierge .wpcf7 .wpcf7-form input[type='text'],
#concierge .wpcf7 .wpcf7-form input[type='tel'],
#concierge .wpcf7 .wpcf7-form input[type='email'],
#concierge .wpcf7 .wpcf7-form textarea
{
    border: none;
    background: #f3f3f3;
}
#concierge .wpcf7 .wpcf7-form input[type='text']::-webkit-input-placeholder,
#concierge .wpcf7 .wpcf7-form input[type='tel']::-webkit-input-placeholder,
#concierge .wpcf7 .wpcf7-form input[type='email']::-webkit-input-placeholder,
#concierge .wpcf7 .wpcf7-form textarea::-webkit-input-placeholder
{
    font-size: 1.4rem;
    color: #aaa;
}
#concierge .wpcf7 .wpcf7-form input[type='text']::-moz-placeholder,
#concierge .wpcf7 .wpcf7-form input[type='tel']::-moz-placeholder,
#concierge .wpcf7 .wpcf7-form input[type='email']::-moz-placeholder,
#concierge .wpcf7 .wpcf7-form textarea::-moz-placeholder
{
    font-size: 1.4rem;
    color: #aaa;
}
#concierge .wpcf7 .wpcf7-form input[type='text']::-ms-input-placeholder,
#concierge .wpcf7 .wpcf7-form input[type='tel']::-ms-input-placeholder,
#concierge .wpcf7 .wpcf7-form input[type='email']::-ms-input-placeholder,
#concierge .wpcf7 .wpcf7-form textarea::-ms-input-placeholder
{
    font-size: 1.4rem;
    color: #aaa;
}
#concierge .wpcf7 .wpcf7-form input[type='text']::placeholder,
#concierge .wpcf7 .wpcf7-form input[type='tel']::placeholder,
#concierge .wpcf7 .wpcf7-form input[type='email']::placeholder,
#concierge .wpcf7 .wpcf7-form textarea::placeholder
{
    font-size: 1.4rem;
    color: #aaa;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__ttl
{
    font-size: 1.6rem;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border-left: 5px solid #333;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .concierge__form__ttl
    {
        font-size: 1.7rem;
    }
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table + .list--table
{
    margin-top: 0;
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table
{
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
    text-align: left;
    word-wrap: break-word;
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__tr
{
    border-top: 1px solid #ddd;
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__tr:last-child
{
    border-bottom: none;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .codomon__form__table__tr:last-child
    {
        border-bottom: none;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .codomon__form__table__tr
    {
        border-top: none;
    }
    #concierge .wpcf7 .wpcf7-form .codomon__form__table__tr:first-child .codomon__form__table__ttl
    {
        margin-top: 0;
    }
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table
{
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
    text-align: left;
    word-wrap: break-word;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__tr
{
    border-top: 1px solid #ddd;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__tr:last-child
{
    border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .concierge__form__table__tr:last-child
    {
        border-bottom: none;
    }
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .concierge__form__table__tr
    {
        border-top: none;
    }
    #concierge .wpcf7 .wpcf7-form .concierge__form__table__tr:first-child .concierge__form__table__ttl
    {
        margin-top: 0;
    }
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    display: table-cell;
    width: 218px;
    padding: 30px 0 0 30px;
    text-align: left;
    vertical-align: top;
    color: #339cd1;
}

@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .codomon__form__table__ttl
    {
        display: inline-block;
        width: 100%;
        margin: 30px 0 15px 0;
        padding: 0;
    }
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__item
{
    width: calc(100% - 240px);
    padding: 20px;
    text-align: left;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .codomon__form__table__item
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='text']
{
    width: 100%;
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='text'].size-m
{
    width: 50%;
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='text'].size-s
{
    width: 190px;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='text'].size-s
    {
        width: 100%;
    }
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='tel']
{
    width: 100%;
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='tel'].size-m
{
    width: 50%;
}
#concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='tel'].size-s
{
    width: 190px;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .codomon__form__table__item input[type='tel'].size-s
    {
        width: 100%;
    }
}
#concierge .wpcf7 .wpcf7-form input[type='submit']
{
    font-size: 1.8rem;
    width: 100%;
    max-width: 350px;
    padding: 29px 10px;
    border: 3px solid #fff;
    border-radius: 50px;
    background: #ff8a00;
    -webkit-box-shadow: 0 0 8px #cbcbcb;
    box-shadow: 0 0 8px #cbcbcb;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    display: table-cell;
    width: 240px;
    padding: 0 0 0 20px;
    text-align: left;
    color: #339cd1;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .concierge__form__table__ttl
    {
        display: inline-block;
        width: 100%;
        margin: 30px 0 15px 0;
        padding: 0;
    }
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__item
{
    width: calc(100% - 240px);
    padding: 20px;
    text-align: left;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .concierge__form__table__item
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='text']
{
    width: 100%;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='text'].size-m
{
    width: 50%;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='text'].size-s
{
    width: 190px;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='text'].size-s
    {
        width: 100%;
    }
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='tel']
{
    width: 100%;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='tel'].size-m
{
    width: 50%;
}
#concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='tel'].size-s
{
    width: 190px;
}
@media only screen and (max-width: 1024px)
{
    #concierge .wpcf7 .wpcf7-form .concierge__form__table__item input[type='tel'].size-s
    {
        width: 100%;
    }
}
#concierge .wpcf7 .wpcf7-form input[type='submit']
{
    font-size: 1.8rem;
    width: 100%;
    max-width: 350px;
    padding: 29px 10px;
    border: 3px solid #fff;
    border-radius: 50px;
    background: #ff8a00;
    -webkit-box-shadow: 0 0 8px #cbcbcb;
    box-shadow: 0 0 8px #cbcbcb;
}
.concierge__box
{
    margin: 20px 0;
    padding: 10px 40px;
    background-color: #f7f0e6;
}
.concierge__box .concierge__box__ttl
{
    font-size: 2.6rem;
    font-weight: bold;
    margin: 20px 0;
    text-align: center;
}
.concierge__box .concierge__box__txt p
{
    font-size: 1.4rem;
    margin-bottom: 10px;
}
.concierge__box .concierge__box__txt ul
{
    margin: 10px 0 10px 30px;
}
.concierge__box .concierge__box__txt li
{
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0;
}
.concierge__box .contactBox__telArea__num
{
    font-size: 1.9rem;
}
.concierge__box .contactBox__telArea__supplement
{
    font-size: 1.2rem;
}
@media only screen and (max-width: 640px)
{
    .concierge__box
    {
        padding: 10px 10px;
    }
    .concierge__box .contactBox dl
    {
        padding: 10px;
    }
    .concierge__box .contactBox__ttl
    {
        font-size: 1.6rem !important;
    }
}
.event__kv
{
    margin: 0 auto 80px;
    padding: 85px 40px;
    text-align: center;
    color: #50423a;
    background: url('../img/ictkids/event1809/bg-kv-pc.png') center top no-repeat;
}
.event__kv__ttl
{
    position: relative;
    margin: 0 auto 30px;
}
.event__kv__ttl__badge
{
    position: absolute;
    top: -65px;
    right: 20px;
}
.event__kv__ttl--sub
{
    margin: 0 auto 40px;
}
.event__kv__txt
{
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0 auto 10px;
}
.event__btn--kv
{
    width: 480px;
}
.event__section
{
    margin: 0 auto 80px;
    text-align: center;
    color: #50423a;
}
.event__section__ttl
{
    font-size: 3rem;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto 40px;
    color: #333;
}
.event__section__ttl:after
{
    display: block;
    height: 8px;
    content: '';
    border-radius: 4px;
    background: #339cd1;
}
.event__section__ttl#form-event
{
    margin: 0 auto;
}
.event__section__ttl__inner
{
    padding: 0 20px 10px;
}
.event__section__box--border
{
    padding: 30px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
}
.event__section__box--speaker
{
    margin: 54px 0;
}
.event__section__box--speaker__inner
{
    position: relative;
    margin: 14px 0 14px 130px;
    padding: 24px 30px 24px 170px;
    text-align: left;
    border-radius: 10px;
    background: url('../img/ictkids/event1809/bg_01.png') left top repeat;
}
.event__section__box--speaker__img
{
    position: absolute;
    top: -14px;
    left: -130px;
}
.event__section__box--speaker__ttl
{
    font-size: 2.4rem;
    font-weight: bold;
    margin: 0 0 10px;
}
.event__section__box--speaker__description
{
    font-size: 1.4rem;
    line-height: 1.6;
}
.event__section__box--contact
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.event__btn--contact
{
    width: 460px;
    height: 96px;
    padding: 36px 10px;
}
.event__section__box--sponsor
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 18px;
    padding: 0 40px 0 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.event__section__box--sponsor:last-child
{
    margin: 0;
}
.event__section__box--sponsor__img
{
    width: 284px;
    height: auto;
}
.event__section__box--sponsor__txtArea
{
    width: 660px;
    padding: 22px 0;
    text-align: left;
}
.event__section__box--sponsor__txtArea__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8;
}
.event__section__box--sponsor__txtArea__ttl__kana
{
    font-size: 1.2rem;
    line-height: 1.8;
}
.event__section__box--sponsor__txtArea__subttl
{
    font-size: 1.2rem;
    line-height: 1.8;
}
.event__section__box--sponsor__txtArea__txt
{
    font-size: 1.2rem;
    line-height: 1.8;
    color: #999;
}
.main__contents__eventForm__ttl
{
    text-align: center;
}
.event__end
{
    margin: 30px auto;
}
.event__end__txt
{
    font-size: 1em;
    margin: 20px auto;
    text-align: center;
    color: #bf0a55;
}
@media only screen and (max-width: 768px)
{
    .main__contents--event
    {
        width: 94%;
    }
    .event__kv
    {
        margin: 0 auto 60px;
        padding: 20px;
        text-align: left;
        background: url('../img/ictkids/event1809/bg_01.png') left top repeat;
    }
    .event__kv__inner
    {
        padding: 40px 20px;
        border-radius: 10px;
        background: #fff;
    }
    .event__kv__ttl__badge
    {
        top: -50px;
        right: -8px;
        width: auto;
        height: 80px;
    }
    .event__kv__ttl--sub
    {
        margin: 0 auto 30px;
    }
    .event__kv__txt
    {
        font-size: 1.4rem;
        margin: 0 auto 30px;
    }
    .event__btn--kv
    {
        width: 100%;
    }
    .event__section
    {
        margin: 0 auto 60px;
    }
    .event__section__ttl
    {
        font-size: 2.4rem;
    }
    .event__section__box--border
    {
        padding: 30px 20px;
    }
    .event__section__box--speaker
    {
        margin: 120px 0 30px;
    }
    .event__section__box--speaker__inner
    {
        margin: 60px 0 0;
        padding: 60px 20px 20px;
    }
    .event__section__box--speaker__img
    {
        top: -90px;
        left: 50%;
        width: 130px;
        height: auto;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .event__section__box--speaker__ttl
    {
        font-size: 1.6rem;
        text-align: center;
    }
    .event__section__box--speaker__description
    {
        font-size: 1.2rem;
    }
    .event__section__box--contact
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .event__section__box--contact__column
    {
        width: 100%;
    }
    .event__section__box--contact__tel
    {
        text-align: left;
    }
    .event__btn--tel
    {
        width: 100%;
        margin: 0 0 24px;
    }
    .event__btn--tel__img
    {
        max-height: 48px;
        vertical-align: middle;
    }
    .event__section__box--contact__telTxt
    {
        line-height: 1.4;
        display: inline-block;
        margin: 0 1em 5px 0;
    }
    .event__section__box--contact__telTxt:last-child
    {
        margin: 0 1em 30px 0;
    }
    .event__btn--contact
    {
        width: 100%;
        height: auto;
        padding: 20px 10px;
    }
    .event__section--sponsor .event__section__box--border
    {
        padding: 20px 10px;
    }
    .event__section__box--sponsor
    {
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .event__section__box--sponsor__img
    {
        width: 100%;
    }
    .event__section__box--sponsor__txtArea
    {
        width: 100%;
        padding: 0 5px;
        text-align: left;
    }
    .event__section__box--sponsor__txtArea__ttl
    {
        font-size: 1.6rem;
        line-height: 1;
        margin: 10px 0 3px;
    }
    .event__section__box--sponsor__txtArea__ttl__kana
    {
        display: inline-block;
    }
    .event__section__box--sponsor__txtArea__subttl
    {
        margin: 0 0 3px;
    }
    .event__section__box--flow
    {
        padding: 0 20px;
    }
    .main__contents--event .list--table__ttl,
    .main__contents--event dt.list--table__ttl
    {
        padding: 10px 20px 1px;
    }
    .main__contents--event .list--table__detail,
    .main__contents--event dd.list--table__detail
    {
        padding: 0 20px 20px;
    }
}
@media only screen and (max-width: 320px)
{
    .event__kv__ttl__badge
    {
        width: auto;
        height: 70px;
    }
    .event__btn--kv
    {
        font-size: 1.3rem;
    }
}
.link--concierge--bottom
{
    margin: 40px 0;
}
.link--concierge--twoBlock
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.link--concierge--twoBlock > ins
{
    margin-top: 6px;
}
.link--concierge--bottom--sp.item--sp img
{
    display: none;
}
.link--concierge--bottom--sp__box,
.link--concierge--bottom--sp__box--secondary
{
    display: none;
}
@media only screen and (max-width: 768px)
{
    .link--concierge--bottom--sp.item--sp
    {
        z-index: 20;
        padding: 0;
    }
    .link--concierge--bottom--sp.item--sp img
    {
        display: inline-block;
        vertical-align: bottom;
    }
    .link--concierge--bottom--sp__box,
    .link--concierge--bottom--sp__box--secondary
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .link--concierge--bottom--sp__box.is-hidden,
    .link--concierge--bottom--sp__box--secondary.is-hidden
    {
        display: none;
    }
    .link--concierge--bottom--sp__box--secondary,
    .link--concierge--bottom--sp__box--secondary--secondary
    {
        font-size: 1.8rem;
        font-weight: bold;
        margin: 5px;
        text-align: center;
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .link--concierge--bottom--sp__box--secondary .link--concierge--bottom--sp__box--secondary__ttl,
    .link--concierge--bottom--sp__box--secondary--secondary .link--concierge--bottom--sp__box--secondary__ttl
    {
        width: 100%;
        padding: 10px;
        color: #fff;
        border-radius: 2.5px 2.5px 0 0;
        background: #339cd1;
    }
    .link--concierge--bottom--sp__box--secondary .link--concierge--bottom--sp__box--secondary__tel,
    .link--concierge--bottom--sp__box--secondary--secondary .link--concierge--bottom--sp__box--secondary__tel
    {
        position: relative;
        width: 50%;
    }
    .link--concierge--bottom--sp__box--secondary .link--concierge--bottom--sp__box--secondary__tel a,
    .link--concierge--bottom--sp__box--secondary--secondary .link--concierge--bottom--sp__box--secondary__tel a
    {
        display: block;
        padding: 15px;
        color: #3a9dcf;
        border-radius: 0 0 0 2.5px;
        background: #fff;
    }
    .link--concierge--bottom--sp__box--secondary .link--concierge--bottom--sp__box--secondary__tel a span.link--concierge--bottom--sp__box--secondary__tel__inner:before,
    .link--concierge--bottom--sp__box--secondary--secondary .link--concierge--bottom--sp__box--secondary__tel a span.link--concierge--bottom--sp__box--secondary__tel__inner:before
    {
        font-family: icomoon;
        display: inline-block;
        margin-right: 10px;
        content: '\e901';
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .link--concierge--bottom--sp__box--secondary .link--concierge--bottom--sp__box--secondary__mail,
    .link--concierge--bottom--sp__box--secondary--secondary .link--concierge--bottom--sp__box--secondary__mail
    {
        position: relative;
        width: 50%;
    }
    .link--concierge--bottom--sp__box--secondary .link--concierge--bottom--sp__box--secondary__mail a,
    .link--concierge--bottom--sp__box--secondary--secondary .link--concierge--bottom--sp__box--secondary__mail a
    {
        display: block;
        padding: 15px;
        color: #fff;
        border-radius: 0 0 2.5px 0;
        background: #ff8a00;
    }
    .link--concierge--bottom--sp__box--secondary .link--concierge--bottom--sp__box--secondary__mail a span.link--concierge--bottom--sp__box--secondary__mail__inner:before,
    .link--concierge--bottom--sp__box--secondary--secondary .link--concierge--bottom--sp__box--secondary__mail a span.link--concierge--bottom--sp__box--secondary__mail__inner:before
    {
        font-family: icomoon;
        display: inline-block;
        margin-right: 10px;
        content: '\e900';
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .link--concierge--bottom--sp__btnArea
    {
        padding: 0;
        vertical-align: middle;
    }
    .link--concierge--bottom--sp__btnArea__event
    {
        padding: 0;
        vertical-align: middle;
    }
    .link--concierge--bottom--sp__btnArea__ttl
    {
        margin: 0 0 5px;
    }
    .link--concierge--bottom--sp__btn--form
    {
        margin: 0 5px 0 0;
    }
}
@media only screen and (max-width: 320px)
{
    .link--concierge--bottom--sp__box--secondary
    {
        font-size: 1.4rem;
    }
}
.contactBox
{
    margin: 30px 0 20px 0;
    padding: 5px;
    border-radius: 5px;
    background-color: #ededed;
}
@media only screen and (max-width: 768px)
{
    .contactBox
    {
        margin: 20px 0;
    }
}
.contactBox dl
{
    margin: 0 !important;
    padding: 30px;
    border: 1px solid #dedede;
    border-radius: 5px;
    background-color: #fafafa;
}
.contactBox__ttl
{
    font-size: 1.8rem !important;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
    padding: 0 0 15px !important;
    text-align: center;
    background: transparent !important;
}
.contactBox__ttl:after
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: '';
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #fff;
}
.contactBox__telArea
{
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    padding: 0 !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contactBox__telArea__num
{
    font-size: 2.1rem;
    width: 100%;
    max-width: 267px;
    padding: 10px 24px;
    cursor: pointer;
    vertical-align: middle;
    border: #fafafa solid 3px;
    border-radius: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .contactBox__telArea__num
    {
        max-width: inherit;
    }
}
.contactBox__telArea__num:hover
{
    opacity: .7;
}
.contactBox__telArea__num a
{
    display: inline-block;
    color: #333;
}
._telArea__num__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
._telArea__num__inner:before
{
    font-family: icomoon;
    display: inline-block;
    margin-right: 5px;
    content: '\e901';
    color: #339cd1;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
@media only screen and (max-width: 1024px)
{
    .header--lp ._telArea__num__inner
    {
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 44px;
        height: 44px;
        padding: 5px;
        border: 1px solid #009cce;
        background: #fff;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (max-width: 1024px)
{
    .header--lp ._telArea__num__inner:before
    {
        font-size: 13px;
        font-size: 1.3rem;
    }
}
.contactBox__telArea__supplement
{
    font-size: 1.4rem;
    line-height: 1.5;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #fff;
}
.contactBox__btn
{
    font-size: 1.8rem !important;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contactBox__btn.mb
{
    margin-bottom: 20px;
}
@media only screen and (max-width: 768px)
{
    .contactBox__btn.mb
    {
        margin-bottom: 15px;
    }
}
.contactBox__btn a
{
    line-height: 1;
    min-width: 350px;
    padding: 15px 30px;
    color: #fff;
    border: #fff solid 3px;
    border-radius: 30px;
    background-color: #ff8a00;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
.contactBox__btn__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contactBox__btn__inner:before
{
    font-family: icomoon;
    font-size: 24px;
    font-size: 2.4rem;
    display: inline-block;
    margin-right: 10px;
    content: '\e900';
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
@media only screen and (max-width: 768px)
{
    .contactBox dl
    {
        padding: 25px;
    }
    .contactBox__telArea
    {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .contactBox__telArea__num
    {
        font-size: 1.8rem !important;
        font-weight: bold;
        position: relative;
        margin-right: 0;
        margin-bottom: 2rem;
        padding: 0 !important;
        vertical-align: middle;
        border: none;
    }
    ._telArea__num__inner
    {
        line-height: 1;
    }
    ._telArea__num__inner:before
    {
        font-size: 24px;
        font-size: 2.4rem;
    }
    .contactBox__telArea__num a
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px 42px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .contactBox__telArea__supplement
    {
        margin-left: 0;
        padding-left: 0;
        text-align: center;
        border: none;
    }
    .contactBox__btn
    {
        margin-left: 0;
    }
    .contactBox__btn a
    {
        font-size: 1.8rem;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 15px;
    }
}
@media only screen and (max-width: 640px)
{
    .contactBox__telArea__num a
    {
        padding: 15px 24px;
    }
}
@import url('http://fonts.googleapis.com/earlyaccess/notosansjp.css');
.lp__sp--min
{
    display: none;
}
.lp__sp
{
    display: none;
}
.lp__pc
{
    display: inline-table;
}
.lp__header
{
    font-family: 'Noto Sans JP', sans-serif;
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 110px;
    text-align: center;
    -webkit-box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2);
}
.lp__header__logo
{
    margin: auto;
    text-align: center;
    background: #fff;
}
.lp__header__logo a
{
    display: inline-block;
    width: 120px;
    padding: 10px 0 10px 0;
}
.lp__header__nav
{
    background: #3493c4;
}
.lp__header__nav__list
{
    width: 1040px;
    margin: auto;
}
.lp__header__nav__list__item
{
    display: inline-block;
    border-left: 1px solid #fff;
}
.lp__header__nav__list__item:last-child
{
    border-right: 1px solid #fff;
}
.lp__header__nav__list__item a
{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 250px;
    padding: 20px 0;
    color: #fff;
}
.lp__header__nav__list__item a:after
{
    padding-left: 10px;
    content: url('../img/ictkids/lp-partnership/arrow.png');
}
.lp__mv
{
    width: 100%;
    text-align: center;
    background: url('../img/ictkids/lp-partnership/mv.png') center 0 no-repeat;
}
.lp__mv__contents
{
    position: relative;
    width: 1040px;
    height: 520px;
    margin: auto;
}
.lp__mv__contents__box
{
    position: absolute;
    bottom: -1px;
    width: 540px;
    padding-bottom: 40px;
    border-radius: 20px 20px 0 0;
    background: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 10px 0 10px -3px rgba(0, 0, 0, .2), -10px 0 10px -3px rgba(0, 0, 0, .2);
    box-shadow: 10px 0 10px -3px rgba(0, 0, 0, .2), -10px 0 10px -3px rgba(0, 0, 0, .2);
}
.lp__mv__contents__box__txt
{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 24px 0;
    text-align: center;
    color: #fff;
    border-radius: 20px 20px 0 0;
    background: #3493c4;
}
.lp__mv__contents__box__ttl
{
    padding: 0 40px;
}
.lp__mv__contents__box__ttl h1
{
    margin-bottom: 30px;
}
.lp__content
{
    line-height: 1.4;
    position: relative;
    padding-top: 110px;
    color: #333;
}
.lp__content a
{
    text-decoration: none;
}
.lp__content .content__inner
{
    width: 100% !important;
    margin: auto;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}
.lp__contact__form__return
{
    color: #333;
}
.lp__conversion__btn
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 0;
    cursor: pointer;
    color: #fff !important;
    border: none;
    border-radius: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.lp__conversion__btn__submit
{
    display: inline-block;
    color: #fff;
    background: #ff8a00;
}
.lp__conversion__btn__return
{
    display: inline-block;
    color: #fff;
    background: #999;
}
.lp__conversion__btn__ml10
{
    margin-left: 10px;
}
.lp__conversion__btn__mr10
{
    margin-right: 10px;
}
.lp__txtYellow
{
    color: #fff100;
}
.lp__content__ttl
{
    margin-bottom: 90px;
}
.lp__content__ttl h2
{
    font-size: 44px;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
.lp__content__ttl h2:before
{
    position: absolute;
    bottom: -30px;
    left: 50%;
    display: inline-block;
    width: 60px;
    height: 5px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 6px;
    background-color: #3493c4;
}
.lp__h__read__txt
{
    font-size: 16px;
    margin-top: 60px;
}
.lp__radiusTopL
{
    border-radius: 5px 0 0 0;
}
.lp__radiusTopR
{
    border-radius: 0 5px 0 0;
}
.lp__radiusDownR
{
    border-radius: 0 0 5px 0;
}
.lp__radiusDownL
{
    border-radius: 0 0 0 5px;
}
.lp__underLine
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fff100));
    background: linear-gradient(transparent 70%, #fff100 70%);
}
.lp__content__block__white,
.lp__content__block__noPadding
{
    width: 100%;
    padding: 120px 0;
    text-align: center;
    background: #fff;
}
.lp__content__block__gray
{
    width: 100%;
    padding: 120px 0;
    text-align: center;
    background: #f4f4f4;
}
.lp__content__block__blue
{
    width: 100%;
    text-align: center;
    background: #e8f6f8;
}
.lp__content__service__list
{
    font-size: 0;
    width: 1040px;
    margin: auto;
}
.lp__content__service__list__item
{
    display: inline-block;
    width: 330px;
    margin-right: 25px;
    padding: 20px 20px 40px 20px;
    text-align: center;
    border-radius: 10px;
    background: #e8f6f8;
}
.lp__content__service__list__item:last-child
{
    margin-right: 0;
}
.lp__content__service__list__item img
{
    display: inline-block;
    width: 120px;
    margin-bottom: 20px;
}
.lp__content__service__list__item h3
{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.lp__content__service__list__item p
{
    font-size: 16px;
}
.lp__content__recommend
{
    width: 1040px;
    height: 290px;
    margin: auto;
    margin-bottom: 40px;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2);
}
.lp__content__recommend h3
{
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #3493c4;
}
.lp__content__recommend p
{
    font-size: 16px;
}
.lp__content__recommend__img
{
    width: 480px;
    height: 290px;
}
.lp__content__recommend__img:after
{
    display: block;
    clear: both;
    content: '';
}
.lp__floatLeft
{
    float: left;
}
.lp__floatRight
{
    float: right;
}
.lp__content__recommend__img__point01
{
    border-radius: 5px 0 0 5px;
    background: url('../img/ictkids/lp-partnership/spimg_01.jpg') center center/cover no-repeat;
}
.lp__content__recommend__img__point02
{
    border-radius: 0 5px 5px 0;
    background: url('../img/ictkids/lp-partnership/spimg_02.jpg') center center/cover no-repeat;
}
.lp__content__recommend__img__point03
{
    border-radius: 5px 0 0 5px;
    background: url('../img/ictkids/lp-partnership/spimg_03.jpg') center center/cover no-repeat;
}
.lp__content__recommend__txt
{
    position: relative;
    width: 560px;
    height: 290px;
    padding: 0 25px 0 25px;
    text-align: left;
}
.lp__content__recommend__txt__01
{
    background: url('../img/ictkids/lp-partnership/01.png') right 20px bottom no-repeat;
    background-size: 35%;
}
.lp__content__recommend__txt__02
{
    background: url('../img/ictkids/lp-partnership/02.png') right 20px bottom no-repeat;
    background-size: 35%;
}
.lp__content__recommend__txt__03
{
    background: url('../img/ictkids/lp-partnership/03.png') right 20px bottom no-repeat;
    background-size: 35%;
}
.lp__content__recommend__middle
{
    position: absolute;
    top: 60px;
}
.lp__content__recommend__point
{
    font-size: 20px;
    font-weight: bold;
    width: 160px;
    margin-bottom: 15px;
    padding: 5px 30px;
    text-align: center;
    color: #3493c4;
    border: solid 2px #3493c4;
    border-radius: 60px;
}
.lp__caption
{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}
.lp__table__yellow
{
    font-size: 20px;
    display: inline-block;
    width: 140px;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    background: #fff100;
}
.lp__content__recommend__table
{
    width: 1040px;
    margin: auto;
    margin-bottom: 60px;
    border: 4px solid #cddddd;
    border-radius: 10px;
}
.lp__content__recommend__table .lp__txtBlue
{
    display: inline-block;
    margin-bottom: 10px;
    color: #3493c4;
}
.lp__content__recommend__table .lp__txt10
{
    font-size: 14px;
    display: inline-block;
}
.lp__content__recommend__table .lp__txt20
{
    font-size: 20px;
}
.lp__content__recommend__table .lp__txt30
{
    font-size: 30px;
}
.lp__content__recommend__table .lp__txt40
{
    font-size: 40px;
}
.lp__content__recommend__table .lp__txt50
{
    font-size: 50px;
}
.lp__content__recommend__table .lp__txt90
{
    font-size: 90px;
}
.lp__content__recommend__table .lp__ml10
{
    display: inline-block;
    margin-left: 10px;
}
.lp__content__recommend__table th,
.lp__content__recommend__table td
{
    font-weight: bold;
    border: 1px solid #cddddd;
}
.lp__content__recommend__table th
{
    padding: 40px 0 40px 20px;
    color: #fff;
    background: #3493c4;
}
.lp__content__recommend__table td
{
    text-align: center;
}
.lp__content__recommend__table__inner
{
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(70%, #fff100));
    background: linear-gradient(transparent 90%, #fff100 70%);
    background-position-y: 100px;
}
.lp__content__recommend__table__inner__primer
{
    font-size: 24px;
    display: inline-block;
    margin-right: 5px;
}
.lp__content__recommend__table__ttlBlock
{
    width: 280px;
}
.lp__content__recommend__table__h
{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.lp__content__recommend__table__read
{
    font-size: 16px;
    font-weight: bold;
    width: 180px;
    margin-bottom: 10px;
    padding: 5px 0;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
}
.lp__content__recommend__table__txt
{
    font-weight: normal;
    color: #fff;
}
.lp__content__recommend__table__center th
{
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}
.lp__content__recommend__table__ad__price
{
    display: inline-block;
}
.lp__content__recommend__table__ad__txt
{
    display: inline-block;
    margin-left: 60px;
    padding: 20px 40px;
    border-radius: 10px;
    background: #f4f4f4;
}
.lp__content__recommend__table__last
{
    margin-bottom: 0;
}
.lp__content__conversionArea
{
    padding: 80px 0 60px 0;
    background: url('../img/ictkids/lp-partnership/cv_image.jpg') center 0 no-repeat #61aad0;
    background-size: cover;
}
.lp__content__conversionArea__inner
{
    width: 1040px;
    margin: auto;
    text-align: center;
}
.lp__content__conversionArea__lead
{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
}
.lp__content__conversionArea__h
{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #fff100;
}
.lp__content__system__txtArea
{
    font-weight: bold;
    width: 1040px;
    margin: auto;
    margin-top: 60px;
    padding: 40px 0;
    border-radius: 10px;
    background: #f4f4f4;
}
.lp__content__system__txtArea p
{
    font-size: 20px;
    margin-bottom: 20px;
}
.lp__content__system__txtArea h4
{
    font-size: 28px;
}
.lp__content__flow
{
    font-size: 0;
    width: 1040px;
    margin: auto;
}
.lp__content__flow__item
{
    position: relative;
    display: inline-block;
    width: 300px;
    margin-right: 60px;
    margin-bottom: 30px;
    text-align: center;
}
.lp__content__flow__item:nth-child(3n)
{
    margin-right: 0;
}
.lp__content__flow__item:after
{
    position: absolute;
    top: 60px;
    left: 320px;
    content: url('../img/ictkids/lp-partnership/arr_right.png');
}
.lp__content__flow__item:nth-child(3n):after
{
    display: none;
}
.lp__content__flow__ttl
{
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0;
    color: #fff;
    border-radius: 10px 10px 0 0;
    background: #3493c4;
}
.lp__content__flow__txt
{
    font-size: 14px;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    background: #fff;
}
.wpcf7 .wpcf7-form .lp__contents__form
{
    width: 1040px;
    margin: auto;
    margin-bottom: 40px;
    table-layout: fixed;
    text-align: left;
    word-wrap: break-word;
    border: 1px solid #3493c4;
    border-radius: 10px;
}
.wpcf7 .wpcf7-form .lp__content__form__box
{
    display: table;
    width: 1040px;
    border-bottom: 1px solid #cddddd;
}
.wpcf7 .wpcf7-form .lp__content__form__box:last-child
{
    border: none;
}
.wpcf7 .wpcf7-form .lp__content__form__ttl
{
    font-weight: bold;
    display: table-cell;
    width: 220px;
    padding: 0 0 0 20px;
    text-align: left;
    color: #fff;
    background: #3493c4;
}
.wpcf7 .wpcf7-form .lp__content__form__txtYellow
{
    display: inline-block;
    margin-left: 10px;
}
.wpcf7 .wpcf7-form .lp__content__form__item
{
    display: inline-block;
    width: 820px;
    padding: 20px 0 20px 20px;
    text-align: left;
}
.wpcf7 .wpcf7-form .lp__content__form__item input
{
    width: 400px;
    padding: 10px 20px;
    border: 1px solid #cddddd;
    border-radius: 5px;
    background: #f8f8f8;
}
.wpcf7 .wpcf7-form .lp__content__form__item__textArea
{
    width: 760px;
    max-width: 760px;
    padding: 10px 0 10px 20px;
    border: 1px solid #cddddd;
    border-radius: 5px;
    background: #f8f8f8;
}
.wpcf7 .wpcf7-form .lp__content__form__item__textArea input
{
    width: 400px;
    margin-right: 10px;
    padding: 10px 20px;
    border: 1px solid #cddddd;
    border-radius: 5px;
    background: #f8f8f8;
}
.wpcf7 .wpcf7-form .lp__content__form__radioBtn input
{
    display: none;
}
.wpcf7 .wpcf7-form .lp__content__form__radioBtn label
{
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
    padding: 10px 20px;
    color: #3493c4;
    border: 1px solid #cddddd;
    border-radius: 5px;
}
.wpcf7 .wpcf7-form .lp__content__form__radioBtn label:hover
{
    cursor: pointer;
}
.wpcf7 .wpcf7-form .lp__content__form__radioBtn label.is-checked
{
    color: #fff;
    background: #3493c4;
}
.wpcf7 .wpcf7-form .lp__content__form__forPrivacyTxt
{
    margin-bottom: 40px;
}
.wpcf7 .wpcf7-form .lp__content__form__btn
{
    text-align: center;
}
.wpcf7 .wpcf7-form .lp__content__form__btn__confirm:hover
{
    cursor: pointer;
}
.wpcf7 .wpcf7-form .lp__contact__form__forReturnTxt
{
    margin-bottom: 40px;
}
.wpcf7 .wpcf7-form .lp__contact__form__return
{
    color: #333;
}
.wpcf7 .wpcf7-form .lp__conversion__btn
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    width: 100%;
    max-width: 480px;
    padding: 20px 0;
    cursor: pointer;
    color: #fff !important;
    border: none;
    border-radius: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.wpcf7 .wpcf7-form .lp__conversion__btn__submit
{
    display: inline-block;
    color: #fff;
    background: #ff8a00;
}
.wpcf7 .wpcf7-form .lp__conversion__btn__return
{
    color: #fff;
    background: #999;
}
.wpcf7 .wpcf7-form .lp__conversion__btn__ml10
{
    margin-left: 10px;
}
.wpcf7 .wpcf7-form .lp__conversion__btn__mr10
{
    margin-right: 10px;
}
@media only screen and (max-width: 768px)
{
    .lp__header
    {
        height: 60px;
    }
    .lp__header__logo
    {
        margin: auto;
        text-align: center;
        background: #fff;
    }
    .lp__header__nav
    {
        display: none;
    }
    .lp__sp
    {
        display: inline;
    }
    .lp__pc
    {
        display: none;
    }
    .lp__mv
    {
        width: 100%;
        text-align: center;
        background: url('../img/ictkids/lp-partnership/mv.png') center 0 no-repeat;
        background-position-x: 70%;
        background-size: cover;
    }
    .lp__mv__contents
    {
        position: relative;
        width: 100%;
        height: 520px;
        margin: auto;
    }
    .lp__mv__contents__box
    {
        line-height: 1;
        position: absolute;
        bottom: -1px;
        left: 50%;
        width: 90%;
        padding-bottom: 40px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 20px 20px 0 0;
        background: rgba(255, 255, 255, .9);
        -webkit-box-shadow: 10px 0 10px -3px rgba(0, 0, 0, .2), -10px 0 10px -3px rgba(0, 0, 0, .2);
        box-shadow: 10px 0 10px -3px rgba(0, 0, 0, .2), -10px 0 10px -3px rgba(0, 0, 0, .2);
    }
    .lp__mv__contents__box__txt
    {
        font-size: 14px;
        padding: 10px;
    }
    .lp__mv__contents__box__ttl
    {
        padding: 0 20px;
    }
    .lp__mv__contents__box__ttl h1
    {
        width: 100%;
    }
    .lp__content
    {
        padding-top: 60px;
    }
    .lp__content .lp__mb10
    {
        font-size: 0;
        display: block;
        margin-bottom: 10px;
    }
    .lp__content .lp__mb60
    {
        font-size: 0;
        display: block;
        margin-bottom: 60px;
    }
    .lp__content .content__inner
    {
        width: 100% !important;
        margin: auto;
    }
    .lp__conversion__btn
    {
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        padding: 30px 0;
        border-radius: 60px;
    }
    .lp__conversion__btn__ml10
    {
        margin-left: 0;
    }
    .lp__conversion__btn__mr10
    {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .lp__content__form__txtYellow
    {
        color: #fff100;
    }
    .lp__content__ttl
    {
        margin-bottom: 65px;
    }
    .lp__content__ttl h2
    {
        font-size: 30px;
    }
    .lp__content__ttl h2:before
    {
        width: 80px;
    }
    .lp__content__ttl .lp__h__read__txt
    {
        font-size: 16px;
        margin-top: 60px;
    }
    .lp__radiusTopL
    {
        border-radius: 5px 0 0 0;
    }
    .lp__radiusTopR
    {
        border-radius: 0 5px 0 0;
    }
    .lp__radiusDownR
    {
        border-radius: 0 0 5px 0;
    }
    .lp__radiusDownL
    {
        border-radius: 0 0 0 5px;
    }
    .lp__underLine
    {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fff100));
        background: linear-gradient(transparent 70%, #fff100 70%);
    }
    .lp__content__block__white
    {
        width: 100%;
        padding: 60px 20px;
        text-align: center;
        background: #fff;
    }
    .lp__content__block__gray
    {
        width: 100%;
        padding: 60px 20px;
        text-align: center;
        background: #f4f4f4;
    }
    .lp__content__block__noPadding
    {
        width: 100%;
        padding: 60px 0 120px 0;
        text-align: center;
        background: #fff;
    }
    .lp__content__service__list
    {
        font-size: 0;
        width: 100%;
        margin: auto;
    }
    .lp__content__service__list__item
    {
        display: inline-block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 20px 20px 30px 20px;
        text-align: center;
    }
    .lp__content__service__list__item:last-child
    {
        margin-bottom: 0;
    }
    .lp__content__service__list__item img
    {
        display: inline-block;
        width: 120px;
        margin-bottom: 20px;
    }
    .lp__content__service__list__item h3
    {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .lp__content__service__list__item p
    {
        font-size: 16px;
    }
    .lp__content__recommend
    {
        width: 100%;
        height: auto;
        margin: auto;
        margin-bottom: 30px;
        border-radius: 10px;
        background: #fff;
        -webkit-box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2);
        box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .2);
    }
    .lp__content__recommend:after
    {
        display: block;
        clear: both;
        content: '';
    }
    .lp__content__recommend__img
    {
        float: none;
        width: 100%;
        height: 280px;
        margin-bottom: 20px;
    }
    .lp__content__recommend__img__point01
    {
        border-radius: 5px 5px 0 0;
    }
    .lp__content__recommend__img__point02
    {
        border-radius: 5px 5px 0 0;
    }
    .lp__content__recommend__img__point03
    {
        border-radius: 5px 5px 0 0;
    }
    .lp__content__recommend__txt
    {
        position: relative;
        float: none;
        width: 100%;
        height: auto;
        margin: auto;
        padding: 0;
        text-align: left;
    }
    .lp__content__recommend__middle
    {
        position: unset;
        padding: 0 20px 60px 20px;
    }
    .lp__content__recommend__middle h3
    {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
        color: #3493c4;
    }
    .lp__content__recommend__middle p
    {
        font-size: 16px;
    }
    .lp__content__recommend__point
    {
        font-size: 16px;
        width: 140px;
        margin-bottom: 15px;
        padding: 5px 20px;
        color: #3493c4;
        border: solid 2px #3493c4;
        border-radius: 60px;
    }
    .lp__caption
    {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: center;
    }
    .lp__table__yellow
    {
        font-size: 20px;
        width: 140px;
        margin-right: 15px;
        padding: 10px;
        text-align: center;
        background: #fff100;
    }
    .lp__content .lp__table__yellow
    {
        font-size: 20px;
        display: inline-block;
    }
    .lp__content__recommend__table
    {
        width: 100%;
        margin-bottom: 0;
        border: none;
    }
    .lp__content__recommend__table th,
    .lp__content__recommend__table td
    {
        font-weight: bold;
        border: 1px solid #cddddd;
    }
    .lp__content__recommend__table th
    {
        padding: 40px 0 40px 20px;
        color: #fff;
        background: #3493c4;
    }
    .lp__content__recommend__table td
    {
        text-align: center;
    }
    .lp__content__recommend__table__ttlBlock
    {
        width: 280px;
    }
    .lp__content__recommend__table__h
    {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .lp__content__recommend__table__read
    {
        font-size: 16px;
        font-weight: bold;
        width: 180px;
        margin-bottom: 10px;
        padding: 5px 0;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 50px;
    }
    .lp__content__recommend__table__txt
    {
        font-weight: normal;
        color: #fff;
    }
    .lp__content__recommend__table__center th
    {
        font-weight: bold;
        padding: 10px 0;
        text-align: center;
    }
    .lp__content__recommend__table__ad__price
    {
        display: inline-block;
    }
    .lp__content__recommend__table__ad__txt
    {
        display: inline-block;
        margin-left: 60px;
        padding: 20px 40px;
        border-radius: 10px;
        background: #f4f4f4;
    }
    .lp__content__conversionArea
    {
        padding: 80px 0 60px 0;
        background: url('../img/ictkids/lp-partnership/cv_image.jpg') center 0 no-repeat #61aad0;
        background-size: cover;
    }
    .lp__content__conversionArea__inner
    {
        width: 100%;
        margin: auto;
        padding: 0 20px;
        text-align: center;
    }
    .lp__content__conversionArea__lead
    {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #fff;
    }
    .lp__content__conversionArea__h
    {
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 40px;
        color: #fff100;
    }
    .lp__content__system__txtArea
    {
        font-weight: bold;
        width: 100%;
        margin: auto;
        margin-top: 60px;
        padding: 20px 0;
        border-radius: 10px;
        background: #f4f4f4;
    }
    .lp__content__system__txtArea p
    {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .lp__content__system__txtArea h4
    {
        font-size: 22px;
    }
    .lp__content__flow
    {
        font-size: 0;
        width: 100%;
        margin: auto;
    }
    .lp__content__flow__item
    {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 55px;
        text-align: center;
    }
    .lp__content__flow__item:after
    {
        position: absolute;
        top: 110%;
        left: 50%;
        display: inline-block;
        width: 50px;
        height: 50px;
        content: '';
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        vertical-align: middle;
        background: url('../img/ictkids/lp-partnership/arr_btm.png') no-repeat;
        background-size: contain;
    }
    .lp__content__flow__item:nth-child(3n):after
    {
        display: inline-block;
    }
    .lp__content__flow__item:last-child
    {
        margin-bottom: 0;
    }
    .lp__content__flow__item:last-child:after
    {
        display: none;
    }
    .lp__content__flow__ttl
    {
        font-size: 20px;
        font-weight: bold;
        padding: 20px 0;
        color: #fff;
        border-radius: 10px 10px 0 0;
        background: #3493c4;
    }
    .lp__content__flow__txt
    {
        font-size: 14px;
        padding: 20px;
        text-align: left;
        border-radius: 0 0 10px 10px;
        background: #fff;
    }
    .wpcf7 .wpcf7-form .lp__contents__form
    {
        width: 100%;
        margin-bottom: 20px;
        border: none;
        border-radius: 0;
    }
    .wpcf7 .wpcf7-form .lp__radiusTopL
    {
        border-radius: 0;
    }
    .wpcf7 .wpcf7-form .lp__radiusDownL
    {
        border-radius: 0;
    }
    .wpcf7 .wpcf7-form .lp__content__form__box
    {
        width: 100%;
        border-bottom: 1px solid #cddddd;
    }
    .wpcf7 .wpcf7-form .lp__content__form__box:last-child
    {
        display: inline-block;
        border: none;
    }
    .wpcf7 .wpcf7-form .lp__content__form__ttl
    {
        font-size: 16px;
        display: inline-block;
        width: 100%;
        padding: 20px 0 20px 20px;
    }
    .wpcf7 .wpcf7-form .lp__txtYellow
    {
        display: inline-block;
        margin-left: 10px;
    }
    .wpcf7 .wpcf7-form .lp__content__form__item
    {
        font-size: 16px;
        width: 100%;
        padding: 20px 20px 30px 20px;
    }
    .wpcf7 .wpcf7-form .lp__content__form__item .wpcf7-list-item
    {
        display: block;
        margin-bottom: 10px;
    }
    .wpcf7 .wpcf7-form .lp__content__form__item .wpcf7-list-item:last-of-type
    {
        margin-bottom: 0;
    }
    .wpcf7 .wpcf7-form .lp__content__form__item input
    {
        font-size: 16px;
        width: 100%;
        padding: 15px 20px;
        border: 1px solid #cddddd;
    }
    .wpcf7 .wpcf7-form .lp__content__form__item label
    {
        font-size: 16px;
        display: inlilne-block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 15px 20px;
    }
    .wpcf7 .wpcf7-form .lp__content__form__item label:last-child
    {
        margin-bottom: 0;
    }
    .wpcf7 .wpcf7-form .lp__content__form__item__textArea
    {
        font-size: 16px;
        width: 100%;
        margin-right: 10px;
        padding: 15px 20px;
    }
    .wpcf7 .wpcf7-form .lp__content__form__forPrivacyTxt
    {
        padding: 0 20px;
        text-align: left;
    }
    .wpcf7 .wpcf7-form .lp__content__form__btn
    {
        padding: 0 20px;
    }
    .wpcf7 .wpcf7-form .lp__content__form__btn_confirm
    {
        font-size: 24px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        padding: 20px 0;
        color: #fff;
        border: none;
        border-radius: 60px;
        background: #ff8a00;
    }
    .wpcf7 .wpcf7-form .lp__content__form__btn_confirm:hover
    {
        cursor: pointer;
    }
    .wpcf7 .wpcf7-form .lp__conversion__btn
    {
        font-size: 20px;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        padding: 30px 0;
        border-radius: 60px;
    }
    .wpcf7 .wpcf7-form .lp__conversion__btn__ml10
    {
        margin-left: 0;
    }
    .wpcf7 .wpcf7-form .lp__conversion__btn__mr10
    {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .wpcf7 .wpcf7-form .lp__content__form__txtYellow
    {
        color: #fff100;
    }
}
@media all and (max-width: 360px)
{
    .lp__sp--min
    {
        display: block;
    }
    .lp__caption
    {
        font-size: 22px;
    }
    .lp__content__conversionArea__h
    {
        font-size: 26px;
    }
    .lp__content__ttl .lp__h__read__txt
    {
        font-size: 14px;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .wpcf7 input[type='text'],
    #codomon .wpcf7 input[type='email'],
    #codomon .wpcf7 input[type='tel'],
    #codomon .wpcf7 input[type='url'],
    #codomon .wpcf7 textarea,
    #codomon .wpcf7 select
    {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .main__contents--single
    {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .main__contents__form
    {
        width: 100%;
        padding: 40px 15px 20px;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .list--table
    {
        border-bottom: none;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .list--table__ttl
    {
        float: none;
        width: 100%;
        margin: 30px 0 15px 0;
        padding: 0;
        border-top: none;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .list--table__detail
    {
        padding: 0;
        border-top: none;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .wpcf7-form-control-wrap
    {
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .wpcf7-form-control-wrap.zip_code
    {
        width: 60%;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .wpcf7-checkbox
    {
        display: block;
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .form__txtArea
    {
        text-align: left;
    }
}
@media only screen and (max-width: 1024px)
{
    #codomon .form__btnArea
    {
        margin-bottom: 0;
    }
}
.codomon__content__inner
{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 100px;
    background: #fff;
}
@media only screen and (max-width: 1024px)
{
    .codomon__content__inner
    {
        padding-bottom: 0;
    }
}
.codomon__kv
{
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    background-color: #fff;
}
@media only screen and (max-width: 768px)
{
    .codomon__kv
    {
        height: auto;
        padding-top: 0;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__kv
    {
        height: auto;
        background-size: contain;
    }
}
.codomon__kv__inner
{
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
}
@media only screen and (max-width: 768px)
{
    .codomon__kv__inner
    {
        padding: 30px 30px 0 30px;
    }
}
.codomon__kv__inner__img
{
    width: 100%;
}
.codomon__section__qa
{
    width: 1040px;
    margin: 0 auto;
    padding: 40px 0 70px;
    text-align: center;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section__qa
    {
        width: 100%;
        padding: 15px;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__section__qa
    {
        padding: 0 15px 50px;
    }
}
.codomon__section__qa__blue
{
    width: 1040px;
    margin: 0 auto;
    padding: 40px 0 70px;
    text-align: center;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section__qa__blue
    {
        width: 100%;
        padding: 15px;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__section__qa__blue
    {
        padding: 0 15px 50px;
    }
}
h2.bubble
{
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    width: 73px;
    height: 24px;
    text-align: center;
    letter-spacing: 1.12px;
    color: #01a2c1;
}
.codomon__section__ttl2
{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.23;
    margin-top: 100px;
    margin-bottom: 60px;
    text-align: center;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section__ttl2
    {
        font-size: 2.9rem;
        margin-top: 50px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__section__ttl2
    {
        font-size: 2.6rem;
        line-height: 1.4;
    }
}
.codomon__section__ttl
{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.23;
    margin-top: 100px;
    margin-bottom: 47px;
    padding-top: 70px;
    text-align: center;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section__ttl
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__section__ttl
    {
        font-size: 2.6rem;
        line-height: 1.4;
    }
}
.codomon__section__ttl--primary
{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.23;
    margin-top: 50px;
    margin-bottom: 47px;
    padding-top: 70px;
    text-align: center;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section__ttl--primary
    {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__section__ttl--primary
    {
        font-size: 2.6rem;
        line-height: 1.4;
    }
}
.codomon__btn
{
    text-align: center;
    border: 3px solid #2b9bd4;
    border-radius: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px #cbcbcb;
    box-shadow: 0 0 8px #cbcbcb;
}
@media only screen and (max-width: 640px)
{
    .codomon__btn
    {
        border-radius: 50px;
    }
}
.codomon__btn:hover
{
    cursor: pointer;
}
.codomon__contact
{
    position: relative;
    margin: 50px auto 0;
    padding: 53px 0;
    text-align: center;
    background: #01a2c1;
}
@media only screen and (max-width: 1024px)
{
    .codomon__contact
    {
        padding: 40px 0;
    }
}
@media only screen and (max-width: 768px)
{
    .codomon__contact
    {
        margin: 0;
        padding: 40px 15px;
    }
}
.codomon__contact__ttl
{
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 50px;
    color: #fff;
}
.codomon__contact__box__ttl
{
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    color: #fff;
}
@media only screen and (max-width: 768px)
{
    .codomon__contact__box__ttl
    {
        font-size: 1.6rem;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__contact__box__ttl
    {
        font-size: 1.2rem;
    }
}
.codomon__contact__box__ttl:before
{
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 2px;
    margin: 8px 0 0 -20px;
    content: '';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}
.codomon__contact__box__ttl:after
{
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 2px;
    margin: 8px 0 0 5px;
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
}
.codomon__contact__box__column
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.codomon__contact__box__btn
{
    font-size: 2.2rem;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 1024px)
{
    .codomon__contact__box__btn
    {
        margin: 0;
    }
}
@media only screen and (max-width: 768px)
{
    .codomon__contact__box__btn
    {
        font-size: 1.8rem;
    }
}
.codomon__contact__box__btn:hover
{
    cursor: pointer;
}
.codomon__contact__box__btn a
{
    padding: 13px 80px;
    color: #fff;
    border: #fff solid 3px;
    border-radius: 30px;
    background-color: #ff8a00;
    -webkit-box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, .18);
}
@media only screen and (max-width: 768px)
{
    .codomon__contact__box__btn a
    {
        width: 100%;
        padding: 17px 10px;
        border-radius: 40px;
    }
}
.codomon__section--flow
{
    position: relative;
    margin: 0 auto;
    padding: 40px 0 70px;
    text-align: center;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section--flow
    {
        padding: 40px 0 0;
    }
}
.codomon__section--flow__section
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section--flow__section
    {
        flex-direction: column;
        padding: 30px 15px 30px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
@media only screen and (max-width: 768px)
{
    .codomon__section--flow__section
    {
        width: 100%;
    }
}
.flowline-pc
{
    position: absolute;
    z-index: 3;
    top: 20px;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (max-width: 1024px)
{
    .flowline-pc
    {
        display: none;
    }
}
.flowline-sp
{
    display: none;
}
@media only screen and (max-width: 1024px)
{
    .flowline-sp
    {
        position: absolute;
        z-index: 3;
        top: 63px;
        left: 20px;
        display: block;
        height: 310px;
        -webkit-transform: none;
        transform: none;
    }
}
.codomon__section--flow__section__box
{
    position: relative;
    overflow: hidden;
    width: 340px;
    padding: 20px;
    border-radius: 10px;
    background-color: #fff;
}
.codomon__section--flow__section__box:nth-of-type(1)
{
    background-image: url('../img/ictkids/codomon/pc_flow_1.png');
    background-repeat: no-repeat;
    background-position: right 25px bottom -1px;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section--flow__section__box:nth-of-type(1)
    {
        background-image: url('../img/ictkids/codomon/sp_flow_1.png');
        background-position: right 25px bottom -1px;
        background-size: 30px 95px;
    }
}
.codomon__section--flow__section__box:nth-of-type(2)
{
    background-image: url('../img/ictkids/codomon/pc_flow_2.png');
    background-repeat: no-repeat;
    background-position: right 24px bottom -1px;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section--flow__section__box:nth-of-type(2)
    {
        background-image: url('../img/ictkids/codomon/sp_flow_2.png');
        background-position: right 12px bottom -1px;
        background-size: 58px 95px;
    }
}
.codomon__section--flow__section__box:nth-of-type(3)
{
    background-image: url('../img/ictkids/codomon/pc_flow_3.png');
    background-repeat: no-repeat;
    background-position: right 24px bottom -1px;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section--flow__section__box:nth-of-type(3)
    {
        background-image: url('../img/ictkids/codomon/sp_flow_3.png');
        background-position: right 12px bottom -1px;
        background-size: 62px 95px;
    }
}
@media only screen and (max-width: 1024px)
{
    .codomon__section--flow__section__box
    {
        width: 100%;
        height: 127.5px;
        margin-bottom: 20px;
        padding: 0 20px 0 60px;
        text-align: left;
        border-radius: 0 10px 10px 0;
    }
}
.lp__codomon__block__blue
{
    width: 100%;
    padding-bottom: 90px;
    text-align: center;
    background: #e8f6f8;
}
.section_header
{
    position: relative;
}
.bubble_img
{
    position: absolute;
    top: -20px;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 125px;
    height: 80px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url('../img/ictkids/lp-codomon/balloon_heading.png');
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
span.bubble
{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
    letter-spacing: 1.12px;
    color: #01a2c1;
}
.codomon__section__qa__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 1024px)
{
    .codomon__section__qa__inner
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.card__content
{
    width: calc(33.33333% - 13px);
    border: 2px solid #01a2c1;
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .18);
}
@media only screen and (max-width: 1024px)
{
    .card__content
    {
        width: 100%;
        margin-bottom: 30px;
    }
}
.card__content__img img
{
    border-radius: 20px 20px 0 0;
}
@media only screen and (max-width: 1024px)
{
    .card__content__img img
    {
        min-width: 100%;
    }
}
.card__content__inner
{
    padding: 40px 30px;
}
@media only screen and (max-width: 1024px)
{
    .card__content__inner
    {
        padding: 15px;
    }
}
.card__content__inner__title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card__content__inner__title h3
{
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 1.42;
    text-align: left;
    letter-spacing: .22px;
}
@media only screen and (max-width: 1024px)
{
    .card__content__inner__title h3
    {
        font-size: 2.63rem;
        width: calc(100% - 86px);
    }
}
.card__content__inner__title img
{
    width: 60px;
    height: 60px;
}
@media only screen and (max-width: 320px)
{
    .card__content__inner__title br
    {
        display: none;
    }
}
.card_title_img
{
    font-size: 3rem;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
    vertical-align: center;
    color: #fff;
    background-image: url('../img/ictkids/lp-codomon/icon_point.png');
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 1024px)
{
    .card_title_img
    {
        width: 70px;
        height: 70px;
        margin-right: 16px;
    }
}
.card__content__inner__text
{
    position: relative;
    margin-top: 30px;
}
.card__content__inner__text li
{
    font-size: 16.5px;
    font-weight: 500;
    font-stretch: normal;
    line-height: 1.6;
    margin-bottom: 10px;
    margin-left: 1em;
    list-style-type: disc;
    text-align: left;
    letter-spacing: normal;
    color: #333;
}
.card__content__inner__text li:last-child
{
    margin-bottom: 0;
}
.card__arrow
{
    position: absolute;
    left: 50%;

    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.card__arrow img
{
    height: 37px;
}
@media only screen and (max-width: 1024px)
{
    .card__arrow
    {
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}
.card__content__footer
{
    font-size: 24px;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 111px;
    padding: 20px;
    background-color: rgba(255, 204, 51, .125);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card__content__footer h3
{
    font-size: 24px;
    color: #01a2c1;
}
.card__content__footer span
{
    font-size: 14px;
    color: #01a2c1;
}
.footer__star01
{
    position: absolute;
    top: 10%;
    left: 10%;
    width: 22px;
    height: 20px;
}
@media only screen and (max-width: 320px)
{
    .footer__star01
    {
        top: 15%;
        left: 5%;
    }
}
@media only screen and (max-width: 320px)
{
    .footer__star01.first__card
    {
        top: 5%;
        left: 4%;
    }
}
.footer__star02
{
    position: absolute;
    bottom: 20%;
    left: 80%;
    width: 22px;
    height: 20px;
}
@media only screen and (max-width: 320px)
{
    .footer__star02
    {
        left: 87%;
    }
}
.lp__codomon__service__list
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 1024px)
{
    .lp__codomon__service__list
    {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.lp__codomon__service__list__item,
.lp__codomon__service__list__item--center
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 290px;
    text-align: center;
    border-radius: 10px;
    background: #e8f6f8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    .lp__codomon__service__list__item,
    .lp__codomon__service__list__item--center
    {
        width: 100%;
        margin-bottom: 35px;
    }
    .lp__codomon__service__list__item:last-child,
    .lp__codomon__service__list__item--center:last-child
    {
        margin-bottom: 0;
    }
}
.lp__codomon__service__list__item--center
{
    margin-right: 70px;
    margin-left: 70px;
}
@media only screen and (max-width: 1024px)
{
    .lp__codomon__service__list__item--center
    {
        margin-right: 0;
        margin-left: 0;
    }
}
.lp__codomon__service__list__item--center img
{
    margin-left: 25px;
}
.lp__codomon__service__list__item__ttl
{
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #01a2c1;
}
.lp__codomon__service__list__item__txt
{
    font-size: 1.6rem;
    line-height: 1.66;
    text-align: center;
    color: #333;
}
.service_item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 180px;
    height: 180px;
    margin-bottom: 10px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media only screen and (max-width: 1024px)
{
    .service_item
    {
        width: 138px;
        height: 138px;
        margin-bottom: 20px;
    }
}
.service_item img
{
    width: 60%;
}
.service_item .service_item--centerimg
{
    margin-left: 25px;
}
.lp-plan
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
    border: 2px solid #01a2c1;
    border-radius: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (max-width: 1024px)
{
    .lp-plan
    {
        padding: 20px;
    }
}
.lp_plan_basic_header
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    .lp_plan_basic_header
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.lp__plan__basic__title
{
    font-size: 24px;
    font-weight: bold;
    width: 300px;
    margin-right: 20px;
    padding: 20px;
    color: #fff;
    border-radius: 30px;
    background-color: #01a2c1;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__basic__title
    {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 10px;
    }
}
.lp__plan__basic__fee
{
    font-size: 40px;
    font-weight: bold;
    width: calc(100% - 320px);
    text-align: left;
    color: #f66;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__basic__fee
    {
        width: 100%;
        text-align: center;
    }
}
.lp-plan_op
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
    border: 2px dashed #01a2c1;
    border-radius: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media only screen and (max-width: 1024px)
{
    .lp-plan_op
    {
        margin-bottom: 88px;
        padding: 0 30px;
        border: none;
    }
}
.lp_plan_op_header
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    .lp_plan_op_header
    {
        flex-direction: column;
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}
.lp__plan__op__title
{
    font-size: 24px;
    font-weight: bold;
    width: 300px;
    margin-right: 20px;
    padding: 20px;
    color: #01a2c1;
    border: solid 2px #01a2c1;
    border-radius: 30px;
    background-color: #fff;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__op__title
    {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 10px;
    }
}
.lp__plan__op__fee
{
    font-size: 40px;
    width: calc(100% - 320px);
    text-align: left;
    color: #000;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__op__fee
    {
        width: 100%;
        text-align: center;
    }
}
.lp__plan__op
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.lp__plan__op__item
{
    font-size: 20px;
    font-weight: 500;
    width: calc(50% - 1em);
    list-style: disc;
    text-align: left;
    letter-spacing: .8px;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__op__item
    {
        width: 100%;
    }
}
.lp__plan__op__item span.item--pc
{
    display: inline;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__op__item span.item--pc
    {
        display: none;
    }
}
.lp__plan__op__item span.item--sp
{
    display: none;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__op__item span.item--sp
    {
        display: inline;
    }
}
@media only screen and (max-width: 320px)
{
    .lp__plan__op__item span.item--sp
    {
        display: none;
    }
}
.lp__plan__op__item span.item--sp--xs
{
    display: none;
}
@media only screen and (max-width: 320px)
{
    .lp__plan__op__item span.item--sp--xs
    {
        display: inline;
    }
}
.lp_codomonn_cross
{
    margin: 30px 0;
    text-align: center;
}
.cross
{
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    color: #707070;
}
.lp__codomon__ttl
{
    margin-bottom: 90px;
}
.lp__codomon__ttl h2
{
    font-size: 40x;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
.lp__codomon__ttl:before
{
    position: absolute;
    bottom: -30px;
    left: 50%;
    display: inline-block;
    width: 60px;
    height: 5px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 6px;
    background-color: #3493c4;
}
.lp__plan__basic
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}
@media only screen and (max-width: 320px)
{
    .lp__plan__basic
    {
        padding-right: 7px;
    }
}
.lp__plan__basic:after
{
    display: block;
    width: 30%;
    content: '';
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__basic:after
    {
        display: none;
    }
}
.fee_color
{
    font-size: 2.8rem;
    color: #f66;
}
.fee_month
{
    font-size: 2.8rem;
    display: inline-block;
    color: #333;
}
.lp__plan__basic__item
{
    font-size: 24.5px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.35;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30%;
    text-align: left;
    white-space: nowrap;
    letter-spacing: .98px;
    color: #333;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__basic__item
    {
        font-size: 1.4rem;
        width: 50%;
    }
}
.lp__plan__basic__item img
{
    width: 32px;
    height: 23px;
    margin-right: 10px;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__basic__item img
    {
        width: 16.5px;
        height: 11.5px;
    }
}
@media only screen and (max-width: 320px)
{
    .lp__plan__basic__item img
    {
        margin-right: 5px;
    }
}
.lp__codomon__block__white,
.lp__codomon__block__noPadding
{
    width: 100%;
    text-align: center;
    background: #fff;
}
@media only screen and (max-width: 1024px)
{
    .lp__codomon__block__white,
    .lp__codomon__block__noPadding
    {
        padding: 0 15px;
    }
}
.lp__plan__op ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.lp__plan__op__item
{
    line-height: 2.5;
    margin-left: 1em;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__op__item
    {
        font-size: 1.4rem;
    }
}
.lp__plan__op__item li
{
    width: calc(50% - 13px);
}
.lp__plan__flow
{
    max-width: 940px;
    margin: 0 auto;
}
.lp__plan__flow__inner
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 0;
    border-top: 2px dashed #01a2c1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.lp__plan__flow__inner:last-child
{
    border-bottom: 2px dashed #01a2c1;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__flow__inner
    {
        margin-right: 15px;
        margin-left: 15px;
        padding: 30px 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 320px)
{
    .lp__plan__flow__inner
    {
        padding: 20px 0;
    }
}
.lp__plan__flow__num
{
    font-size: 23px;
    font-weight: bold;
    color: #fff;
}
.lp__plan__flow__title
{
    line-height: 1.3;
    width: 170px;
    text-align: left;
}
.lp__plan__flow__title br.item--sp
{
    display: block;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__flow__title br.item--sp
    {
        display: none;
    }
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__flow__title
    {
        width: calc(100% - 75px);
    }
}
.plan__arrow
{
    position: absolute;
    bottom: -33px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
@media only screen and (max-width: 1024px)
{
    .plan__arrow
    {
        bottom: -22px;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
}
.plan__arrow img
{
    width: 60px;
    height: 31px;
}
@media only screen and (max-width: 1024px)
{
    .plan__arrow img
    {
        width: 39px;
        height: 19.5px;
    }
}
.lp__plan__flow__title h3
{
    font-size: 24px;
    font-weight: bold;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__flow__title h3
    {
        font-size: 2rem;
    }
}
@media only screen and (max-width: 320px)
{
    .lp__plan__flow__title h3
    {
        font-size: 1.8rem;
    }
}
.lp__plan__flow__title.last
{
    color: #01a2c1;
}
.lp__plan__flow__text
{
    font-size: 16px;
    font-weight: 500;
}
@media only screen and (max-width: 1024px)
{
    .lp__plan__flow__text
    {
        line-height: 1.63;
        width: 100%;
        margin-top: 10px;
        text-align: left;
    }
}
.lp__item__img
{
    width: 130px;
    margin-right: 30px;
    padding: 17px;
    text-align: center;
    background-image: url('../img/ictkids/lp-codomon/icon_flow.png');
    background-size: cover;
}
@media only screen and (max-width: 1024px)
{
    .lp__item__img
    {
        width: 65px;
        margin-right: 10px;
        padding: 7.5px;
    }
}
.lp__item__img h3
{
    font-size: 2.4rem;
}
@media only screen and (max-width: 1024px)
{
    .lp__item__img h3
    {
        font-size: 1.2rem;
    }
}
.section__box__ttl
{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.6;
    margin: 25px 0;
    color: #339cd1;
}
@media only screen and (max-width: 1024px)
{
    .section__box__ttl
    {
        font-size: 1.9rem;
        margin: 25px 0 5px 0;
    }
}
.section__box__txt
{
    font-size: 1.6rem;
    line-height: 1.5;
    position: relative;
    z-index: 2;
    text-align: left;
}
@media only screen and (max-width: 1024px)
{
    .section__box__txt
    {
        font-size: 1.5rem;
    }
}
.main__contents__codomonForm__ttl
{
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .main__contents__codomonForm__ttl
    {
        font-size: 2.6rem;
        line-height: 1.5;
    }
    .main__contents__codomonForm__ttl span
    {
        margin: 0 0 60px;
    }
}
.codomon__btn--detail
{
    position: relative;
    display: block;
    width: 80%;
    margin: 0 auto 50px;
    padding: 18px;
}
@media only screen and (max-width: 1024px)
{
    .codomon__btn--detail
    {
        width: 100%;
        padding: 7px 10px;
    }
}
.codomon__btn--detail__inner
{
    font-size: 1.8rem;
    line-height: 1.5;
    display: inline-block;
    color: #339cd1;
}
@media only screen and (max-width: 640px)
{
    .codomon__btn--detail__inner
    {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .codomon__btn--detail__inner .item--sp
    {
        display: inline-block;
    }
}
.codomon__btn--detail__inner img
{
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
}
.codomon__btn--detail__arrow
{
    width: 20px;
    margin: 0 0 0 20px;
}
.main__contents__form
{
    max-width: 1040px;
    margin: 0 auto;
    padding: 80px 100px 40px;
    background: #fff;
}
.c-ico--arrow--u:before
{
    z-index: 3;
}
@media only screen and (max-width: 768px)
{
    .codomon__contact__box__column
    {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
    .codomon__contact--tel__img
    {
        margin: 20px 0 0;
    }
    .codomon__contact__ttl
    {
        font-size: 2.1rem;
        margin-bottom: 40px;
    }
    .codomon__contact__box
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .voice__section
    {
        display: block;
        width: 92%;
        margin: 0 auto;
    }
    .voice__section__box
    {
        width: 100%;
    }
    .voice__section__box:first-child
    {
        margin: 0 0 40px 0;
    }
    .codomon__section--flow__ttl
    {
        font-size: 2.3rem;
        margin-bottom: 70px;
    }
}
@media only screen and (max-width: 640px)
{
    .codomon__content__inner
    {
        width: 100%;
    }
    .main__contents--codomon
    {
        width: 100%;
    }
    .codomon__contact:before,
    .codomon__contact:after,
    .codomon__section--flow:before,
    .codomon__section--flow:after
    {
        top: -39px;
        height: 39px;
    }
    .codomon__contact--form__img
    {
        width: auto;
        height: 18px;
    }
    .section__box__ttl--step01,
    .section__box__ttl--step02,
    .section__box__ttl--step03
    {
        margin: 15px 0;
    }
    .section__box__ttl--step01:before,
    .section__box__ttl--step02:before,
    .section__box__ttl--step03:before
    {
        margin: 0 auto 15px;
    }
    .section__box__txt
    {
        text-align: left;
    }
    .codomon__section--triple__boxInner h2
    {
        padding: 0 0 20px;
        border-bottom: 2px dashed #50423a;
    }
    .codomon__section--triple__boxInner p
    {
        font-size: 1.4rem;
    }
    .main__contents__form
    {
        width: 92%;
    }
    .codomon__btn--detail__txt
    {
        width: 80%;
    }
    .codomon__btn--detail__arrow
    {
        width: 5%;
        margin: 0 0 0 5%;
    }
}
.fixbanner--pc
{
    position: fixed;
    z-index: 1;
    right: 30px;
    bottom: 2px;
    width: 260px;
    text-align: center;
    border-radius: 20px;
    background-color: #f3c81f;
}
@media only screen and (max-width: 640px)
{
    .fixbanner--pc
    {
        display: none;
    }
}
.fixbanner--sp
{
    position: fixed;
    bottom: 0;
    display: none;
    width: 100%;
    text-align: center;
    background-color: #f3c81f;
}
@media only screen and (max-width: 640px)
{
    .fixbanner--sp
    {
        display: block;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        -webkit-transform: translateY(78px);
        transform: translateY(78px);
        opacity: 0;
    }
    .fixbanner--sp.is-active
    {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}
.banner__inner
{
    position: relative;
    padding: 35px 30px;
}
@media only screen and (max-width: 640px)
{
    .banner__inner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.banner__inner__txt
{
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    margin-top: 15px;
    color: #f66;
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
}
.banner__inner__txt:before
{
    font-size: 23px;
    font-size: 2.3rem;
    display: inline-block;
    margin-right: 2px;
    vertical-align: -4px;
}
.banner__inner__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    color: #333;
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
}
.kv-container
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 -25px;
    padding: 15px 0;
    background-color: #a8e243;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
    .kv-container
    {
        margin: 102px -25px 0;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-container
    {
        margin: 0 0;
        padding: 0;
    }
}
.kv-content
{
    width: 90%;
    max-width: 450px;
    color: #333;
}
@media screen and (min-width: 1024px)
{
    .kv-content
    {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        max-width: 1300px;
        height: 470px;
        padding-top: 20px;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__first
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        height: 450px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
.kv-content__intro,
.kv-content__intro--secondary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    color: #fff;
    background-color: #333;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #fff;
}
@media screen and (min-width: 1024px)
{
    .kv-content__intro,
    .kv-content__intro--secondary
    {
        width: 270px;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__second
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        height: 450px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__second__img
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 88px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__second__img__example
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 250px;
        height: 32px;
        padding: 0 10px;
        color: #fff;
        background-color: #ff8b00;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        fill: #fff;
    }
}
.kv-content__second__img__example__txt
{
    white-space: nowrap;
}
@media screen and (min-width: 1024px)
{
    .kv-content__second__img__example__txt
    {
        font-size: 14px;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__second__img__img
    {
        width: 100%;
        max-width: 200px;
        height: 100px;
    }
}
.kv-content__third
{
    position: relative;
    display: block;
}
@media screen and (min-width: 1024px)
{
    .kv-content__third
    {
        display: none;
    }
}
.kv-content__intro--secondary
{
    position: relative;
    width: 285px;
    margin: auto;
    padding-top: 10px;
}
@media screen and (min-width: 1024px)
{
    .kv-content__intro--secondary
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        width: 120px;
        height: 300px;
        margin: 0;
        padding-left: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
.kv-content__intro__svg
{
    position: absolute;
    top: 8px;
    right: 25px;
}
@media screen and (min-width: 1024px)
{
    .kv-content__intro__svg
    {
        top: 155px;
        right: 0;
    }
}
.kv-content__arrow
{
    width: 0;
    height: 0;
    margin: auto;
    border-top: 20px solid #333;
    border-right: 142.5px solid transparent;
    border-left: 142.5px solid transparent;
}
@media screen and (min-width: 1024px)
{
    .kv-content__arrow
    {
        margin: 0;
        border-top: 150px solid transparent;
        border-right: 0;
        border-bottom: 150px solid transparent;
        border-left: 30px solid #333;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__arrow--secondary
    {
        position: absolute;
        z-index: 1;
        border-top: 150px solid transparent;
        border-bottom: 150px solid transparent;
        border-left: 30px solid #a8e243;
    }
}
.kv-content__third__img
{
    position: absolute;
    top: -65px;
    right: -10px;
}
.kv-content__txt
{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}
@media screen and (min-width: 1024px)
{
    .kv-content__txt
    {
        font-size: 28px;
    }
}
@media screen and (max-width: 370px)
{
    .kv-content__txt
    {
        font-size: 16px;
        letter-spacing: .5px;
    }
}
.kv-content__txt--secondary
{
    font-size: 15px;
    line-height: 1.25;
    text-align: center;
    letter-spacing: 1px;
}
@media screen and (min-width: 1024px)
{
    .kv-content__txt--secondary
    {
        font-size: 20px;
        text-align: left;
    }
}
@media screen and (max-width: 370px)
{
    .kv-content__txt--secondary
    {
        font-size: 13px;
        letter-spacing: .5px;
    }
}
.kv-content__txt--orange
{
    color: #ff8b00;
}
.kv-content__main,
.kv-content__main--primary,
.kv-content__main--secondary
{
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    padding-top: 5px;
    letter-spacing: 3.08px;
    color: #333;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media screen and (max-width: 370px)
{
    .kv-content__main,
    .kv-content__main--primary,
    .kv-content__main--secondary
    {
        padding-top: 9px;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__main,
    .kv-content__main--primary,
    .kv-content__main--secondary
    {
        height: 65px;
        padding: 7px 5px 0;
    }
}
.kv-content__main__txt
{
    font-size: 33px;
    white-space: nowrap;
}
@media screen and (max-width: 370px)
{
    .kv-content__main__txt
    {
        font-size: 25px;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__main__txt
    {
        font-size: 50px;
    }
}
.kv-content__main__txt--secondary
{
    font-size: 29px;
    white-space: nowrap;
}
@media screen and (max-width: 370px)
{
    .kv-content__main__txt--secondary
    {
        font-size: 22px;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__main__txt--secondary
    {
        font-size: 45px;
    }
}
.kv-content__main--primary
{
    width: 165px;
    margin: auto;
}
@media screen and (min-width: 1024px)
{
    .kv-content__main--primary
    {
        width: auto;
        margin: 0;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__main--secondary
    {
        width: auto;
        margin: 0;
    }
}
.kv-content__box
{
    position: relative;
}
@media screen and (min-width: 1024px)
{
    .kv-content__box
    {
        -webkit-box-shadow: 0 0 8px #aaa;
        box-shadow: 0 0 8px #aaa;
    }
}
.kv-content__box__top
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    color: #fff;
    border-radius: 10px 10px 0 0;
    background-color: #333;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px)
{
    .kv-content__box__top
    {
        border-radius: 0;
    }
}
.kv-content__box__bottom
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 90px;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1024px)
{
    .kv-content__box__bottom
    {
        border-radius: 0;
    }
}
.kv-content__box__bottom__btn
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 60px;
    color: #fff;
    border: solid 4px #fff;
    border-radius: 30px;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff9307), to(#fd3737));
    background-image: linear-gradient(to left, #ff9307, #fd3737);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #fff;
}
@media screen and (min-width: 1024px)
{
    .kv-content__fifth
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 450px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media screen and (min-width: 1024px)
{
    .kv-content__bnr
    {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        margin: -10px 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.kv-content__box__form
{
    width: 500px;
    background-color: #fff;
}
.kv-content__box__form .list--table__secondary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    padding: 10px 20px 0;
    border-bottom: none;
    border-bottom: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media only screen and (max-width: 768px)
{
    .kv-content__box__form .list--table__secondary
    {
        border-bottom: none;
    }
}
.kv-content__box__form .list--table__secondary:first-of-type
{
    border-top: none;
}
@media only screen and (max-width: 768px)
{
    .kv-content__box__form .list--table__secondary:first-of-type
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        padding: 20px 0;
        padding: 0;
        border-bottom: none;
        border-bottom: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.kv-content__box__form .list--table__secondary__ttl
{
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    margin-right: 30px;
    color: #333;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.kv-content__box__form .list--table__secondary__detail
{
    width: calc(100% - 180px);
    margin-top: 10px;
}
.kv-content__box__form .modalform__txt
{
    font-size: 10px;
    margin-top: 10px;
    padding: 0 20px;
    text-align: left;
    color: #666;
}
.kv-content__box__form .modalform__txt--annotation
{
    font-size: 14px;
    text-align: left;
    white-space: nowrap;
    color: #666;
}
.kv-content__box__form .form__btnArea
{
    margin: 0;
    padding-bottom: 10px;
}
.kv-content__box__form .wpcf7-form-control.ga--event
{
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 60px;
    margin: 5px 20px 0;
    color: #fff;
    border: solid 4px #fff;
    border-radius: 30px;
    outline: none;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff9307), to(#fd3737));
    background-image: linear-gradient(to left, #ff9307, #fd3737);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    fill: #fff;
}
.kv-content__box__form .modalform__txt
{
    line-height: 1.5;
}
.kv-content__box__form .wpcf7-not-valid-tip
{
    font-size: 10px;
}
.kv-content__box__form .wpcf7-response-output
{
    font-size: 10px;
    margin: 0;
}
.kv-content--secondary
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.kv-content--secondary__icon
{
    display: none;
}
@media screen and (min-width: 1024px)
{
    .kv-content--secondary__icon
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 60%;
        max-width: 769px;
        height: 40px;
        padding-top: 5px;
        background-color: #fff;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.kv-content--secondary__icon__img
{
    width: 100%;
    max-width: 100px;
    height: auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
@media screen and (min-width: 1024px)
{
    .kv-content--secondary__empty
    {
        width: 37%;
    }
}
@media all and (-ms-high-contrast: none)
{
    .kv-content__intro__svg
    {
        right: -20px;
    }
    .kv-content__main__txt
    {
        font-size: 33px;
    }
    .kv-content__main__txt--secondary
    {
        font-size: 29px;
    }
    .kv-content
    {
        padding-right: 0;
        padding-left: 0;
    }
}
#flow .breadcrumb
{
    margin: 0;
}
.flow__kv
{
    margin: 0 -25px;
    text-align: center;
}
@media screen and (min-width: 1024px)
{
    .flow__kv
    {
        margin: 0;
    }
}
.flow__content__inner
{
    line-height: 1.5;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 100px;
}
@media screen and (min-width: 769px)
{
    .flow__content__inner
    {
        max-width: 1100px;
        margin-top: 50px;
    }
}
.flow__contents
{
    width: 100%;
}
@media screen and (min-width: 769px)
{
    .flow__contents
    {
        position: relative;
        width: 80%;
        margin-left: 19%;
    }
    .flow__contents:before
    {
        position: absolute;
        z-index: -1;
        left: -100px;
        width: 4px;
        min-height: 100%;
        margin: auto;
        content: '';
        background-color: #349dd2;
    }
}
.flow__inner
{
    padding: 60px 15px;
}
@media screen and (min-width: 769px)
{
    .flow__inner
    {
        padding: 0;
    }
}
.flow__box
{
    font-size: 22px;
    font-weight: bold;
    padding: 13px 0;
    text-align: center;
    color: #fff;
    background: #3ea1d3;
}
@media screen and (min-width: 769px)
{
    .flow__box
    {
        display: none;
    }
}
.flow__period--sp
{
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    color: #3ea1d3;
}
@media screen and (min-width: 769px)
{
    .flow__period--sp
    {
        display: none;
    }
}
.flow__line,
.flow__line--sp
{
    width: 4px;
    margin: auto;
    background-color: #349dd2;
}
.flow__line--sp
{
    height: 40px;
}
@media screen and (min-width: 769px)
{
    .flow__line--sp
    {
        display: none;
    }
}
.flow__line--pc__mark
{
    position: absolute;
    left: -8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #349dd2;
}
.flow__period__box,
.flow__period__box--top,
.flow__period__box--bottom
{
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: -150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    margin: auto;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #349dd2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.flow__period__box--top
{
    top: 0;
}
.flow__period__box--bottom
{
    bottom: 0;
    padding-top: 10px;
}
.flow__step
{
    position: relative;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
@media screen and (min-width: 769px)
{
    .flow__step
    {
        margin-top: 10px;
        margin-bottom: 80px;
        padding: 41px 60px 60px;
        border-top: none;
        border-radius: 20px;
    }
    .flow__step:before
    {
        position: absolute;
        top: 50%;
        left: -23px;
        width: 50px;
        height: 50px;
        content: '';
        -webkit-transform: rotate(135deg) skew(-15deg, -15deg);
        transform: rotate(135deg) skew(-15deg, -15deg);
        background-color: #fff;
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .05);
        box-shadow: 5px 5px 5px rgba(0, 0, 0, .05);
    }
    .flow__step:after
    {
        position: absolute;
        top: calc(50% + 17px);
        left: -108px;
        width: 20px;
        height: 20px;
        content: '';
        border-radius: 50%;
        background-color: #349dd2;
    }
}
.flow__period__txt
{
    display: none;
}
@media screen and (min-width: 769px)
{
    .flow__period__txt
    {
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        bottom: -60px;
        left: -144px;
        display: block;
        padding: 10px 0;
        color: #3ea1d3;
        background: #fff;
    }
}
.flow__step__inner
{
    padding: 60px 15px 50px;
    border-top: solid 10px #3ea1d3;
}
@media screen and (min-width: 769px)
{
    .flow__step__inner
    {
        padding: 0;
        border-top: none;
    }
}
.flow__step__title
{
    font-size: 28px;
    font-weight: bold;
}
@media screen and (min-width: 769px)
{
    .flow__step__title
    {
        font-size: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.flow__step__kv
{
    padding: 40px 0 30px;
}
@media screen and (min-width: 769px)
{
    .flow__step__kv
    {
        padding: 30px 0 40px;
    }
}
.flow__step__title__step
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flow__step__title__step__logo
{
    padding-right: 10px;
    fill: #3ea1d3;
}
.flow__step__title--sp
{
    display: inline-block;
    padding-bottom: 5px;
    color: #3ea1d3;
}
@media screen and (min-width: 769px)
{
    .flow__step__title--sp
    {
        display: inline-block;
        padding-right: 30px;
    }
}
.flow__step__desc
{
    font-size: 18px;
    line-height: 1.9;
}
@media screen and (min-width: 769px)
{
    .flow__step__desc
    {
        font-size: 18px;
    }
}
.flow__step__desc span
{
    font-weight: bold;
}
.flow__step__point
{
    margin: 40px 0;
    padding: 20px 0;
    padding-left: 45px;
    border: solid 1px #339cd1;
    border-radius: 10px;
    background: #ebf8ff;
}
@media screen and (min-width: 769px)
{
    .flow__step__point
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 20px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.flow__step__point__item
{
    font-size: 20px;
    font-weight: bold;
    padding: 5px 0;
    list-style: disc;
    color: #339cd1;
}
@media screen and (min-width: 769px) and (max-width: 1023px)
{
    .flow__step__point__item:not(:last-child)
    {
        padding-right: 40px;
    }
}
@media screen and (min-width: 1024px)
{
    .flow__step__point__item:not(:last-child)
    {
        padding-right: 60px;
    }
}
.flow__step__time
{
    margin: 40px 0 50px;
    padding: 25px 0 30px 0;
    text-align: center;
    letter-spacing: .05em;
    background: #f3f3f3;
}
@media screen and (min-width: 769px)
{
    .flow__step__time
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 40px 0 60px;
        padding: 23px 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.flow__step__time__q
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    color: #3ea1d3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
@media screen and (min-width: 769px)
{
    .flow__step__time__q
    {
        font-size: 20px;
        width: 40%;
        padding: 8px 0 0 10px;
    }
}
.flow__step__time__q__logo
{
    padding-right: 12px;
    fill: #3ea1d3;
}
.flow__step__time__q__txt
{
    font-size: 16px;
    font-weight: bold;
}
@media screen and (min-width: 769px)
{
    .flow__step__time__q__txt
    {
        font-size: 19px;
    }
}
.flow__step__time__a
{
    font-size: 22px;
    font-weight: bold;
}
@media screen and (min-width: 769px)
{
    .flow__step__time__a
    {
        font-size: 24px;
        margin-left: 50px;
    }
}
.flow__step__important__title
{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 7px;
    padding: 0 0 5px 10px;
    border-left: solid 5px #3ea1d3;
}
@media screen and (min-width: 769px)
{
    .flow__step__important__title
    {
        font-size: 22px;
    }
}
.flow__step__important__border
{
    padding-bottom: 10px;
    border-top: solid 1px #ccc;
}
.flow__step__important__txt
{
    font-size: 16px;
    line-height: 1.9;
}
.flow__step__important__txt span
{
    font-weight: bold;
}
.flow__step__important__item
{
    padding-top: 40px;
}
.flow__step__important__item__head
{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 15px;
    padding-left: 1.3em;
    text-indent: -1.3em;
    color: #339cd1;
}
.flow__step__important__item__txt
{
    font-size: 16px;
    line-height: 1.9;
}
@media screen and (min-width: 769px)
{
    .flow__step__important__item__txt
    {
        font-size: 16px;
    }
}
.flow__step__important__item__txt span
{
    font-weight: bold;
}
.flow__step__consult
{
    margin-top: 50px;
    border: solid 1px #509bcc;
    border-radius: 10px;
    background: #fefae8;
}
.flow__step__consult a:visited
{
    color: #fff;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult
    {
        margin-top: 40px;
        text-align: center;
    }
}
.flow__step__consult__inner
{
    padding: 40px 20px;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__inner
    {
        padding: 40px;
    }
}
.flow__step__consult__inner img
{
    padding: 20px 0 30px;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__inner img
    {
        padding: 20px 0 10px;
    }
}
.flow__step__consult__head
{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
    text-align: center;
    color: #3ea1d3;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__head
    {
        font-size: 28px;
        padding-bottom: 14px;
    }
}
.flow__step__consult__txt
{
    font-size: 16px;
    line-height: 1.9;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__txt
    {
        font-size: 18px;
    }
}
.flow__step__consult__txt--sp
{
    font-size: 16px;
    line-height: 1.9;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__txt--sp
    {
        display: none;
    }
}
.flow__step__consult__txt--pc
{
    display: none;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__txt--pc
    {
        font-size: 19px;
        line-height: 1.9;
        display: block;
    }
}
.flow__step__consult__img
{
    text-align: center;
}
.flow__step__consult__btn--sp
{
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 37px;
    padding: 15px 0;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 8px;
    background: #f18f35;
    -webkit-box-shadow: 0 6px 0 #cf7b2c;
    box-shadow: 0 6px 0 #cf7b2c;
}
.flow__step__consult__btn--sp:before
{
    font-family: icomoon;
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    content: '\e900';
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__btn--sp
    {
        display: none;
    }
}
.flow__step__consult__btn--pc
{
    display: none;
}
.flow__step__consult__btn--pc:before
{
    font-family: icomoon;
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    content: '\e900';
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__btn--pc
    {
        font-size: 20px;
        font-weight: bold;
        display: block;
        width: 70%;
        margin: 20px auto 40px;
        padding: 20px 0;
        text-align: center;
        color: #fff;
        border-radius: 8px;
        background: #f18f35;
        -webkit-box-shadow: 0 6px 0 #cf7b2c;
        box-shadow: 0 6px 0 #cf7b2c;
    }
}
.flow__step__consult__border
{
    padding-bottom: 20px;
    border-top: solid 1px #ccc;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__border
    {
        padding-bottom: 30px;
    }
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__call
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.flow__step__consult__call > p
{
    cursor: pointer;
}
.flow__step__consult__call > p:hover
{
    opacity: .7;
}
.flow__step__consult__call__btn
{
    font-size: 19px;
    font-weight: bold;
    margin: 20px 0;
    padding: 15px 0;
    text-align: center;
    color: #333;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0 6px 0 #ccc;
    box-shadow: 0 6px 0 #ccc;
}
.flow__step__consult__call__btn:before
{
    font-family: icomoon;
    font-size: 23px;
    display: inline-block;
    margin-right: 10px;
    content: '\e901';
    vertical-align: middle;
    color: #fff;
    color: #339cd1;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__call__btn:before
    {
        font-size: 30px;
    }
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__call__btn
    {
        margin: 0 20px 0 0;
        padding: 15px 20px;
    }
}
.flow__step__consult__call__time
{
    font-size: 12px;
    text-align: left;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__call__time
    {
        font-size: 14px;
    }
}
.flow__step__consult__call__time span
{
    font-size: 10px;
}
@media screen and (min-width: 769px)
{
    .flow__step__consult__call__time span
    {
        font-size: 12px;
    }
}
.flow__step__downloadImg
{
    display: block;
    margin-top: 40px;
    text-align: center;
}
.main__contents--companylist
{
    width: 100%;
    max-width: 700px;
}
.company__articleList
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.company__articleList__item
{
    position: relative;
    width: 100%;
    max-width: 340px;
    margin-bottom: 30px;
    padding: 15px 15px 24px;
    background: #f7f7f7;
}
@media only screen and (max-width: 1024px)
{
    .company__articleList__item
    {
        margin: 0 auto 30px;
    }
}
.company__articleList__item > a
{
    display: block;
}
.company__articleList__label
{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
}
.company__articleList__imgArea
{
    width: 100%;
    margin-bottom: 25.5px;
}
.company__articleList__imgArea img
{
    border: 1px solid #ddd;
}
.company__articleList__content
{
    border-bottom: 1px solid #ddd;
}
.company__articleList__ttl
{
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    display: inline;
    text-align: left;
    color: #349cd1;
    border-bottom: 1px solid #349cd1;
}
.company__articleList__desc
{
    font-size: 1.4rem;
    line-height: 1.8;
    margin-top: 9px;
    margin-bottom: 14.4px;
    text-align: left;
    color: #333;
}
.company__articleList__serviceLabel
{
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 4px;
    padding: 4px 10px;
    color: #333;
    border: 1px solid #707070;
    background: #fff;
}
@media only screen and (max-width: 1024px)
{
    .company__articleList__serviceLabel
    {
        margin-bottom: 4.4px;
    }
}
.company__articleList__serviceName
{
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.8;
    color: #333;
}
@media only screen and (max-width: 1024px)
{
    .company__articleList__serviceName
    {
        font-size: 1.4rem;
    }
}
#companylist .content__inner,
#companylist .main__contents__article
{
    margin-top: 0;
}
@media only screen and (max-width: 1024px)
{
    #companylist .content__inner
    {
        margin-top: 20px;
    }
}
#companylist table
{
    width: 100%;
    border-collapse: collapse;
    border: none;
}
@media only screen and (max-width: 1024px)
{
    #companylist table[class*='contactArea__tbl']
    {
        border-bottom: 1px solid #c4d8e1;
    }
}
#companylist th,
#companylist td
{
    font-size: 1.6rem;
    padding: 15.2px 20px;
    text-align: left;
}
@media only screen and (max-width: 1024px)
{
    #companylist th,
    #companylist td
    {
        font-size: 1.4rem;
    }
}
#companylist th
{
    font-weight: bold;
    color: #1580b4;
    background: #e4f5fd;
}
#companylist th[class*='mainInfo__tbl__th'],
#companylist td[class*='mainInfo__tbl__td']
{
    border-top: 1px solid #c4d8e1;
    border-right: none !important;
    border-bottom: 1px solid #c4d8e1;
    border-left: none !important;
}
#companylist th[class*='contactArea__tbl__th']
{
    border-top: 1px solid #c4d8e1;
    border-right: none !important;
    border-bottom: 1px solid #c4d8e1;
    border-left: none !important;
}
@media only screen and (max-width: 1024px)
{
    #companylist th[class*='contactArea__tbl__th']
    {
        border-bottom: none;
    }
}
#companylist td[class*='contactArea__tbl__td']
{
    border-top: 1px solid #c4d8e1;
    border-right: none !important;
    border-bottom: 1px solid #c4d8e1;
    border-left: none !important;
}
@media only screen and (max-width: 1024px)
{
    #companylist td[class*='contactArea__tbl__td']
    {
        border-top: none;
        border-bottom: none;
    }
}
@media only screen and (max-width: 1024px)
{
    .mainInfo__tbl
    {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
.company__articleList__top
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    padding: 20px;
    background: #f7f7f7;
}
@media only screen and (max-width: 1024px)
{
    .company__articleList__top
    {
        display: block;
        padding: 15px;
    }
}
.company__articleList__imgArea__main
{
    width: 100%;
    max-width: 310px;
    margin-right: 20px;
}
@media only screen and (max-width: 1024px)
{
    .company__articleList__imgArea__main
    {
        max-width: inherit;
    }
}
.company__articleList__imgArea__main img
{
    border: 1px solid #ddd;
}
.company__articleList__primaryText
{
    padding-top: 12.8px;
}
.company__articleList__primaryTextTtl
{
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 6.4px;
}
.company__articleList__primaryTextDesc
{
    font-size: 1.4rem !important;
    margin-bottom: 0 !important;
}
.company__articleList__mainInfo .mainInfo__tbl__th
{
    width: 182px !important;
}
@media only screen and (max-width: 1024px)
{
    .company__articleList__mainInfo .mainInfo__tbl__th
    {
        width: 120px !important;
    }
}
.company__articleList__mainInfo .mainInfo__tbl__td
{
    white-space: nowrap;
}
.company__contactArea
{
  margin-top: 0px;
}
.company__contactArea__ttl
{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 30px;
    padding: 0 0 10px;
    border-bottom: 1px solid #999;
}
.company__contactArea .contactArea__tbl__th
{
    line-height: 1.75;
    width: 316px;
}
@media only screen and (max-width: 1024px)
{
    .company__contactArea
    {
      margin-top: 30px;
    }
}
@media only screen and (max-width: 1024px)
{
    .company__contactArea .contactArea__tbl__th
    {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px)
{
    .company__contactArea .contactArea__tbl__td
    {
        border-top: none;
    }
}
.company__contactArea .contactArea__tbl__td a
{
    color: #333;
}
.company__contactArea .contactArea__tbl__td a[href^='tel:']
{
    pointer-events: none;
}
@media only screen and (max-width: 1024px)
{
    .company__contactArea .contactArea__tbl__td a[href^='tel:']
    {
        pointer-events: auto;
    }
}
@media only screen and (max-width: 1024px)
{
    .company__contactArea .contactArea__tbl__th,
    .company__contactArea .contactArea__tbl__td
    {
        display: block;
    }
}
.u-mt--xxxl
{
    margin-top: 50px;
}
.u-mt--xxl
{
    margin-top: 40px;
}
.u-mt--xl
{
    margin-top: 30px;
}
.u-mt--l--ttl
{
    margin-top: 25px;
}
.u-mt--l
{
    margin-top: 25px;
}
.u-mt--m--btn
{
    margin-top: 20px;
}
.u-mt--m
{
    margin-top: 20px;
}
.u-mt--s
{
    margin-top: 15px;
}
.u-mt--s--table
{
    margin-top: 15px;
}
.u-mt--s--copyright
{
    margin-top: 15px;
}
.u-mt--xs
{
    margin-top: 10px;
}
.u-mt--xxs
{
    margin-top: 5px;
}
.u-mb--xxxl
{
    margin-bottom: 50px;
}
.u-mb--xxl
{
    margin-bottom: 40px;
}
.u-mb--xl
{
    margin-bottom: 30px;
}
.u-mb--l
{
    margin-bottom: 25px;
}
.u-mb--m
{
    margin-bottom: 20px;
}
.u-mb--s
{
    margin-bottom: 15px;
}
.u-mb--xs
{
    margin-bottom: 10px;
}
.u-mb--xxs
{
    margin-bottom: 5px;
}
.u-mr--xxs
{
    margin-right: 5px;
}
@media only screen and (min-width: 481px)
{
    .u-mt--m--btn
    {
        margin-top: 0;
    }
}
@media only screen and (min-width: 641px)
{
    .u-mt--l--ttl
    {
        margin-top: 0;
    }
}
@media only screen and (min-width: 801px)
{
    .u-mt--xl
    {
        margin-top: 50px;
    }
    .u-mt--l
    {
        margin-top: 45px;
    }
    .u-mt--m
    {
        margin-top: 35px;
    }
    .u-mt--s
    {
        margin-top: 20px;
    }
    .u-mt--s--table
    {
        margin-top: 0;
    }
    .u-mb--l
    {
        margin-bottom: 45px;
    }
    .u-mb--m
    {
        margin-bottom: 35px;
    }
    .u-mb--s
    {
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 1001px)
{
    .u-mt--s--copyright
    {
        margin-top: 0;
    }
}
@media (max-width: 1024px)
{
    .u-mb--xxxl-sp
    {
        margin-bottom: 50px;
    }
    .u-mb--xxl-sp
    {
        margin-bottom: 40px;
    }
    .u-mb--xl-sp
    {
        margin-bottom: 30px;
    }
    .u-mb--l-sp
    {
        margin-bottom: 25px;
    }
    .u-mb--m-sp
    {
        margin-bottom: 20px;
    }
    .u-mb--s-sp
    {
        margin-bottom: 15px;
    }
    .u-mb--xs-sp
    {
        margin-bottom: 10px;
    }
    .u-mb--xxs-sp
    {
        margin-bottom: 5px;
    }
}
@media (min-width: 769px)
{
    .u-mb--xxxl-pc
    {
        margin-bottom: 50px;
    }
    .u-mb--xxl-pc
    {
        margin-bottom: 40px;
    }
    .u-mb--xl-pc
    {
        margin-bottom: 30px;
    }
    .u-mb--l-pc
    {
        margin-bottom: 25px;
    }
    .u-mb--m-pc
    {
        margin-bottom: 20px;
    }
    .u-mb--s-pc
    {
        margin-bottom: 15px;
    }
    .u-mb--xs-pc
    {
        margin-bottom: 10px;
    }
    .u-mb--xxs-pc
    {
        margin-bottom: 5px;
    }
    .u-ml--xxl-pc
    {
        margin-left: 40px;
    }
    .u-mt--xs-pc
    {
        margin-top: 10px;
    }
}
@media (max-width: 768px)
{
    .u-pb--100-sp
    {
        padding-bottom: 100px;
    }
}
.u-fs8
{
    font-size: 8px;
}
.u-fs9
{
    font-size: 9px;
}
.u-fs10
{
    font-size: 10px;
}
.u-fs11
{
    font-size: 11px;
}
.u-fs12
{
    font-size: 12px;
}
.u-fs13
{
    font-size: 13px;
}
.u-fs14
{
    font-size: 14px;
}
.u-fs15
{
    font-size: 15px;
}
.u-fs16
{
    font-size: 16px;
}
.u-fs17
{
    font-size: 17px;
}
.u-fs18
{
    font-size: 18px;
}
.u-fs19
{
    font-size: 19px;
}
.u-fs20
{
    font-size: 20px;
}
.u-fs21
{
    font-size: 21px;
}
.u-fs22
{
    font-size: 22px;
}
.u-fs23
{
    font-size: 23px;
}
.u-fs24
{
    font-size: 24px;
}
.u-fs25
{
    font-size: 25px;
}
.u-fs26
{
    font-size: 26px;
}
.u-fs27
{
    font-size: 27px;
}
.u-fs28
{
    font-size: 28px;
}
.u-fs29
{
    font-size: 29px;
}
.u-fs30
{
    font-size: 30px;
}
.u-fs31
{
    font-size: 31px;
}
.u-fs32
{
    font-size: 32px;
}
.u-fs33
{
    font-size: 33px;
}
.u-fs34
{
    font-size: 34px;
}
.u-fs35
{
    font-size: 35px;
}
.u-fs36
{
    font-size: 36px;
}
.u-fs37
{
    font-size: 37px;
}
.u-fs38
{
    font-size: 38px;
}
.u-fs39
{
    font-size: 39px;
}
.u-fs40
{
    font-size: 40px;
}
.u-fs41
{
    font-size: 41px;
}
.u-fs42
{
    font-size: 42px;
}
.u-fs43
{
    font-size: 43px;
}
.u-fs44
{
    font-size: 44px;
}
.u-fs45
{
    font-size: 45px;
}
.u-fs46
{
    font-size: 46px;
}
.u-fs47
{
    font-size: 47px;
}
.u-fs48
{
    font-size: 48px;
}
.u-fs49
{
    font-size: 49px;
}
.u-fs50
{
    font-size: 50px;
}
.u-fs51
{
    font-size: 51px;
}
.u-fs52
{
    font-size: 52px;
}
.u-fs53
{
    font-size: 53px;
}
.u-fs54
{
    font-size: 54px;
}
.u-fs55
{
    font-size: 55px;
}
.u-fs56
{
    font-size: 56px;
}
.u-fs57
{
    font-size: 57px;
}
.u-fs58
{
    font-size: 58px;
}
.u-fs59
{
    font-size: 59px;
}
.u-fs60
{
    font-size: 60px;
}
.u-fs61
{
    font-size: 61px;
}
.u-fs62
{
    font-size: 62px;
}
.u-fs63
{
    font-size: 63px;
}
.u-fs64
{
    font-size: 64px;
}
.u-fs65
{
    font-size: 65px;
}
.u-fs66
{
    font-size: 66px;
}
.u-fs67
{
    font-size: 67px;
}
.u-fs68
{
    font-size: 68px;
}
.u-fs69
{
    font-size: 69px;
}
.u-fs70
{
    font-size: 70px;
}
.u-fs71
{
    font-size: 71px;
}
.u-fs72
{
    font-size: 72px;
}
.u-fs73
{
    font-size: 73px;
}
.u-fs74
{
    font-size: 74px;
}
.u-fs75
{
    font-size: 75px;
}
.u-fs76
{
    font-size: 76px;
}
.u-fs77
{
    font-size: 77px;
}
.u-fs78
{
    font-size: 78px;
}
.u-fs79
{
    font-size: 79px;
}
.u-fs80
{
    font-size: 80px;
}
.u-fs81
{
    font-size: 81px;
}
.u-fs82
{
    font-size: 82px;
}
.u-fs83
{
    font-size: 83px;
}
.u-fs84
{
    font-size: 84px;
}
.u-fs85
{
    font-size: 85px;
}
.u-fs86
{
    font-size: 86px;
}
.u-fs87
{
    font-size: 87px;
}
.u-fs88
{
    font-size: 88px;
}
.u-fs89
{
    font-size: 89px;
}
.u-fs90
{
    font-size: 90px;
}
.u-fs91
{
    font-size: 91px;
}
.u-fs92
{
    font-size: 92px;
}
.u-fs93
{
    font-size: 93px;
}
.u-fs94
{
    font-size: 94px;
}
.u-fs95
{
    font-size: 95px;
}
.u-fs96
{
    font-size: 96px;
}
.u-fs97
{
    font-size: 97px;
}
.u-fs98
{
    font-size: 98px;
}
.u-fs99
{
    font-size: 99px;
}
.u-fs100
{
    font-size: 100px;
}
@media (max-width: 768px)
{
    .u-fs8-sp
    {
        font-size: 8px;
    }
    .u-fs9-sp
    {
        font-size: 9px;
    }
    .u-fs10-sp
    {
        font-size: 10px;
    }
    .u-fs11-sp
    {
        font-size: 11px;
    }
    .u-fs12-sp
    {
        font-size: 12px;
    }
    .u-fs13-sp
    {
        font-size: 13px;
    }
    .u-fs14-sp
    {
        font-size: 14px;
    }
    .u-fs15-sp
    {
        font-size: 15px;
    }
    .u-fs16-sp
    {
        font-size: 16px;
    }
    .u-fs17-sp
    {
        font-size: 17px;
    }
    .u-fs18-sp
    {
        font-size: 18px;
    }
    .u-fs19-sp
    {
        font-size: 19px;
    }
    .u-fs20-sp
    {
        font-size: 20px;
    }
    .u-fs21-sp
    {
        font-size: 21px;
    }
    .u-fs22-sp
    {
        font-size: 22px;
    }
    .u-fs23-sp
    {
        font-size: 23px;
    }
    .u-fs24-sp
    {
        font-size: 24px;
    }
    .u-fs25-sp
    {
        font-size: 25px;
    }
    .u-fs26-sp
    {
        font-size: 26px;
    }
    .u-fs27-sp
    {
        font-size: 27px;
    }
    .u-fs28-sp
    {
        font-size: 28px;
    }
    .u-fs29-sp
    {
        font-size: 29px;
    }
    .u-fs30-sp
    {
        font-size: 30px;
    }
    .u-fs31-sp
    {
        font-size: 31px;
    }
    .u-fs32-sp
    {
        font-size: 32px;
    }
    .u-fs33-sp
    {
        font-size: 33px;
    }
    .u-fs34-sp
    {
        font-size: 34px;
    }
    .u-fs35-sp
    {
        font-size: 35px;
    }
    .u-fs36-sp
    {
        font-size: 36px;
    }
    .u-fs37-sp
    {
        font-size: 37px;
    }
    .u-fs38-sp
    {
        font-size: 38px;
    }
    .u-fs39-sp
    {
        font-size: 39px;
    }
    .u-fs40-sp
    {
        font-size: 40px;
    }
    .u-fs41-sp
    {
        font-size: 41px;
    }
    .u-fs42-sp
    {
        font-size: 42px;
    }
    .u-fs43-sp
    {
        font-size: 43px;
    }
    .u-fs44-sp
    {
        font-size: 44px;
    }
    .u-fs45-sp
    {
        font-size: 45px;
    }
    .u-fs46-sp
    {
        font-size: 46px;
    }
    .u-fs47-sp
    {
        font-size: 47px;
    }
    .u-fs48-sp
    {
        font-size: 48px;
    }
    .u-fs49-sp
    {
        font-size: 49px;
    }
    .u-fs50-sp
    {
        font-size: 50px;
    }
    .u-fs51-sp
    {
        font-size: 51px;
    }
    .u-fs52-sp
    {
        font-size: 52px;
    }
    .u-fs53-sp
    {
        font-size: 53px;
    }
    .u-fs54-sp
    {
        font-size: 54px;
    }
    .u-fs55-sp
    {
        font-size: 55px;
    }
    .u-fs56-sp
    {
        font-size: 56px;
    }
    .u-fs57-sp
    {
        font-size: 57px;
    }
    .u-fs58-sp
    {
        font-size: 58px;
    }
    .u-fs59-sp
    {
        font-size: 59px;
    }
    .u-fs60-sp
    {
        font-size: 60px;
    }
    .u-fs61-sp
    {
        font-size: 61px;
    }
    .u-fs62-sp
    {
        font-size: 62px;
    }
    .u-fs63-sp
    {
        font-size: 63px;
    }
    .u-fs64-sp
    {
        font-size: 64px;
    }
    .u-fs65-sp
    {
        font-size: 65px;
    }
    .u-fs66-sp
    {
        font-size: 66px;
    }
    .u-fs67-sp
    {
        font-size: 67px;
    }
    .u-fs68-sp
    {
        font-size: 68px;
    }
    .u-fs69-sp
    {
        font-size: 69px;
    }
    .u-fs70-sp
    {
        font-size: 70px;
    }
    .u-fs71-sp
    {
        font-size: 71px;
    }
    .u-fs72-sp
    {
        font-size: 72px;
    }
    .u-fs73-sp
    {
        font-size: 73px;
    }
    .u-fs74-sp
    {
        font-size: 74px;
    }
    .u-fs75-sp
    {
        font-size: 75px;
    }
    .u-fs76-sp
    {
        font-size: 76px;
    }
    .u-fs77-sp
    {
        font-size: 77px;
    }
    .u-fs78-sp
    {
        font-size: 78px;
    }
    .u-fs79-sp
    {
        font-size: 79px;
    }
    .u-fs80-sp
    {
        font-size: 80px;
    }
    .u-fs81-sp
    {
        font-size: 81px;
    }
    .u-fs82-sp
    {
        font-size: 82px;
    }
    .u-fs83-sp
    {
        font-size: 83px;
    }
    .u-fs84-sp
    {
        font-size: 84px;
    }
    .u-fs85-sp
    {
        font-size: 85px;
    }
    .u-fs86-sp
    {
        font-size: 86px;
    }
    .u-fs87-sp
    {
        font-size: 87px;
    }
    .u-fs88-sp
    {
        font-size: 88px;
    }
    .u-fs89-sp
    {
        font-size: 89px;
    }
    .u-fs90-sp
    {
        font-size: 90px;
    }
    .u-fs91-sp
    {
        font-size: 91px;
    }
    .u-fs92-sp
    {
        font-size: 92px;
    }
    .u-fs93-sp
    {
        font-size: 93px;
    }
    .u-fs94-sp
    {
        font-size: 94px;
    }
    .u-fs95-sp
    {
        font-size: 95px;
    }
    .u-fs96-sp
    {
        font-size: 96px;
    }
    .u-fs97-sp
    {
        font-size: 97px;
    }
    .u-fs98-sp
    {
        font-size: 98px;
    }
    .u-fs99-sp
    {
        font-size: 99px;
    }
    .u-fs100-sp
    {
        font-size: 100px;
    }
}
@media (max-width: 371px)
{
    .u-fs8-sp-s
    {
        font-size: 8px;
    }
    .u-fs9-sp-s
    {
        font-size: 9px;
    }
    .u-fs10-sp-s
    {
        font-size: 10px;
    }
    .u-fs11-sp-s
    {
        font-size: 11px;
    }
    .u-fs12-sp-s
    {
        font-size: 12px;
    }
    .u-fs13-sp-s
    {
        font-size: 13px;
    }
    .u-fs14-sp-s
    {
        font-size: 14px;
    }
    .u-fs15-sp-s
    {
        font-size: 15px;
    }
    .u-fs16-sp-s
    {
        font-size: 16px;
    }
    .u-fs17-sp-s
    {
        font-size: 17px;
    }
    .u-fs18-sp-s
    {
        font-size: 18px;
    }
    .u-fs19-sp-s
    {
        font-size: 19px;
    }
    .u-fs20-sp-s
    {
        font-size: 20px;
    }
    .u-fs21-sp-s
    {
        font-size: 21px;
    }
    .u-fs22-sp-s
    {
        font-size: 22px;
    }
    .u-fs23-sp-s
    {
        font-size: 23px;
    }
    .u-fs24-sp-s
    {
        font-size: 24px;
    }
    .u-fs25-sp-s
    {
        font-size: 25px;
    }
    .u-fs26-sp-s
    {
        font-size: 26px;
    }
    .u-fs27-sp-s
    {
        font-size: 27px;
    }
    .u-fs28-sp-s
    {
        font-size: 28px;
    }
    .u-fs29-sp-s
    {
        font-size: 29px;
    }
    .u-fs30-sp-s
    {
        font-size: 30px;
    }
    .u-fs31-sp-s
    {
        font-size: 31px;
    }
    .u-fs32-sp-s
    {
        font-size: 32px;
    }
    .u-fs33-sp-s
    {
        font-size: 33px;
    }
    .u-fs34-sp-s
    {
        font-size: 34px;
    }
    .u-fs35-sp-s
    {
        font-size: 35px;
    }
    .u-fs36-sp-s
    {
        font-size: 36px;
    }
    .u-fs37-sp-s
    {
        font-size: 37px;
    }
    .u-fs38-sp-s
    {
        font-size: 38px;
    }
    .u-fs39-sp-s
    {
        font-size: 39px;
    }
    .u-fs40-sp-s
    {
        font-size: 40px;
    }
    .u-fs41-sp-s
    {
        font-size: 41px;
    }
    .u-fs42-sp-s
    {
        font-size: 42px;
    }
    .u-fs43-sp-s
    {
        font-size: 43px;
    }
    .u-fs44-sp-s
    {
        font-size: 44px;
    }
    .u-fs45-sp-s
    {
        font-size: 45px;
    }
    .u-fs46-sp-s
    {
        font-size: 46px;
    }
    .u-fs47-sp-s
    {
        font-size: 47px;
    }
    .u-fs48-sp-s
    {
        font-size: 48px;
    }
    .u-fs49-sp-s
    {
        font-size: 49px;
    }
    .u-fs50-sp-s
    {
        font-size: 50px;
    }
    .u-fs51-sp-s
    {
        font-size: 51px;
    }
    .u-fs52-sp-s
    {
        font-size: 52px;
    }
    .u-fs53-sp-s
    {
        font-size: 53px;
    }
    .u-fs54-sp-s
    {
        font-size: 54px;
    }
    .u-fs55-sp-s
    {
        font-size: 55px;
    }
    .u-fs56-sp-s
    {
        font-size: 56px;
    }
    .u-fs57-sp-s
    {
        font-size: 57px;
    }
    .u-fs58-sp-s
    {
        font-size: 58px;
    }
    .u-fs59-sp-s
    {
        font-size: 59px;
    }
    .u-fs60-sp-s
    {
        font-size: 60px;
    }
    .u-fs61-sp-s
    {
        font-size: 61px;
    }
    .u-fs62-sp-s
    {
        font-size: 62px;
    }
    .u-fs63-sp-s
    {
        font-size: 63px;
    }
    .u-fs64-sp-s
    {
        font-size: 64px;
    }
    .u-fs65-sp-s
    {
        font-size: 65px;
    }
    .u-fs66-sp-s
    {
        font-size: 66px;
    }
    .u-fs67-sp-s
    {
        font-size: 67px;
    }
    .u-fs68-sp-s
    {
        font-size: 68px;
    }
    .u-fs69-sp-s
    {
        font-size: 69px;
    }
    .u-fs70-sp-s
    {
        font-size: 70px;
    }
    .u-fs71-sp-s
    {
        font-size: 71px;
    }
    .u-fs72-sp-s
    {
        font-size: 72px;
    }
    .u-fs73-sp-s
    {
        font-size: 73px;
    }
    .u-fs74-sp-s
    {
        font-size: 74px;
    }
    .u-fs75-sp-s
    {
        font-size: 75px;
    }
    .u-fs76-sp-s
    {
        font-size: 76px;
    }
    .u-fs77-sp-s
    {
        font-size: 77px;
    }
    .u-fs78-sp-s
    {
        font-size: 78px;
    }
    .u-fs79-sp-s
    {
        font-size: 79px;
    }
    .u-fs80-sp-s
    {
        font-size: 80px;
    }
    .u-fs81-sp-s
    {
        font-size: 81px;
    }
    .u-fs82-sp-s
    {
        font-size: 82px;
    }
    .u-fs83-sp-s
    {
        font-size: 83px;
    }
    .u-fs84-sp-s
    {
        font-size: 84px;
    }
    .u-fs85-sp-s
    {
        font-size: 85px;
    }
    .u-fs86-sp-s
    {
        font-size: 86px;
    }
    .u-fs87-sp-s
    {
        font-size: 87px;
    }
    .u-fs88-sp-s
    {
        font-size: 88px;
    }
    .u-fs89-sp-s
    {
        font-size: 89px;
    }
    .u-fs90-sp-s
    {
        font-size: 90px;
    }
    .u-fs91-sp-s
    {
        font-size: 91px;
    }
    .u-fs92-sp-s
    {
        font-size: 92px;
    }
    .u-fs93-sp-s
    {
        font-size: 93px;
    }
    .u-fs94-sp-s
    {
        font-size: 94px;
    }
    .u-fs95-sp-s
    {
        font-size: 95px;
    }
    .u-fs96-sp-s
    {
        font-size: 96px;
    }
    .u-fs97-sp-s
    {
        font-size: 97px;
    }
    .u-fs98-sp-s
    {
        font-size: 98px;
    }
    .u-fs99-sp-s
    {
        font-size: 99px;
    }
    .u-fs100-sp-s
    {
        font-size: 100px;
    }
}
@media (min-width: 769px)
{
    .u-fs8-pc
    {
        font-size: 8px;
    }
    .u-fs9-pc
    {
        font-size: 9px;
    }
    .u-fs10-pc
    {
        font-size: 10px;
    }
    .u-fs11-pc
    {
        font-size: 11px;
    }
    .u-fs12-pc
    {
        font-size: 12px;
    }
    .u-fs13-pc
    {
        font-size: 13px;
    }
    .u-fs14-pc
    {
        font-size: 14px;
    }
    .u-fs15-pc
    {
        font-size: 15px;
    }
    .u-fs16-pc
    {
        font-size: 16px;
    }
    .u-fs17-pc
    {
        font-size: 17px;
    }
    .u-fs18-pc
    {
        font-size: 18px;
    }
    .u-fs19-pc
    {
        font-size: 19px;
    }
    .u-fs20-pc
    {
        font-size: 20px;
    }
    .u-fs21-pc
    {
        font-size: 21px;
    }
    .u-fs22-pc
    {
        font-size: 22px;
    }
    .u-fs23-pc
    {
        font-size: 23px;
    }
    .u-fs24-pc
    {
        font-size: 24px;
    }
    .u-fs25-pc
    {
        font-size: 25px;
    }
    .u-fs26-pc
    {
        font-size: 26px;
    }
    .u-fs27-pc
    {
        font-size: 27px;
    }
    .u-fs28-pc
    {
        font-size: 28px;
    }
    .u-fs29-pc
    {
        font-size: 29px;
    }
    .u-fs30-pc
    {
        font-size: 30px;
    }
    .u-fs31-pc
    {
        font-size: 31px;
    }
    .u-fs32-pc
    {
        font-size: 32px;
    }
    .u-fs33-pc
    {
        font-size: 33px;
    }
    .u-fs34-pc
    {
        font-size: 34px;
    }
    .u-fs35-pc
    {
        font-size: 35px;
    }
    .u-fs36-pc
    {
        font-size: 36px;
    }
    .u-fs37-pc
    {
        font-size: 37px;
    }
    .u-fs38-pc
    {
        font-size: 38px;
    }
    .u-fs39-pc
    {
        font-size: 39px;
    }
    .u-fs40-pc
    {
        font-size: 40px;
    }
    .u-fs41-pc
    {
        font-size: 41px;
    }
    .u-fs42-pc
    {
        font-size: 42px;
    }
    .u-fs43-pc
    {
        font-size: 43px;
    }
    .u-fs44-pc
    {
        font-size: 44px;
    }
    .u-fs45-pc
    {
        font-size: 45px;
    }
    .u-fs46-pc
    {
        font-size: 46px;
    }
    .u-fs47-pc
    {
        font-size: 47px;
    }
    .u-fs48-pc
    {
        font-size: 48px;
    }
    .u-fs49-pc
    {
        font-size: 49px;
    }
    .u-fs50-pc
    {
        font-size: 50px;
    }
    .u-fs51-pc
    {
        font-size: 51px;
    }
    .u-fs52-pc
    {
        font-size: 52px;
    }
    .u-fs53-pc
    {
        font-size: 53px;
    }
    .u-fs54-pc
    {
        font-size: 54px;
    }
    .u-fs55-pc
    {
        font-size: 55px;
    }
    .u-fs56-pc
    {
        font-size: 56px;
    }
    .u-fs57-pc
    {
        font-size: 57px;
    }
    .u-fs58-pc
    {
        font-size: 58px;
    }
    .u-fs59-pc
    {
        font-size: 59px;
    }
    .u-fs60-pc
    {
        font-size: 60px;
    }
    .u-fs61-pc
    {
        font-size: 61px;
    }
    .u-fs62-pc
    {
        font-size: 62px;
    }
    .u-fs63-pc
    {
        font-size: 63px;
    }
    .u-fs64-pc
    {
        font-size: 64px;
    }
    .u-fs65-pc
    {
        font-size: 65px;
    }
    .u-fs66-pc
    {
        font-size: 66px;
    }
    .u-fs67-pc
    {
        font-size: 67px;
    }
    .u-fs68-pc
    {
        font-size: 68px;
    }
    .u-fs69-pc
    {
        font-size: 69px;
    }
    .u-fs70-pc
    {
        font-size: 70px;
    }
    .u-fs71-pc
    {
        font-size: 71px;
    }
    .u-fs72-pc
    {
        font-size: 72px;
    }
    .u-fs73-pc
    {
        font-size: 73px;
    }
    .u-fs74-pc
    {
        font-size: 74px;
    }
    .u-fs75-pc
    {
        font-size: 75px;
    }
    .u-fs76-pc
    {
        font-size: 76px;
    }
    .u-fs77-pc
    {
        font-size: 77px;
    }
    .u-fs78-pc
    {
        font-size: 78px;
    }
    .u-fs79-pc
    {
        font-size: 79px;
    }
    .u-fs80-pc
    {
        font-size: 80px;
    }
    .u-fs81-pc
    {
        font-size: 81px;
    }
    .u-fs82-pc
    {
        font-size: 82px;
    }
    .u-fs83-pc
    {
        font-size: 83px;
    }
    .u-fs84-pc
    {
        font-size: 84px;
    }
    .u-fs85-pc
    {
        font-size: 85px;
    }
    .u-fs86-pc
    {
        font-size: 86px;
    }
    .u-fs87-pc
    {
        font-size: 87px;
    }
    .u-fs88-pc
    {
        font-size: 88px;
    }
    .u-fs89-pc
    {
        font-size: 89px;
    }
    .u-fs90-pc
    {
        font-size: 90px;
    }
    .u-fs91-pc
    {
        font-size: 91px;
    }
    .u-fs92-pc
    {
        font-size: 92px;
    }
    .u-fs93-pc
    {
        font-size: 93px;
    }
    .u-fs94-pc
    {
        font-size: 94px;
    }
    .u-fs95-pc
    {
        font-size: 95px;
    }
    .u-fs96-pc
    {
        font-size: 96px;
    }
    .u-fs97-pc
    {
        font-size: 97px;
    }
    .u-fs98-pc
    {
        font-size: 98px;
    }
    .u-fs99-pc
    {
        font-size: 99px;
    }
    .u-fs100-pc
    {
        font-size: 100px;
    }
}
@media (min-width: 769px) and (max-width: 1024px)
{
    .u-fs8-pc-s
    {
        font-size: 8px;
    }
    .u-fs9-pc-s
    {
        font-size: 9px;
    }
    .u-fs10-pc-s
    {
        font-size: 10px;
    }
    .u-fs11-pc-s
    {
        font-size: 11px;
    }
    .u-fs12-pc-s
    {
        font-size: 12px;
    }
    .u-fs13-pc-s
    {
        font-size: 13px;
    }
    .u-fs14-pc-s
    {
        font-size: 14px;
    }
    .u-fs15-pc-s
    {
        font-size: 15px;
    }
    .u-fs16-pc-s
    {
        font-size: 16px;
    }
    .u-fs17-pc-s
    {
        font-size: 17px;
    }
    .u-fs18-pc-s
    {
        font-size: 18px;
    }
    .u-fs19-pc-s
    {
        font-size: 19px;
    }
    .u-fs20-pc-s
    {
        font-size: 20px;
    }
    .u-fs21-pc-s
    {
        font-size: 21px;
    }
    .u-fs22-pc-s
    {
        font-size: 22px;
    }
    .u-fs23-pc-s
    {
        font-size: 23px;
    }
    .u-fs24-pc-s
    {
        font-size: 24px;
    }
    .u-fs25-pc-s
    {
        font-size: 25px;
    }
    .u-fs26-pc-s
    {
        font-size: 26px;
    }
    .u-fs27-pc-s
    {
        font-size: 27px;
    }
    .u-fs28-pc-s
    {
        font-size: 28px;
    }
    .u-fs29-pc-s
    {
        font-size: 29px;
    }
    .u-fs30-pc-s
    {
        font-size: 30px;
    }
    .u-fs31-pc-s
    {
        font-size: 31px;
    }
    .u-fs32-pc-s
    {
        font-size: 32px;
    }
    .u-fs33-pc-s
    {
        font-size: 33px;
    }
    .u-fs34-pc-s
    {
        font-size: 34px;
    }
    .u-fs35-pc-s
    {
        font-size: 35px;
    }
    .u-fs36-pc-s
    {
        font-size: 36px;
    }
    .u-fs37-pc-s
    {
        font-size: 37px;
    }
    .u-fs38-pc-s
    {
        font-size: 38px;
    }
    .u-fs39-pc-s
    {
        font-size: 39px;
    }
    .u-fs40-pc-s
    {
        font-size: 40px;
    }
    .u-fs41-pc-s
    {
        font-size: 41px;
    }
    .u-fs42-pc-s
    {
        font-size: 42px;
    }
    .u-fs43-pc-s
    {
        font-size: 43px;
    }
    .u-fs44-pc-s
    {
        font-size: 44px;
    }
    .u-fs45-pc-s
    {
        font-size: 45px;
    }
    .u-fs46-pc-s
    {
        font-size: 46px;
    }
    .u-fs47-pc-s
    {
        font-size: 47px;
    }
    .u-fs48-pc-s
    {
        font-size: 48px;
    }
    .u-fs49-pc-s
    {
        font-size: 49px;
    }
    .u-fs50-pc-s
    {
        font-size: 50px;
    }
    .u-fs51-pc-s
    {
        font-size: 51px;
    }
    .u-fs52-pc-s
    {
        font-size: 52px;
    }
    .u-fs53-pc-s
    {
        font-size: 53px;
    }
    .u-fs54-pc-s
    {
        font-size: 54px;
    }
    .u-fs55-pc-s
    {
        font-size: 55px;
    }
    .u-fs56-pc-s
    {
        font-size: 56px;
    }
    .u-fs57-pc-s
    {
        font-size: 57px;
    }
    .u-fs58-pc-s
    {
        font-size: 58px;
    }
    .u-fs59-pc-s
    {
        font-size: 59px;
    }
    .u-fs60-pc-s
    {
        font-size: 60px;
    }
    .u-fs61-pc-s
    {
        font-size: 61px;
    }
    .u-fs62-pc-s
    {
        font-size: 62px;
    }
    .u-fs63-pc-s
    {
        font-size: 63px;
    }
    .u-fs64-pc-s
    {
        font-size: 64px;
    }
    .u-fs65-pc-s
    {
        font-size: 65px;
    }
    .u-fs66-pc-s
    {
        font-size: 66px;
    }
    .u-fs67-pc-s
    {
        font-size: 67px;
    }
    .u-fs68-pc-s
    {
        font-size: 68px;
    }
    .u-fs69-pc-s
    {
        font-size: 69px;
    }
    .u-fs70-pc-s
    {
        font-size: 70px;
    }
    .u-fs71-pc-s
    {
        font-size: 71px;
    }
    .u-fs72-pc-s
    {
        font-size: 72px;
    }
    .u-fs73-pc-s
    {
        font-size: 73px;
    }
    .u-fs74-pc-s
    {
        font-size: 74px;
    }
    .u-fs75-pc-s
    {
        font-size: 75px;
    }
    .u-fs76-pc-s
    {
        font-size: 76px;
    }
    .u-fs77-pc-s
    {
        font-size: 77px;
    }
    .u-fs78-pc-s
    {
        font-size: 78px;
    }
    .u-fs79-pc-s
    {
        font-size: 79px;
    }
    .u-fs80-pc-s
    {
        font-size: 80px;
    }
    .u-fs81-pc-s
    {
        font-size: 81px;
    }
    .u-fs82-pc-s
    {
        font-size: 82px;
    }
    .u-fs83-pc-s
    {
        font-size: 83px;
    }
    .u-fs84-pc-s
    {
        font-size: 84px;
    }
    .u-fs85-pc-s
    {
        font-size: 85px;
    }
    .u-fs86-pc-s
    {
        font-size: 86px;
    }
    .u-fs87-pc-s
    {
        font-size: 87px;
    }
    .u-fs88-pc-s
    {
        font-size: 88px;
    }
    .u-fs89-pc-s
    {
        font-size: 89px;
    }
    .u-fs90-pc-s
    {
        font-size: 90px;
    }
    .u-fs91-pc-s
    {
        font-size: 91px;
    }
    .u-fs92-pc-s
    {
        font-size: 92px;
    }
    .u-fs93-pc-s
    {
        font-size: 93px;
    }
    .u-fs94-pc-s
    {
        font-size: 94px;
    }
    .u-fs95-pc-s
    {
        font-size: 95px;
    }
    .u-fs96-pc-s
    {
        font-size: 96px;
    }
    .u-fs97-pc-s
    {
        font-size: 97px;
    }
    .u-fs98-pc-s
    {
        font-size: 98px;
    }
    .u-fs99-pc-s
    {
        font-size: 99px;
    }
    .u-fs100-pc-s
    {
        font-size: 100px;
    }
}
.u-fs--xxxl
{
    font-size: 3rem;
}
.u-fs--xxl
{
    font-size: 2.8rem;
}
.u-fs--xxl--btn
{
    font-size: 2.8rem;
}
.u-fs--xl
{
    font-size: 2.4rem;
}
.u-fs--l--btn
{
    font-size: 2rem;
}
.u-fs--l
{
    font-size: 2rem;
}
.u-fs--m--table
{
    font-size: 1.8rem;
}
.u-fs--m
{
    font-size: 1.8rem;
}
.u-fs--s
{
    font-size: 1.5rem;
}
.u-fs--xs
{
    font-size: 1.3rem;
}
.u-lh--xxl--ttl
{
    line-height: 3.5rem;
}
.u-lh--l
{
    line-height: 2.8rem;
}
.u-lh--m--table
{
    line-height: 2.4rem;
}
.u-lh--m
{
    line-height: 2.4rem;
}
.u-lh--s
{
    line-height: 2rem;
}
.u-fwb
{
    font-weight: bold;
}
.u-txtl
{
    text-align: left;
}
.u-txtc
{
    text-align: center;
}
.u-marker--blue
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #c4f2fb));
    background: linear-gradient(transparent 60%, #c4f2fb 60%);
}
.u-marker--yellow
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffe60f));
    background: linear-gradient(transparent 60%, #ffe60f 60%);
}
.u-underLine
{
    text-decoration: underline;
}
@media only screen and (min-width: 801px)
{
    .u-fs--xxl
    {
        font-size: 2.4rem;
    }
    .u-fs--xxl--btn
    {
        font-size: 2.4rem;
    }
    .u-fs--l--btn
    {
        font-size: 1.8rem;
    }
    .u-fs--m--table
    {
        font-size: 1.8rem;
    }
    .u-fs--m
    {
        font-size: 1.6rem;
    }
    .u-fs--s
    {
        font-size: 1.4rem;
    }
    .u-lh--m--table
    {
        line-height: 3rem;
    }
}
@media (min-width: 769px)
{
    .u-sp--br
    {
        display: none;
    }
}
@media (max-width: 768px)
{
    .u-pc--br
    {
        display: none;
    }
}
[data-trigger-menu].is-close:before
{
    content: '\e902';
}
[data-trigger-menu].is-open:before
{
    content: '\e903';
}
[data-target-menu-pc].is-close
{
    visibility: hidden;
    opacity: 0;
}
[data-target-menu-pc].is-open
{
    visibility: visible;
    opacity: 1;
}
[data-trigger-submenu] [data-target-submenu]
{
    visibility: hidden;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    opacity: 0;
}
[data-trigger-submenu]:hover [data-target-submenu]
{
    visibility: visible;
    opacity: 1;
}
@media screen and (min-width: 1024px)
{
    [data-target-header]
    {
        position: fixed;
        height: 80px;
    }
    [data-target-header].header--lp
    {
        height: 90px;
    }
    [data-target-header].is-fixed
    {
        position: fixed;
        height: 80px;
    }
    [data-target-header].is-fixed .header__logo,
    [data-target-header].is-fixed .search__area
    {
        display: none;
    }
    [data-target-header].is-fixed.header--lp
    {
        height: 90px;
    }
}
.is-fixed.header--lp
{
    position: fixed;
}
.head-animation
{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
[data-target-toggle='spmenu']
{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height ease-in-out .7s;
    transition: max-height ease-in-out .7s;
}
[data-target-toggle='spmenu'].is-open
{
    max-height: 500px;
}
[data-target-toggle='purposesList']
{
    overflow: hidden;
    max-height: 250px;
    -webkit-transition: max-height ease-in-out .7s;
    transition: max-height ease-in-out .7s;
}
[data-target-toggle='purposesList'].is-open
{
    max-height: 900px;
}
[data-trigger-toggle='purposesTrigger'].is-open.purpose__more
{
    margin-bottom: 0;
}
[data-trigger-toggle='purposesTrigger'].is-open .purpose__more__svg,
[data-trigger-toggle='purposesTrigger'].is-open .purpose__txt
{
    display: none;
}
@media only screen and (max-width: 1024px)
{
    [data-trigger-menu].is-open:before,
    [data-trigger-menu-sp].is-open:before
    {
        color: #339cd1;
    }
    [data-trigger-menu].is-disabled,
    [data-trigger-menu-sp].is-disabled
    {
        position: fixed;
        z-index: 10;
    }
    [data-target-menu-sp].is-close
    {
        position: absolute;
        top: 0;
        left: -300px;
        visibility: hidden;
        width: 0;
        min-height: 100vh;
    }
    [data-target-menu-sp].is-open
    {
        left: 0;
        visibility: visible;
        width: 295px;
    }
    [data-trigger-search-sp].is-open
    {
        display: none;
    }
    [data-trigger-search-sp].is-disabled
    {
        position: fixed;
        z-index: 10;
    }
    [data-target-search-sp].is-close
    {
        display: none;
    }
    [data-target-search-sp].is-open
    {
        position: fixed;
        z-index: 200;
        display: block;
    }
    [data-target-headerbtn-sp].is-open
    {
        position: fixed;
    }
    [data-target-modal-sp].is-open
    {
        position: fixed;
        z-index: 50;
        top: 0;
        left: 0;
        width: 100%;
        height: 120%;
        background-color: rgba(0, 0, 0, .75);
    }
}
[data-trigger-pagetop].is-absolute
{
    position: absolute;
    right: -50%;
    bottom: -80px;
    left: -50%;
    margin: 0 auto;
}
[data-trigger-pagetop].is-fixed
{
    position: fixed;
    right: -50%;
    bottom: 0;
    left: -50%;
    margin: 0 auto;
}
[data-trigger-counter].is-absolute
{
    position: absolute;
    bottom: 0;
}
@media screen and (min-width: 769px)
{
    [data-trigger-counter].is-absolute
    {
        right: 20px;
    }
}
[data-trigger-counter].is-fixed
{
    position: fixed;
    z-index: 3;
    bottom: 0;
}
@media screen and (min-width: 769px)
{
    [data-trigger-counter].is-fixed
    {
        right: 20px;
        bottom: 20px;
    }
}
.footer__conciergeform[data-trigger-pagetop].is-fixed
{
    position: fixed;
    z-index: 1;
    right: -50%;
    bottom: 40px;
    left: -50%;
    margin: 0 auto;
    pointer-events: none;
}
@media screen and (min-width: 769px)
{
    .footer__conciergeform[data-trigger-pagetop].is-fixed
    {
        bottom: 80px;
    }
}
.footer__conciergeform__btn
{
    pointer-events: auto;
}
.link--concierge--bottom--sp
{
    right: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    margin: 0 auto;
    -webkit-transition: .2s all ease 0s;
    transition: .2s all ease 0s;
}
.link--concierge--bottom--sp.is-absolute
{
    position: absolute;
    bottom: -100px;
}
.link--concierge--bottom--sp.is-fixed
{
    position: fixed;
    z-index: 999999;
    right: 0;
    bottom: 80px;
    left: 0;
}
.link--concierge--bottom--sp.is-bottom
{
    position: fixed;
    z-index: 999999;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: .2s all ease 0s;
    transition: .2s all ease 0s;
}
.link--concierge--bottom--sp__box
{
    position: relative;
}
.link--concierge--bottom--sp__box .box__close
{
    font-size: 2rem;
    position: absolute;
    top: -35px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    height: 35px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: none;
    background: #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.link--concierge--bottom--sp__box .box__close:before
{
    content: '\2715';
}
[data-trigger-formdetail].is-open,
[data-trigger-formservice].is-open,
[data-trigger-formdetail].is-close,
[data-trigger-formservice].is-close
{
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}
[data-trigger-formdetail].is-open .concierge__btn--detail__arrow,
[data-trigger-formservice].is-open .concierge__btn--detail__arrow
{
    top: 45%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
[data-target-formdetail].is-close
{
    display: none;
}
input[type='submit'].is-disabled
{
    cursor: default;
    opacity: .5;
}
input[type='submit'].is-disabled:hover
{
    opacity: .5;
}
[data-target-formservice]
{
    margin-bottom: 10px;
}
[data-target-formservice].is-close
{
    display: none;
    margin-bottom: 0;
}
.fixbanner--pc.is-close
{
    display: none;
}
[data-fixed-nav].is-absolute
{
    position: absolute;
}
[data-fixed-nav].is-fixed
{
    position: fixed;
}
.list--table__img,
.list--table__img--secondary
{
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
}
.list--table__img.is-show,
.list--table__img--secondary.is-show
{
    opacity: 1;
}
.list--table__img.is-hidden,
.list--table__img--secondary.is-hidden
{
    opacity: 0;
}
.wpcf7-not-valid-tip.is-hidden
{
    display: none;
}
.remaining-number-counter.is-complete
{
    background-color: #66cd66;
}
.remaining-number-counter__num.is-complete,
.remaining-number-counter__txt.is-complete
{
    color: #fff;
}
[data-target-header-fixed]
{
    position: fixed;
    -webkit-transition: .3s;
    transition: .3s;
}
[data-target-header-fixed]#headerSpMenu
{
    z-index: 9999;
    top: 0;
    bottom: 0;
    visibility: hidden;
    overflow-y: auto;
    width: 295px;
}
[data-target-header-fixed]#headerSpMenu.is-open
{
    visibility: visible;
}
[data-target-header-fixed].is-show
{
    top: 0;
    display: block;
}
[data-target-header-fixed].is-hidden
{
    top: -100px;
    display: none;
}
/*
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce
{
    from,
    20%,
    53%,
    80%,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    40%,
    43%
    {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70%
    {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    90%
    {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce
{
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
@-webkit-keyframes flash
{
    from,
    50%,
    to
    {
        opacity: 1;
    }
    25%,
    75%
    {
        opacity: 0;
    }
}
.flash
{
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse
{
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30%
    {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }
    40%
    {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }
    65%
    {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75%
    {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.rubberBand
{
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}
.shake
{
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes headShake
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.headShake
{
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes swing
{
    20%
    {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40%
    {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60%
    {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80%
    {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.swing
{
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20%
    {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.tada
{
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    15%
    {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30%
    {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45%
    {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60%
    {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75%
    {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.wobble
{
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
/* TODO：ここまで見た */
@-webkit-keyframes jello
{
    from,
    11.1%,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    22.2%
    {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3%
    {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4%
    {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5%
    {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6%
    {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7%
    {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
                transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8%
    {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
                transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}
.jello
{
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation-name: jello;
            animation-name: jello;
}
@-webkit-keyframes heartBeat
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    14%
    {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
    28%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    42%
    {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
    70%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
.heartBeat
{
    -webkit-animation-name: heartBeat;
            animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
            animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn
{
    from,
    20%,
    40%,
    60%,
    80%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    20%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
    }
    40%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    60%
    {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);

        opacity: 1;
    }
}
.bounceIn
{
    -webkit-animation-name: bounceIn;
            animation-name: bounceIn;
    -webkit-animation-duration: .75s;
            animation-duration: .75s;
}
@-webkit-keyframes bounceInDown
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.bounceInDown
{
    -webkit-animation-name: bounceInDown;
            animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    90%
    {
        -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.bounceInLeft
{
    -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from
    {
        -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
    90%
    {
        -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.bounceInRight
{
    -webkit-animation-name: bounceInRight;
            animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from
    {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.bounceInUp
{
    -webkit-animation-name: bounceInUp;
            animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut
{
    20%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    50%,
    55%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
}
.bounceOut
{
    -webkit-animation-name: bounceOut;
            animation-name: bounceOut;
    -webkit-animation-duration: .75s;
            animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown
{
    20%
    {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    40%,
    45%
    {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);

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

        opacity: 0;
    }
}
.bounceOutDown
{
    -webkit-animation-name: bounceOutDown;
            animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft
{
    20%
    {
        -webkit-transform: translate3d(20px, 0, 0);
                transform: translate3d(20px, 0, 0);

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

        opacity: 0;
    }
}
.bounceOutLeft
{
    -webkit-animation-name: bounceOutLeft;
            animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight
{
    20%
    {
        -webkit-transform: translate3d(-20px, 0, 0);
                transform: translate3d(-20px, 0, 0);

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

        opacity: 0;
    }
}
.bounceOutRight
{
    -webkit-animation-name: bounceOutRight;
            animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp
{
    20%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    40%,
    45%
    {
        -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);

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

        opacity: 0;
    }
}
.bounceOutUp
{
    -webkit-animation-name: bounceOutUp;
            animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
.fadeIn
{
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown
{
    from
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

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

        opacity: 1;
    }
}
.fadeInDown
{
    -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig
{
    from
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

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

        opacity: 1;
    }
}
.fadeInDownBig
{
    -webkit-animation-name: fadeInDownBig;
            animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft
{
    from
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);

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

        opacity: 1;
    }
}
.fadeInLeft
{
    -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig
{
    from
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);

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

        opacity: 1;
    }
}
.fadeInLeftBig
{
    -webkit-animation-name: fadeInLeftBig;
            animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight
{
    from
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

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

        opacity: 1;
    }
}
.fadeInRight
{
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig
{
    from
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

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

        opacity: 1;
    }
}
.fadeInRightBig
{
    -webkit-animation-name: fadeInRightBig;
            animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp
{
    from
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

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

        opacity: 1;
    }
}
.fadeInUp
{
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig
{
    from
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

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

        opacity: 1;
    }
}
.fadeInUpBig
{
    -webkit-animation-name: fadeInUpBig;
            animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
.fadeOut
{
    -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

        opacity: 0;
    }
}
.fadeOutDown
{
    -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

        opacity: 0;
    }
}
.fadeOutDownBig
{
    -webkit-animation-name: fadeOutDownBig;
            animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);

        opacity: 0;
    }
}
.fadeOutLeft
{
    -webkit-animation-name: fadeOutLeft;
            animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);

        opacity: 0;
    }
}
.fadeOutLeftBig
{
    -webkit-animation-name: fadeOutLeftBig;
            animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

        opacity: 0;
    }
}
.fadeOutRight
{
    -webkit-animation-name: fadeOutRight;
            animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

        opacity: 0;
    }
}
.fadeOutRightBig
{
    -webkit-animation-name: fadeOutRightBig;
            animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

        opacity: 0;
    }
}
.fadeOutUp
{
    -webkit-animation-name: fadeOutUp;
            animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

        opacity: 0;
    }
}
.fadeOutUpBig
{
    -webkit-animation-name: fadeOutUpBig;
            animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip
{
    from
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    40%
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    50%
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    80%
    {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    to
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
.animated.flip
{
    -webkit-animation-name: flip;
            animation-name: flip;

    -webkit-backface-visibility: visible;
            backface-visibility: visible;
}
@-webkit-keyframes flipInX
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;

        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
.flipInX
{
    -webkit-animation-name: flipInX;
            animation-name: flipInX;

    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes flipInY
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;

        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
.flipInY
{
    -webkit-animation-name: flipInY;
            animation-name: flipInY;

    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes flipOutX
{
    from
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;
    }
}
.flipOutX
{
    -webkit-animation-name: flipOutX;
            animation-name: flipOutX;
    -webkit-animation-duration: .75s;
            animation-duration: .75s;

    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY
{
    from
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;
    }
}
.flipOutY
{
    -webkit-animation-name: flipOutY;
            animation-name: flipOutY;
    -webkit-animation-duration: .75s;
            animation-duration: .75s;

    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important;
}
@-webkit-keyframes lightSpeedIn
{
    from
    {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: skewX(20deg);
                transform: skewX(20deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.lightSpeedIn
{
    -webkit-animation-name: lightSpeedIn;
            animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;
    }
}
.lightSpeedOut
{
    -webkit-animation-name: lightSpeedOut;
            animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 1;
    }
}
.rotateIn
{
    -webkit-animation-name: rotateIn;
            animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
}
.rotateInDownLeft
{
    -webkit-animation-name: rotateInDownLeft;
            animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
}
.rotateInDownRight
{
    -webkit-animation-name: rotateInDownRight;
            animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
}
.rotateInUpLeft
{
    -webkit-animation-name: rotateInUpLeft;
            animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
}
.rotateInUpRight
{
    -webkit-animation-name: rotateInUpRight;
            animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut
{
    from
    {
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 0;
    }
}
.rotateOut
{
    -webkit-animation-name: rotateOut;
            animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
}
.rotateOutDownLeft
{
    -webkit-animation-name: rotateOutDownLeft;
            animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight
{
    from
    {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
}
.rotateOutDownRight
{
    -webkit-animation-name: rotateOutDownRight;
            animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
}
.rotateOutUpLeft
{
    -webkit-animation-name: rotateOutUpLeft;
            animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight
{
    from
    {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
}
.rotateOutUpRight
{
    -webkit-animation-name: rotateOutUpRight;
            animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge
{
    0%
    {
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    20%,
    60%
    {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    40%,
    80%
    {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;

        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);

        opacity: 0;
    }
}
.hinge
{
    -webkit-animation-name: hinge;
            animation-name: hinge;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}
@-webkit-keyframes jackInTheBox
{
    from
    {
        -webkit-transform: scale(.1) rotate(30deg);
                transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;

        opacity: 0;
    }
    50%
    {
        -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
    }
    70%
    {
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    to
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}
.jackInTheBox
{
    -webkit-animation-name: jackInTheBox;
            animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn
{
    from
    {
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

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

        opacity: 1;
    }
}
.rollIn
{
    -webkit-animation-name: rollIn;
            animation-name: rollIn;
}
@-webkit-keyframes rollOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        opacity: 0;
    }
}
.rollOut
{
    -webkit-animation-name: rollOut;
            animation-name: rollOut;
}
@-webkit-keyframes zoomIn
{
    from
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
}
.zoomIn
{
    -webkit-animation-name: zoomIn;
            animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
.zoomInDown
{
    -webkit-animation-name: zoomInDown;
            animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
.zoomInLeft
{
    -webkit-animation-name: zoomInLeft;
            animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
.zoomInRight
{
    -webkit-animation-name: zoomInRight;
            animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
.zoomInUp
{
    -webkit-animation-name: zoomInUp;
            animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut
{
    from
    {
        opacity: 1;
    }
    50%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    to
    {
        opacity: 0;
    }
}
.zoomOut
{
    -webkit-animation-name: zoomOut;
            animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 0;
    }
}
.zoomOutDown
{
    -webkit-animation-name: zoomOutDown;
            animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
                transform-origin: left center;

        opacity: 0;
    }
}
.zoomOutLeft
{
    -webkit-animation-name: zoomOutLeft;
            animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
                transform-origin: right center;

        opacity: 0;
    }
}
.zoomOutRight
{
    -webkit-animation-name: zoomOutRight;
            animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 0;
    }
}
.zoomOutUp
{
    -webkit-animation-name: zoomOutUp;
            animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInDown
{
    -webkit-animation-name: slideInDown;
            animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInLeft
{
    -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInRight
{
    -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
}
@-webkit-keyframes slideInUp
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
.slideInUp
{
    -webkit-animation-name: slideInUp;
            animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
}
.slideOutDown
{
    -webkit-animation-name: slideOutDown;
            animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
.slideOutLeft
{
    -webkit-animation-name: slideOutLeft;
            animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
}
.slideOutRight
{
    -webkit-animation-name: slideOutRight;
            animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}
.slideOutUp
{
    -webkit-animation-name: slideOutUp;
            animation-name: slideOutUp;
}
.animated
{
    -webkit-animation-duration: 1s;
            animation-duration: 1s;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}
.animated.infinite
{
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.animated.delay-1s
{
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.animated.delay-2s
{
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}
.animated.delay-3s
{
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
}
.animated.delay-4s
{
    -webkit-animation-delay: 4s;
            animation-delay: 4s;
}
.animated.delay-5s
{
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}
.animated.fast
{
    -webkit-animation-duration: 800ms;
            animation-duration: 800ms;
}
.animated.faster
{
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
}
.animated.slow
{
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}
.animated.slower
{
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce)
{
    .animated
    {
        -webkit-transition-duration: 1ms !important;
                transition-duration: 1ms !important;
        -webkit-animation-duration: 1ms !important;
                animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
                animation-iteration-count: 1 !important;
    }
}
@-webkit-keyframes bounce
{
    from,
    20%,
    53%,
    80%,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    40%,
    43%
    {
        -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70%
    {
        -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    90%
    {
        -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce
{
    from,
    20%,
    53%,
    80%,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    40%,
    43%
    {
        -webkit-transform: translate3d(0, -30px, 0);
                transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    70%
    {
        -webkit-transform: translate3d(0, -15px, 0);
                transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
                animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }
    90%
    {
        -webkit-transform: translate3d(0, -4px, 0);
                transform: translate3d(0, -4px, 0);
    }
}
@-webkit-keyframes flash
{
    from,
    50%,
    to
    {
        opacity: 1;
    }
    25%,
    75%
    {
        opacity: 0;
    }
}
@keyframes flash
{
    from,
    50%,
    to
    {
        opacity: 1;
    }
    25%,
    75%
    {
        opacity: 0;
    }
}
@-webkit-keyframes pulse
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
                transform: scale3d(1.05, 1.05, 1.05);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes rubberBand
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    30%
    {
        -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1);
    }
    40%
    {
        -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1);
    }
    65%
    {
        -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
    }
    75%
    {
        -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@keyframes rubberBand
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    30%
    {
        -webkit-transform: scale3d(1.25, .75, 1);
                transform: scale3d(1.25, .75, 1);
    }
    40%
    {
        -webkit-transform: scale3d(.75, 1.25, 1);
                transform: scale3d(.75, 1.25, 1);
    }
    50%
    {
        -webkit-transform: scale3d(1.15, .85, 1);
                transform: scale3d(1.15, .85, 1);
    }
    65%
    {
        -webkit-transform: scale3d(.95, 1.05, 1);
                transform: scale3d(.95, 1.05, 1);
    }
    75%
    {
        -webkit-transform: scale3d(1.05, .95, 1);
                transform: scale3d(1.05, .95, 1);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
}
@keyframes shake
{
    from,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80%
    {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
}
@-webkit-keyframes headShake
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg);
    }
    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg);
    }
    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg);
    }
    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg);
    }
    50%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes headShake
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    6.5%
    {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg);
    }
    18.5%
    {
        -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg);
    }
    31.5%
    {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg);
    }
    43.5%
    {
        -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg);
    }
    50%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes swing
{
    20%
    {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
    }
    40%
    {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
    }
    60%
    {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
    }
    80%
    {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes swing
{
    20%
    {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
    }
    40%
    {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
    }
    60%
    {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
    }
    80%
    {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
    }
}
@-webkit-keyframes tada
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    10%,
    20%
    {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@keyframes tada
{
    from
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    10%,
    20%
    {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes wobble
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    15%
    {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30%
    {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45%
    {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60%
    {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75%
    {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes wobble
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    15%
    {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30%
    {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45%
    {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60%
    {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75%
    {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes jello
{
    from,
    11.1%,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    22.2%
    {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3%
    {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4%
    {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5%
    {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6%
    {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7%
    {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
                transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8%
    {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
                transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}
@keyframes jello
{
    from,
    11.1%,
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    22.2%
    {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
                transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3%
    {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
                transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4%
    {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
                transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5%
    {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
                transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6%
    {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
                transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7%
    {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
                transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8%
    {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
                transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}
@-webkit-keyframes heartBeat
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    14%
    {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
    28%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    42%
    {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
    70%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes heartBeat
{
    0%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    14%
    {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
    28%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    42%
    {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
    }
    70%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-webkit-keyframes bounceIn
{
    from,
    20%,
    40%,
    60%,
    80%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    20%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
    }
    40%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    60%
    {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);

        opacity: 1;
    }
}
@keyframes bounceIn
{
    from,
    20%,
    40%,
    60%,
    80%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    20%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);
    }
    40%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    60%
    {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: scale3d(.97, .97, .97);
                transform: scale3d(.97, .97, .97);
    }
    to
    {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);

        opacity: 1;
    }
}
@-webkit-keyframes bounceInDown
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInDown
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: translate3d(0, -3000px, 0);
                transform: translate3d(0, -3000px, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes bounceInLeft
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    90%
    {
        -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInLeft
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0%
    {
        -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0);
    }
    90%
    {
        -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes bounceInRight
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from
    {
        -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
    90%
    {
        -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInRight
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from
    {
        -webkit-transform: translate3d(3000px, 0, 0);
                transform: translate3d(3000px, 0, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(10px, 0, 0);
                transform: translate3d(10px, 0, 0);
    }
    90%
    {
        -webkit-transform: translate3d(-5px, 0, 0);
                transform: translate3d(-5px, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes bounceInUp
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from
    {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes bounceInUp
{
    from,
    60%,
    75%,
    90%,
    to
    {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    from
    {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);

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

        opacity: 1;
    }
    75%
    {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    90%
    {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes bounceOut
{
    20%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    50%,
    55%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
}
@keyframes bounceOut
{
    20%
    {
        -webkit-transform: scale3d(.9, .9, .9);
                transform: scale3d(.9, .9, .9);
    }
    50%,
    55%
    {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
}
@-webkit-keyframes bounceOutDown
{
    20%
    {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    40%,
    45%
    {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);

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

        opacity: 0;
    }
}
@keyframes bounceOutDown
{
    20%
    {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    40%,
    45%
    {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);

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

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

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

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

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

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

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

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

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

        opacity: 0;
    }
}
@-webkit-keyframes bounceOutUp
{
    20%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    40%,
    45%
    {
        -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);

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

        opacity: 0;
    }
}
@keyframes bounceOutUp
{
    20%
    {
        -webkit-transform: translate3d(0, -10px, 0);
                transform: translate3d(0, -10px, 0);
    }
    40%,
    45%
    {
        -webkit-transform: translate3d(0, 20px, 0);
                transform: translate3d(0, 20px, 0);

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

        opacity: 0;
    }
}
@-webkit-keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@keyframes fadeIn
{
    from
    {
        opacity: 0;
    }
    to
    {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown
{
    from
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInDown
{
    from
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeInDownBig
{
    from
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInDownBig
{
    from
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeInLeft
{
    from
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInLeft
{
    from
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeInLeftBig
{
    from
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInLeftBig
{
    from
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeInRight
{
    from
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInRight
{
    from
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeInRightBig
{
    from
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInRightBig
{
    from
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeInUp
{
    from
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInUp
{
    from
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeInUpBig
{
    from
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

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

        opacity: 1;
    }
}
@keyframes fadeInUpBig
{
    from
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

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

        opacity: 1;
    }
}
@-webkit-keyframes fadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes fadeOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutDown
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

        opacity: 0;
    }
}
@keyframes fadeOutDown
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);

        opacity: 0;
    }
}
@-webkit-keyframes fadeOutDownBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

        opacity: 0;
    }
}
@keyframes fadeOutDownBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 2000px, 0);
                transform: translate3d(0, 2000px, 0);

        opacity: 0;
    }
}
@-webkit-keyframes fadeOutLeft
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);

        opacity: 0;
    }
}
@keyframes fadeOutLeft
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);

        opacity: 0;
    }
}
@-webkit-keyframes fadeOutLeftBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);

        opacity: 0;
    }
}
@keyframes fadeOutLeftBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(-2000px, 0, 0);
                transform: translate3d(-2000px, 0, 0);

        opacity: 0;
    }
}
@-webkit-keyframes fadeOutRight
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

        opacity: 0;
    }
}
@keyframes fadeOutRight
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);

        opacity: 0;
    }
}
@-webkit-keyframes fadeOutRightBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

        opacity: 0;
    }
}
@keyframes fadeOutRightBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(2000px, 0, 0);
                transform: translate3d(2000px, 0, 0);

        opacity: 0;
    }
}
@-webkit-keyframes fadeOutUp
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

        opacity: 0;
    }
}
@keyframes fadeOutUp
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);

        opacity: 0;
    }
}
@-webkit-keyframes fadeOutUpBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

        opacity: 0;
    }
}
@keyframes fadeOutUpBig
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, -2000px, 0);
                transform: translate3d(0, -2000px, 0);

        opacity: 0;
    }
}
@-webkit-keyframes flip
{
    from
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    40%
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    50%
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    80%
    {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    to
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
@keyframes flip
{
    from
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    40%
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
    }
    50%
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    80%
    {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    to
    {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0);
                transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
}
@-webkit-keyframes flipInX
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;

        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
@keyframes flipInX
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;

        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
@-webkit-keyframes flipInY
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;

        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
@keyframes flipInY
{
    from
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;

        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
                animation-timing-function: ease-in;
    }
    60%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
}
@-webkit-keyframes flipOutX
{
    from
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;
    }
}
@keyframes flipOutX
{
    from
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
                transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
                transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0;
    }
}
@-webkit-keyframes flipOutY
{
    from
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;
    }
}
@keyframes flipOutY
{
    from
    {
        -webkit-transform: perspective(400px);
                transform: perspective(400px);
    }
    30%
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
                transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
                transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0;
    }
}
@-webkit-keyframes lightSpeedIn
{
    from
    {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: skewX(20deg);
                transform: skewX(20deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes lightSpeedIn
{
    from
    {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
                transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: skewX(20deg);
                transform: skewX(20deg);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: skewX(-5deg);
                transform: skewX(-5deg);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes lightSpeedOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;
    }
}
@keyframes lightSpeedOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
                transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0;
    }
}
@-webkit-keyframes rotateIn
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 1;
    }
}
@keyframes rotateIn
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
                transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownLeft
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
}
@keyframes rotateInDownLeft
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownRight
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
}
@keyframes rotateInDownRight
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpLeft
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
}
@keyframes rotateInUpLeft
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpRight
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
}
@keyframes rotateInUpRight
{
    from
    {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
                transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
}
@-webkit-keyframes rotateOut
{
    from
    {
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 0;
    }
}
@keyframes rotateOut
{
    from
    {
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
                transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
                transform-origin: center;

        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
}
@keyframes rotateOutDownLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
                transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownRight
{
    from
    {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
}
@keyframes rotateOutDownRight
{
    from
    {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
}
@keyframes rotateOutUpLeft
{
    from
    {
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
                transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;

        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpRight
{
    from
    {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
}
@keyframes rotateOutUpRight
{
    from
    {
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 1;
    }
    to
    {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
                transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
                transform-origin: right bottom;

        opacity: 0;
    }
}
@-webkit-keyframes hinge
{
    0%
    {
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    20%,
    60%
    {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    40%,
    80%
    {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;

        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);

        opacity: 0;
    }
}
@keyframes hinge
{
    0%
    {
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    20%,
    60%
    {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
                transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
    }
    40%,
    80%
    {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
                transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
                transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;

        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(0, 700px, 0);
                transform: translate3d(0, 700px, 0);

        opacity: 0;
    }
}
@-webkit-keyframes jackInTheBox
{
    from
    {
        -webkit-transform: scale(.1) rotate(30deg);
                transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;

        opacity: 0;
    }
    50%
    {
        -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
    }
    70%
    {
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    to
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}
@keyframes jackInTheBox
{
    from
    {
        -webkit-transform: scale(.1) rotate(30deg);
                transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;

        opacity: 0;
    }
    50%
    {
        -webkit-transform: rotate(-10deg);
                transform: rotate(-10deg);
    }
    70%
    {
        -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
    }
    to
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}
@-webkit-keyframes rollIn
{
    from
    {
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

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

        opacity: 1;
    }
}
@keyframes rollIn
{
    from
    {
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
                transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

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

        opacity: 1;
    }
}
@-webkit-keyframes rollOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        opacity: 0;
    }
}
@keyframes rollOut
{
    from
    {
        opacity: 1;
    }
    to
    {
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
                transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        opacity: 0;
    }
}
@-webkit-keyframes zoomIn
{
    from
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
}
@keyframes zoomIn
{
    from
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
}
@-webkit-keyframes zoomInDown
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@keyframes zoomInDown
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@-webkit-keyframes zoomInLeft
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@keyframes zoomInLeft
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@-webkit-keyframes zoomInRight
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@keyframes zoomInRight
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
                transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@-webkit-keyframes zoomInUp
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@keyframes zoomInUp
{
    from
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 0;
    }
    60%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 1;
    }
}
@-webkit-keyframes zoomOut
{
    from
    {
        opacity: 1;
    }
    50%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    to
    {
        opacity: 0;
    }
}
@keyframes zoomOut
{
    from
    {
        opacity: 1;
    }
    50%
    {
        -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3);

        opacity: 0;
    }
    to
    {
        opacity: 0;
    }
}
@-webkit-keyframes zoomOutDown
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 0;
    }
}
@keyframes zoomOutDown
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 0;
    }
}
@-webkit-keyframes zoomOutLeft
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
                transform-origin: left center;

        opacity: 0;
    }
}
@keyframes zoomOutLeft
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
                transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
                transform-origin: left center;

        opacity: 0;
    }
}
@-webkit-keyframes zoomOutRight
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
                transform-origin: right center;

        opacity: 0;
    }
}
@keyframes zoomOutRight
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
                transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
                transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
                transform-origin: right center;

        opacity: 0;
    }
}
@-webkit-keyframes zoomOutUp
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 0;
    }
}
@keyframes zoomOutUp
{
    40%
    {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
                transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
                animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        opacity: 1;
    }
    to
    {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
                transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
                transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
                animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        opacity: 0;
    }
}
@-webkit-keyframes slideInDown
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInDown
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideInLeft
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInLeft
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideInRight
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideInUp
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInUp
{
    from
    {
        visibility: visible;

        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
    to
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slideOutDown
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
}
@keyframes slideOutDown
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
    }
}
@-webkit-keyframes slideOutLeft
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slideOutLeft
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
@-webkit-keyframes slideOutRight
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
}
@keyframes slideOutRight
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
    }
}
@-webkit-keyframes slideOutUp
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}
@keyframes slideOutUp
{
    from
    {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    to
    {
        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
    }
}


/* TODO: 追加調整分_211222 */
.toc_list {
  overflow: hidden;
  transition: height 0.3s;
  margin-bottom: 0 !important;
}

.toc_title {
  font-weight: 700;
}

.toc_toggle {
  background: none;
  border: none;
  color: #3375d1;
  font-weight: normal;
}
.toc_toggle:hover {
  text-decoration: underline;
}