@charset "UTF-8";
html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

*,
:after,
:before {
    background-repeat: no-repeat;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    padding: 0;
    margin: 0
}

audio:not([controls]) {
    display: none;
    height: 0
}

hr {
    overflow: visible
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=number] {
    width: auto
}

[type=search] {
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: 0;
    padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

svg:not(:root) {
    overflow: hidden
}

audio,
canvas,
progress,
video {
    display: inline-block
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }
    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position: absolute!important;
        clip: rect(0 0 0 0)!important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre {
        white-space: pre-wrap !important
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

html {
    font-size: 62.5%
}

body {
    font-family: 'Noto Sans JP', 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "Yu Gothic", YuGothic, 'ＭＳ Ｐゴシック', sans-serif;
    color: #404040;
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 0
}

.title_maru {
    font-family: 'Kosugi Maru', sans-serif
}

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

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

textarea {
    resize: vertical
}

imput,
select,
button {
    outline: none
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
    margin: 0
}

ul,
ol,
dl,
dt,
dd {
    list-style: none;
    padding: 0;
    margin: 0
}

a {
    color: #60a4cc;
    text-decoration: none;
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

a:link {
    color: #60a4cc;
    text-decoration: none;
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

a:hover {
    opacity: .5;
    text-decoration: none;
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.fl {
    float: left;
    display: block
}

.fr {
    float: right;
    display: block
}

.cf:before,
.cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

* html .cf {
    height: 1%
}

.relative {
    position: relative
}

.flex {
    display: flex
}

.flex_sp {
    display: flex
}

.flex_pc {
    display: block
}

.flex-r {
    display: flex;
    flex-direction: row-reverse
}

.flex-wrap {
    flex-wrap: wrap
}

.between {
    justify-content: space-between
}

.flex-center {
    justify-content: center
}

.align-center {
    align-items: center
}

.bold {
    font-weight: bold
}

@media screen and (max-width:900px) {
    .flex {
        display: block
    }
    .flex_sp {
        display: flex
    }
    .flex_pc {
        display: flex
    }
    .flex-r {
        display: block
    }
    .flex-r_sp {
        display: flex;
        flex-direction: row-reverse
    }
}

.imgfix {
    width: 100%;
    margin: 0 auto
}

.alpha {
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.alpha:hover {
    filter: alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity: .5;
    -ms-filter: "alpha(opacity=50)";
    opacity: .5;
    zoom: 1;
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0)
}

.pc {
    display: block !important
}

.sp {
    display: none !important
}

@media screen and (max-width:900px) {
    .pc {
        display: none !important
    }
    .sp {
        display: block !important
    }
}

.switch {
    visibility: hidden
}

.loader {
    top: 45%;
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #7ebe57;
    background: -moz-linear-gradient(left, #7ebe57 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #7ebe57 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #7ebe57 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #7ebe57 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #7ebe57 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.loader:before {
    width: 50%;
    height: 50%;
    background: #7ebe57;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

.loader:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#loading {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999
}

.loaded {
    opacity: 0;
    visibility: hidden
}

#container {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.inner {
    max-width: 1100px;
    min-width: 960px;
    margin: 0 auto;
    padding: 0 0
}

header {
    text-align: center
}

header img {
    width: 100%
}

header h1 {
    font-size: 8px;
    line-height: 8px;
    font-weight: normal
}

.content_nav li a {
    position: relative;
    top: 0;
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.content_nav li a:hover {
    position: relative;
    top: -8px;
    opacity: .8;
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

.c_orange {
    color: #f1946b
}

.c_orange2 {
    color: #e77544
}

.c_green {
    color: #7ebe57
}

.c_white {
    color: #fff
}

.c_brown {
    color: #857256
}

.radius_big {
    border-radius: 40px
}

#top-head {
    width: 100%;
    position: relative
}

#top-head a,
#top-head {
    text-decoration: none
}

#top-head .inner {
    position: relative
}

#top-head {
    max-width: 1200px;
    min-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 20px 30px
}

.logobox {
    width: 44%
}

.infobox {
    width: 550px
}

.header_logo {
    width: 296px
}

.header_logo img {
    width: 100%
}

.header_logotex {
    padding: 3px 0 0 36px
}

.info-contact {
    margin: 0 0 10px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #7ebe57
}

.header_line_bt {
    width: 280px;
    margin: 0 20px 0 0
}

.header_tel_bt {
    width: 236px
}

.info-timebox {
    font-size: 1.4rem
}

.info-time {
    margin: 0 0 6px 0
}

.time_tex {
    font-size: 1.7rem
}

.day01 {
    color: #fff;
    background-color: #7ebe57;
    margin: 0 10px 0 0;
    padding: 0 6px;
    border-radius: 6px
}

.day02 {
    color: #fff;
    background-color: #57beb5;
    margin: 0 10px 0 0;
    padding: 0 6px;
    border-radius: 6px
}

.info-time-off {
    font-size: 1.4rem;
    text-align: right
}

.fvbg {
    background: url(../img/fv_bg_pc.jpg) no-repeat;
    background-position: center;
    background-color: #fff
}

.fv_contents {
    width: 627px;
    height: 684px;
    position: relative;
    top: 40px;
    left: calc(50% - 540px)
}

.topbg {
    background: url(../img/fv_bottom_bg.jpg) no-repeat;
    background-size: cover;
    background-position: top center
}

.sec1_wrap {
    background: url(../img/fv_bottom_gr_pc.png) no-repeat;
    background-position: top center
}

.fv_bottom {
    position: relative;
    top: -40px;
    z-index: 0
}

.fv_bottom_box {
    width: 824px;
    margin: 0 auto;
    padding: 36px 20px;
    background-color: #fff;
    border-radius: 40px;
    position: relative
}

.fv_bottom_box:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    background: linear-gradient(to right, #00c300 0%, #9ec75b 100%);
    z-index: -1;
    border-radius: 42px
}

.fv_bottom_box2 {
    width: 824px;
    margin: 30px auto;
    padding: 36px 20px;
    background-color: #fff;
    border-radius: 40px;
    position: relative
}

.fv_bottom_box2:after {
    position: absolute;
    content: "";
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    background: linear-gradient(to right, #00c300 0%, #9ec75b 100%);
    z-index: -1;
    border-radius: 42px
}

.fv_bottom_illust {
    width: 737px;
    margin: 0 auto
}

.fv_bottom_bt {
    position: absolute;
    bottom: 44px;
    left: 50%;
    transform: translate(-50%, 0%)
}

.problems {
    width: 1098px;
    margin: 80px auto 60px auto
}

.sec_title {
    font-size: 4.2rem;
    line-height: 1.3;
    letter-spacing: .5rem;
    text-align: center;
    padding: 0 10px 0 10px
}

.titleside {
    positon: relative
}

.titleleft {
    width: 20px;
    position: absolute;
    left: 110px;
    bottom: 0
}

.titleright {
    width: 20px;
    position: absolute;
    right: 120px;
    bottom: 0
}

.sec_line {
    width: 1px;
    height: 30px;
    margin: 20px auto 20px auto;
    background: #7ebe57
}

.sec_subtitle {
    color: #7ebe57;
    font-size: 3.2rem;
    text-align: center;
    margin: 0 0 60px 0;
    padding: 30px 30px 28px 30px;
    border: 2px solid #7ebe57;
    border-radius: 4.2rem;
    position: relative
}

.sec_subtitle_illust {
    width: 106px;
    position: absolute;
    bottom: -2px;
    right: 40px
}

.box3_child {
    width: 31%
}

.box3p img {
    border-radius: 40px
}

.box3_child {
    width: 31%;
    margin-bottom: 60px
}

.box_center {
    position: relative
}

.box_title {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 92px;
    padding: 20px 0;
    display: grid;
    place-items: center
}

.yellowbg {
    background: url(../img/yellow_line.png) no-repeat;
    background-size: 50%;
    background-position: center
}

.sec2_wrap {
    margin-bottom: 80px
}

.sec3_wrap {
    margin: 0 0 80px 0;
    padding: 20px 0 30px 0;
    position: relative
}

.attention {
    width: 124px;
    margin: 0 auto 30px auto
}

.heart {
    background: url(../img/heart.png) no-repeat;
    background-position: center 20px
}

.sec_lead {
    font-size: 18px;
    line-height: 1.9;
    text-align: center;
    width: 650px;
    margin: 0 auto 60px auto
}

.blue_back {
    padding: 60px 0;
    background: url(../img/dot.png) repeat;
    background-color: #7ea8bf
}

.exc {
    width: 60px;
    margin: 0 30px 0 10px
}

.box2_child {
    width: 47%
}

.box2_exc {
    min-height: 116px;
    padding: 20px 30px;
    margin: 0 0 30px 0;
    background: #fff;
    border-radius: 40px
}

.innertitle {
    padding: 0 0 40px 0
}

.box2_center {
    font-size: 1.6rem;
    width: 70%
}

.plan {
    width: 100%;
    margin-top: 30px
}

.sec4_wrap {
    margin: 0 0 100px 0
}

.box4 {
    margin: 60px 0 0 0;
    justify-content: center
}

.box4_child {
    width: 22%;
    margin: 0 16px 40px 16px
}

.box4_tex {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.4
}

.dent_p {
    margin: 0 0 15px 0
}

.grbox {
    font-size: 20px;
    color: #7ebe57;
    width: 100%;
    padding: 30px 30px;
    border: 3px solid #7ebe57;
    border-radius: 40px
}

.green_back {
    padding: 80px 0;
    background: url(../img/flowbg.jpg) no-repeat;
    background-size: cover;
    background-position: center
}

.box4p {
    position: relative
}

.number {
    width: 58px;
    position: absolute;
    top: -15px;
    left: -15px
}

.flowtitle {
    color: #fff;
    text-align: left;
    height: auto;
    place-items: start
}

.shorttitle {
    padding: 0 0 0 0
}

.cta_bg {
    text-align: center;
    padding: 50px 0;
    background-color: #e6eff5
}

.cta_bt {
    width: 430px;
    margin: 0 auto
}

.sec5_wrap {
    padding: 0 0 60px 0;
    position: relative
}

.sec5_box {
    max-width: 1150px;
    margin: 0 auto
}

.sec6_wrap {
    padding: 0 0 100px 0;
    position: relative
}

.sec6_box {
    max-width: 900px;
    margin: 0 auto
}

.sec7_wrap {
    padding: 0 0 100px 0;
    position: relative
}

.planbox {
    margin: 60px 0 0 0
}

.gray_back {
    width: 100%;
    padding: 50px 0;
    background-color: #e6e6e6
}

.sec7_box {
    max-width: 1100px;
    margin: 0 auto
}

.sec8_wrap {
    padding: 0 0 100px 0;
    position: relative
}

.qawrap {
    margin: 60px 0 0 0
}

.box_title_normal {
    font-size: 2rem;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding: 3px 0 0 0
}

.qabox {
    padding: 0 0 15px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px dotted #7ebe57
}

.icon_q {
    width: 30px;
    margin: 0 20px 0 0
}

.qatex {
    font-size: 1.8rem;
    line-height: 1.6
}

.normal_box {
    width: 100%;
    margin: 0 0 60px 0
}

.normal_tex {
    width: 100%
}

.sec9_wrap {
    padding: 0 0 60px 0;
    position: relative
}

.member {
    margin: 60px 0 0 0;
    border-bottom: 1px dotted #aaa
}

.member_photobox {
    width: 360px
}

.messagebox {
    width: 640px;
    position: relative
}

.member .box_title_normal {
    line-height: 1.4;
    text-align: center;
    padding: 20px 0
}

.member_name {
    font-size: 2.2rem
}

.message_lead {
    font-size: 2.2rem;
    line-height: 1.9;
    text-align: left;
    width: 100%;
    margin: 0 auto 60px auto
}

.message_text {
    font-size: 1.6rem;
    line-height: 2.2
}

.icon_message {
    width: 190px;
    position: absolute;
    top: -50px;
    right: -30px
}

.c_tag {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    margin-left: 6px;
    padding: 1px 5px 3px 5px;
    background: #67b7c5;
    border-radius: 3px;
    position: relative;
    top: -2px
}

.line_marker {
    background: linear-gradient(transparent 60%, #ffffcb 60%)
}

.careerbox {
    margin: 30px 0 60px 0
}

.careerbox3_child {
    margin: 0 60px 0 0
}

.careertag {
    color: #7ebe57;
    font-size: 1.8rem;
    width: 66px;
    height: 36px;
    margin: 0 30px 0 0;
    padding: 5px 15px;
    background-color: #e7f7dc;
    position: relative;
    top: -4px;
    text-align: center
}

.member_ko {
    width: 48%
}

.member_ko .member_photobox {
    width: 51%;
    margin: 0 24px 60px 0
}

.member_name_ko {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px dotted #aaa
}

.member_ko .careerbox3_child {
    margin: 0 0 0 0
}

.member_ko .careertag {
    margin: 0 0 10px 0
}

.sec10_wrap {
    margin: 0 0 100px 0
}

.brown_back {
    padding: 60px 0;
    background-color: #f7f0e8
}

.sec_slider_wrap {
    margin: 0 0 80px 0;
    padding: 40px 0 20px 0;
    background-color: #e6e6e6
}

.sec_slider_contents {
    max-width: 1000px;
    padding: 40px 90px 50px 90px;
    margin: 0 auto;
    position: relative
}

.slider-container {
    width: 830px;
    margin: 60px auto 40px auto
}

.slick-img {
    padding: 3px
}

.thumbnail-img {
    cursor: pointer;
    padding: 3px;
    opacity: 1;
    transition: opacity .3s linear
}

.thumbnail .slick-current {
    opacity: .6;
    background: #f17e4b
}

.slick-prev {
    left: -60px
}

.slick-next {
    right: -60px
}

.slide-arrow.prev-arrow {
    cursor: pointer;
    width: 20px;
    position: absolute;
    z-index: 1;
    left: -50px;
    top: 48%
}

.slide-arrow.next-arrow {
    cursor: pointer;
    width: 20px;
    position: absolute;
    z-index: 1;
    right: -50px;
    top: 48%
}

.sec11_wrap {
    margin: 0 0 80px 0
}

.icon_baby {
    width: 106px;
    position: absolute;
    top: -32px;
    right: 40px
}

.kids.member {
    border-bottom: none
}

.kids .messagebox {
    width: 50%;
    position: relative
}

.kids .member_photobox {
    width: 42%;
    position: relative
}

.kids .message_lead {
    line-height: 1.8;
    margin: 0 auto 30px auto
}

.kids .message_text {
    line-height: 1.8;
    font-size: 1.4rem
}

.sec11_wrap {
    margin: 0 0 80px 0
}

.accessbox {
    margin: 60px 0 0 0
}

.access_address {
    width: 290px;
    height: 400px;
    color: #fff;
    background-color: #7ebe57;
    display: grid;
    place-items: center
}

.access_map {
    width: 800px;
    height: 400px
}

.sec12_wrap {
    margin: 0 0 160px 0
}

.bottom_info {
    margin: 60px 0 0 0;
    padding: 60px 0;
    border-top: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa
}

.bottom_info .infobox {
    width: 870px;
    margin: 0 auto
}

.bottom_info .info-timebox {
    font-size: 2.2rem
}

.bottom_info .time_tex {
    font-size: 2.8rem
}

.bottom_info .info-time-off {
    font-size: 2.2rem;
    text-align: center;
    padding: 20px 0 0 0
}

.bottom_info .day01,
.bottom_info .day02 {
    margin: 0 15px 0 0;
    padding: 5px 10px;
    position: relative;
    top: -4px
}

.sec13_wrap {
    margin: 0 0 100px 0
}

.pf_text {
    text-align: left;
    font-size: 1.4rem;
    color: #404040;
    padding-top: 20px
}

.ppbox {
    width: 670px;
    height: 450px;
    margin: 30px auto 10px auto;
    padding: 30px 30px 30px 30px;
    overflow-y: scroll;
    border: 1px solid #aaa
}

.pp_title {
    font-size: 2.2rem;
    text-align: center;
    padding-bottom: 10px
}

.ppbox .pp_bottom {
    text-align: right;
    font-weight: bold
}

@media screen and (max-width:900px) {
    .fvbg {
        background: url(../img/fv_bg_sp.jpg) no-repeat;
        background-size: cover;
        background-position: bottom
    }
    #top-head {
        height: auto;
        min-width: 100%;
        padding: 24px 20px;
        display: block
    }
    .logobox {
        width: 100%;
        margin-bottom: 15px
    }
    .header_logo {
        width: 60%
    }
    .header_logotex {
        width: 54%;
        font-size: 1.2rem;
        line-height: 1.6;
        padding: 3px 0 0 20px
    }
    .header_tel_bt {
        width: 45%
    }
    .header_line_bt {
        width: 60%
    }
    .info-timebox {
        font-size: 1rem
    }
    .time_tex {
        font-size: 1rem
    }
    .info-time-off {
        font-size: 1.2rem;
        text-align: center
    }
    .info-time {
        margin: 0 auto 3px auto;
        max-width: 330px
    }
    .day01,
    .day02 {
        margin: 0 5px 0 0;
        padding: 0 5px
    }
    .sec1_wrap {
        background: url(../img/fv_bottom_gr_pc.png) no-repeat;
        background-size: 200%;
        background-position: top center
    }
    .header_button {
        width: 30%
    }
    .infobox {
        width: 100%
    }
    .fv_contents {
        width: 80%;
        height: auto;
        position: relative;
        top: 15px;
        padding: 10px 20px 90px 20px;
        left: auto
    }
    .fv_bottom_illust {
        width: 100%;
        margin: 0 auto
    }
    .fv_bottom {
        top: -20px;
        margin: 0 20px
    }
    .fv_bottom_box {
        width: 100%;
        margin: 0 auto;
        padding: 20px 20px 90px 20px;
        border-radius: 20px
    }
    .fv_bottom_box:after {
        border-radius: 21px
    }
    .fv_bottom_box2 {
        width: 100%;
        margin: 20px auto 0;
        padding: 20px 10px;
        border-radius: 20px
    }
    .fv_bottom_box2:after {
        border-radius: 21px
    }
    .fv_bottom_bt {
        bottom: 20px;
        width: 230px
    }
    .problems {
        width: 100%;
        margin: 30px auto 30px auto;
        padding: 0 20px
    }
    .problems img {
        width: 100%
    }
    .title_main {
        max-width: 90%;
        padding: 50px 10px 0 10px
    }
    .inner {
        max-width: 1100px;
        min-width: 100%;
        margin: 0 auto;
        padding: 0 20px
    }
    .sec_title {
        font-size: 2.2rem;
        line-height: 1.3;
        letter-spacing: .5rem;
        text-align: center;
        padding: 0 10px 0 10px
    }
    .sec_line {
        width: 1px;
        height: 20px;
        margin: 10px auto 10px auto;
        background: #7ebe57
    }
    .titleleft {
        width: 16px;
        position: absolute;
        left: 20px;
        bottom: 0
    }
    .titleright {
        width: 16px;
        position: absolute;
        right: 20px;
        bottom: 0
    }
    .sec_subtitle {
        color: #7ebe57;
        font-size: 1.6rem;
        text-align: center;
        margin: 0 0 40px 0;
        padding: 20px 30px 20px 30px;
        border: 2px solid #7ebe57;
        border-radius: 4.2rem;
        position: relative
    }
    .box3p {
        width: 80%;
        margin: 0 auto
    }
    .sec_subtitle_illust {
        width: 68px;
        position: absolute;
        bottom: -2px;
        right: 14px
    }
    .sec2_wrap {
        margin-bottom: 40px
    }
    .box3_child {
        width: 100%;
        margin-bottom: 40px
    }
    .box_title {
        font-size: 1.8rem;
        height: auto
    }
    .sec3_wrap {
        margin: 0 0 0 0;
        padding: 20px 0 30px 0;
        position: relative
    }
    .sec3_wrap {
        padding: 20px 0 20px 0;
        position: relative
    }
    .sec3_title {
        padding: 0 20px 30px 20px
    }
    .sec3_title img {
        width: 100%;
        max-width: 100%;
        height: auto
    }
    .sec3_box {
        padding: 0 15% 0 15%
    }
    .attention {
        width: 80px;
        margin: 0 auto 30px auto
    }
    .heart {
        background-size: 200%;
        background-position: center 54px
    }
    .sec4_wrap {
        padding: 30px 0 40px 0
    }
    .sec4_wrap {
        margin: 0 0 30px 0
    }
    .sec4_title {
        padding: 0 20px 40px 20px
    }
    .box4 {
        margin: 40px 0 0 0;
        justify-content: center
    }
    .box4_child {
        width: 44%;
        margin: 0 8px 20px 8px
    }
    .box4_tex {
        text-align: center;
        font-size: 1.4rem;
        line-height: 1.3
    }
    .linebox_sp {
        padding: 10px 20px 0 20px
    }
    .sec_slider_contents {
        width: 100%;
        padding: 0 10px 50px 10px;
        margin: 0 auto;
        position: relative
    }
    .sec5_wrap {
        padding: 0 20px 40px 20px
    }
    .sec6_wrap {
        padding: 0 0 60px 0
    }
    .sec7_wrap {
        padding: 0 0 60px 0;
        position: relative
    }
    .sec7_box {
        padding: 0 20px
    }
    .sec8_wrap {
        padding: 0 0 60px 0;
        position: relative
    }
    .sec_mail_title {
        width: 100%;
        max-width: 100%
    }
    .sec_lead {
        font-size: 16px;
        padding: 10px 20px 20px 20px;
        line-height: 1.6;
        text-align: left;
        width: 100%;
        margin: 0 0 30px 0;
        box-sizing: border-box
    }
    .box2_exc {
        min-height: 0;
        padding: 20px 30px;
        margin: 0 0 30px 0;
        background: #fff;
        border-radius: 40px
    }
    .exc {
        width: 40px;
        margin: 0 20px 0 0
    }
    .box2_child {
        width: 100%
    }
    .box2_center {
        font-size: 1.4rem;
        width: 100%
    }
    .icon_message {
        width: 100px;
        top: -36px;
        right: 0
    }
    .blue_back {
        padding: 40px 0
    }
    .green_back {
        padding: 40px 0
    }
    .number {
        width: 58px;
        position: absolute;
        top: -15px;
        left: -15px
    }
    .flow .box4_child {
        width: 100%;
        margin: 0 0 40px 0
    }
    .flow .box4p {
        width: 80%;
        margin: 0 auto
    }
    .flowtitle {
        text-align: center;
        place-items: center
    }
    .cta_bg {
        padding: 30px 0
    }
    .plan {
        margin-top: 40px
    }
    .qawrap {
        margin: 40px 0 0 0
    }
    .box_title_normal {
        font-size: 1.6rem
    }
    .qatex {
        font-size: 1.6rem;
        line-height: 1.6
    }
    .normal_box {
        margin: 0 0 40px 0
    }
    .member .box_title_normal {
        padding: 20px 0 55px 0
    }
    .member_p {
        width: 80%;
        margin: 0 auto
    }
    .message_lead {
        font-size: 1.8rem;
        line-height: 1.6;
        margin: 0 auto 40px auto
    }
    .message_text {
        font-size: 1.6rem;
        line-height: 1.6;
        padding-bottom: 30px
    }
    .cta_bt {
        width: 70%;
        margin: 0 auto
    }
    .careerbox3_child {
        width: 46%;
        margin: 0 7px 0 0;
        font-size: 1.2rem;
        line-height: 1.6
    }
    .member_ko {
        width: 100%
    }
    .ko .member_p {
        width: 100%
    }
    .member_ko .member_photobox {
        width: 48%;
        margin: 0 14px 40px 0
    }
    .member_ko .careerbox3_child {
        width: 100%
    }
    .careerwrap {
        width: 48%
    }
    .careerbox {
        margin: 0 0 40px 0
    }
    .careertag {
        font-size: 1.3rem;
        width: 40px;
        height: 28px;
        margin: 0 30px 0 0;
        padding: 1px 5px;
        top: -4px
    }
    .member_name_ko {
        padding: 0 0 10px 0;
        margin: 0 0 15px 0
    }
    .sec9_wrap {
        padding: 0 0 30px 0;
        position: relative
    }
    .member {
        margin: 60px 0 15px 0;
        border-bottom: 1px dotted #aaa
    }
    .brown_back {
        padding: 40px 0
    }
    .icon_baby {
        width: 80px;
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto 20px auto
    }
    .sec10_wrap {
        margin: 0 0 60px 0
    }
    .slider-container {
        width: 100%;
        margin: 40px auto 40px auto
    }
    .slide-arrow.next-arrow {
        width: 12px;
        right: -16px
    }
    .slide-arrow.prev-arrow {
        width: 12px;
        left: -16px
    }
    .member_photobox {
        width: 100%;
        margin: 0 0 30px 0
    }
    .messagebox {
        width: 100%;
        position: relative
    }
    .kids.member {
        margin: 40px 0 15px 0
    }
    .kids .member_photobox {
        width: 100%;
        position: relative
    }
    .kids .messagebox {
        width: 100%;
        position: relative
    }
    .sec11_wrap {
        margin: 0 0 30px 0
    }
    .sec12_wrap {
        margin: 60px 0 80px 0
    }
    .access_address {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 20px 0;
        display: grid;
        place-items: center
    }
    .access_map {
        width: 100%;
        height: auto
    }
    .accessbox {
        margin: 40px 0 0 0
    }
    #google_map {
        position: relative;
        width: 100%;
        padding-bottom: 71.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden
    }
    #google_map iframe,
    #google_map object,
    #google_map embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    .bottom_info .infobox {
        width: 100%;
        margin: 0 auto
    }
    .bottom_info {
        margin: 40px 0 0 0;
        padding: 40px 0;
        border-top: 1px dotted #aaa;
        border-bottom: 1px dotted #aaa
    }
    .bottom_info .info-timebox {
        font-size: 1.8rem
    }
    .bottom_info .time_tex {
        font-size: 1.8rem
    }
    .bottom_info .day01,
    .bottom_info .day02 {
        margin: 0 15px 10px 0;
        padding: 5px 10px;
        position: relative;
        top: -4px
    }
    .ppbox {
        width: 100%;
        height: 450px;
        margin: 30px auto 10px auto;
        padding: 30px 30px 30px 30px;
        overflow-y: scroll;
        border: 1px solid #aaa
    }
    .bottom_info .info-time-off {
        font-size: 1.6rem;
        text-align: center;
        padding: 0 0 0 0
    }
    #sp-fixed-menu {
        position: fixed;
        width: 100%;
        bottom: 0;
        font-size: 0;
        opacity: 1;
        z-index: 99
    }
    #banner .infobox {
        padding: 10px 10px 5px 10px;
        background: #fff;
        border-top: 1px solid #7ebe57
    }
    #banner .info-contact {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        border-bottom: 0 dotted #7ebe57
    }
    #banner .info-time-off {
        font-size: 1rem;
        text-align: center;
        line-height: 1.2;
        background-color: #f2f2f2;
        padding: 10px 0 10px 0
    }
    #banner .info-time {
        margin: 3px auto 0 auto
    }
    #banner .day01,
    #banner .day02 {
        margin: 0 5px 4px 0;
        padding: 2px 2px;
        font-size: .8rem;
        line-height: 1.2
    }
    #banner .header_line_bt {
        width: 50%
    }
    #banner .time_tex {
        font-size: 1rem;
        line-height: 1.2
    }
    #banner .header_tel_bt {
        width: 42%
    }
}

#contents {
    width: 100%;
    padding: 0 0 0 0
}

#contents a {
    color: #fff
}

#contents a:hover {
    color: #fc0
}

#main {
    width: 100%;
    padding-bottom: 30px
}

footer {
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #e6e6e6;
    min-height: 60px
}

footer a {
    text-decoration: none
}

.footer_inner {
    width: 1000px;
    margin: 0 auto
}

.footer_company {
    font-size: 14px;
    color: #4d4d4d;
    text-align: left;
    padding: 60px 0 50px 0;
    display: flex;
    justify-content: space-between
}

.footer_company a {
    color: #4d4d4d
}

.footer_logo img {
    width: 266px
}

.footer_info {
    padding: 0 0
}

.footer_info_name {
    font-size: 160%;
    font-weight: bold;
    padding-bottom: 5px
}

.footer_contact_box {
    font-size: 120%;
    color: #fff;
    font-weight: bold;
    background-color: #29abe2;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 5px 5px 5px 10px
}

.footer_tel,
.footer_mail {
    font-size: 120%;
    font-weight: bold
}

.under_line {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4d4d4d
}

.copy {
    font-size: 11px;
    padding: 15px;
    color: #fff;
    background-color: #666;
    background: url("") center top repeat-x
}

.copy a {
    color: #fff
}

.copyright {
    font-size: 14px;
    padding: 20px 0;
    color: #fff;
    background-color: #7ebe57
}

#page-top {
    position: fixed;
    margin: 0 0 0 0;
    bottom: 160px;
    right: 20px;
    font-size: 77%;
    z-index: 9999
}

#page-top a {
    text-decoration: none;
    color: #fff;
    width: 55px;
    text-align: center;
    display: block
}

#page-top a:hover {
    opacity: .7;
    text-decoration: none
}

.spnone {
    display: block
}

.spblock {
    display: none
}

@media screen and (max-width:900px) {
    body {
        -webkit-text-size-adjust: 100%
    }
    .spnone {
        display: none
    }
    .spblock {
        display: block
    }
    .headerbox {
        color: #fff;
        font-size: 13px;
        position: relative;
        top: 0;
        margin: 0 auto
    }
    .header_logo img {
        width: 100%
    }
    .dnsp {
        display: none
    }
    .dnpc {
        display: block
    }
    .fl {
        float: none
    }
    .fr {
        float: none
    }
    .copyright {
        font-size: 12px;
        padding: 20px 20px 130px 20px
    }
    .footer_inner {
        width: 100%;
        padding: 0 20px
    }
    .footer_company {
        font-size: 13px;
        text-align: center;
        padding: 60px 0 50px 0;
        display: block
    }
    .footer_logo {
        width: 60%;
        margin: 0 auto 30px auto
    }
    .footer_logo img {
        width: 100%
    }
    .footer_info {
        padding: 0 0 30px 0
    }
    .footer_info_name {
        font-size: 160%;
        font-weight: bold;
        padding-bottom: 5px
    }
    .footer_contact_box {
        font-size: 120%;
        color: #fff;
        font-weight: bold;
        background-color: #29abe2;
        border-radius: 6px;
        margin-bottom: 10px;
        padding: 5px 5px 5px 10px
    }
    .footer_tel,
    .footer_mail {
        font-size: 120%;
        font-weight: bold
    }
    .under_line {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #4d4d4d
    }
    footer {
        clear: both;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0
    }
    footer .pr {
        display: block;
        font-size: 80%
    }
    footer a {
        text-decoration: none
    }
    .copy {
        padding: 20px;
        background-size: 80%
    }
    #page-top {
        position: fixed;
        margin: 0 0 0 0;
        bottom: 100px;
        right: 15px;
        top: 10px;
        font-size: 77%;
        z-index: 9999
    }
    #page-top a {
        text-decoration: none;
        color: #fff;
        width: 40px;
        text-align: center;
        display: block
    }
    #page-top a:hover {
        opacity: .7;
        text-decoration: none
    }
}

.other_page {
    width: 100%;
    height: 15px;
    background-color: #29abe2
}

.back-button {
    font-size: 16px;
    color: #333;
    padding: 10px 0 40px 0;
    text-align: center
}

#contents .back-button a {
    color: #29abe2;
    text-align: center
}

#contact {
    font-size: 15px;
    margin-top: 50px
}

#formWrap {
    width: 100%;
    margin: 0 auto;
    color: #000;
    line-height: 120%;
    font-size: 90%
}

.form_title {
    color: #29abe2;
    font-size: 28px;
    font-weight: bold
}

.mid_tex {
    color: #000;
    text-align: center
}

table.formTable {
    width: 90%;
    max-width: 750px;
    margin: 0 auto 30px auto;
    border-collapse: collapse
}

table.formTable td,
table.formTable th {
    border: 1px solid #e2e2e2;
    padding: 15px 15px 15px 15px
}

table.formTable th {
    width: 30%;
    font-weight: normal;
    background: #f4f4f4;
    text-align: left;
    vertical-align: middle
}

table.formTable td p {
    margin-top: 10px;
    margin-bottom: 10px
}

table.formTable td p.check_list_tex {
    margin-right: 20px
}

.check_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.hissu {
    font-size: 10px;
    color: #fff;
    padding: 3px;
    background-color: #e24729
}

.nini {
    font-size: 10px;
    color: #fff;
    padding: 3px;
    background-color: #999
}

input[type="text"][size="1"] {
    width: 300px;
    height: 3rem;
    padding: 5px
}

input[type="text"][size="2"] {
    width: 80px
}

textarea {
    width: 350px
}

button,
input,
select,
textarea {
    background-color: #f6f6f6;
    border: 1px solid #eee;
    color: inherit
}

input[type=checkbox] {
    transform: scale(1.2);
    background-color: transparent;
    position: relative;
    top: 1px
}

::placeholder {
    color: #ababab
}

input#submit_button {
    margin: 30px 10px 5px 10px;
    padding: 15px 60px;
    font-size: 1.2em;
    background-color: #29abe2;
    color: #fff;
    border-style: none;
    cursor: pointer
}

input#submit_button02 {
    margin: 5px;
    margin-left: 0;
    padding: 15px 60px;
    font-size: 1.2em;
    background-color: #999;
    color: #fff;
    border-style: none;
    cursor: pointer
}

input#submit_button:hover,
input#submit_button02:hover {
    opacity: .8;
    transition: .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in
}

@media screen and (max-width:900px) {
    #formWrap {
        width: 100%;
        margin: 0 auto;
        color: #000;
        line-height: 120%;
        font-size: 90%
    }
    table.formTable {
        border-top: 1px solid #e2e2e2;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    table.formTable td,
    table.formTable th {
        padding: 18px 15px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    table.formTable td {
        display: block;
        text-align: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    table.formTable th {
        display: block;
        border-top: none;
        border-bottom: none;
        background: #ececec;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    textarea {
        width: 270px
    }
    .hissu {
        font-size: 12px
    }
    .nini {
        font-size: 12px
    }
    input[type="text"][size="1"] {
        width: 100%;
        height: 4rem
    }
    input[type=checkbox] {
        border: 1px solid #9a9a9a;
        transform: scale(1.2)
    }
    input#submit_button {
        margin: 5px;
        margin-bottom: 30px;
        padding: 14px 20px;
        font-size: 1.2em;
        border-style: none;
        cursor: pointer
    }
    input#submit_button02 {
        margin: 5px;
        margin-bottom: 30px;
        margin-left: 0;
        padding: 14px 20px;
        font-size: 1.2em;
        border-style: none;
        cursor: pointer
    }
}

p.error_messe {
    margin: 5px 0;
    color: #f00
}

@media screen and (min-width:500px) and (max-width:900px) {
    html {
        font-size: 100%
    }
    .info-time {
        max-width: 100%;
        justify-content: center
    }
    .timetable01 {
        margin-right: 10px
    }
    .sec_subtitle_illust {
        width: 12%;
        right: 8%
    }
    .careertag {
        width: 4rem;
        height: 2.4rem
    }
    .icon_message {
        width: 24%;
        top: -60px
    }
    #banner .header_line_bt {
        width: 30%
    }
    #banner .header_tel_bt {
        width: 66%;
        display: flex;
        align-items: center
    }
    #banner .info-time {
        margin: 0 auto 0 5px
    }
    .copyright {
        padding: 20px 20px 160px 20px
    }
    .titleright {
        right: 20%
    }
    .titleleft {
        left: 20%
    }
    .fv_contents {
        padding: 10px 20px 160px 20px
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slower {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.slowest {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.delay-250 {
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    -o-animation-delay: .25s;
    animation-delay: .25s
}

.delay-500 {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.delay-750 {
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s;
    -o-animation-delay: .75s;
    animation-delay: .75s
}

.delay-1000 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.delay-1250 {
    -webkit-animation-delay: 1.25s;
    -moz-animation-delay: 1.25s;
    -o-animation-delay: 1.25s;
    animation-delay: 1.25s
}

.delay-1500 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.delay-1750 {
    -webkit-animation-delay: 1.75s;
    -moz-animation-delay: 1.75s;
    -o-animation-delay: 1.75s;
    animation-delay: 1.75s
}

.delay-2000 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s
}

.delay-2500 {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay-2000 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s
}

.delay-2500 {
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
    -o-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.delay-3000 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s
}

.delay-3500 {
    -webkit-animation-delay: 3.5s;
    -moz-animation-delay: 3.5s;
    -o-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.bounceInRight,
.bounceInLeft,
.bounceInUp,
.bounceInDown {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

.fadeInRight,
.fadeInLeft,
.fadeInUp,
.fadeInDown {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

.flipInX,
.flipInY,
.rotateIn,
.rotateInUpLeft,
.rotateInUpRight,
.rotateInDownLeft,
.rotateDownUpRight,
.rollIn {
    opacity: 0
}

.lightSpeedInRight,
.lightSpeedInLeft {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        transform: scale(1)
    }
}

.bounceIn.go {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px)
    }
    60% {
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(400px)
    }
    60% {
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.bounceInRight.go {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px)
    }
    60% {
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px)
    }
    60% {
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.bounceInLeft.go {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px)
    }
    60% {
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }
    60% {
        transform: translateY(-30px)
    }
    80% {
        transform: translateY(10px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.bounceInUp.go {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px)
    }
    60% {
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-400px)
    }
    60% {
        transform: translateY(30px)
    }
    80% {
        transform: translateY(-10px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.bounceInDown.go {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        display: block
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1;
        display: block
    }
}

.fadeIn {
    opacity: 0
}

.fadeIn.go {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes growIn {
    0% {
        -webkit-transform: scale(.2);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes growIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }
    50% {
        transform: scale(1.2)
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

.growIn {
    -webkit-transform: scale(.2);
    transform: scale(.2);
    opacity: 0
}

.growIn.go {
    -webkit-animation-name: growIn;
    animation-name: growIn
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px)
    }
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

.shake.go {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes shakeUp {
    0%,
    100% {
        -webkit-transform: translateY(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateY(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateY(10px)
    }
}

@keyframes shakeUp {
    0%,
    100% {
        transform: translateY(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateY(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        transform: translateY(10px)
    }
}

.shakeUp.go {
    -webkit-animation-name: shakeUp;
    animation-name: shakeUp
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeft {
    opacity: 0;
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px)
}

.fadeInLeft.go {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRight {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px)
}

.fadeInRight.go {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    opacity: 0;
    -webkit-transform: translateY(400px);
    transform: translateY(400px)
}

.fadeInUp.go {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-400px)
    }
    50% {
        opacity: .3
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px)
}

.fadeInDown.go {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn.go {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft.go {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft.go {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight.go {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight.go {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
}

.rollIn.go {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg)
    }
    10% {
        -webkit-transform: skewX(-8deg)
    }
    20% {
        -webkit-transform: skewX(7deg)
    }
    30% {
        -webkit-transform: skewX(-6deg)
    }
    40% {
        -webkit-transform: skewX(5deg)
    }
    50% {
        -webkit-transform: skewX(-4deg)
    }
    60% {
        -webkit-transform: skewX(3deg)
    }
    70% {
        -webkit-transform: skewX(-2deg)
    }
    80% {
        -webkit-transform: skewX(1deg)
    }
    90% {
        -webkit-transform: skewX(0deg)
    }
    100% {
        -webkit-transform: skewX(0deg)
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg)
    }
    10% {
        transform: skewX(-8deg)
    }
    20% {
        transform: skewX(7deg)
    }
    30% {
        transform: skewX(-6deg)
    }
    40% {
        transform: skewX(5deg)
    }
    50% {
        transform: skewX(-4deg)
    }
    60% {
        transform: skewX(3deg)
    }
    70% {
        transform: skewX(-2deg)
    }
    80% {
        transform: skewX(1deg)
    }
    90% {
        transform: skewX(0deg)
    }
    100% {
        transform: skewX(0deg)
    }
}

.wiggle.go {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes swing {
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transform-origin: top center
    }
    20% {
        -webkit-transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }
    40% {
        transform: rotate(-10deg)
    }
    60% {
        transform: rotate(5deg)
    }
    80% {
        transform: rotate(-5deg)
    }
    100% {
        transform: rotate(0deg)
    }
}

.swing.go {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scale(1)
    }
    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        transform: scale(1) rotate(0)
    }
}

.tada.go {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%)
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%)
    }
    15% {
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        transform: translateX(0%)
    }
}

.wobble.go {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.pulse.go {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedInRight {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedInRight.go {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(20%) skewX(-30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

@keyframes lightSpeedInLeft {
    0% {
        transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }
    60% {
        transform: translateX(20%) skewX(-30deg);
        opacity: 1
    }
    80% {
        transform: translateX(0%) skewX(15deg);
        opacity: 1
    }
    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}

.lightSpeedInLeft.go {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(400px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in
    }
}

.flip.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}

.flipInX.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}

.flipInY.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut.goAway {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp.goAway {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown.goAway {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.bounceOutLeft.goAway {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.bounceOutRight.goAway {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut.goAway {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUp.goAway {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDown.goAway {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(-2000px)
    }
}

.fadeOutLeft.goAway {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        transform: translateX(2000px)
    }
}

.fadeOutRight.goAway {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX.goAway {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOutRight.goAway {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        transform: translateX(-100%) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutLeft.goAway {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut.goAway {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft.goAway {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft.goAway {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight.goAway {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0) rotate(0deg)
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg)
    }
}

.rollOut.goAway {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes fadeInUpShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInUpShort {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpShort {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

.fadeInUpShort.go {
    -webkit-animation-name: fadeInUpShort;
    animation-name: fadeInUpShort
}

@-webkit-keyframes fadeInDownShort {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@keyframes fadeInDownShort {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownShort {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

.fadeInDownShort.go {
    -webkit-animation-name: fadeInDownShort;
    animation-name: fadeInDownShort
}

@-webkit-keyframes fadeInRightShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInRightShort {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInRightShort {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.fadeInRightShort.go {
    -webkit-animation-name: fadeInRightShort;
    animation-name: fadeInRightShort
}

@-webkit-keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeftShort {
    0% {
        opacity: 0;
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

.fadeInLeftShort {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.fadeInLeftShort.go {
    -webkit-animation-name: fadeInLeftShort;
    animation-name: fadeInLeftShort
}












@media screen and (max-width:900px) {
    #banner_02{
        display: none!important;
    }  
}



#banner_02  #sp-fixed-menu {
    position: fixed;
    width: 100%;
    bottom: 0;
    font-size: 0;
    opacity: 1;
    z-index: 99;
    background:rgba(255,255,255,0.9);
}



#banner_02 .info-time-off_pc{
    text-align: center;
}


#banner_02 .header_line_bt{
    margin-left: 50px;
}


#banner_02 .info-contact_pc{
    padding-top: 8px;
    padding-bottom: 8px;
}


#banner_02 .infobox_pc{
    
margin: 0 auto!important;
}

#banner_02 .header_tel_bt_pc{
    display: flex;
    align-items: center;
}

#banner_02 .day01_pc,.day02_pc{
    width: auto;
    font-size: 16px;
    text-align: center;
}

#banner_02 .header_tel_bt a img{
    width: 100%;
}
#banner_02 .header_tel_bt_pc a{
    margin-right: 15px;
}

#banner_02 .infobox_pc{
    display: flex;
    justify-content: center;
    width: 70%;
}
#banner_02 .header_tel_bt_pc{
    width: 100%!important;
}
#banner_02 .info-time_01{
    margin-bottom: 8px;
}

#banner_02 .info-contact_pc{
}