* {
box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
word-break: break-all; }
body {
background-color: #f0f0f0;
color: #333;
font-family: "Noto Sans JP", sans-serif;
letter-spacing: 0.03rem;
overflow-x: hidden; }
a {
color: #333;
outline: none;
text-decoration: none; }
a:link {
color: #333;
outline: none;
text-decoration: none; }
a:visited {
color: #333;
outline: none;
text-decoration: none; }
a:hover {
color: #333;
outline: none;
text-decoration: none; }
a:active {
color: #333;
outline: none;
text-decoration: none; }
button {
background-color: transparent;
}
form {
width: 100%; }
ul,
li {
list-style: none; }
input,
select,
textarea {
height: 100%;
width: 100%;
box-sizing: border-box;
border: none;
border-radius: 6px;
color: #333; }
input[type="checkbox" i] {
appearance: none;
display: none;
margin: 0; }
input[type="checkbox" i] + label {
padding-left: 23px;
cursor: pointer; }
input[type="checkbox" i] + label::before {
content: '';
display: inline-block;
position: absolute;
top: 0px;
left: 0;
border: 1px solid #cacaca;
width: 16px;
height: 16px;
border-radius: 2px }
input[type="checkbox" i]:checked + label::after {
content: '';
background-color: #1d90b7;
display: inline-block;
position: absolute;
top: -1px;
left: -1px;
height: 20px;
width: 20px;
-webkit-mask: url("/assets/img/job/check.svg");
mask: url("/assets/img/job/check.svg");
-webkit-mask-size: cover;
mask-size: cover; }
input::placeholder,
textarea::placeholder {
color: #cacaca; }
.anchor {
cursor: pointer; }
.btn {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box; }
.btn.btn__shadow {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); }
.btn.btn__s {
border: 1px solid #666666;
font-size: 12px;
width: 58px;
height: 18px; }
.btn.btn__m {
border: 2px solid #666666;
font-size: 14px;
height: 35px;
width: calc(50% - (15px / 2)); }
.btn.btn__l {
color: #333333;
font-weight: normal;
border: 2px solid #666666;
height: 35px;
width: 240px;
font-size: 14px; }
.btn.btn__red-color {
color: #ee4933;
border-color: #ee4933; }
.btn.btn__red-color.btn__filled {
color: #fff;
background-color: #ee4933;
border-color: #ee4933; }
.btn.btn__main-color {
color: #1d90b7;
border-color: #1d90b7; }
.btn.btn__main-color.btn__filled {
color: #fff;
background-color: #1d90b7;
border-color: #1d90b7; }
.card {
background-color: #fff;
padding: 15px;
margin: 0 0 20px; }
.card .card__body .card__title {
padding: 0 0 5px;
margin: 0 0 2px;
border-bottom: 2px solid #1d90b7;
font-size: 17px;
line-height: 23px; }
.card .card__body .card__info {
display: flex;
flex-wrap: wrap;
margin: 0 0 13px; }
.card .card__body .card__info .card__info-item {
font-size: 14px;
font-weight: bold;
padding: 5px 0;
display: flex;
flex-wrap: nowrap;
align-items: center; }
.card .card__body .card__info .card__info-item .container__img {
display: inline-block;
width: 16px;
position: relative;
top: 2px;
align-self: flex-start; }
.card .card__body .card__info .card__info-item .container__img.container__img-jikan {
left: -1px; }
.card .card__body .card__info .card__info-item .container__img.container__img-kinmuchi {
left: 1px; }
.container.card__info-item svg path {
fill: #1d90b7; }
.card .card__body .card__info .card__info-item .span {
padding: 0 0 0 2px; }
.card .card__body .card__info .container__card-info-tags {
margin: 5px 0 0; }
.card .card__body .card__info .container__card-info-tags .card__info-tag {
border: 1px solid #1d90b7;
color: #1d90b7;
display: inline-block;
font-size: 10px;
font-weight: bold;
border-radius: 2px;
padding: 2px 4px;
box-sizing: border-box;
margin: 0 4px 2px 0; }
.card .card__body .card__info .container__card-info-date {
color: #888;
font-size: 12px;
margin: 10px 0 0; }
.card .card__body .card__info .container__card-info-date span {
margin: 0 10px 0 0; }
.card .card__body .card__img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 195px;
margin: -15px -15px 12px; }
.card__flex-logo-sp, .card__flex-logo-pc {
justify-content: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.card__flex-logo-sp {
width: 100%;
height: 100%;
display: flex;
}
}
.card .card__body .card__img .img__thumbnail {
max-width: 100%;
max-height: 100%;
object-fit: cover;
}
.card .card__body .card__text {
margin: 0 0 22px;
overflow: hidden; }
.card .card__body .card__text .heading {
color: #1d90b7;
font-size: 14px;
line-height: 20px;
margin: 0 0 9px; }
.card .card__body .card__text .p {
font-size: 13px;
line-height: 20px; }
.card .card__body .card__function {
display: flex;
flex-wrap: nowrap;
justify-content: space-between; }
.col__1 {
width: 100%; }
.col__1-sp {
width: 100%; }
.col__1-pc {
width: auto; }
.col__2 {
width: 50%; }
.col__2-sp {
width: 50%; }
.col__2-pc {
width: auto; }
.col__3 {
width: 33%; }
.col__3-sp {
width: 33%; }
.col__3-pc {
width: auto; }
.container#wrapper {
max-width: 768px;
margin: 0 auto; }
.container.container__inline-block {
display: inline-block; }
.container.container__shadow {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
.container.container__flex {
display: flex; }
.container.container__flex-sp {
display: flex; }
.container.container__flex-pc {
display: inherit; }
.container__checkbox {
position: relative;
display: inline-block;
margin: 0 20px 10px 0; }
.img {
width: 100%; }
.img.icon {
width: auto; }
.input__field {
width: 100%; }
.m__0-auto {
margin: 0 auto; }
.nav {
width: 100%; }
.shape.shape__base {
min-height: 50px;
background-color: #1d90b7;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 20px;
position: relative;
width: 100%;
align-items: flex-end;
padding: 8px 15px 0;
box-sizing: border-box;
text-align: center;
margin: 0 0 20px;
display: flex;
justify-content: center;
align-items: center; }
.shape.shape__base.shape__base-upsidedown::after {
display: inline-block;
content: "";
border-style: solid;
border-color: #1d90b7 transparent transparent transparent;
position: absolute;
bottom: -20px;
left: 0;
border-width: 20px calc((100vw - 50px) / 2) 0 calc((100vw - 50px) / 2); }
.sp {
visibility: visible;
display: block;
height: inherit;
content: inherit; }
.pc {
visibility: hidden;
display: none;
height: 0;
content: ''; }
.header .container__header-sub {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
width: 768px;
max-width: 768px;
z-index: 2; }
.header .container__fv {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
flex-wrap: wrap;
height: 375px;
justify-content: center;
position: relative; }
.header .container__fv::after {
background: #000;
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0.1) 30%);
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0.1) 30%);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 0%, rgba(0, 0, 0, 0.1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$black-color,endColorstr=$black-color,GradientType=1);
content: '';
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=$black-color,endColorstr=$black-color,GradientType=1);
height: 100%;
width: 100%;
position: absolute;
z-index: 1; }
.header .container__fv.container__fv-thinner {
height: 265px; }
.header .container__fv .container__logo,
.header .container__fv .container__copy,
.header .container__fv .nav {
z-index: 2; }
.header .container__fv .container__logo {
align-items: center;
background-color: rgba(255, 255, 255, 0.9);
display: flex;
height: 150px;
margin: 55px 0 0;
justify-content: center;
width: 150px; }
.header .container__fv .container__logo .anchor:hover {
opacity: 0.5; }
.header .container__fv .container__logo .anchor.anchor__logo {
display: flex;
justify-content: center;
width: 100%; }
.header .container__fv .container__logo .container__img {
width: calc(100% - 30px); }
.container__img--logo {
display: flex;
justify-content: center;
align-items: center;
}
.container__img--logo > .img_logo {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@media screen and (max-width: 768px) {
.anchor.anchor__logo {
max-width: 100%;
max-height: 100%;
}
}
.header .container__fv .container__copy {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: calc(100% - (150px + 55px + 60px));}
.header .container__fv .container__copy.no-logo {
height: 100%;}
.header .container__fv .container__copy .heading {
color: #fff;
font-size: 15px;
letter-spacing: 0.1rem;
line-height: 24px;
text-align: center;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
padding: 0 25px; }
.header .container__fv .container__nav {
display: flex;
height: 100%;
flex-wrap: nowrap;
justify-content: center; }
.header .container__fv .container__nav .container__nav-item {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
width: 33%;
margin: 0 0 15px; }
.header .container__fv .container__nav .container__nav-item .anchor {
color: #fff;
font-size: 13px;
line-height: 15px;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.header .container__fv .container__nav .container__nav-item .anchor .span {
display: inline-block;
text-align: center;
width: 100%; }
.header .container__fv .container__nav .container__nav-item .container__img {
position: relative;
top: 2px; }
.header .container__header-simple {
background-color: #fff;
height: 60px;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 0 25px; }
.header .container__header-simple .container__header-sub {
justify-content: space-between; }
.header .container__header-simple .container__img {
max-width: 130px;
max-height: 42px; }
.header .container__header-simple .container__img .img {
width: auto;
max-width: 130px;
max-height: 42px; }
.header .container__header-simple .container__title {
font-size: 15px;
line-height: 21px;
overflow: hidden;
max-height: 42px;
width: calc(100% - 145px); }
.header .container__breadcrumb {
background-color: #666666;
box-sizing: border-box;
min-height: 30px;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 5px 25px; }
.header .container__breadcrumb .container__header-sub {
justify-content: flex-start; }
.header .container__breadcrumb .container__header-sub > .anchor, .header .container__breadcrumb .container__header-sub > .span {
margin: 0 8px 0 0; }
.header .container__breadcrumb .anchor,
.header .container__breadcrumb .span {
color: #fff;
font-size: 10px;
line-height: 14px; }
.header .container__breadcrumb .anchor {
color: #a4dffa; }
.header .container__breadcrumb .span.span__delimiter {
margin: 0 8px 0 0; }
.main .section {
padding: 40px 25px; }
.container__top .main .section:nth-of-type(2n-1),
.container__ichiran .main .section:nth-of-type(2n-1) {
background-color: #fff; }
.main .section.section__ichiran {
padding: 20px 25px 40px;
min-height: calc(100vh - 295px - 90px); }
.main .section.section__shosai {
padding: 25px; }
.main .section.section__shosai-job-info {
padding: 0 25px 40px; }
.main .section.section__shosai-job-info .container__sticky {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.main .section.section__shosai-job-info .container__job-info .container__jobs {
margin: 10px 0 0; }
.main .section > .container > .heading {
font-size: 20px;
padding: 0 0 10px;
border-bottom: 2px solid;
width: fit-content;
width: -moz-fit-content;
margin: 0 auto; }
.main .section .table {
width: 100%;
margin: 22px 0 15px; }
.main .section .table .tr {
border-bottom: 1px solid #ddd; }
.main .section .table .tr .th,
.main .section .table .tr .td {
font-size: 12px;
line-height: 17px;
padding: 8px 0; }
.main .section .table .tr .th {
text-align: left;
vertical-align: top;
width: 70px; }
.main .section .container__job-search .table .tr .th {
vertical-align: text-top; }
.main .section .table .tr .td {
width: calc(100% - 70px); }
.main .section .table .tr .td.td__address {
display: flex;
width: 100%;
flex-wrap: nowrap;
justify-content: space-between;
position: relative; }
.main .section .table .tr .td.td__address .span {
padding: 0 20px 0 0;
width: calc(100% - 58px); }
.main .section .table .tr .td.td__address .btn__map {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%); }
.main .section .table .tr .td.td__company-hp .container__img {
top: 1px;
display: inline-block;
width: 12px;
height: 12px;
position: relative;
margin: 0 0 0 5px; }
.container__job-search .container__keyword .input__field {
width: 100%;
height: 32px; }
.container__job-search .container__keyword .input__field .input {
border: 1px solid #cacaca; }
.main .section .table .tr .td .container__pref-group {
margin: 0 0 10px; }
.main .section .table .tr .td .container__pref-group:last-of-type {
margin-bottom: 0; }
.main .section .table .tr .td .container__pref-group .legend {
margin: 0 0 4px; }
.main .section .table .tr .td .container__search-condition .anchor {
padding: 0 0 0;
margin: 0 5px 2px 0;
border-bottom: 1px solid;
display: inline-block;
color: #1d90b7; }
.main .section .table .tr .td .container__search-condition .anchor:hover {
opacity: 0.5; }
.main .section .container__company-overview .figure {
width: 100%; }
.main .section .container__company-overview .figure .iframe__google-map {
width: 100%;
height: 230px; }
.main .section .container__job-info .container__jobs {
margin: 30px 0 0;
width: 100%; }
.main .section .btn.btn__l {
margin: 40px auto 0; }
.main .section .btn.btn__l .container__img {
position: relative;
top: 1px;
margin: 0 0 0 15px; }
.main .section .btn.btn__l .container__img.container__img-search {
top: 2px;
margin: 0 0 0 10px; }
.main .section .table .tr .td .container__pref-group {
margin: 0 0 20px; }
.main .section .table .tr .td .container__pref-group .legend {
margin: 0 0 10px; }
.main .section .table .tr .td .container__search-condition .anchor {
margin: 0 10px 5px 0; }
.main .section .container__job-info .container__controller {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%; }
.main .section .container__job-info .container__controller .container__counter {
font-size: 12px; }
.main .section .container__job-info .container__controller .container__counter .span {
color: #ee4933;
font-size: 24px;
font-weight: bold; }
.main .section .container__job-info .container__controller .container__pagination {
border-radius: 6px; }
.main .section .container__job-info .container__controller .container__pagination .pagination {
height: 100%;
font-size: 12px;
display: flex;
justify-content: flex-end;
align-items: center;
text-align: center; }
.main .section .container__job-info .container__controller .container__pagination .pagination .previous,
.main .section .container__job-info .container__controller .container__pagination .pagination .previous-inactive {
margin-right: 12px; }
.main .section .container__job-info .container__controller .container__pagination .pagination .previous a,
.main .section .container__job-info .container__controller .container__pagination .pagination .previous-inactive a {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 8px 5px 0;
border-color: transparent #666 transparent transparent;
display: inline-block; }
.main .section .container__job-info .container__controller .container__pagination .pagination .previous-inactive a {
border-color: transparent #ddd transparent transparent;
cursor: normal; }
.main .section .container__job-info .container__controller .container__pagination .pagination .next,
.main .section .container__job-info .container__controller .container__pagination .pagination .next-inactive {
margin-left: 4px; }
.main .section .container__job-info .container__controller .container__pagination .pagination .next a,
.main .section .container__job-info .container__controller .container__pagination .pagination .next-inactive a {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #666666;
display: inline-block; }
.main .section .container__job-info .container__controller .container__pagination .pagination .next-inactive a {
border-color: transparent transparent transparent #ddd;
cursor: normal; }
.main .section .container__job-info .container__controller .container__pagination .pagination .active,
.main .section .container__job-info .container__controller .container__pagination .pagination .page_num {
margin-right: 8px; }
.main .section .container__job-info .container__controller .container__pagination .pagination .active a,
.main .section .container__job-info .container__controller .container__pagination .pagination .page_num a {
width: 22px;
height: 22px;
line-height: 22px;
background-color: #ddd;
border-radius: 50%;
display: inline-block; }
.main .section .container__job-info .container__controller .container__pagination .pagination .page_num a {
background-color: #fff; }
.main .section .container__job-info .container__controller .container__keyword {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 20px 0 0; }
.main .section .container__job-info .container__controller .container__keyword .span {
font-size: 12px;
margin: 0 10px 0 0; }
.main .section .container__job-info .container__controller .container__keyword .input__field {
position: relative;
height: 30px;
width: calc(100% - 110px); }
.container__keyword .input__field .input {
padding: 9px 30px 9px 10px;
font-size: 16px;
z-index: 1; }
.container__keyword .input__field .container__img {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0, -50%);
z-index: 2;
padding: 0;
border: none;
line-height: 0;
background-color: inherit; }
.main .section .cotainer__job-detail-body {
background-color: #fff;
width: 100%;
padding: 15px 15px 30px; }
.main .section .cotainer__job-detail-body .card {
padding: 0;
margin: 0 0 15px; }
.main .section .cotainer__job-detail-body .card .card__body .card__title {
border: none;
padding: 0;
margin: 0 0 4px;
font-size: 16px;
line-height: 22px; }
.main .section .cotainer__job-detail-body .card .card__body .card__text {
margin: 0;
height: auto;
overflow: inherit; }
.main .section .cotainer__job-detail-body .card .card__body .card__text .heading {
border-bottom: 2px solid;
padding: 0 0 7px;
margin: 0 0 3px; }
.main .section .cotainer__job-detail-body .card .card__body .card__info {
margin: 0 0 5px; }
.main .section .cotainer__job-detail-body .card .btn__map {
float: right;
position: relative;
top: 2px; }
.container__shosai {
margin: 0 0 60px; }
.container__shosai .btn.btn__l {
font-size: 16px; }
.container__shosai .container__floating-content {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 0 40px;
height: 60px;
background-color: rgba(51, 51, 51, 0.7);
position: fixed;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box; }
.container__shosai .container__floating-content .btn__m {
max-width: 180px;
width: 100%; }
.container__shosai .container__floating-content .container__back-to-list {
display: flex;
margin: 0 0 0 23px;
align-items: center; }
.container__shosai .container__floating-content .container__back-to-list .anchor {
display: flex;
font-size: 12px;
text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
color: #fff;
justify-content: space-between;
border-bottom: 1px solid;
padding: 0 0 5px;
align-items: center;
line-height: 14px;
margin: 0 10px 0 0; }
.container__shosai .container__floating-content .container__img {
filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.5));
position: relative;
top: -2px; }
.container__shosai .container__job-detail-free-content {
margin: 0 0 40px; }
.container__shosai .container__job-detail-free-content h1 {
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #333;
margin: 0 0 10px; }
.container__shosai .container__job-detail-free-content h2 {
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #1d90b7;
border-bottom: 2px solid;
border-color: #1d90b7;
padding: 0 0 7px;
margin: 0 0 10px; }
.container__shosai .container__job-detail-free-content h3 {
font-size: 17px;
line-height: 23px;
font-weight: bold;
color: #333;
border-bottom: 2px solid;
border-color: #1d90b7;
padding: 0 0 2px;
margin: 0 0 15px; }
.container__shosai .container__job-detail-free-content h4 {
font-size: 15px;
line-height: 21px;
font-weight: bold;
color: #1d90b7; }
.container__shosai .container__job-detail-free-content p {
font-size: 13px;
line-height: 22px;
font-weight: normal;
color: #333; }
.container__shosai .container__job-detail-free-content ul,
.container__shosai .container__job-detail-free-content ol {
margin: 0 0 15px;
max-width: 100%; }
.container__shosai .container__job-detail-free-content ul li,
.container__shosai .container__job-detail-free-content ol li {
font-size: 13px;
line-height: 22px;
font-weight: normal;
color: #333;
padding: 0 0 0 1rem;
position: relative; }
.container__shosai .container__job-detail-free-content ul li::before {
content: "";
display: inline-block;
border-bottom: 2px solid;
box-sizing: border-box;
font-weight: bold;
color: #1d90b7;
position: absolute;
top: 50%;
left: 0;
width: 8px;
transform: translate(0, -50%); }
.container__shosai .container__job-detail-free-content ol li {
list-style: decimal;
padding: 0;
margin: 0 0 0 1rem; }
.container__shosai .container__job-detail-free-content table {
margin: 0 0 15px;
width: 100%;
max-width: 100%;
border: 1px solid #ddd; }
.container__shosai .container__job-detail-free-content table tr {
border-bottom: 1px solid #ddd; }
.container__shosai .container__job-detail-free-content table tr th,
.container__shosai .container__job-detail-free-content table tr td {
font-size: 13px;
line-height: 20px;
text-align: left;
padding: 7px 10px;
box-sizing: border-box;
border-right: 1px solid #ddd; }
.container__shosai .container__job-detail-free-content table tr th {
background-color: #e8f4f8;
width: 85px; }
.container__shosai .container__job-detail-free-content img {
margin: 0 0 15px;
width: 100%;
max-width: 100%; }
.container__shosai .container__job-detail-free-content .figure {
width: 100%; }
.container__shosai .container__job-detail-free-content .figure .container__google-map {
margin: 0 0 15px; }
.container__shosai .container__job-detail-free-content .figure .container__google-map .iframe__google-map {
width: 100%; }
.container__shosai .container__job-detail-free-content .marker-yellow {
background-color: #fdfd77; }
.container__shosai .container__job-detail-free-content .marker-green {
background-color: #629f62; }
.container__shosai .container__job-detail-free-content .marker-pink {
background-color: #fc7899; }
.container__shosai .container__job-detail-free-content .marker-blue {
background-color: #72ccfd; }
.container__shosai .container__job-detail-free-content .pen-red {
color: #e71313;
background-color: transparent; }
.container__shosai .container__job-detail-free-content .pen-green {
color: #128a00;
background-color: transparent; }
.container__shosai .container__job-detail-free-content .image-style-align-left,
.container__shosai .container__job-detail-free-content .image-style-align-right,
.container__shosai .container__job-detail-free-content .image-style-align-center {
max-width: 50%; }
.container__shosai .container__job-detail-free-content .image-style-align-left {
float: left;
margin-right: 1.5em; }
.container__shosai .container__job-detail-free-content .image-style-align-right {
float: right;
margin-left: 1.5em; }
.container__shosai .container__job-detail-free-content .image-style-align-center {
margin: auto; }
.footer .container__footer {
background-color: #fff;
padding: 20px 30px;
height: 90px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center; }
.footer .container__footer .container__footer-sub {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.footer .container__footer .container__footer-menu {
display: flex;
flex-wrap: nowrap;
justify-content: center;
width: 100%; }
.footer .container__footer .container__footer-menu .container__footer-menu-item .anchor {
font-size: 12px;
font-weight: bold;
padding: 0 0 2px;
border-bottom: 1px solid; }
.footer .container__footer .container__footer-copyright {
align-self: flex-end; }
.footer .container__footer .container__footer-copyright .copyright {
font-size: 10px; }
/* pc */
@media screen and (min-width: 768px) {
input[type="checkbox" i] + label::before {
top: 0.5px; }
input[type="checkbox" i]:checked + label::after {
top: 0px; }
.btn:hover {
opacity: 0.5; }
.btn:not(.btn__filled):hover {
color: #fff; }
.btn.btn__s:hover {
background-color: #666666; }
.btn.btn__m {
font-size: 18px;
font-weight: bold;
height: 46px;
width: 240px; }
.btn.btn__l {
height: 46px;
width: 240px;
font-size: 14px; }
.btn.btn__l:hover {
background-color: #666666; }
.btn.btn__l:hover .svg path {
fill: #fff; }
.btn.btn__red-color:hover {
background-color: #ee4933; }
.btn.btn__main-color:hover {
background-color: #1d90b7; }
.card {
padding: 20px 30px 30px; }
.card .card__body .card__title {
font-size: 18px;
line-height: 24px;
padding: 0 0 3px;
margin: 0 0 11px; }
.card .card__body .card__info {
margin: 0 0 27px; }
.card .card__body .card__info .card__info-item {
margin: 0 15px 0 0; }
.card .card__body .card__info .card__info-item.card__info-item-jikyu {
order: 1; }
.card .card__body .card__info .card__info-item.card__info-item-jikan {
order: 3;
margin: 0; }
.card .card__body .card__info .card__info-item.card__info-item-kinmuchi {
order: 2;
margin: 0 19px 0 0; }
.card .card__body .card__info .card__info-item .container__img {
width: 14px; }
.card .card__body .card__info .card__info-item .container__img.container__img-jikan {
left: -4px; }
.card .card__body .card__info .card__info-item .container__img.container__img-kinmuchi {
left: 0; }
.card .card__body .card__info .container__card-info-tags {
margin: 5px 0 0; }
.card .card__body .card__info .container__card-info-tags .card__info-tag {
font-size: 12px; }
.card .card__body .card__img {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 195px;
margin: -20px -30px 12px; }
@media screen and (min-width: 768px) {
.card__flex-logo-pc {
width: 100%;
height: 100%;
display: flex;
}
}
.card .card__body .card__text {
margin: 0 0 25px; }
.card .card__body .card__text .heading {
font-size: 20px;
line-height: 26px;
margin: 0 0 7px; }
.card .card__body .card__text .p {
font-size: 14px;
line-height: 24px; }
.card .card__body .container__flex-pc .card__text {
width: calc(100% - (210px + 20px));
min-height: 155px;
margin: 0 20px 25px 0;
overflow: hidden; }
.card .card__body .container__flex-pc .card__img {
margin: 0;
width: 210px;
max-height: 140px;
height: auto; }
.card__flex-logo .pc, .container .card__img.flex-logo-pc {
display: flex;
justify-content: center;
align-items: center;
}
.card .card__body .card__function {
justify-content: center; }
.card .card__body .card__function > *:nth-child(2) {
margin: 0 0 0 30px; }
.col__1-sp {
width: auto; }
.col__1-pc {
width: 100%; }
.col__2-sp {
width: auto; }
.col__2-pc {
width: 50%; }
.col__3-sp {
width: auto; }
.col__3-pc {
width: 33%; }
.container#wrapper {
max-width: 1000px; }
.container.container__flex {
display: flex; }
.container.container__flex-sp {
display: inherit; }
.container.container__flex-pc {
display: flex; }
.container.container__sticky {
position: sticky; }
.container__checkbox {
position: relative;
display: inline-block;
margin: 0 10px 5px 0; }
.order__1-pc {
order: 1; }
.order__2-pc {
order: 2; }
.order__3-pc {
order: 3; }
.shape.shape__base {
width: 270px; }
.shape.shape__base.shape__base-upsidedown::after {
border-width: 20px 135px 0 135px; }
.sp {
visibility: hidden;
display: none;
height: 0;
content: ''; }
.pc {
visibility: visible;
display: block;
height: inherit;
content: inherit; }
.header .container__header-sub {
width: 960px;
max-width: 960px;
margin: 0 auto; }
.header .container__fv {
width: 100vw;
height: 600px;
margin: 0 calc((100% - 100vw) / 2); }
.header .container__fv.container__fv-thinner {
height: 370px; }
.header .container__fv.container__fv-thinner .container__header-sub {
flex-wrap: nowrap;
align-items: center; }
.header .container__fv.container__fv-thinner .container__logo {
margin: 0 100px 0 0; }
.header .container__fv.container__fv-thinner .container__copy {
width: calc(100% - (300px + 100px)); }
.header .container__fv.container__fv-thinner .container__copy .heading {
font-size: 30px; }
.header .container__fv .container__logo {
width: 300px;
height: 300px;
margin: 100px 0 0; }
.header .container__fv .container__logo .container__img {
width: calc(100% - (35px * 2)); }
.header .container__fv .container__copy {
height: calc(100% - (300px + 100px + 52px)); }
.header .container__fv .container__copy .heading {
font-size: 24px;
line-height: 34px;
max-width: 1000px;
margin: 0 auto;
padding: 0 20px; }
.header .container__fv .container__nav {
width: 300px;
max-width: 1000px;
margin: 0 auto;
justify-content: space-between; }
.header .container__fv .container__nav .container__nav-item {
width: auto; }
.header .container__fv .container__nav .container__nav-item .anchor {
font-size: 14px;
line-height: 16px; }
.header .container__fv .container__nav .container__nav-item .anchor:hover {
color: #a4dffa; }
.header .container__fv .container__nav .container__nav-item .anchor:hover .svg path {
fill: #a4dffa; }
.header .container__fv .container__nav .container__nav-item .anchor .span {
margin: 0 0 5px; }
.header .container__fv .container__nav .container__nav-item .container__img {
top: 0; }
.header .container__header-simple {
height: 70px;
width: 100vw;
margin: 0 calc((100% - 100vw) / 2); }
.header .container__header-simple .container__header-sub {
justify-content: flex-start;
align-items: center; }
.header .container__header-simple .anchor.anchor__logo {
margin-right: 20px; }
.header .container__header-simple .anchor.anchor__logo:hover {
opacity: 0.5; }
.header .container__header-simple .container__img {
max-width: 300px;
max-height: 40px; }
.header .container__header-simple .container__img .img {
width: auto;
max-width: 300px;
max-height: 40px; }
.header .container__header-simple .container__title {
font-size: 18px;
line-height: 24px;
max-height: 70px;
width: auto;
max-width: calc(100% - 320px - 320px);
word-break: break-all; }
.header .container__breadcrumb {
width: 100vw;
margin: 0 calc((100% - 100vw) / 2); }
.header .container__breadcrumb .container__header-sub > .anchor, .header .container__breadcrumb .container__header-sub > .span {
margin: 0 10px 0 0; }
.header .container__breadcrumb .anchor,
.header .container__breadcrumb .span {
font-size: 12px;
line-height: 16px; }
.header .container__breadcrumb .anchor:hover {
opacity: 0.5; }
.header .container__breadcrumb .span.span__delimiter {
margin: 0 10px 0 0; }
.main .section {
padding: 80px 20px; }
.main .section.section__ichiran {
padding: 20px 20px 25px;
min-height: calc(100vh - 400px - 50px); }
.main .section.section__ichiran .container__job-info .container__jobs {
margin: 20px 0 0; }
.main .section.section__ichiran .container__job-info .container__jobs .card:last-of-type {
margin: 0 0 25px; }
.main .section.section__shosai {
padding: 20px 20px 80px; }
.main .section.section__shosai-job-info {
padding: 20px 20px 80px 0; }
.main .section.section__shosai-job-info .container__job-info .container__jobs {
margin: 10px 0 0; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job {
padding: 10px 14px 20px;
width: 270px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__body .card__img {
height: 160px;
margin: -10px -14px 12px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__body .card__title {
margin: 0 0 5px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__info {
margin: 0 0 7px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__info .card__info-item {
font-size: 12px;
padding: 5px 0 2px;
margin: 0 5px 0 0; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__info .card__info-item .container__img.container__img-jikan {
left: -1px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__info .card__info-item .container__img.container__img-jikan + .span {
position: relative;
left: 2px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__info .card__info-item .container__img.container__img-kinmuchi {
left: 1px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__info .container__card-info-tags .card__info-tag {
font-size: 10px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__text {
margin: 0 0 12px;
height: 60px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__text .heading {
font-size: 14px;
line-height: 20px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__text .p {
font-size: 13px;
line-height: 20px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__function .btn.btn__m {
width: calc((100% - 10px) / 2);
height: 34px;
font-size: 14px; }
.main .section.section__shosai-job-info .container__job-info .container__jobs .card__job .card__function > *:nth-child(2) {
margin: 0 0 0 10px; }
.main .section.section__shosai-job-info .container__sticky {
top: 10px; }
.container__top .main .section:nth-of-type(2n-1),
.container__ichiran .main .section:nth-of-type(2n-1) {
width: 100vw;
padding: 80px 0;
margin: 0 calc((100% - 100vw) / 2); }
.main .section > .container > .heading {
font-size: 24px; }
.container__top .main .section:nth-of-type(2n-1) > .container,
.container__ichiran .main .section:nth-of-type(2n-1) > .container {
max-width: 1000px;
padding: 0 20px;
margin: 0 auto; }
.main .section .table {
margin: 45px 0 60px; }
.main .section .table .tr .th,
.main .section .table .tr .td {
font-size: 14px;
line-height: 19px;
padding: 13px 0; }
.main .section .table .tr .th {
width: 280px;
padding: 13px 0 13px 120px; }
.main .section .table .tr .td {
width: calc(100% - 280px); }
.main .section .table .tr .td.td__address .span {
position: relative;
width: auto;
max-width: calc(100% - 58px); }
.main .section .table .tr .td.td__address .btn__map {
right: -58px; }
.main .section .table .tr .td.td__company-hp .anchor:hover {
opacity: 0.5; }
.container__job-search .container__keyword .input__field {
width: 100%;
height: 40px; }
.main .section .container__company-overview .figure .iframe__google-map {
height: 460px; }
.main .section .container__job-info .container__jobs {
margin: 40px 0 0; }
.main .section .btn.btn__l {
margin: 60px auto 0; }
.main .section .container__job-info .container__controller {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
height: 30px; }
.main .section .container__job-info .container__controller .container__counter {
font-size: 12px; }
.main .section .container__job-info .container__controller .container__counter .span {
color: #ee4933;
font-size: 24px;
font-weight: bold; }
.main .section .container__job-info .container__controller .container__pagination {
margin: 0 0 0 30px;
width: auto;
height: 30px; }
.main .section .container__job-info .container__controller .container__pagination .pagination {
height: 100%;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
text-align: center; }
.main .section .container__job-info .container__controller .container__keyword {
margin: 0 0 0 auto;
width: auto; }
.main .section .container__job-info .container__controller .container__keyword .span {
font-size: 12px;
margin: 0 10px 0 0; }
.container__keyword .input__field {
position: relative;
height: 30px;
width: 210px; }
.container__keyword .input__field .input {
padding: 9px 30px 9px 10px;
font-size: 14px;
z-index: 1; }
.container__keyword .input__field .container__img {
position: absolute;
top: 50%;
right: 10px;
transform: translate(0, -50%);
z-index: 2;
padding: 0;
border: none;
line-height: 0;
background-color: inherit; }
.main .section .container__job-info .container__controller.container__controller-bottom .container__counter {
width: 240px;
max-width: 240px; }
.main .section .container__job-info .container__controller.container__controller-bottom .container__pagination {
margin: 0 auto;
position: relative;
left: -120px; }
.main .section .cotainer__job-detail-body {
width: 670px;
padding: 30px 30px 60px; }
.main .section .cotainer__job-detail-body .card {
padding: 0;
margin: 0 0 30px; }
.main .section .cotainer__job-detail-body .card .card__body .card__title {
margin: 0 0 15px;
font-size: 24px;
line-height: 30px; }
.main .section .cotainer__job-detail-body .card .card__body .card__text .heading {
font-size: 20px;
line-height: 24px;
border-bottom: 2px solid;
padding: 0 0 8px;
margin: 0 0 10px; }
.main .section .cotainer__job-detail-body .card .card__body .card__info {
margin: 0 0 5px; }
.main .section .cotainer__job-detail-body .card .btn__map {
float: right;
position: relative;
top: 1px; }
.container__shosai {
margin: 0 0 60px; }
.container__shosai .main {
display: flex; }
.container__shosai .container__floating-content {
justify-content: flex-end;
padding: 0;
height: 70px;
background-color: transparent;
position: absolute;
bottom: inherit;
top: 0;
left: inherit;
right: calc((100vw - (1000px - 25px)) / 2);
width: 305px; }
.container__shosai .container__floating-content .btn__m {
max-width: 160px;
width: 100%;
height: 40px;
font-size: 14px; }
.container__shosai .container__floating-content .container__back-to-list {
margin: 0 0 0 40px;
cursor: pointer; }
.container__shosai .container__floating-content .container__back-to-list:hover {
opacity: 0.5; }
.container__shosai .container__floating-content .container__back-to-list .anchor {
font-size: 14px;
text-shadow: none;
color: #333;
padding: 0 0 7px;
line-height: 14px; }
.container__shosai .container__job-detail-free-content {
margin: 0 0 60px; }
.container__shosai .container__job-detail-free-content h1 {
font-size: 24px;
line-height: 30px;
margin: 0 0 30px; }
.container__shosai .container__job-detail-free-content h2 {
font-size: 20px;
line-height: 24px;
padding: 0 0 8px;
margin: 0 0 30px; }
.container__shosai .container__job-detail-free-content h3 {
font-size: 18px;
line-height: 24px;
padding: 0 0 3px;
margin: 0 0 30px; }
.container__shosai .container__job-detail-free-content h4 {
font-size: 16px;
line-height: 22px; }
.container__shosai .container__job-detail-free-content p {
font-size: 14px;
line-height: 24px; }
.container__shosai .container__job-detail-free-content ul,
.container__shosai .container__job-detail-free-content ol {
margin: 0 0 30px; }
.container__shosai .container__job-detail-free-content ul li,
.container__shosai .container__job-detail-free-content ol li {
font-size: 14px;
line-height: 23px; }
.container__shosai .container__job-detail-free-content ul li::before {
top: calc(1rem - 5px);
width: 5px; }
.container__shosai .container__job-detail-free-content table {
margin: 0 0 30px; }
.container__shosai .container__job-detail-free-content table tr {
border-bottom: 1px solid #ddd; }
.container__shosai .container__job-detail-free-content table tr th,
.container__shosai .container__job-detail-free-content table tr td {
font-size: 14px;
line-height: 24px;
padding: 11px 20px; }
.container__shosai .container__job-detail-free-content table tr th {
width: 110px; }
.container__shosai .container__job-detail-free-content img {
margin: 0 0 30px;
width: 100%;
max-width: 100%; }
.container__shosai .container__job-detail-free-content .figure {
width: 100%; }
.container__shosai .container__job-detail-free-content .figure .container__google-map {
margin: 0 0 30px; }
.container__shosai .container__job-detail-free-content .figure .container__google-map .iframe__google-map {
width: 100%; }
.footer .container__footer {
width: 100vw;
margin: 0 calc((100% - 100vw) / 2);
padding: 0;
align-items: center;
height: 50px; }
.footer .container__footer .container__footer-sub {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1000px;
padding: 0 20px; }
.footer .container__footer .container__footer-menu {
position: relative;
top: -4px;
width: auto; }
.footer .container__footer .container__footer-menu .container__footer-menu-item .anchor:hover {
opacity: 0.5; }
.footer .container__footer .container__footer-copyright {
align-self: auto; }
.footer .container__footer .container__footer-copyright .copyright {
font-size: 11px; } }
#pageloading-wrap {
background: #fff;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
text-align: center;
display: table;
z-index: 10; }
#pageloading-icon {
vertical-align: middle; }
#pageloading-icon > div {
background-color: #1d90b7 !important; }
.line-spin-fade-loader {
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
position: absolute!important; }
.line-spin-fade-loader > div {
width: 3px !important;
height: 12px !important;
border-radius: 0 !important; }
.ball-pulse-sync>div,.ball-pulse>div,.ball-scale-random>div,.ball-scale>div{background-color:#fff;border-radius:100%;margin:2px;display:inline-block}@-webkit-keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}@keyframes scale{0%,80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.7}}.ball-pulse>div:nth-child(1){-webkit-animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(2){-webkit-animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(3){-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div{width:15px;height:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out}.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s -70ms infinite ease-in-out;animation:ball-pulse-sync .6s -70ms infinite ease-in-out}.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;animation:ball-pulse-sync .6s 0s infinite ease-in-out}.ball-pulse-sync>div{width:15px;height:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale>div{height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}.ball-scale-random{width:37px;height:40px}.ball-scale-random>div{position:absolute;height:30px;width:30px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}.ball-rotate,.ball-rotate>div{position:relative}.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before{background-color:#fff;width:15px;height:15px;border-radius:100%}.ball-scale-random>div:nth-child(1){margin-left:-7px;-webkit-animation:ball-scale 1s .2s ease-in-out infinite;animation:ball-scale 1s .2s ease-in-out infinite}.ball-scale-random>div:nth-child(3){margin-left:-2px;margin-top:9px;-webkit-animation:ball-scale 1s .5s ease-in-out infinite;animation:ball-scale 1s .5s ease-in-out infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ball-rotate>div{margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ball-rotate>div:first-child{-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite}.ball-rotate>div:after,.ball-rotate>div:before{margin:2px;content:"";position:absolute;opacity:.8}.ball-rotate>div:before{top:0;left:-28px}.ball-rotate>div:after{top:0;left:25px}.ball-clip-rotate>div{border-radius:100%;margin:2px;border:2px solid #fff;border-bottom-color:transparent;height:26px;width:26px;background:0 0!important;display:inline-block;-webkit-animation:rotate .75s 0s linear infinite;animation:rotate .75s 0s linear infinite}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes scale{30%{-webkit-transform:scale(.3);transform:scale(.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);transform:translateY(-15px)}.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}.ball-clip-rotate-pulse>div:first-child{background:#fff;height:16px;width:16px;top:7px;left:-7px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}.ball-clip-rotate-pulse>div:last-child{position:absolute;width:30px;height:30px;left:-16px;top:-2px;background:0 0;border:2px solid;border-color:#fff transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}.ball-beat>div,.ball-scale-multiple>div{background-color:#fff;border-radius:100%}@keyframes rotate{0%{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.6);transform:rotate(180deg) scale(.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate-multiple{position:relative}.ball-clip-rotate-multiple>div{position:absolute;left:-20px;top:-20px;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:-10px;left:-10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple>div{height:50px;width:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8)}@-webkit-keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple-multiple{position:relative;-webkit-transform:translateY(-25px);transform:translateY(-25px)}.ball-scale-ripple-multiple>div:nth-child(0){-webkit-animation-delay:-.8s;animation-delay:-.8s}.ball-scale-ripple-multiple>div:nth-child(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}.ball-scale-ripple-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ball-scale-ripple-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-ripple-multiple>div{position:absolute;top:-2px;left:-26px;width:50px;height:50px;border-radius:100%;border:2px solid #fff;-webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)}@-webkit-keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(.75);transform:scale(.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-beat>div{width:15px;height:15px;margin:2px;display:inline-block;-webkit-animation:ball-beat .7s 0s infinite linear;animation:ball-beat .7s 0s infinite linear}.ball-beat>div:nth-child(2n-1){-webkit-animation-delay:-.35s!important;animation-delay:-.35s!important}@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale-multiple{position:relative;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-multiple>div{position:absolute;left:-30px;top:0;opacity:0;margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}.ball-triangle-path>div:nth-child(1),.ball-triangle-path>div:nth-child(2){-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite}@-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-triangle-path{position:relative;-webkit-transform:translate(-29.99px,-37.51px);transform:translate(-29.99px,-37.51px)}.ball-triangle-path>div:nth-child(1){-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;-webkit-animation-delay:0;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(2){-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;-webkit-animation-delay:0;animation-delay:0;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(3){-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #fff}.ball-grid-beat>div,.ball-pulse-rise>div{-webkit-animation-fill-mode:both;-webkit-animation-iteration-count:infinite}.ball-grid-beat>div,.ball-grid-pulse>div,.ball-pulse-rise>div{height:15px;border-radius:100%;display:inline-block;background-color:#fff;margin:2px}.ball-triangle-path>div:nth-of-type(1){top:50px}.ball-triangle-path>div:nth-of-type(2){left:25px}.ball-triangle-path>div:nth-of-type(3){top:50px;left:50px}@-webkit-keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(.4);transform:scale(.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(.75);transform:scale(.75)}}.ball-pulse-rise>div{width:15px;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}.ball-pulse-rise>div:nth-child(2n){-webkit-animation-name:ball-pulse-rise-even;animation-name:ball-pulse-rise-even}.ball-pulse-rise>div:nth-child(2n-1){-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd}@-webkit-keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}@keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}.ball-grid-beat{width:57px}.ball-grid-beat>div:nth-child(1){-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-animation-duration:1.45s;animation-duration:1.45s}.ball-grid-beat>div:nth-child(2){-webkit-animation-delay:-20ms;animation-delay:-20ms;-webkit-animation-duration:.97s;animation-duration:.97s}.ball-grid-beat>div:nth-child(3){-webkit-animation-delay:.66s;animation-delay:.66s;-webkit-animation-duration:1.23s;animation-duration:1.23s}.ball-grid-beat>div:nth-child(4){-webkit-animation-delay:.64s;animation-delay:.64s;-webkit-animation-duration:1.24s;animation-duration:1.24s}.ball-grid-beat>div:nth-child(5){-webkit-animation-delay:-.19s;animation-delay:-.19s;-webkit-animation-duration:1.13s;animation-duration:1.13s}.ball-grid-beat>div:nth-child(6){-webkit-animation-delay:.69s;animation-delay:.69s;-webkit-animation-duration:1.42s;animation-duration:1.42s}.ball-grid-beat>div:nth-child(7){-webkit-animation-delay:.58s;animation-delay:.58s;-webkit-animation-duration:1.14s;animation-duration:1.14s}.ball-grid-beat>div:nth-child(8){-webkit-animation-delay:.21s;animation-delay:.21s;-webkit-animation-duration:1.17s;animation-duration:1.17s}.ball-grid-beat>div:nth-child(9){-webkit-animation-delay:-.18s;animation-delay:-.18s;-webkit-animation-duration:.65s;animation-duration:.65s}.ball-grid-beat>div{width:15px;animation-fill-mode:both;float:left;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ball-grid-pulse{width:57px}.ball-grid-pulse>div:nth-child(1){-webkit-animation-delay:.22s;animation-delay:.22s;-webkit-animation-duration:.9s;animation-duration:.9s}.ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:.64s;animation-delay:.64s;-webkit-animation-duration:1s;animation-duration:1s}.ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s;-webkit-animation-duration:.63s;animation-duration:.63s}.ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:-30ms;animation-delay:-30ms;-webkit-animation-duration:1.24s;animation-duration:1.24s}.ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:80ms;animation-delay:80ms;-webkit-animation-duration:1.37s;animation-duration:1.37s}.ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:.43s;animation-delay:.43s;-webkit-animation-duration:1.55s;animation-duration:1.55s}.ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:.7s;animation-duration:.7s}.ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:50ms;animation-delay:50ms;-webkit-animation-duration:.97s;animation-duration:.97s}.ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:.63s;animation-duration:.63s}.ball-grid-pulse>div{width:15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;float:left;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(.4);transform:scale(.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-spin-fade-loader{position:relative;top:-10px;left:-10px}.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;animation:ball-spin-fade-loader 1s -.96s infinite linear}.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;animation:ball-spin-fade-loader 1s -.84s infinite linear}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;animation:ball-spin-fade-loader 1s -.72s infinite linear}.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;animation:ball-spin-fade-loader 1s -.6s infinite linear}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;animation:ball-spin-fade-loader 1s -.48s infinite linear}.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;animation:ball-spin-fade-loader 1s -.36s infinite linear}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;animation:ball-spin-fade-loader 1s -.24s infinite linear}.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;animation:ball-spin-fade-loader 1s -.12s infinite linear}.ball-spin-fade-loader>div,.ball-spin-loader>div{-webkit-animation-fill-mode:both;position:absolute;width:15px;height:15px;border-radius:100%}.ball-spin-fade-loader>div{background-color:#fff;margin:2px;animation-fill-mode:both}@-webkit-keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}@keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}.ball-spin-loader{position:relative}.ball-spin-loader>span:nth-child(1){top:45px;left:0;-webkit-animation:ball-spin-loader 2s .9s infinite linear;animation:ball-spin-loader 2s .9s infinite linear}.ball-spin-loader>span:nth-child(2){top:30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 1.8s infinite linear;animation:ball-spin-loader 2s 1.8s infinite linear}.ball-spin-loader>span:nth-child(3){top:0;left:45px;-webkit-animation:ball-spin-loader 2s 2.7s infinite linear;animation:ball-spin-loader 2s 2.7s infinite linear}.ball-spin-loader>span:nth-child(4){top:-30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 3.6s infinite linear;animation:ball-spin-loader 2s 3.6s infinite linear}.ball-spin-loader>span:nth-child(5){top:-45px;left:0;-webkit-animation:ball-spin-loader 2s 4.5s infinite linear;animation:ball-spin-loader 2s 4.5s infinite linear}.ball-spin-loader>span:nth-child(6){top:-30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 5.4s infinite linear;animation:ball-spin-loader 2s 5.4s infinite linear}.ball-spin-loader>span:nth-child(7){top:0;left:-45px;-webkit-animation:ball-spin-loader 2s 6.3s infinite linear;animation:ball-spin-loader 2s 6.3s infinite linear}.ball-spin-loader>span:nth-child(8){top:30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 7.2s infinite linear;animation:ball-spin-loader 2s 7.2s infinite linear}.ball-spin-loader>div{animation-fill-mode:both;background:green}.ball-zig-zag-deflect>div,.ball-zig-zag>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;top:4px;left:-7px}@-webkit-keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag{position:relative;-webkit-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}.ball-zig-zag>div:first-child{-webkit-animation:ball-zig .7s 0s infinite linear;animation:ball-zig .7s 0s infinite linear}.ball-zig-zag>div:last-child{-webkit-animation:ball-zag .7s 0s infinite linear;animation:ball-zag .7s 0s infinite linear}@-webkit-keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig-deflect{17%,84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%,67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag-deflect{17%,84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%,67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%,50%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag-deflect{position:relative;-webkit-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag-deflect>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}.line-scale-party>div,.line-scale-pulse-out-rapid>div,.line-scale-pulse-out>div,.line-scale>div{width:4px;height:35px;display:inline-block}.line-scale-party>div,.line-scale-pulse-out-rapid>div,.line-scale-pulse-out>div,.line-scale>div,.line-spin-fade-loader>div{border-radius:2px;margin:2px;background-color:#fff}.ball-zig-zag-deflect>div:first-child{-webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;animation:ball-zig-deflect 1.5s 0s infinite linear}.ball-zig-zag-deflect>div:last-child{-webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;animation:ball-zag-deflect 1.5s 0s infinite linear}@-webkit-keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}@keyframes line-scale{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div{-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes line-scale-party{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}}@keyframes line-scale-party{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5)}}.line-scale-party>div:nth-child(1){-webkit-animation-delay:.48s;animation-delay:.48s;-webkit-animation-duration:.54s;animation-duration:.54s}.line-scale-party>div:nth-child(2){-webkit-animation-delay:-.15s;animation-delay:-.15s;-webkit-animation-duration:1.15s;animation-duration:1.15s}.line-scale-party>div:nth-child(3){-webkit-animation-delay:40ms;animation-delay:40ms;-webkit-animation-duration:.77s;animation-duration:.77s}.line-scale-party>div:nth-child(4){-webkit-animation-delay:-.12s;animation-delay:-.12s;-webkit-animation-duration:.61s;animation-duration:.61s}.line-scale-party>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}@keyframes line-scale-pulse-out{0%,100%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(.4);transform:scaley(.4)}}.line-scale-pulse-out>div{-webkit-animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)}.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4){-webkit-animation-delay:-.4s!important;animation-delay:-.4s!important}.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5){-webkit-animation-delay:-.2s!important;animation-delay:-.2s!important}@-webkit-keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}@keyframes line-scale-pulse-out-rapid{0%,90%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(.3);transform:scaley(.3)}}.line-scale-pulse-out-rapid>div{vertical-align:middle;-webkit-animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78);animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78)}.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4){-webkit-animation-delay:-.25s!important;animation-delay:-.25s!important}.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5){-webkit-animation-delay:0s!important;animation-delay:0s!important}@-webkit-keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}@keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}.line-spin-fade-loader{position:relative;top:-10px;left:-4px}.line-spin-fade-loader>div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(2){top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(4){top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(6){top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(8){top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out}.line-spin-fade-loader>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px}@-webkit-keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.triangle-skew-spin>div{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #fff;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.square-spin>div{width:50px;height:50px;background:#fff;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}.pacman>div:first-of-type,.pacman>div:nth-child(2){width:0;height:0;border-right:25px solid transparent;border-top:25px solid #fff;border-left:25px solid #fff;border-bottom:25px solid #fff;border-radius:25px;position:relative;left:-30px}@-webkit-keyframes rotate_pacman_half_up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate_pacman_half_up{0%,100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate_pacman_half_down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate_pacman_half_down{0%,100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}@keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}.pacman{position:relative}.pacman>div:nth-child(3){-webkit-animation:pacman-balls 1s -.66s infinite linear;animation:pacman-balls 1s -.66s infinite linear}.pacman>div:nth-child(4){-webkit-animation:pacman-balls 1s -.33s infinite linear;animation:pacman-balls 1s -.33s infinite linear}.pacman>div:nth-child(5){-webkit-animation:pacman-balls 1s 0s infinite linear;animation:pacman-balls 1s 0s infinite linear}.pacman>div:first-of-type{-webkit-animation:rotate_pacman_half_up .5s 0s infinite;animation:rotate_pacman_half_up .5s 0s infinite}.pacman>div:nth-child(2){-webkit-animation:rotate_pacman_half_down .5s 0s infinite;animation:rotate_pacman_half_down .5s 0s infinite;margin-top:-50px}.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){background-color:#fff;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:70px}@-webkit-keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(.5) rotate(-90deg);transform:translateX(50px) scale(.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(.5) rotate(-270deg);transform:translateY(50px) scale(.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);transform:translate(-25px,-25px)}.cube-transition>div{width:10px;height:10px;position:absolute;top:-5px;left:-5px;background-color:#fff;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out}.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%}
.cls-1 {
fill: #333;
fill-rule: evenodd;
}