@charset "UTF-8";

       .d-inline {
display: inline;
}
.d-inline-block {
display: inline-block;
}
.d-block {
display: block;
}
.d-grid {
display: -ms-grid;
display: grid;
}
.d-table {
display: table;
}
.d-table-row {
display: table-row;
}
.d-table-cell {
display: table-cell;
}
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-none {
display: none;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-last {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
@media (min-width: 424px) {
.d-xs-inline {
display: inline;
}
.d-xs-inline-block {
display: inline-block;
}
.d-xs-block {
display: block;
}
.d-xs-grid {
display: -ms-grid;
display: grid;
}
.d-xs-table {
display: table;
}
.d-xs-table-row {
display: table-row;
}
.d-xs-table-cell {
display: table-cell;
}
.d-xs-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-xs-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-xs-none {
display: none;
}
.order-xs-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xs-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xs-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xs-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xs-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xs-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xs-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xs-last {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media (min-width: 576px) {
.d-sm-inline {
display: inline;
}
.d-sm-inline-block {
display: inline-block;
}
.d-sm-block {
display: block;
}
.d-sm-grid {
display: -ms-grid;
display: grid;
}
.d-sm-table {
display: table;
}
.d-sm-table-row {
display: table-row;
}
.d-sm-table-cell {
display: table-cell;
}
.d-sm-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-sm-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-sm-none {
display: none;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-last {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media (min-width: 768px) {
.d-md-inline {
display: inline;
}
.d-md-inline-block {
display: inline-block;
}
.d-md-block {
display: block;
}
.d-md-grid {
display: -ms-grid;
display: grid;
}
.d-md-table {
display: table;
}
.d-md-table-row {
display: table-row;
}
.d-md-table-cell {
display: table-cell;
}
.d-md-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-md-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-md-none {
display: none;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-last {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media (min-width: 992px) {
.d-lg-inline {
display: inline;
}
.d-lg-inline-block {
display: inline-block;
}
.d-lg-block {
display: block;
}
.d-lg-grid {
display: -ms-grid;
display: grid;
}
.d-lg-table {
display: table;
}
.d-lg-table-row {
display: table-row;
}
.d-lg-table-cell {
display: table-cell;
}
.d-lg-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-lg-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-lg-none {
display: none;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-last {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media (min-width: 1280px) {
.d-xl-inline {
display: inline;
}
.d-xl-inline-block {
display: inline-block;
}
.d-xl-block {
display: block;
}
.d-xl-grid {
display: -ms-grid;
display: grid;
}
.d-xl-table {
display: table;
}
.d-xl-table-row {
display: table-row;
}
.d-xl-table-cell {
display: table-cell;
}
.d-xl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-xl-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-xl-none {
display: none;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-last {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media (min-width: 1480px) {
.d-xxl-inline {
display: inline;
}
.d-xxl-inline-block {
display: inline-block;
}
.d-xxl-block {
display: block;
}
.d-xxl-grid {
display: -ms-grid;
display: grid;
}
.d-xxl-table {
display: table;
}
.d-xxl-table-row {
display: table-row;
}
.d-xxl-table-cell {
display: table-cell;
}
.d-xxl-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-xxl-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-xxl-none {
display: none;
}
.order-xxl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xxl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xxl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xxl-last {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
@media print {
.d-print-inline {
display: inline;
}
.d-print-inline-block {
display: inline-block;
}
.d-print-block {
display: block;
}
.d-print-grid {
display: -ms-grid;
display: grid;
}
.d-print-table {
display: table;
}
.d-print-table-row {
display: table-row;
}
.d-print-table-cell {
display: table-cell;
}
.d-print-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.d-print-inline-flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.d-print-none {
display: none;
}
}    :root {
--color-group: #82b340;
--color-light-group: #f4ffec;
--mark-group: url(//midori-group.com/wp-content/themes/midori-group/images/logo-green_01.svg);
}
._pink {
--color-group: #ff7bb0;
--color-light-group: #ffeef5;
--color-dark-group: #ed8598;
--mark-group: url(//midori-group.com/wp-content/themes/midori-group/images/logo-pink_01.svg);
}
._blue {
--color-group: #00b8e0;
--color-light-group: #e7f9fd;
--color-dark-group: #53b6cf;
--mark-group: url(//midori-group.com/wp-content/themes/midori-group/images/logo-blue_01.svg);
}
._orange {
--color-group: #f48925;
--color-light-group: #fff5ea;
--color-dark-group: #e58957;
--mark-group: url(//midori-group.com/wp-content/themes/midori-group/images/logo-orange_01.svg);
}
._black {
--color-group: #221e1f;
}
._green {
--color-group: #82b340;
}  :root {
--container-width: clamp(30rem, 18.158rem + 50.53vw, 75rem);
--container-width-xs: clamp(30rem, 30rem + 0vw, 30rem);
--container-width-sm: clamp(30rem, 29.013rem + 4.21vw, 33.75rem);
--container-width-md: clamp(30rem, 26.053rem + 16.84vw, 45rem);
--container-width-lg: clamp(30rem, 20.789rem + 39.3vw, 65rem);
--container-width-xl: clamp(30rem, 18.158rem + 50.53vw, 75rem);
--container-width-xxl: clamp(30rem, 16.184rem + 58.95vw, 82.5rem);
}      html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}    h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1em;
font-weight: 500;
margin: 0;
clear: both;
} :where(p) {
margin: 0;
margin-bottom: 1em;
}
:where(p):last-of-type {
margin-bottom: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}  html {
scroll-behavior: smooth;
scroll-padding-top: 80px;
overflow-x: hidden;
}
body {
color: #4e4648;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
letter-spacing: 0.05em;
line-height: 1.6;
overflow-x: hidden;
}
body.home {
font-weight: 500;
color: #221e1f;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}   button,
input[type=button],
input[type=reset],
input[type=submit] {
border: none;
border-radius: 0;
background-color: #fff;
color: #221e1f;
line-height: 1;
padding: 8px 16px;
}
button:active, button:focus-visible,
input[type=button]:active,
input[type=button]:focus-visible,
input[type=reset]:active,
input[type=reset]:focus-visible,
input[type=submit]:active,
input[type=submit]:focus-visible {
border-color: #aaa #bbb #bbb;
} input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus-visible,
input[type=email]:focus-visible,
input[type=url]:focus-visible,
input[type=password]:focus-visible,
input[type=search]:focus-visible,
input[type=number]:focus-visible,
input[type=tel]:focus-visible,
input[type=range]:focus-visible,
input[type=date]:focus-visible,
input[type=month]:focus-visible,
input[type=week]:focus-visible,
input[type=time]:focus-visible,
input[type=datetime]:focus-visible,
input[type=datetime-local]:focus-visible,
input[type=color]:focus-visible,
textarea:focus-visible {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}    .sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: -ms-grid;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
-ms-grid-columns: (1fr)[7];
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
-ms-grid-columns: (1fr)[8];
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
-ms-grid-columns: (1fr)[9];
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}     .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}  .hamburger {
display: inline-block;
display: -ms-grid;
display: grid;
place-content: center;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: #43a700;
border: 0;
margin: 0;
overflow: visible;
width: 52px;
height: 52px;
aspect-ratio: 1/1;
border-radius: 50%;
}
.hamburger:after {
content: "MENU";
font-size: 8px;
color: #fff;
margin-top: 6px;
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.hamburger-box {
width: 26px;
height: 16px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 26px;
height: 2px;
background-color: #fff;
border-radius: 4px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -7px;
}
.hamburger-inner::after {
bottom: -7px;
} .hamburger--3dx .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.toggle .hamburger--3dx .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.toggle .hamburger--3dx .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.toggle .hamburger--3dx .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.-is-open .hamburger--3dx-r .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.-is-open .hamburger--3dx-r .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.-is-open .hamburger--3dx-r .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.-is-open .hamburger--3dy .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.-is-open .hamburger--3dy .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.-is-open .hamburger--3dy .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.-is-open .hamburger--3dy-r .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.-is-open .hamburger--3dy-r .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.-is-open .hamburger--3dy-r .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.-is-open .hamburger--3dxy .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg);
transform: rotateX(180deg) rotateY(180deg);
}
.-is-open .hamburger--3dxy .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.-is-open .hamburger--3dxy .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy-r .hamburger-box {
-webkit-perspective: 80px;
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.-is-open .hamburger--3dxy-r .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.-is-open .hamburger--3dxy-r .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.-is-open .hamburger--3dxy-r .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .-is-open .hamburger--arrow .hamburger-inner::before {
-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.-is-open .hamburger--arrow .hamburger-inner::after {
-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .-is-open .hamburger--arrow-r .hamburger-inner::before {
-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.-is-open .hamburger--arrow-r .hamburger-inner::after {
-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.-is-open .hamburger--arrowalt .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.-is-open .hamburger--arrowalt .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.-is-open .hamburger--arrowalt-r .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.-is-open .hamburger--arrowalt-r .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .-is-open .hamburger--arrowturn .hamburger-inner {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.-is-open .hamburger--arrowturn .hamburger-inner::before {
-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.-is-open .hamburger--arrowturn .hamburger-inner::after {
-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .-is-open .hamburger--arrowturn-r .hamburger-inner {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.-is-open .hamburger--arrowturn-r .hamburger-inner::before {
-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.-is-open .hamburger--arrowturn-r .hamburger-inner::after {
-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
-webkit-transition-property: none;
transition-property: none;
}
.-is-open .hamburger--boring .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.-is-open .hamburger--boring .hamburger-inner::before {
top: 0;
opacity: 0;
}
.-is-open .hamburger--boring .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--collapse .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--collapse .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.-is-open .hamburger--collapse .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--collapse-r .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
transform: translate3d(0, -10px, 0) rotate(45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--collapse-r .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.-is-open .hamburger--collapse-r .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--elastic .hamburger-inner {
top: 2px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 10px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 20px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.-is-open .hamburger--elastic .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
transform: translate3d(0, 10px, 0) rotate(135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.-is-open .hamburger--elastic .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.-is-open .hamburger--elastic .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
transform: translate3d(0, -20px, 0) rotate(-270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
} .hamburger--elastic-r .hamburger-inner {
top: 2px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.-is-open .hamburger--elastic-r .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
transform: translate3d(0, 10px, 0) rotate(-135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
.-is-open .hamburger--elastic-r .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.-is-open .hamburger--elastic-r .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
transform: translate3d(0, -20px, 0) rotate(270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
} .hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.-is-open .hamburger--emphatic .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.-is-open .hamburger--emphatic .hamburger-inner::before {
left: -80px;
top: -80px;
-webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
transform: translate3d(80px, 80px, 0) rotate(45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.-is-open .hamburger--emphatic .hamburger-inner::after {
right: -80px;
top: -80px;
-webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}
.-is-open .hamburger--emphatic-r .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important;
}
.-is-open .hamburger--emphatic-r .hamburger-inner::before {
left: -80px;
top: 80px;
-webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
transform: translate3d(80px, -80px, 0) rotate(-45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.-is-open .hamburger--emphatic-r .hamburger-inner::after {
right: -80px;
top: 80px;
-webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
transform: translate3d(-80px, -80px, 0) rotate(45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.-is-open .hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
opacity: 0;
-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.-is-open .hamburger--minus .hamburger-inner::before {
top: 0;
}
.-is-open .hamburger--minus .hamburger-inner::after {
bottom: 0;
} .hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.-is-open .hamburger--slider .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.-is-open .hamburger--slider .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.-is-open .hamburger--slider .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
transform: translate3d(0, -20px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 20px;
}
.-is-open .hamburger--slider-r .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.-is-open .hamburger--slider-r .hamburger-inner::before {
-webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0;
}
.-is-open .hamburger--slider-r .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
transform: translate3d(0, -20px, 0) rotate(90deg);
} .hamburger--spin .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--spin .hamburger-inner {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--spin .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.-is-open .hamburger--spin .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--spin-r .hamburger-inner {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--spin-r .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.-is-open .hamburger--spin-r .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spring .hamburger-inner {
top: 2px;
-webkit-transition: background-color 0s 0.13s linear;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--spring .hamburger-inner {
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
background-color: transparent !important;
}
.-is-open .hamburger--spring .hamburger-inner::before {
top: 0;
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.-is-open .hamburger--spring .hamburger-inner::after {
top: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
transform: translate3d(0, 10px, 0) rotate(-45deg);
} .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--spring-r .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--spring-r .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.-is-open .hamburger--spring-r .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--stand .hamburger-inner {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--stand .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--stand .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--stand-r .hamburger-inner {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--stand-r .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--stand-r .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.-is-open .hamburger--squeeze .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.-is-open .hamburger--squeeze .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.-is-open .hamburger--squeeze .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.-is-open .hamburger--vortex .hamburger-inner {
-webkit-transform: rotate(765deg);
transform: rotate(765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.-is-open .hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.-is-open .hamburger--vortex .hamburger-inner::before {
top: 0;
opacity: 0;
}
.-is-open .hamburger--vortex .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform;
}
.-is-open .hamburger--vortex-r .hamburger-inner {
-webkit-transform: rotate(-765deg);
transform: rotate(-765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.-is-open .hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.-is-open .hamburger--vortex-r .hamburger-inner::before {
top: 0;
opacity: 0;
}
.-is-open .hamburger--vortex-r .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}   :root {
--animate-duration: 1s;
--animate-delay: 0s;
--animate-repeat: 1;
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*=Out] {
opacity: 0;
}
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: 2;
animation-iteration-count: 2;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: 3;
animation-iteration-count: 3;
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-delay: calc(var(--animate-delay) * 2);
animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-delay: calc(var(--animate-delay) * 3);
animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-delay: calc(var(--animate-delay) * 4);
animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-delay: calc(var(--animate-delay) * 5);
animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-duration: calc(var(--animate-duration) / 2);
animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*=Out] {
opacity: 0;
}
} @-webkit-keyframes bounce {
0%, 6%, 15.9% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
12%, 12.9% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -21px, 0) scaleY(1.07);
transform: translate3d(0, -21px, 0) scaleY(1.07);
}
23.8% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -10.5px, 0) scaleY(1.035);
transform: translate3d(0, -10.5px, 0) scaleY(1.035);
}
26.6% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.965);
transform: translate3d(0, 0, 0) scaleY(0.965);
}
29.4% {
-webkit-transform: translate3d(0, -2.8px, 0) scaleY(1.014);
transform: translate3d(0, -2.8px, 0) scaleY(1.014);
}
30%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounce {
0%, 6%, 15.9% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
12%, 12.9% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -21px, 0) scaleY(1.07);
transform: translate3d(0, -21px, 0) scaleY(1.07);
}
23.8% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -10.5px, 0) scaleY(1.035);
transform: translate3d(0, -10.5px, 0) scaleY(1.035);
}
26.6% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.965);
transform: translate3d(0, 0, 0) scaleY(0.965);
}
29.4% {
-webkit-transform: translate3d(0, -2.8px, 0) scaleY(1.014);
transform: translate3d(0, -2.8px, 0) scaleY(1.014);
}
30%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shakeX {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX;
}
@-webkit-keyframes shakeY {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@keyframes shakeY {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
opacity: 1;
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
} @-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight;
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp;
} @-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp;
} @-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
} @-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.animate__bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translateX(40px);
transform: translateX(40px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 1em, 0);
transform: translate3d(0, 1em, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 1em, 0);
transform: translate3d(0, 1em, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight;
} @-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
@keyframes fadeOutTopLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
@keyframes fadeOutTopRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
@keyframes fadeOutBottomRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
@keyframes fadeOutBottomLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft;
} @-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
} @-webkit-keyframes lightSpeedInRight {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedInRight {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} @-webkit-keyframes rotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
} @-webkit-keyframes rotateOut {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
} @-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.animate__hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
} @-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
} @-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
} @-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
} @-webkit-keyframes clipIn {
from {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
to {
-webkit-clip-path: inset(0);
clip-path: inset(0);
}
}
@keyframes clipIn {
from {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
to {
-webkit-clip-path: inset(0);
clip-path: inset(0);
}
}
.clipIn {
-webkit-animation-name: clipIn;
animation-name: clipIn;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
}
@-webkit-keyframes printIn {
from {
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
}
to {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes printIn {
from {
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
}
to {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
.printIn {
-webkit-animation-name: printIn;
animation-name: printIn;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
@-webkit-keyframes openFadeInLeft {
0% {
left: 50%;
}
100% {
left: 0%;
}
}
@keyframes openFadeInLeft {
0% {
left: 50%;
}
100% {
left: 0%;
}
}
.openFadeIn {
vertical-align: middle;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
white-space: nowrap;
display: inline-block;
}
.openFadeIn:before {
-webkit-animation-name: openFadeInleft;
animation-name: openFadeInleft;
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@-webkit-keyframes bracketLeft {
from {
left: calc(50% - 0.8em);
}
to {
left: 0;
}
}
@keyframes bracketLeft {
from {
left: calc(50% - 0.8em);
}
to {
left: 0;
}
}
.bracketLeft {
-webkit-animation-name: bracketLeft;
animation-name: bracketLeft;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes bracketRight {
from {
right: calc(50% - 0.8em);
}
to {
right: 0;
}
}
@keyframes bracketRight {
from {
right: calc(50% - 0.8em);
}
to {
right: 0;
}
}
.bracketRight {
-webkit-animation-name: bracketRight;
animation-name: bracketRight;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
[data-scroll] {
-webkit-transition: 1s ease;
transition: 1s ease;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
[data-scroll=out] {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
[data-scroll=in] {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.animate-group[data-scroll] .animate-group-item {
-webkit-transition: 1s ease;
transition: 1s ease;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate-group[data-scroll=out] .animate-group-item {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.animate-group[data-scroll=in] .animate-group-item {
-webkit-animation-play-state: running;
animation-play-state: running;
}  .splitting .word,
.splitting .char {
display: inline-block;
} .splitting .char {
position: relative;
} .splitting .char::before,
.splitting .char::after {
content: attr(data-char);
position: absolute;
top: 0;
left: 0;
visibility: hidden;
-webkit-transition: inherit;
transition: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .splitting { --word-center: calc((var(--word-total) - 1) / 2); --char-center: calc((var(--char-total) - 1) / 2); --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word { --word-percent: calc(var(--word-index) / var(--word-total)); --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char { --char-percent: calc(var(--char-index) / var(--char-total)); --char-offset: calc(var(--char-index) - var(--char-center)); --distance: calc((var(--char-offset) * var(--char-offset)) / var(--char-center)); --distance-sine: calc(var(--char-offset) / var(--char-center)); --distance-percent: calc((var(--distance) / var(--char-center)));
}  .headline:nth-child(1) {
--color: blue #0d6efd;
}
.headline:nth-child(2) {
--color: indigo #6610f2;
}
.headline:nth-child(3) {
--color: purple #6f42c1;
}
.headline:nth-child(4) {
--color: pink #d63384;
}
.headline:nth-child(5) {
--color: red #dc3545;
}
.headline:nth-child(6) {
--color: orange #fd7e14;
}
.headline:nth-child(7) {
--color: yellow #ffc107;
}
.headline:nth-child(8) {
--color: green #198754;
}
.headline:nth-child(9) {
--color: teal #20c997;
}
.headline:nth-child(10) {
--color: cyan #0dcaf0;
}
.headline:nth-child(11) {
--color: black #000;
}
.headline:nth-child(12) {
--color: white #fff;
}
.headline:nth-child(13) {
--color: gray #6c757d;
}
.headline:nth-child(14) {
--color: gray-dark #343a40;
}
.word,
.char {
-webkit-animation-delay: var(--del);
animation-delay: var(--del);
-webkit-animation-direction: var(--dir, normal);
animation-direction: var(--dir, normal);
-webkit-animation-duration: var(--dur);
animation-duration: var(--dur);
-webkit-animation-iteration-count: var(--it, infinite);
animation-iteration-count: var(--it, infinite);
-webkit-animation-name: var(--name);
animation-name: var(--name);
-webkit-animation-timing-function: var(--tf);
animation-timing-function: var(--tf);
-webkit-animation-fill-mode: var(--fill, forwards);
animation-fill-mode: var(--fill, forwards);
display: inline-block;
position: relative;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
z-index: 1;
}
.headline--float .char {
--name: float;
--dur: 2200ms;
--del: calc(var(--char-index) * -0.5s);
--tf: ease-in-out;
--dir: alternate;
}
.headline--float .char:nth-child(2n) {
--name: float-alt;
}
@-webkit-keyframes float {
from {
-webkit-transform: translate(2%, -10%) rotate(-1deg);
transform: translate(2%, -10%) rotate(-1deg);
}
to {
-webkit-transform: translate(-2%, 5%) rotate(3deg);
transform: translate(-2%, 5%) rotate(3deg);
}
}
@keyframes float {
from {
-webkit-transform: translate(2%, -10%) rotate(-1deg);
transform: translate(2%, -10%) rotate(-1deg);
}
to {
-webkit-transform: translate(-2%, 5%) rotate(3deg);
transform: translate(-2%, 5%) rotate(3deg);
}
}
@-webkit-keyframes float-alt {
from {
-webkit-transform: translate(0%, -5%) rotate(-1deg);
transform: translate(0%, -5%) rotate(-1deg);
}
to {
-webkit-transform: translate(2%, 10%) rotate(3deg);
transform: translate(2%, 10%) rotate(3deg);
}
}
@keyframes float-alt {
from {
-webkit-transform: translate(0%, -5%) rotate(-1deg);
transform: translate(0%, -5%) rotate(-1deg);
}
to {
-webkit-transform: translate(2%, 10%) rotate(3deg);
transform: translate(2%, 10%) rotate(3deg);
}
}
.js-split[data-scroll=out] .char {
opacity: 0;
}
.js-split.-bounceIn[data-scroll=in] .char {
-webkit-animation: bounceIn 1s calc(0.25s + var(--char-index) * 0.075s) both;
animation: bounceIn 1s calc(0.25s + var(--char-index) * 0.075s) both;
}
.js-split.-fadeIn[data-scroll=in] .char {
-webkit-animation: fadeIn 1s calc(0.25s + var(--char-index) * 0.075s) both;
animation: fadeIn 1s calc(0.25s + var(--char-index) * 0.075s) both;
}
.js-split.-fadeInUp[data-scroll=in] .char {
-webkit-animation: fadeInUp 0.5s calc(0.25s + var(--char-index) * 0.075s) both;
animation: fadeInUp 0.5s calc(0.25s + var(--char-index) * 0.075s) both;
}
.js-split.-fadeInRight[data-scroll=in] .char {
-webkit-animation: fadeInRight 0.5s calc(0.25s + var(--char-index) * 0.1s) both;
animation: fadeInRight 0.5s calc(0.25s + var(--char-index) * 0.1s) both;
}   .default-container {
width: var(--container-width);
max-width: 94vw;
margin-inline: auto;
}
.default-container.-md {
width: var(--container-width-md);
}
.default-container.-lg {
width: var(--container-width-lg);
}
.default-container.-xxl {
width: var(--container-width-xxl);
}
.default-section {
padding-top: clamp(2.5rem, 1.579rem + 3.93vw, 6rem);
padding-bottom: clamp(3rem, 1.158rem + 7.86vw, 10rem);
position: relative;
contain: paint;
}
.default-section.-bg-mark {
background: #f6f6f6;
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/bg-mark_01.svg);
background-repeat: no-repeat;
background-position: center top calc(100% + clamp(0rem, -5.263rem + 22.46vw, 20rem));
background-size: 100%;
}
.default-ornament {
--ornament-width: clamp(10rem, 3.553rem + 27.51vw, 34.5rem);
}
.default-ornament::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
translate: -50% -70%;
width: var(--ornament-width);
aspect-ratio: 1/1;
border-radius: 50%;
background-color: var(--color-group);
z-index: -1;
opacity: 0.06;
-webkit-filter: blur(clamp(0.938rem, 0.362rem + 2.46vw, 3.125rem));
filter: blur(clamp(0.938rem, 0.362rem + 2.46vw, 3.125rem));
}
.default-ornament.-medical {
--color-group: #ff7bb0;
}
.default-ornament.-nursing {
--color-group: #00b8e0;
}
.default-ornament.-home {
--color-group: #f48925;
}
.default-txt {
line-height: 2.1;
letter-spacing: 0;
}
.default-txt:has(+ *) {
margin-bottom: clamp(2.5rem, 2.105rem + 1.68vw, 4rem);
}
.default-txt.-center {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
}
.default-btn {
display: block;
width: clamp(12.5rem, 10.855rem + 7.02vw, 18.75rem);
background-color: #43a700;
color: #fff;
line-height: clamp(2.688rem, 2.326rem + 1.54vw, 4.063rem);
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
font-weight: 700;
position: relative;
border-radius: 40px;
text-align: center;
text-indent: -0.2em;
border: 1px solid #43a700;
}
@media (any-hover: hover) {
.default-btn:hover {
color: #43a700;
background-color: #fff;
}
.default-btn:hover > .icon {
translate: 3px 0;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
}
.home-recruit > .content > .default-btn {
margin-top: 40px;
margin-inline: auto;
}
@media (min-width: 1280px) {
.home-recruit > .content > .default-btn {
margin-inline: 0;
}
}
.default-btn > .icon {
position: absolute;
right: 7%;
top: 50%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
font-size: 1.3em;
}
.default-circle-arrow {
width: 32px;
aspect-ratio: 1/1;
display: -ms-grid;
display: grid;
place-content: center;
border-radius: 50%;
background-color: color-mix(in srgb, var(--color-group), transparent 90%);
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.default-circle-arrow > .icon {
color: var(--color-group);
font-size: 14px;
}
@media (any-hover: hover) {
a:hover .default-circle-arrow {
translate: 3px 0;
background-color: color-mix(in srgb, var(--color-group), transparent 0%);
}
a:hover .default-circle-arrow > .icon {
color: #fff;
}
}
.default-circle-arrow.-small {
width: 30px;
}
.default-circle-arrow.-small > .icon {
font-size: 13px;
}
.default-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #4e4648;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
letter-spacing: 0;
margin-left: auto;
white-space: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (any-hover: hover) {
.default-link:hover {
color: var(--color-group);
}
}
.default-link > .txt {
text-decoration: underline;
text-underline-offset: 0.1em;
}
.default-link.-current {
color: var(--color-group);
}
.default-link.-current > .default-circle-arrow {
background-color: color-mix(in srgb, var(--color-group), transparent 0%);
}
.default-link.-current > .default-circle-arrow > .icon {
color: #fff;
}
.default-mark-hdg {
background: var(--mark-group) no-repeat 50% 0/clamp(1.25rem, 1.086rem + 0.7vw, 1.875rem) auto;
text-align: center;
padding-top: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.75rem, 1.553rem + 0.84vw, 2.5rem);
letter-spacing: 0;
color: #4e4648;
margin-bottom: clamp(2rem, 1.605rem + 1.68vw, 3.5rem);
}
.default-line-hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.25rem, 1.151rem + 0.42vw, 1.625rem);
font-weight: 500;
color: #4e4648;
position: relative;
letter-spacing: 0;
line-height: 1.2;
margin-bottom: 24px;
margin-top: 64px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
-webkit-column-gap: clamp(0.25rem, 0.053rem + 0.84vw, 1rem);
-moz-column-gap: clamp(0.25rem, 0.053rem + 0.84vw, 1rem);
column-gap: clamp(0.25rem, 0.053rem + 0.84vw, 1rem);
}
.default-line-hdg::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #4e4648;
}
.default-line-hdg.-noline::after {
display: none;
}
.default-table-outer {
overflow-y: hidden !important;
}
.default-table {
--color-table-line: color-mix(in srgb, var(--color-dark-group), white 60%);
font-weight: 500;
margin-bottom: 0;
letter-spacing: 0;
border-collapse: collapse;
border-left: 1px solid var(--color-table-line);
}
.default-table th,
.default-table td {
font-weight: 500;
min-width: 72px;
white-space: nowrap;
padding: 12px 16px;
border-bottom: 1px solid var(--color-table-line);
border-right: 1px dotted var(--color-table-line);
}
.default-table th:last-child,
.default-table td:last-child {
border-right-style: solid;
}
.default-table th {
background-color: var(--color-dark-group);
color: #fff;
text-align: center;
}
.default-table td {
color: #4e4648;
text-align: right;
}
.default-table .w-10 {
width: 10%;
}
.default-table .w-12 {
width: 12%;
}
.default-table .w-15 {
width: 15%;
}
.default-table .w-20 {
width: 20%;
}
.default-table .w-25 {
width: 25%;
}
.default-table .w-30 {
width: 30%;
}
.default-table .w-40 {
width: 40%;
}
.default-table .w-50 {
width: 50%;
}
.default-table .mw-150 {
min-width: 150px;
}
.default-table .bg-gray {
background-color: #f6f6f6;
color: #4e4648;
}
.default-table .bg-white {
background-color: #fff;
color: #4e4648;
}
.default-table .color-black {
color: #4e4648;
}
.default-table .color-pink {
color: var(--color-dark-group);
}
.default-table .icon {
color: var(--color-dark-group);
font-size: 2em;
line-height: 1.25;
}
.default-table .check {
color: var(--color-dark-group);
font-size: 1.5em;
line-height: 1.25;
}
.default-table .small {
font-size: 12px;
display: block;
}
.default-table .text-left {
text-align: left;
}
.default-service-list {
display: -ms-grid;
display: grid;
gap: clamp(0.75rem, 0.684rem + 0.28vw, 1rem);
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
border-radius: 8px;
letter-spacing: 0;
}
@media (min-width: 992px) {
.default-service-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
.default-service-list > .item {
background-color: #fff;
border-radius: 4px;
padding: clamp(1.25rem, 1.053rem + 0.84vw, 2rem) clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
}
.default-service-list > .item.-full {
grid-column: 1/-1;
}
.default-service-list > .item > .hdg {
color: var(--color-group);
font-size: clamp(1.375rem, 1.243rem + 0.56vw, 1.875rem);
text-align: center;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
}
.default-service-list > .item > .hdg.-line::after {
content: "";
display: block;
width: 24px;
height: 1px;
margin-inline: auto;
background-color: var(--color-group);
margin-top: 8px;
}
.default-service-list > .item > .txt {
margin-top: 12px;
line-height: 2;
}
.default-service-list > .item > .figure {
text-align: center;
margin-top: 16px;
}
.default-service-list > .item > .figure > .img {
width: 264px;
}
.default-service-list > .item > .figure > .caption {
margin-top: 24px;
font-size: clamp(0.938rem, 0.888rem + 0.21vw, 1.125rem);
}
.default-about-box {
background-color: #fff;
background-color: #f6f6f6;
border-radius: 8px;
letter-spacing: 0;
margin-top: 80px;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
}
.default-about-box > .hdg {
background-color: var(--color-group);
border-radius: 4px;
color: #fff;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.125rem, 1.01rem + 0.49vw, 1.563rem);
font-weight: 500;
margin-bottom: 32px;
padding: 12px 24px;
}
.default-about-box > .body {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: clamp(0.5rem, 0.105rem + 1.68vw, 2rem);
-moz-column-gap: clamp(0.5rem, 0.105rem + 1.68vw, 2rem);
column-gap: clamp(0.5rem, 0.105rem + 1.68vw, 2rem);
display: -ms-grid;
display: grid;
line-height: 2;
row-gap: 24px;
}
@media (min-width: 992px) {
.default-about-box > .body {
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
}
}
.default-about-box > .body > .imgouter {
padding-inline: clamp(1.25rem, 1.053rem + 0.84vw, 2rem);
text-align: center;
}
.default-about-box > .body > .imgouter > .img {
max-width: 240px;
width: 100%;
}
.default-about-box.-bg-white {
background-color: #fff;
}
.default-gray-dl {
background-color: #f6f6f6;
border: 1px solid #f6f6f6;
border-radius: 4px;
display: -ms-grid;
display: grid;
row-gap: 1em;
letter-spacing: 0;
line-height: 1.75;
padding-block: clamp(1rem, 0.737rem + 1.12vw, 2rem);
padding-inline: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
}
.default-gray-dl:has(+ .annotation-list) {
margin-bottom: 24px;
}
.default-gray-dl > .item {
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
column-gap: 2em;
row-gap: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 576px) {
.default-gray-dl > .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.default-gray-dl > .item > .dt {
color: var(--color-group);
font-weight: 500;
white-space: nowrap;
}
.default-list {
color: #4e4648;
letter-spacing: 0;
display: -ms-grid;
display: grid;
gap: 0.5em;
}
.default-list.-center {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
}
.default-list > .item {
padding-left: 1.5em;
text-indent: -1.5em;
}
.default-list > .item:before {
content: attr(data-txt);
margin-right: 0.5em;
}
.default-list > .item > .marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, color-mix(in sRGB, transparent, var(--color-group) 25%)));
background: linear-gradient(transparent 75%, color-mix(in sRGB, transparent, var(--color-group) 25%) 75%);
}
a {
color: #4e4648;
text-decoration: none;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) and (hover: hover) {
a:where(:-moz-any-link, :enabled, summary):hover {
color: #4e4648;
}
a:where(:any-link, :enabled, summary):hover {
color: #4e4648;
}
}
img {
max-width: 100%;
vertical-align: middle;
}
ul,
ol {
list-style-type: none;
margin: 0;
padding: 0;
}
dl,
dt,
dd {
margin: 0;
padding: 0;
}
figure {
margin: 0;
}
.wpcf7 .ajax-loader {
display: block;
margin: 0 auto;
}
.site-loader {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: rgba(255, 255, 255, 0.6);
-webkit-transition: 1s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
transition: 1s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-loader::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: white;
position: fixed;
top: 0;
right: 0;
z-index: 1;
-webkit-transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.site-loader.-is-loaded {
width: 0%;
}
.site-loader.-is-loaded::after {
width: 0%;
}
.site {
padding-top: 112px;
}
.home .site {
padding-top: 0 !important;
}
.site.-no-emergency {
padding-top: 72px;
}
.site-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
.emergency-header {
background-color: #61a700;
position: relative;
z-index: 1;
height: 40px;
display: -ms-grid;
display: grid;
place-content: center;
}
@media (min-width: 1280px) {
.emergency-header {
padding-inline: 15em;
}
}
.emergency-header > .link {
position: absolute;
right: 32px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
font-weight: 700;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1em;
font-size: 15px;
}
@media (any-hover: hover) {
.emergency-header > .link:hover > .txt {
text-decoration: underline;
text-underline-offset: 0.1em;
}
.emergency-header > .link:hover > .icon {
translate: 3px 0;
}
}
@media (min-width: 1280px) {
.emergency-header > .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.emergency-header > .link > .icon {
font-size: 20px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.emergency-swiper .swiper-slide {
display: -ms-grid;
display: grid;
place-content: center;
}
.emergency-swiper .swiper-slide > .ttl > .link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
color: #fff;
max-width: calc(100vw - 18px);
}
@media (any-hover: hover) {
.emergency-swiper .swiper-slide > .ttl > .link:hover {
opacity: 0.6;
}
}
.emergency-swiper .swiper-slide > .ttl > .link > .icon {
margin-bottom: -0.1em;
}
.emergency-swiper .swiper-slide > .ttl > .link > .txt {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.main-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: white;
height: 72px;
padding-left: clamp(0.688rem, 0.211rem + 2.04vw, 2.5rem);
padding-right: clamp(0.688rem, 0.342rem + 1.47vw, 2rem);
position: absolute;
left: 0;
width: 100%;
-webkit-box-shadow: 0 0 clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem) rgba(0, 0, 0, 0.2);
box-shadow: 0 0 clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem) rgba(0, 0, 0, 0.2);
}
@media (min-width: 1280px) {
.main-header {
background-color: rgba(255, 255, 255, 0.9);
}
}
.main-header.is-sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
.site-title > .link > .img {
width: clamp(9.5rem, 8.711rem + 3.37vw, 12.5rem);
}
.menu-toggle {
background-color: transparent;
border: none;
border-radius: 0;
padding: 0;
pointer-events: auto;
position: absolute;
right: 10px;
top: 10px;
z-index: 100;
}
@media (min-width: 1280px) {
.menu-toggle {
right: 32px;
top: 28px;
display: none;
}
}
.menu-toggle > .img {
width: 46px;
display: block;
}
.menu-toggle > .img.-close {
display: none;
}
.main-navigation {
position: fixed;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
display: block;
}
@media (min-width: 1280px) {
.main-navigation {
position: static;
pointer-events: auto;
width: auto;
}
}
.menu-box {
height: 100vh;
overflow-y: scroll;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 2em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
translate: 100vw 0;
overscroll-behavior-y: contain;
background-color: #fff;
position: absolute;
right: 0;
max-width: 400px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (min-width: 1280px) {
.menu-box {
line-height: 46px;
translate: 0 0;
height: auto;
overflow-y: visible;
background-color: transparent;
max-width: none;
position: static;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.menu-box > .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: auto;
position: relative;
width: 100%;
height: auto;
min-height: calc(100vh + 1px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: clamp(0.25rem, -0.342rem + 2.53vw, 2.5rem);
-moz-column-gap: clamp(0.25rem, -0.342rem + 2.53vw, 2.5rem);
column-gap: clamp(0.25rem, -0.342rem + 2.53vw, 2.5rem);
-ms-flex-direction: column;
flex-direction: column;
padding: 80px 40px 120px;
row-gap: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1280px) {
.menu-box > .inner {
min-height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
}
}
.nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 24px;
-webkit-column-gap: clamp(0rem, -0.197rem + 0.84vw, 0.75rem);
-moz-column-gap: clamp(0rem, -0.197rem + 0.84vw, 0.75rem);
column-gap: clamp(0rem, -0.197rem + 0.84vw, 0.75rem);
font-weight: 700;
font-size: clamp(1rem, 0.901rem + 0.42vw, 1.375rem);
}
@media (min-width: 1280px) {
.nav-menu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.nav-menu > .item {
position: relative;
display: -ms-grid;
display: grid;
line-height: 1;
row-gap: 18px;
}
@media (min-width: 1280px) {
.nav-menu > .item {
padding-block: 8px;
}
}
@media (min-width: 1280px) and (any-hover: hover) {
.nav-menu > .item:hover .mega-menu {
opacity: 1;
visibility: visible;
translate: 0 0;
pointer-events: auto;
}
.nav-menu > .item:hover > .link {
background-color: #43a700;
color: #fff;
}
}
.nav-menu > .item > .link {
color: #43a700;
text-decoration: underline;
text-underline-offset: 0.2em;
}
@media (min-width: 1280px) {
.nav-menu > .item > .link {
display: block;
border-radius: 20px;
display: inline;
padding: 0.3em 0.7em 0.4em;
color: #221e1f;
text-decoration: none;
}
}
@media (min-width: 1280px) {
.mega-menu {
position: absolute;
top: calc(100% + 0px);
left: 0;
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 23px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
opacity: 0;
visibility: hidden;
translate: 20px 0;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
pointer-events: none;
}
}
.business-mega-menu {
display: -ms-grid;
display: grid;
row-gap: 16px;
}
@media (min-width: 1280px) {
.business-mega-menu {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 40px;
}
.business-mega-menu.-home {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.business-mega-menu > .item > .link {
display: -ms-grid;
display: grid;
row-gap: 18px;
color: #4e4648;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.business-mega-menu > .item > .link:hover {
color: #43a700;
}
.business-mega-menu > .item > .link:hover > .hdg > .icon {
translate: 3px 0;
}
.business-mega-menu > .item > .link:hover > .imgouter > .img {
scale: 1.1;
}
}
.business-mega-menu > .item > .link > .hdg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
line-height: 1;
font-size: 0.875rem;
}
.business-mega-menu > .item > .link > .hdg > .icon {
font-size: 1.3em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.business-mega-menu > .item > .link > .imgouter {
width: 13.25rem;
border-radius: 9px;
overflow: hidden;
display: none;
}
@media (min-width: 1280px) {
.business-mega-menu > .item > .link > .imgouter {
display: block;
}
}
.business-mega-menu > .item > .link > .imgouter > .img {
width: 100%;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (min-width: 1280px) {
.group-mega-menu {
width: 596px;
overflow: hidden;
line-height: 1;
font-weight: 500;
display: block;
}
}
.group-mega-menu > .link {
position: relative;
display: none;
}
@media (any-hover: hover) {
.group-mega-menu > .link:hover .bg::before {
opacity: 0;
}
.group-mega-menu > .link:hover > .txt > .icon {
translate: 0 0;
opacity: 1;
}
}
@media (min-width: 1280px) {
.group-mega-menu > .link {
display: block;
}
}
.group-mega-menu > .link > .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 108px;
padding: 40px;
color: #fff;
position: relative;
z-index: 1;
}
.group-mega-menu > .link > .txt > .icon {
translate: -8px 0;
opacity: 0;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.group-mega-menu > .link > .bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.group-mega-menu > .link > .bg::before, .group-mega-menu > .link > .bg::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/megamenu-group-image_02.jpg);
position: absolute;
top: 0;
left: 0;
z-index: 1;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.group-mega-menu > .link > .bg::after {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/megamenu-group-image_01.jpg);
z-index: 0;
}
.group-mega-menu > .list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 5fr 1em 6fr;
grid-template-columns: 5fr 6fr;
font-size: 0.875rem;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
@media (min-width: 1280px) {
.group-mega-menu > .list {
padding: 28px;
font-size: 1rem;
-ms-grid-columns: 1fr 0 1fr;
grid-template-columns: repeat(2, 1fr);
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
}
.group-mega-menu > .list > .item > .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #4e4648;
-webkit-column-gap: 0.4em;
-moz-column-gap: 0.4em;
column-gap: 0.4em;
border-radius: 4px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
padding-block: 8px;
}
@media (min-width: 1280px) {
.group-mega-menu > .list > .item > .link {
padding: 12px;
}
}
@media (any-hover: hover) {
.group-mega-menu > .list > .item > .link:hover {
color: #43a700;
}
.group-mega-menu > .list > .item > .link:hover > .icon {
translate: 3px 0;
}
}
.group-mega-menu > .list > .item > .link > .icon {
font-size: 0.85em;
margin-top: 0.2em;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
font-weight: 500;
width: 100%;
}
@media (min-width: 1280px) {
.sub-menu {
width: auto;
}
}
.sub-menu > .item {
position: relative;
width: 100%;
text-align: center;
}
@media (min-width: 1280px) {
.sub-menu > .item {
width: auto;
}
}
.sub-menu > .item::before, .sub-menu > .item:last-child::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0%;
translate: 0% -50%;
width: 1px;
height: 40px;
background-color: #c8c8c8;
}
@media (min-width: 1280px) {
.sub-menu > .item::before, .sub-menu > .item:last-child::after {
rotate: 30deg;
}
}
.sub-menu > .item:last-child::after {
right: 0;
left: auto;
}
.sub-menu > .item > .link {
padding-inline: clamp(0rem, -0.329rem + 1.4vw, 1.25rem);
}
@media (any-hover: hover) {
.sub-menu > .item > .link:hover {
color: #43a700;
}
}
.menu-contact {
background-color: #43a700;
color: #fff;
padding-left: 1.5em;
padding-right: 1.2em;
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5em;
border-radius: 40px;
border: 1px solid #43a700;
line-height: 46px;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1280px) {
.menu-contact {
width: auto;
}
}
@media (any-hover: hover) {
.menu-contact:hover {
background-color: #fff;
color: #43a700;
}
.menu-contact:hover > .icon {
translate: 3px 0;
}
}
.menu-contact > .icon {
font-size: 20px;
letter-spacing: 0;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.sns-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
-moz-column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
}
.sns-menu > .item > .link > .icon {
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
width: 36px;
}
@media (any-hover: hover) {
.sns-menu > .item > .link > .icon:hover {
scale: 1.2;
}
}
.toggled.main-navigation {
pointer-events: auto;
}
.toggled > .menu-box {
translate: 0 0;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.breadcrumbs {
padding-block: clamp(1rem, 0.803rem + 0.84vw, 1.75rem);
padding-inline: clamp(0.688rem, 0.211rem + 2.04vw, 2.5rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 0.75em;
font-size: clamp(0.75rem, 0.701rem + 0.21vw, 0.938rem);
color: #4e4648;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 1.4;
}
.breadcrumbs > .icon {
margin-bottom: -0.2em;
}
.breadcrumbs a {
color: #4e4648;
}
.home-kv {
width: 100%;
height: 100svh;
text-align: center;
position: relative;
padding-top: 8.5rem;
overflow: hidden;
}
.home-kv::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/kv-sp_09.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
z-index: 0;
scale: 1.08;
will-change: background-position, scale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: background-position 10s ease-out, scale 10s ease-out;
transition: background-position 10s ease-out, scale 10s ease-out;
}
@media (min-width: 576px) {
.home-kv::before {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/kv_06.jpg);
}
}
.home-kv[data-scroll=out]:before {
background-position: top 40px center;
scale: 1;
}
.home-kv::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 160px;
background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}
.kv-menu {
width: clamp(24.75rem, 16.214rem + 36.42vw, 57.188rem);
max-width: 94vw;
height: clamp(12.813rem, 9.408rem + 14.53vw, 25.75rem);
margin-inline: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #fff;
position: relative;
z-index: 1;
}
.kv-menu > .item {
width: 33.3333333333%;
max-width: 245px;
aspect-ratio: 1/1;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-content: center;
justify-items: center;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.kv-menu > .item.-nursing {
background-color: rgba(0, 111, 234, 0.6);
}
@media (any-hover: hover) {
.kv-menu > .item.-nursing:hover {
background-color: rgb(0, 111, 234);
}
}
.kv-menu > .item.-medical {
background-color: rgba(209, 34, 102, 0.6);
-ms-flex-item-align: start;
align-self: flex-start;
}
@media (any-hover: hover) {
.kv-menu > .item.-medical:hover {
background-color: rgb(209, 34, 102);
}
}
.kv-menu > .item.-home {
background-color: rgba(255, 107, 21, 0.6);
}
@media (any-hover: hover) {
.kv-menu > .item.-home:hover {
background-color: rgb(255, 107, 21);
}
}
.kv-menu > .item > .hdg {
font-size: clamp(1.125rem, 0.796rem + 1.4vw, 2.375rem);
line-height: 1;
margin-bottom: 0.3em;
}
.kv-menu > .item > .link {
line-height: 1;
margin-top: clamp(0rem, -0.253rem + 1.08vw, 0.963rem);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
.kv-menu > .item > .link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0%;
height: 1px;
background: #fff;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.kv-menu > .item > .link:hover::after {
width: 100%;
}
}
.kv-menu > .item > .link.-home {
margin-top: clamp(0.188rem, -0.043rem + 0.98vw, 1.063rem);
}
.kv-menu > .item > .link > .img {
height: clamp(0.469rem, 0.387rem + 0.35vw, 0.781rem);
}
.kv-txt {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
border-radius: clamp(0.813rem, 0.368rem + 1.89vw, 2.5rem);
background: #fff;
opacity: 0.8;
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
padding: clamp(1rem, 0.605rem + 1.68vw, 2.5rem);
position: absolute;
bottom: 16px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.kv-txt > .hdg {
font-size: 20px;
letter-spacing: 0.025em;
letter-spacing: 0;
text-align: center;
line-height: 1.5;
}
@media (min-width: 1280px) {
.kv-txt > .hdg {
font-size: 27px;
}
}
.kv-txt > .txt {
line-height: 2.1111111111;
opacity: 1;
-webkit-transition: 0.5s 4.5s ease;
transition: 0.5s 4.5s ease;
}
[data-scroll=out] .kv-txt > .txt {
opacity: 0;
}
.home-section {
width: 100vw;
overflow: hidden;
padding-block: clamp(2.5rem, 2.237rem + 1.12vw, 3.5rem);
font-weight: 500;
color: #221e1f;
}
.home-section.-news {
background-color: #fff;
margin-top: -1px;
position: relative;
z-index: 1;
}
.home-hdg {
white-space: nowrap;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 1.7142857143;
margin-left: 32px;
margin-bottom: 16px;
}
@media (min-width: 992px) {
.home-hdg {
margin-left: 0;
margin-bottom: 0;
}
}
.home-hdg > .en {
color: #43a700;
font-size: 13px;
font-weight: 700;
}
.home-hdg > .jp {
font-size: clamp(2rem, 1.951rem + 0.21vw, 2.188rem);
font-weight: 500;
position: relative;
}
.home-hdg > .jp::before {
content: "";
display: block;
height: 1px;
width: 30vw;
background-color: #b4b4b4;
position: absolute;
top: 0.8em;
left: calc(-30vw - clamp(1.5rem, 1.303rem + 0.84vw, 2.25rem));
}
.home-news {
-webkit-column-gap: 72px;
-moz-column-gap: 72px;
column-gap: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1280px) {
.home-news {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.home-news > .left > .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #4e4648;
-webkit-column-gap: 0.3em;
-moz-column-gap: 0.3em;
column-gap: 0.3em;
display: none;
font-weight: 700;
margin-top: 54px;
white-space: nowrap;
}
@media (min-width: 1280px) {
.home-news > .left > .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (any-hover: hover) {
.home-news > .left > .link:hover {
color: #43a700;
}
.home-news > .left > .link:hover > .icon {
translate: 3px 0;
}
}
.home-news > .left > .link > .icon {
font-size: 1.2em;
margin-bottom: -0.1em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.home-news > .right {
width: 100%;
}
.home-news > .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #43a700;
-webkit-column-gap: 0.3em;
-moz-column-gap: 0.3em;
column-gap: 0.3em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
margin-top: 24px;
}
@media (min-width: 1280px) {
.home-news > .link {
display: none;
}
}
.home-news > .link > .icon {
font-size: 1.2em;
}
.home-news-list {
background-color: #f6f6f6;
border-radius: clamp(1.125rem, 0.763rem + 1.54vw, 2.5rem);
padding: 8px clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
}
.home-news-list > .item {
line-height: 32px;
padding: 8px 0;
}
.home-news-list > .item:not(:last-child) {
border-bottom: 1px solid #cfdecf;
}
.home-news-list > .item > .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
color: #4e4648;
-webkit-column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
-moz-column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 8px;
row-gap: 10px;
}
@media (min-width: 576px) {
.home-news-list > .item > .link {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (any-hover: hover) {
.home-news-list > .item > .link:hover {
background-color: #eeeeee;
color: #43a700;
}
}
.home-news-list > .item > .link > .date {
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 17px;
font-weight: 400;
}
.home-news-list > .item > .link > .cat {
background-color: #43a700;
border-radius: 40px;
color: #fff;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 15px;
text-align: center;
white-space: nowrap;
width: 115px;
}
.home-news-list > .item > .link > .ttl {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-size: clamp(1rem, 0.967rem + 0.14vw, 1.125rem);
line-height: 1.625;
}
.home-business {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/business-image_01.png?20240430);
background-size: clamp(22.125rem, 2.289rem + 84.63vw, 97.5rem);
background-repeat: no-repeat;
background-position: top 20px right;
-webkit-transition: 2s ease;
transition: 2s ease;
}
.home-business:not(:last-child) {
margin-bottom: 64px;
}
@media (min-width: 576px) {
.home-business {
background-position: top right;
}
}
.home-business.-nursing {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/business-image_02.png);
background-position: top 20px left;
}
@media (min-width: 576px) {
.home-business.-nursing {
background-position: top left;
}
}
.home-business.-home {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/20240419_business-image_06.png);
}
.home-business[data-scroll=out] {
background-position: top 20px right -40px;
}
@media (min-width: 576px) {
.home-business[data-scroll=out] {
background-position: top right -40px;
}
}
.home-business[data-scroll=out].-nursing {
background-position: top 20px left -40px;
}
@media (min-width: 576px) {
.home-business[data-scroll=out].-nursing {
background-position: top left -40px;
}
}
.home-business-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: clamp(1.25rem, -0.263rem + 6.46vw, 7rem);
margin-bottom: clamp(1.688rem, 0.947rem + 3.16vw, 4.5rem);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.home-business-top.-nursing {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.home-business-hdg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
aspect-ratio: 1/1;
background-color: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
row-gap: clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
text-align: center;
width: clamp(10.813rem, 7.079rem + 15.93vw, 25rem);
}
@media (min-width: 992px) {
.home-business-hdg {
translate: calc(clamp(0rem, -2.763rem + 11.79vw, 10.5rem) * -1) 0;
}
}
@media (min-width: 992px) {
.home-business-hdg.-nursing {
translate: calc(clamp(0rem, -2.763rem + 11.79vw, 10.5rem) * 1) 0;
}
}
.home-business-hdg > .icon {
height: clamp(2rem, 1.457rem + 2.32vw, 4.063rem);
}
.home-business-hdg > .icon.-home {
height: clamp(1.688rem, 1.211rem + 2.04vw, 3.5rem);
}
.home-business-hdg > .hdg {
color: #ff7bb0;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.375rem, 0.914rem + 1.96vw, 3.125rem);
font-weight: 700;
letter-spacing: 0.1em;
}
.home-business-hdg > .hdg.-nursing {
color: #00b8e0;
}
.home-business-hdg > .hdg.-home {
color: #f48925;
}
.home-business-hdg > .txt {
color: #4e4648;
font-size: clamp(0.544rem, 0.358rem + 0.79vw, 1.25rem);
letter-spacing: 0.01em;
line-height: 2.1;
}
.home-business-shdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
font-size: clamp(1.5rem, 0.579rem + 3.93vw, 5rem);
letter-spacing: 0.02em;
line-height: 1;
color: #ff7bb0;
text-shadow: 0px 0px 20px #fff;
}
.home-business-shdg.-nursing {
color: #00b8e0;
}
.home-business-shdg.-home {
color: #f48925;
}
.card-list {
--column-gap: 36px;
--columns: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px var(--column-gap);
}
@media (min-width: 576px) {
.card-list {
--columns: 2;
}
}
@media (min-width: 1280px) {
.card-list {
--columns: 3;
}
}
.card-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));
flex: 0 0 calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
background-color: #fff;
border-radius: 13px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.card-item:hover > .link > .imgouter > .img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.card-item:hover.-medical {
background-color: #ffeef5;
}
.card-item:hover.-medical > .link::before {
background-color: #ffeef5;
}
.card-item:hover.-nursing {
background-color: #e7f9fd;
}
.card-item:hover.-nursing > .link::before {
background-color: #e7f9fd;
}
.card-item:hover.-home {
background-color: #fff5ea;
}
.card-item:hover.-home > .link::before {
background-color: #fff5ea;
}
}
.card-item > .link {
display: -ms-grid;
display: grid;
row-gap: 1rem;
padding: clamp(1.75rem, 1.618rem + 0.56vw, 2.25rem) clamp(1.125rem, 1.026rem + 0.42vw, 1.5rem);
position: relative;
}
.card-item > .link::before, .card-item > .link::after {
content: "";
display: none;
position: absolute;
left: 50%;
translate: -50% -50%;
width: clamp(3.5rem, 3.237rem + 1.12vw, 4.5rem);
height: auto;
aspect-ratio: 1/1;
background-color: #fff;
border-radius: 50px;
}
@media (min-width: 1280px) {
.card-item > .link::before, .card-item > .link::after {
display: block;
}
}
.card-item > .link::after {
width: clamp(0.5rem, 0.434rem + 0.28vw, 0.75rem);
background-color: #e6e6e6;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.card-item > .link:hover::after {
width: clamp(2rem, 1.671rem + 1.4vw, 3.25rem);
}
}
.card-item > .link > .imgouter {
border-radius: 9px;
margin-bottom: 0.25em;
width: 100%;
overflow: hidden;
}
.card-item > .link > .imgouter > .img {
width: 100%;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.card-item > .link > .ttl {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
letter-spacing: 0.01em;
line-height: 1.3;
font-weight: 700;
font-size: 1.375rem;
}
.home-recruit {
margin-top: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 1280px) {
.home-recruit {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
flex-direction: row-reverse;
margin-right: calc((100vw - clamp(30rem, 16.184rem + 58.95vw, 82.5rem)) / 2 * -1);
}
}
.home-recruit > .link {
margin-inline: calc((100vw - 100%) / 2 * -1);
width: 100vw;
max-width: 100vw;
margin-bottom: clamp(1.375rem, 0.421rem + 4.07vw, 5rem);
}
@media (min-width: 1280px) {
.home-recruit > .link {
width: 52%;
margin-inline: 0;
}
}
@media (any-hover: hover) {
.home-recruit > .link:hover {
opacity: 0.5;
}
}
.home-recruit > .link > .img {
width: 100%;
}
.home-recruit > .content {
width: 100%;
}
@media (min-width: 1280px) {
.home-recruit > .content {
width: 48%;
padding: 0 clamp(0rem, -1.382rem + 5.89vw, 5.25rem);
}
}
.home-recruit > .content > .hdg {
font-size: clamp(1.625rem, 1.526rem + 0.42vw, 2rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
line-height: 1.5;
margin-bottom: 0.5em;
}
@media (min-width: 1280px) {
.home-recruit > .content > .hdg {
font-size: clamp(0.875rem, 0.579rem + 1.26vw, 2rem);
}
}
.home-recruit > .content > .txt {
font-size: clamp(1.125rem, 1.092rem + 0.14vw, 1.25rem);
letter-spacing: 0.01em;
line-height: 1.8;
}
@media (min-width: 1280px) {
.home-recruit > .content > .txt {
font-size: clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem);
}
}
.home-recruit > .content > .txt.-catch {
color: #43a700;
font-weight: 700;
font-size: clamp(1.5rem, 1.467rem + 0.14vw, 1.625rem);
line-height: 1.2;
}
.home-recommend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1280px) {
.home-recommend {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.home-recommend-list {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr clamp(1.063rem, 0.98rem + 0.35vw, 1.375rem) 1fr;
grid-template-columns: repeat(2, 1fr);
gap: clamp(1.063rem, 0.98rem + 0.35vw, 1.375rem);
margin-top: clamp(0.5rem, -0.026rem + 2.25vw, 2.5rem);
}
@media (min-width: 768px) {
.home-recommend-list {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
.home-recommend-item {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
border-radius: 16px;
opacity: 1;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.home-recommend-item:hover {
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
background-color: #f4ffec;
}
.home-recommend-item:hover > .link > .icon {
scale: 1.1;
}
}
.home-recommend-item > .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: -ms-grid;
display: grid;
-ms-grid-rows: subgrid;
grid-template-rows: subgrid;
justify-items: center;
-ms-flex-line-pack: center;
align-content: center;
text-align: center;
aspect-ratio: 1/1;
row-gap: 1em;
color: #221e1f;
}
.home-recommend-item > .link > .icon {
width: 33.3333333333%;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.home-recommend-item > .link > .ttl {
display: -ms-grid;
display: grid;
row-gap: 0.15em;
}
.home-recommend-item > .link > .ttl > .en {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
font-size: clamp(0.625rem, 0.576rem + 0.21vw, 0.813rem);
color: #43a700;
}
.home-recommend-item > .link > .ttl > .jp {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
font-size: clamp(1.063rem, 0.98rem + 0.35vw, 1.375rem);
}
.site-footer {
background-color: #f6f6f6;
padding-top: clamp(3rem, 2.539rem + 1.96vw, 4.75rem);
letter-spacing: 0;
}
.footer-logo {
text-align: center;
margin-bottom: clamp(2.625rem, 2.263rem + 1.54vw, 4rem);
}
.footer-logo > .link > .img {
width: 16.063rem;
}
.footer-nav {
display: -ms-grid;
display: grid;
}
@media (min-width: 1280px) {
.footer-nav {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
.footer-nav > .item > .link {
color: #43a700;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
margin-bottom: 18px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.footer-nav > .item > .link:hover {
color: #f48925;
}
.footer-nav > .item > .link:hover > .icon {
translate: 3px 0;
}
}
.footer-nav > .item > .link > .icon {
font-size: 1.3em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.footer-nav > .item > .link > .txt {
text-decoration: underline;
text-underline-offset: 0.1em;
}
.nav-business-list {
border-left: 1px solid #4e4648;
margin-left: 0.65em;
padding-left: 1.35em;
display: -ms-grid;
display: grid;
row-gap: 32px;
padding-top: 0.5em;
}
.nav-business-list > .item > .link {
color: #43a700;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 0.1em;
margin-bottom: 0.7em;
display: block;
}
@media (any-hover: hover) {
.nav-business-list > .item > .link:hover {
color: #f48925;
}
}
.nav-business-list > .item > .info {
font-weight: 400;
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 0.938rem;
color: #4e4648;
line-height: 1.7333333333;
}
.footer-nav-main {
display: -ms-grid;
display: grid;
-ms-flex-line-pack: start;
align-content: flex-start;
row-gap: 26px;
}
@media (min-width: 768px) and (max-width: 1279.98px) {
.footer-nav-main {
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
}
}
.footer-nav-main > .inner {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media (min-width: 1280px) {
.footer-nav-main > .inner {
-ms-grid-columns: none;
grid-template-columns: none;
}
}
.footer-nav-list > .item {
margin-bottom: 1.25rem;
}
@media (min-width: 1280px) {
.footer-nav-list > .item {
margin-bottom: 1.5rem;
}
}
.footer-nav-list > .item.-sp {
display: block;
}
@media (min-width: 1280px) {
.footer-nav-list > .item.-sp {
display: none;
}
}
.footer-nav-list > .item.-pc {
display: none;
}
@media (min-width: 1280px) {
.footer-nav-list > .item.-pc {
display: block;
}
}
.footer-nav-list > .item > .link {
color: #4e4648;
font-size: clamp(1.063rem, 1.013rem + 0.21vw, 1.25rem);
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
}
@media (any-hover: hover) {
.footer-nav-list > .item > .link:hover {
color: #43a700;
}
.footer-nav-list > .item > .link:hover > .icon {
translate: 3px 0;
}
}
.footer-nav-list > .item > .link > .icon {
font-size: 1.4em;
text-indent: 0.5em;
margin-bottom: -0.1em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
@media (min-width: 768px) {
.footer-nav-list > .item > .link > .icon {
text-indent: 0;
}
}
.footer-sns {
display: -ms-grid;
display: grid;
row-gap: 24px;
font-weight: 700;
white-space: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: start;
align-content: flex-start;
}
@media (min-width: 1280px) {
.footer-sns {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.footer-sns > .item > .link {
color: #221e1f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.75em;
-moz-column-gap: 0.75em;
column-gap: 0.75em;
font-size: clamp(1.125rem, 1.076rem + 0.21vw, 1.313rem);
}
@media (any-hover: hover) {
.footer-sns > .item > .link:hover > .icon {
scale: 1.2;
}
.footer-sns > .item > .link:hover.-instagram {
color: #ec514b;
}
.footer-sns > .item > .link:hover.-line {
color: #06c755;
}
}
.footer-sns > .item > .link > .icon {
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
width: 36px;
}
.footer-bottom {
margin-top: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #43a700;
color: #fff;
padding-left: 8.3333333333vw;
padding-right: 11.1111111111vw;
position: relative;
}
@media (min-width: 1280px) {
.footer-bottom {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.footer-bottom > .ill {
position: absolute;
bottom: calc(100% - 4px);
right: 50%;
translate: 50% 0;
width: clamp(17.063rem, 14.48rem + 11.02vw, 26.875rem);
}
@media (min-width: 1280px) {
.footer-bottom > .ill {
right: 11.1111111111vw;
translate: 0 0;
}
}
.footer-bottom > .copyright {
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(0.75rem, 0.701rem + 0.21vw, 0.938rem);
}
.footer-bottom-nav {
height: clamp(3.5rem, 2.776rem + 3.09vw, 6.25rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-bottom-nav > .list {
-webkit-column-gap: 2em;
-moz-column-gap: 2em;
column-gap: 2em;
display: none;
}
@media (min-width: 1280px) {
.footer-bottom-nav > .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.footer-bottom-nav > .list > .item > .link {
color: #fff;
font-weight: 700;
}
@media (any-hover: hover) {
.footer-bottom-nav > .list > .item > .link:hover {
text-decoration: underline;
text-underline-offset: 0.1em;
}
}
.to-top {
position: fixed;
right: clamp(0.75rem, 0.586rem + 0.7vw, 1.375rem);
bottom: clamp(0.75rem, 0.586rem + 0.7vw, 1.375rem);
font-size: 1.5rem;
line-height: 1;
letter-spacing: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.to-top.-is-scroll {
visibility: visible;
opacity: 1;
} .to-top > .link {
display: block;
width: clamp(2.75rem, 2.553rem + 0.84vw, 3.5rem);
aspect-ratio: 1/1;
display: -ms-grid;
display: grid;
place-content: center;
color: #fff;
background-color: #43a700;
border-radius: 50%;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.to-top > .link:hover {
color: color-mix(in srgb, #fff, transparent 50%);
}
}
.to-top .icon {
margin-top: 0.2em;
} .page-top {
--bg-color: #fff;
color: #fff;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
position: relative;
}
.page-top:has(+ .page-menu) {
--bg-color: #f6f6f6;
background: linear-gradient(to top, var(--bg-color) 0px, var(--bg-color) 120px, transparent 120px);
}
.page-top > .inner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/kv_06.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px 8px 0 0;
contain: paint;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: clamp(7.5rem, 4.211rem + 14.04vw, 20rem);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-inline: auto;
position: relative;
width: 100%;
width: calc(100% - clamp(1.375rem, 0.421rem + 4.07vw, 5rem));
}
.page-top > .inner::before, .page-top > .inner::after {
background: rgba(0, 0, 0, 0.3);
bottom: 0;
content: "";
display: block;
height: 100%;
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.page-top > .inner::before {
background: -webkit-gradient(linear, left bottom, left top, from(var(--bg-color)), to(transparent));
background: linear-gradient(to top, var(--bg-color) 0%, transparent 100%);
height: 30%;
z-index: 1;
}
.page-top > .inner.-interview {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/interview/image_01.jpg);
}
.page-top > .inner.-sakura {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/sakura/slide_01.jpg);
background-position: center bottom 20%;
}
.page-top > .inner .ttl {
font-size: clamp(1.5rem, 1.105rem + 1.68vw, 3rem);
letter-spacing: 0.15em;
text-align: center;
}
.page-top > .inner > .txt {
font-size: clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem);
margin-top: clamp(0rem, -0.132rem + 0.56vw, 0.5rem);
} .business-top {
text-align: center;
position: relative;
}
.business-top > .hdg {
position: relative;
margin-bottom: clamp(2.5rem, 1.842rem + 2.81vw, 5rem);
letter-spacing: 0;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #4e4648;
font-size: clamp(1.25rem, 1.086rem + 0.7vw, 1.875rem);
}
.business-top > .hdg::before {
content: "";
display: block;
width: 100%;
height: 2px;
border-top: 2px dotted #c3c3c3;
position: absolute;
top: 50%;
left: 0;
z-index: -1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.business-top > .hdg > .inner {
padding: 0 40px;
background-color: #fff;
display: inline-block;
}
.business-top > .hdg > .inner > .img {
width: clamp(7.5rem, 4.868rem + 11.23vw, 17.5rem);
}
.business-list {
display: -ms-grid;
display: grid;
-webkit-column-gap: clamp(1.25rem, 0.987rem + 1.12vw, 2.25rem);
-moz-column-gap: clamp(1.25rem, 0.987rem + 1.12vw, 2.25rem);
column-gap: clamp(1.25rem, 0.987rem + 1.12vw, 2.25rem);
row-gap: 40px;
margin-bottom: clamp(3.5rem, 2.447rem + 4.49vw, 7.5rem);
}
@media (min-width: 1280px) {
.business-list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
.business-list > .item {
border-radius: 8px;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
contain: paint;
}
.business-list > .item.-medical {
--color-group: #ff7bb0;
--color-light-group: #ffeef5;
}
.business-list > .item.-nursing {
--color-group: #00b8e0;
--color-light-group: #e7f9fd;
}
.business-list > .item.-home {
--color-group: #f48925;
--color-light-group: #fff5ea;
}
.business-list > .item > .imgouter {
border-bottom: 3px solid var(--color-group);
margin-bottom: 28px;
}
.business-list > .item > .imgouter > .img {
width: 100%;
}
.business-list > .item > .hdg {
color: var(--color-group);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
display: -ms-grid;
display: grid;
row-gap: 0.8em;
line-height: 1;
margin-bottom: 1.5rem;
}
.business-list > .item > .hdg > .jp {
font-size: clamp(1.5rem, 1.401rem + 0.42vw, 1.875rem);
letter-spacing: 0.15em;
}
.business-list > .item > .hdg > .en {
font-size: clamp(0.75rem, 0.701rem + 0.21vw, 0.938rem);
font-weight: 700;
letter-spacing: 0.15em;
}
.business-list-menu {
text-align: left;
letter-spacing: 0;
padding-inline: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
padding-bottom: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
font-weight: 500;
}
.business-list-menu > .item {
border-bottom: 1px solid #e6e6e6;
}
.business-list-menu > .item > .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
padding-block: 12px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
}
@media (any-hover: hover) {
.business-list-menu > .item > .link:hover {
color: var(--color-group);
}
}
.business-list-menu > .item > .link > .default-circle-arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.group-flow {
width: 100%;
}
.business-section {
padding-top: clamp(4rem, 3.079rem + 3.93vw, 7.5rem);
padding-bottom: clamp(5rem, 3.684rem + 5.61vw, 10rem);
position: relative;
contain: paint;
}
.business-contents.-medical {
--color-group: #ff7bb0;
--color-light-group: #ffeef5;
--bg-image: url(//midori-group.com/wp-content/themes/midori-group/images/ornament-pink_01.png);
}
.business-contents.-nursing {
--color-group: #00b8e0;
--color-light-group: #e7f9fd;
--bg-image: url(//midori-group.com/wp-content/themes/midori-group/images/ornament-blue_01.png);
}
.business-contents.-home {
--color-group: #f48925;
--color-light-group: #fff5ea;
--bg-image: url(//midori-group.com/wp-content/themes/midori-group/images/ornament-orange_01.png);
}
.business-contents > .hdg {
color: var(--color-group);
text-align: center;
display: -ms-grid;
display: grid;
row-gap: 0.8em;
line-height: 1;
margin-bottom: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.business-contents > .hdg > .jp {
font-size: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
letter-spacing: 0.15em;
}
.business-contents > .hdg > .en {
font-size: clamp(0.75rem, 0.701rem + 0.21vw, 0.938rem);
font-weight: 700;
letter-spacing: 0.15em;
}
.business-contents-list .default-link {
margin-top: auto;
}
.business-contents-list > .item {
display: -ms-grid;
display: grid;
-webkit-column-gap: clamp(1.25rem, 0.263rem + 4.21vw, 5rem);
-moz-column-gap: clamp(1.25rem, 0.263rem + 4.21vw, 5rem);
column-gap: clamp(1.25rem, 0.263rem + 4.21vw, 5rem);
margin-top: clamp(3.5rem, 3.105rem + 1.68vw, 5rem);
position: relative;
}
@media (min-width: 992px) {
.business-contents-list > .item {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
.business-contents-list > .item::before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: var(--color-group);
position: absolute;
top: 0;
left: 0;
opacity: 0.4;
}
.business-contents-list > .item > .imgouter {
padding-top: clamp(2rem, 1.737rem + 1.12vw, 3rem);
position: relative;
}
.business-contents-list > .item > .imgouter::before {
content: "";
display: block;
width: 100%;
height: 4px;
background-color: var(--color-group);
position: absolute;
top: 0;
left: 0;
border-radius: 0 0 4px 0;
}
.business-contents-list > .item > .imgouter > .link {
display: block;
overflow: hidden;
}
@media (any-hover: hover) {
.business-contents-list > .item > .imgouter > .link:hover > .img {
scale: 1.1;
}
}
.business-contents-list > .item > .imgouter > .link > .img {
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.business-contents-list > .item > .content {
padding-top: clamp(2rem, 1.474rem + 2.25vw, 4rem);
color: #4e4648;
background-image: var(--bg-image);
background-size: 55%;
background-position: top right;
background-repeat: no-repeat;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.business-contents-list > .item > .content > .hdg {
display: -ms-grid;
display: grid;
row-gap: clamp(0.5rem, 0.434rem + 0.28vw, 0.75rem);
line-height: 1.3125;
margin-bottom: clamp(1.5rem, 1.368rem + 0.56vw, 2rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.business-contents-list > .item > .content > .hdg > .jp {
font-size: clamp(1.5rem, 1.401rem + 0.42vw, 1.875rem);
font-weight: 500;
letter-spacing: 0;
}
.business-contents-list > .item > .content > .hdg > .en {
font-size: clamp(0.625rem, 0.592rem + 0.14vw, 0.75rem);
font-weight: 700;
letter-spacing: 0.1em;
color: var(--color-group);
}
.business-contents-list > .item > .content > .body {
line-height: 2;
letter-spacing: 0;
margin-bottom: clamp(1.5rem, 1.368rem + 0.56vw, 2rem);
}
.job-list {
border-top: 1px solid #e6e6e6;
letter-spacing: 0;
}
.job-list > .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-inline: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
@media (min-width: 576px) {
.job-list > .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.job-list > .item > dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 1em;
background: #f6f6f6;
font-weight: 500;
font-size: 1.1em;
}
@media (min-width: 576px) {
.job-list > .item > dt {
width: 14em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1.125em 0.75em;
text-align: center;
border-right: 1px solid #e6e6e6;
}
}
.job-list > .item > dd {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
padding: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
@media (min-width: 576px) {
.job-list > .item > dd {
padding: 1.125em 1.5em;
}
} .job-tag-list {
margin-bottom: clamp(1.5rem, 1.368rem + 0.56vw, 2rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
.job-tag {
display: block;
border: 1px solid var(--color-group);
border-radius: 4px;
padding-inline: 0.75em;
padding-block: 0.5em;
line-height: 1;
letter-spacing: 0;
color: var(--color-group);
font-weight: 500;
}
@media (any-hover: hover) {
.job-tag:is(a):hover {
background-color: var(--color-group);
color: #fff;
border-color: #fff;
}
} .facility-top {
background: linear-gradient(to top, #f6f6f6 0px, #f6f6f6 120px, transparent 120px);
}
.facility-top > .inner {
width: calc(100% - clamp(1.375rem, 0.421rem + 4.07vw, 5rem));
margin-inline: auto;
position: relative;
border-radius: 8px;
overflow: hidden;
}
.facility-title {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(transparent));
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
bottom: 0;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
height: 40%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
left: 0;
line-height: 1;
padding-bottom: clamp(0.75rem, -0.237rem + 4.21vw, 4.5rem);
padding-left: clamp(1.25rem, -0.954rem + 9.4vw, 9.625rem);
position: absolute;
row-gap: clamp(0.125rem, 0.026rem + 0.42vw, 0.5rem);
width: 100%;
z-index: 10;
}
.facility-title > .txt {
font-size: clamp(0.688rem, 0.539rem + 0.63vw, 1.25rem);
font-weight: 700;
margin-bottom: 0.7em;
letter-spacing: 0;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.facility-title > .ttl {
font-size: clamp(1.5rem, 1.171rem + 1.4vw, 2.75rem);
font-weight: 500;
text-indent: -0.1em;
text-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.facility-title > .ttl.-recruit {
letter-spacing: 0.1em;
}
.facility-title > .sub-ttl > .img {
height: clamp(0.438rem, 0.339rem + 0.42vw, 0.813rem);
}
.facility-swiper .img {
width: 100%;
}
.page-menu {
--column-gap: clamp(1.25rem, 1.053rem + 0.84vw, 2rem);
--columns: 2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f6f6f6;
-webkit-column-gap: var(--column-gap);
-moz-column-gap: var(--column-gap);
column-gap: var(--column-gap);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-weight: 500;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
letter-spacing: 0;
line-height: 1.5;
padding: clamp(1.375rem, 0.947rem + 1.82vw, 3rem);
row-gap: 16px;
}
@media (min-width: 1280px) {
.page-menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.page-menu:has(+ .page-news-section) {
border-bottom: 1px solid #e6e6e6;
}
.page-menu > .item {
border-bottom: 1px solid #e6e6e6;
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));
flex: 0 0 calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));
}
@media (min-width: 576px) {
.page-menu > .item {
--columns: 3;
}
}
@media (min-width: 1280px) {
.page-menu > .item {
border-bottom: none;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.page-menu > .item > .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #4e4648;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 1280px) {
.page-menu > .item > .link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (any-hover: hover) {
.page-menu > .item > .link:hover {
color: var(--color-group);
}
.page-menu > .item > .link:hover > .icon {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}
}
.page-menu > .item > .link > .icon {
color: var(--color-group);
margin-bottom: -0.2em;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.page-menu.-recruit {
--column-gap: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
--columns: 2;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 576px) {
.page-menu.-recruit {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.page-menu.-recruit > .item {
padding-bottom: 8px;
}
@media (min-width: 576px) {
.page-menu.-recruit > .item {
-ms-flex-preferred-size: auto;
flex-basis: auto;
padding-bottom: 0;
border-bottom: none;
}
}
.page-menu.-recruit > .item > .default-link {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 0;
width: 100%;
}
.page-menu.-recruit > .item > .default-link > .txt {
text-decoration: none;
}
@media (min-width: 576px) {
.page-menu.-recruit > .item > .default-link > .txt {
text-decoration: underline;
}
}
.page-news-section {
background-color: #f6f6f6;
padding-block: clamp(3rem, 2.605rem + 1.68vw, 4.5rem) clamp(2rem, 1.605rem + 1.68vw, 3.5rem);
}
.page-news-hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
font-weight: 500;
color: #4e4648;
position: relative;
letter-spacing: 0;
line-height: 1;
margin-bottom: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
}
.page-news-hdg::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #4e4648;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
}
.page-news-hdg > .txt {
background-color: #f6f6f6;
position: relative;
z-index: 1;
padding-right: 1em;
}
.page-news-list {
margin-bottom: 16px;
letter-spacing: 0;
}
.page-news-list > .item {
line-height: 1.75;
border-bottom: 1px dotted #cfdecf;
padding-block: 8px;
}
.page-news-list > .item > .link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
-moz-column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
column-gap: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
row-gap: 6px;
color: #4e4648;
padding: 8px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: 4px;
}
@media (min-width: 576px) {
.page-news-list > .item > .link {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (any-hover: hover) {
.page-news-list > .item > .link:hover {
color: var(--color-group);
background-color: #eeeeee;
}
.page-news-list > .item > .link:hover > .icon {
-webkit-transform: translate(3px, 0);
transform: translate(3px, 0);
}
}
.page-news-list > .item > .link > .date {
font-size: clamp(0.938rem, 0.888rem + 0.21vw, 1.125rem);
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 400;
}
.page-news-list > .item > .link > .cat {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: #fff;
border: 1px solid color-mix(in sRGB, transparent, var(--color-group) 40%);
color: var(--color-group);
width: 104px;
text-align: center;
border-radius: 40px;
font-size: clamp(0.813rem, 0.763rem + 0.21vw, 1rem);
font-weight: 500;
white-space: nowrap;
}
.page-news-list > .item > .link > .facility {
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--color-group);
width: 104px;
border-radius: 40px;
font-size: clamp(0.813rem, 0.763rem + 0.21vw, 1rem);
font-weight: 500;
white-space: nowrap;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.page-news-list > .item > .link > .ttl {
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: 1.625;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
}
.page-news-list > .item > .link > .icon {
margin-left: auto;
color: var(--color-group);
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.page-news-list.-recruit {
margin-bottom: clamp(1.25rem, 1.053rem + 0.84vw, 2rem);
}
.page-news-list.-recruit > .item > .link {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: clamp(1rem, 0.934rem + 0.28vw, 1.25rem);
-moz-column-gap: clamp(1rem, 0.934rem + 0.28vw, 1.25rem);
column-gap: clamp(1rem, 0.934rem + 0.28vw, 1.25rem);
}
.service-list {
background-color: #f6f6f6;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
display: -ms-grid;
display: grid;
border-radius: 16px;
gap: 16px;
}
@media (min-width: 768px) {
.service-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1280px) {
.service-list {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1480px) {
.service-list {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
.service-list > .item {
background-color: #fff;
padding: 32px;
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
row-gap: 20px;
}
.service-list > .item > .hdg {
color: var(--color-group);
font-size: 25px;
font-weight: 500;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
border-bottom: 2px dotted var(--color-group);
letter-spacing: 0;
}
.service-list > .item > .body {
color: #4e4648;
text-align: justify;
letter-spacing: 0;
line-height: 1.8;
font-size: clamp(1rem, 0.967rem + 0.14vw, 1.125rem);
}
.service-list > .item > .link {
color: var(--color-group);
border: 1px solid color-mix(in sRGB, transparent, var(--color-group) 60%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
margin-top: auto;
position: relative;
border-radius: 40px;
line-height: 2.75em;
width: 100%;
font-weight: 700;
letter-spacing: 0;
font-size: 16px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.service-list > .item > .link:hover {
color: #fff;
background-color: var(--color-group);
}
.service-list > .item > .link:hover > .icon {
translate: 3px 0;
}
}
.service-list > .item > .link > .icon {
position: absolute;
right: 7%;
top: calc(50% + 0.1em);
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
font-size: 0.9em;
margin-bottom: -0.2em;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.inspection-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr clamp(0.75rem, 0.684rem + 0.28vw, 1rem) 1fr;
grid-template-columns: repeat(2, 1fr);
gap: clamp(0.75rem, 0.684rem + 0.28vw, 1rem);
}
@media (min-width: 1280px) {
.inspection-list {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
.inspection-item {
position: relative;
border-radius: 8px;
contain: paint;
letter-spacing: 0;
cursor: pointer;
}
.inspection-item > .img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.inspection-item > .body {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: clamp(0.5rem, 0.401rem + 0.42vw, 0.875rem) clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
color: #fff;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
font-weight: 500;
}
.inspection-item > .body > .name > .small {
font-size: 0.85em;
}
.inspection-item > .body > .icon {
font-size: 1.3em;
}
.modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
opacity: 0;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
} .modal.show {
visibility: visible; opacity: 1; -webkit-transition: visibility 0s linear 0s, opacity 0.5s linear;
transition: visibility 0s linear 0s, opacity 0.5s linear; } .modal-content {
background-color: #fefefe;
border: 2px solid #fff;
width: 90%;
max-width: 640px;
position: relative;
margin: auto;
} .modal-content .close {
color: #000; position: absolute;
right: -2px;
top: -2px;
padding: 10px;
background-color: #fff;
line-height: 1;
letter-spacing: 0;
cursor: pointer;
z-index: 1;
}
.modal-content .close .img {
width: 19px;
}
.modal-item {
display: none; }
.modal-item > .img {
width: 100%;
height: auto;
}
.modal-item > .body {
padding: 16px;
color: #4e4648;
}
.doctor-swiper-outer {
position: relative;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.doctor-swiper-outer {
margin-bottom: 0;
}
}
.doctor-swiper .swiper-slide {
letter-spacing: 0;
}
.doctor-swiper .swiper-slide > .img {
width: 100%;
border-radius: 8px;
margin-bottom: 28px;
display: none;
}
.doctor-swiper .swiper-slide > .body > .name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
line-height: 1;
margin-bottom: 20px;
font-weight: 500;
}
.doctor-swiper .swiper-slide > .body > .name > .jp {
font-size: 25px;
}
.doctor-swiper .swiper-slide > .body > .name > .en {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 16px;
letter-spacing: 0.05em;
color: color-mix(in srgb, transparent, #4e4648 60%);
}
#doctor-swiper-pagination {
--swiper-pagination-color: var(--color-group);
--swiper-pagination-bullet-width: 10px;
--swiper-pagination-bullet-height: 10px;
position: static;
line-height: 40px;
}
.doctor-swiper-button {
width: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
aspect-ratio: 1/1;
display: -ms-grid;
display: grid;
place-content: center;
border-radius: 50%;
background-color: var(--color-group);
position: absolute;
top: calc(100% - 32px);
z-index: 1;
cursor: pointer;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (min-width: 992px) {
.doctor-swiper-button {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.doctor-swiper-button.doctor-swiper-button-prev {
left: 0;
}
@media (min-width: 992px) {
.doctor-swiper-button.doctor-swiper-button-prev {
left: -7%;
}
}
.doctor-swiper-button.doctor-swiper-button-next {
right: 0;
}
@media (min-width: 992px) {
.doctor-swiper-button.doctor-swiper-button-next {
right: -7%;
}
}
.doctor-swiper-button > .icon {
color: var(--color-light-group);
font-size: clamp(0.75rem, 0.684rem + 0.28vw, 1rem);
}
.feautures-section {
background-color: #fbf9f7;
padding-bottom: 0;
}
.feautures-section > .img {
height: 96vw;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (min-width: 576px) {
.feautures-section > .img {
height: 88vw;
}
}
@media (min-width: 1280px) {
.feautures-section > .img {
height: 70vw;
}
}
.feautures-list-outer {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/sakura/feautures-bg-sp_01.jpg);
background-position: center top;
background-size: 100%;
}
.feautures-list {
display: -ms-grid;
display: grid;
gap: clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem);
letter-spacing: 0;
padding-bottom: clamp(2.5rem, 1.579rem + 3.93vw, 6rem);
padding-top: 70vw;
}
@media (min-width: 576px) {
.feautures-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
.feautures-list > .item {
background-color: #fff;
border-radius: 16px;
padding: 24px clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem);
text-align: center;
display: -ms-grid;
display: grid;
place-content: center;
}
@media (min-width: 576px) {
.feautures-list > .item {
min-height: 45vw;
}
}
.feautures-list > .item > .inner > .num {
border-bottom: 1px solid var(--color-group);
color: var(--color-group);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
font-weight: 700;
line-height: 1;
margin-bottom: 8px;
margin-inline: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.feautures-list > .item > .inner > .hdg {
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, color-mix(in sRGB, transparent, var(--color-group) 25%)));
background: linear-gradient(transparent 75%, color-mix(in sRGB, transparent, var(--color-group) 25%) 75%);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
display: inline;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
font-weight: 700;
line-height: 1.3;
}
.feautures-list > .item > .inner > .body {
margin-top: 12px;
}
.time-table {
margin-bottom: 24px;
overflow: auto;
}
.time-table > .default-table {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.time-table > .default-table th {
font-weight: 700;
}
.time-table > .default-table td {
text-align: center;
}
.annotation-list {
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
color: #4e4648;
letter-spacing: 0;
}
.annotation-list > .item {
padding-left: 1.5em;
text-indent: -1.5em;
}
.annotation-list > .item:before {
content: attr(data-txt);
margin-right: 0.5em;
}
.annotation-list > .item > .tel {
color: currentColor;
text-decoration: underline;
}
.access-box {
display: -ms-grid;
display: grid;
-webkit-column-gap: clamp(1.25rem, 0.395rem + 3.65vw, 4.5rem);
-moz-column-gap: clamp(1.25rem, 0.395rem + 3.65vw, 4.5rem);
column-gap: clamp(1.25rem, 0.395rem + 3.65vw, 4.5rem);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: clamp(2rem, 1.474rem + 2.25vw, 4rem);
grid-template-rows: 1fr 1fr;
}
@media (min-width: 1280px) {
.access-box {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.access-box > .map {
border: 1px solid #c3c3c3;
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 0;
}
.access-box > .map > iframe {
width: 100%; height: 100%;
aspect-ratio: 4/3;
vertical-align: middle;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
border: none;
}
.access-box > .info {
color: #4e4648;
letter-spacing: 0;
padding-top: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
}
.access-box > .info > .logo {
width: auto;
height: clamp(2.875rem, 2.711rem + 0.7vw, 3.5rem);
margin-bottom: 36px;
}
.access-box > .info > .address {
font-size: clamp(1.063rem, 0.997rem + 0.28vw, 1.313rem);
font-weight: 500;
margin-bottom: 4px;
}
.access-box > .info > .tel {
font-size: clamp(0.938rem, 0.888rem + 0.21vw, 1.125rem);
margin-bottom: 24px;
}
.access-box > .info > .list {
display: -ms-grid;
display: grid;
gap: 0.25em;
}
.access-box > .info > .list > .item::before {
content: "・";
}
.access-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: 9em 1em auto;
grid-template-columns: 9em auto;
gap: 0.5em 1em;
background-color: #f6f6f6;
padding: 20px 24px;
margin-bottom: 24px;
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
border-radius: 4px;
margin-bottom: 24px;
}
.access-list > .dt {
color: var(--color-group);
font-weight: 500;
}
.access-contact {
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
padding: clamp(1.25rem, 0.789rem + 1.96vw, 3rem);
text-align: center;
letter-spacing: 0;
border-radius: 8px;
}
.access-contact > .hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.625rem, 1.526rem + 0.42vw, 2rem);
font-weight: 500;
letter-spacing: 0;
line-height: 1;
color: #4e4648;
margin-bottom: 20px;
}
.access-contact > .hdg::after {
content: attr(data-txt);
display: block;
color: var(--color-group);
font-size: clamp(0.813rem, 0.73rem + 0.35vw, 1.125rem);
font-weight: 700;
margin-top: 1em;
}
.access-contact > .inner {
background-color: #fff;
border-radius: 8px;
display: -ms-grid;
display: grid;
padding: clamp(1rem, 0.605rem + 1.68vw, 2.5rem);
}
@media (min-width: 1280px) {
.access-contact > .inner {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.access-contact > .inner > .item:first-child {
border-bottom: 1px dotted #e6e6e6;
padding-bottom: 20px;
}
@media (min-width: 1280px) {
.access-contact > .inner > .item:first-child {
border-right: 1px dotted #e6e6e6;
border-bottom: none;
padding-bottom: 0;
}
}
.access-contact > .inner > .item:last-child {
padding-top: 20px;
}
@media (min-width: 1280px) {
.access-contact > .inner > .item:last-child {
padding-top: 0;
}
}
.access-contact > .inner > .item > .hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, color-mix(in sRGB, transparent, var(--color-group) 25%)));
background: linear-gradient(transparent 80%, color-mix(in sRGB, transparent, var(--color-group) 25%) 80%);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
margin-bottom: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
line-height: 1.1;
}
.access-contact > .inner > .item > .time {
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
margin-top: 1em;
}
.mail-link {
background-color: var(--color-group);
border: 1px solid;
border-radius: 40px;
color: #fff;
padding-block: clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem);
padding-inline: clamp(1.5rem, 1.303rem + 0.84vw, 2.25rem) clamp(1.25rem, 1.118rem + 0.56vw, 1.75rem);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4em;
font-weight: 500;
}
@media (any-hover: hover) {
.mail-link:hover {
background-color: #fff;
color: var(--color-group);
}
.mail-link:hover > .ph-arrow-right {
-webkit-transform: translate(3px, 0);
transform: translate(3px, 0);
}
}
.mail-link > .icon {
font-size: 1.4em;
margin-bottom: -0.1em;
}
.mail-link > .ph-arrow-right {
font-size: 1.3em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.tel-link {
color: var(--color-group);
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
line-height: 1;
gap: 0.3em;
}
.tel-link > .link {
color: var(--color-group);
text-decoration: underline;
}
@media (any-hover: hover) {
.tel-link > .link:hover {
color: color-mix(in srgb, transparent, var(--color-group) 60%);
}
}
.tel-link > .icon {
margin-bottom: -0.2em;
font-size: 1.1em;
}
.lead-section {
padding-top: clamp(2rem, 0.947rem + 4.49vw, 6rem);
padding-bottom: clamp(2.5rem, 1.184rem + 5.61vw, 7.5rem);
}
.lead-section > .catch {
font-size: clamp(1.188rem, 1.007rem + 0.77vw, 1.875rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
margin-bottom: 16px;
}
.lead-section > .txt {
color: #4e4648;
line-height: 2.1;
letter-spacing: 0;
font-size: clamp(0.938rem, 0.839rem + 0.42vw, 1.313rem);
}
.lead-content {
display: -ms-grid;
display: grid;
letter-spacing: 0;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 8px;
margin-top: 56px;
}
.lead-content.-rco {
gap: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1280px) {
.lead-content.-rco {
-ms-grid-columns: 2fr 3fr;
grid-template-columns: 2fr 3fr;
}
}
.lead-content > .img {
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.lead-content > .body > .label {
color: var(--color-group);
font-size: clamp(0.875rem, 0.842rem + 0.14vw, 1rem);
line-height: 1;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-bottom: clamp(0.75rem, 0.684rem + 0.28vw, 1rem);
}
.lead-content > .body > .hdg {
color: var(--color-group);
font-size: clamp(1.313rem, 1.23rem + 0.35vw, 1.625rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 1;
padding-bottom: 16px;
border-bottom: 1px dotted #4e4648;
}
.lead-content > .body > .img {
border-radius: 4px;
margin-top: 32px;
margin-bottom: 24px;
}
.lead-content > .body > .txt {
margin-top: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
color: #4e4648;
line-height: 2;
}
.service-about {
display: -ms-grid;
display: grid;
gap: clamp(2.5rem, 1.974rem + 2.25vw, 4.5rem);
margin-top: 48px;
}
@media (min-width: 1280px) {
.service-about {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.service-about-swiper-outer {
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.service-about-swiper {
border-radius: 8px;
}
.service-about-swiper .swiper-slide,
.service-about-swiper .img {
width: 100% !important;
height: auto;
}
.service-about-swiper .img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.service-swiper-button {
width: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
aspect-ratio: 1/1;
display: -ms-grid;
display: grid;
place-content: center;
border-radius: 50%;
background-color: var(--color-light-group);
position: absolute;
top: 50%;
z-index: 1;
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.service-swiper-button.service-swiper-button-prev {
left: 0;
-webkit-transform: translate(-25%, -50%);
transform: translate(-25%, -50%);
}
@media (min-width: 1280px) {
.service-swiper-button.service-swiper-button-prev {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.service-swiper-button.service-swiper-button-next {
right: 0;
-webkit-transform: translate(25%, -50%);
transform: translate(25%, -50%);
}
@media (min-width: 1280px) {
.service-swiper-button.service-swiper-button-next {
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
}
.service-swiper-button > .icon {
color: var(--color-group);
font-size: clamp(0.75rem, 0.684rem + 0.28vw, 1rem);
}
.service-about-content {
border-top: 8px solid var(--color-group);
border-radius: 8px;
background-color: #f6f6f6;
padding: clamp(1.75rem, 1.684rem + 0.28vw, 2rem) clamp(2rem, 1.737rem + 1.12vw, 3rem) 1.25rem;
}
.service-about-content > .hdg {
color: var(--color-group);
font-size: clamp(1.25rem, 1.168rem + 0.35vw, 1.563rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
line-height: 1;
margin-bottom: 20px;
}
.service-about-content > .hdg > .icon {
font-size: 1.2em;
margin-bottom: -0.1em;
}
.service-about-content > .list > .item {
border-top: 1px dotted #c3c3c3;
color: #4e4648;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
letter-spacing: 0;
padding-left: 10px;
padding-block: 8px;
-webkit-column-gap: 18px;
-moz-column-gap: 18px;
column-gap: 18px;
}
.service-about-content > .list > .item::before {
content: "●";
color: var(--color-group);
font-size: 0.6em;
padding-top: 0.6em;
}
.content-swiper-outer {
position: relative;
}
.content-swiper.swiper,
.content-swiper2.swiper {
padding: 8px;
}
.content-swiper .swiper-slide,
.content-swiper2 .swiper-slide {
letter-spacing: 0;
}
.content-swiper .swiper-slide > .imgouter,
.content-swiper2 .swiper-slide > .imgouter {
margin-bottom: 24px;
position: relative;
}
.content-swiper .swiper-slide > .imgouter::after,
.content-swiper2 .swiper-slide > .imgouter::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--color-group), transparent 80%);
border-radius: 8px;
rotate: -3deg;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.content-swiper .swiper-slide > .imgouter > .img,
.content-swiper2 .swiper-slide > .imgouter > .img {
width: 100%;
border-radius: 8px;
}
.content-swiper .swiper-slide > .body > .ttl,
.content-swiper2 .swiper-slide > .body > .ttl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 500;
font-size: clamp(1.125rem, 1.059rem + 0.28vw, 1.375rem);
}
.content-swiper .swiper-slide > .body > .txt,
.content-swiper2 .swiper-slide > .body > .txt {
font-size: clamp(1rem, 0.967rem + 0.14vw, 1.125rem);
color: #4e4648;
}
.content-swiper-button,
.content-swiper-button2 {
width: clamp(2rem, 1.868rem + 0.56vw, 2.5rem);
aspect-ratio: 1/1;
display: -ms-grid;
display: grid;
place-content: center;
border-radius: 50%;
background-color: var(--color-light-group);
position: absolute;
top: 50%;
z-index: 1;
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.content-swiper-button.content-swiper-button-prev,
.content-swiper-button2.content-swiper-button-prev {
left: -2%;
}
@media (min-width: 768px) {
.content-swiper-button.content-swiper-button-prev,
.content-swiper-button2.content-swiper-button-prev {
left: -6%;
}
}
.content-swiper-button.content-swiper-button-next,
.content-swiper-button2.content-swiper-button-next {
right: -2%;
}
@media (min-width: 768px) {
.content-swiper-button.content-swiper-button-next,
.content-swiper-button2.content-swiper-button-next {
right: -6%;
}
}
.content-swiper-button > .icon,
.content-swiper-button2 > .icon {
color: var(--color-group);
font-size: clamp(0.75rem, 0.684rem + 0.28vw, 1rem);
}
.usage-about-list {
color: #4e4648;
line-height: 1.75;
letter-spacing: 0;
border-top: 1px solid color-mix(in srgb, var(--color-group), transparent 60%);
}
.usage-about-list > .item {
display: -ms-grid;
display: grid;
border-bottom: 1px solid color-mix(in srgb, var(--color-group), transparent 60%);
}
@media (min-width: 576px) {
.usage-about-list > .item {
-ms-grid-columns: 3fr 8fr;
grid-template-columns: 3fr 8fr;
}
}
.usage-about-list > .item > .dt {
background-color: #f6f6f6;
font-weight: 500;
display: -ms-grid;
display: grid;
place-content: center;
padding: 16px;
}
.usage-about-list > .item > .dd {
padding: clamp(1rem, 0.868rem + 0.56vw, 1.5rem) clamp(1.5rem, 1.368rem + 0.56vw, 2rem);
}
.usage-about-list > .item > .dd > *:not(:last-child) {
margin-bottom: 0.75em;
}
.usage-about-list > .item > .dd > .list {
text-indent: -1em;
padding-left: 1em;
}
.usage-about-list > .item > .dd > .list > .item::before {
content: "・";
}
.usage-flow-hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.25rem, 1.151rem + 0.42vw, 1.625rem);
font-weight: 500;
color: #4e4648;
position: relative;
letter-spacing: 0;
line-height: 1;
margin-bottom: 24px;
margin-top: 72px;
}
.usage-flow-hdg::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #4e4648;
position: absolute;
top: 50%;
left: 0;
z-index: 0;
}
.usage-flow-hdg > .txt {
background-color: #fff;
position: relative;
z-index: 1;
padding-right: 1em;
}
.usage-flow-box {
background-color: #f6f6f6;
border-radius: 8px;
padding: clamp(0.75rem, 0.553rem + 0.84vw, 1.5rem) clamp(1.25rem, 0.658rem + 2.53vw, 3.5rem) clamp(1.25rem, 0.658rem + 2.53vw, 3.5rem);
color: #4e4648;
margin-bottom: 24px;
margin-top: 70px;
}
.usage-flow-box.-dock {
border: 1px solid #e6e6e6;
padding: clamp(0.75rem, 0.553rem + 0.84vw, 1.5rem) clamp(1.25rem, 0.658rem + 2.53vw, 3.5rem);
}
.usage-flow-item {
display: -ms-grid;
display: grid;
row-gap: 12px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
line-height: 1.75;
padding-block: clamp(0.75rem, 0.553rem + 0.84vw, 1.5rem);
}
@media (min-width: 1280px) {
.usage-flow-item {
-ms-grid-columns: 2fr clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem) 5fr;
grid-template-columns: 2fr 5fr;
-webkit-column-gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
-moz-column-gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
column-gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
}
.usage-flow-item:has(> .dt:empty) {
-ms-grid-columns: auto 7fr;
grid-template-columns: auto 7fr;
}
}
.usage-flow-item > .dt {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.375rem, 1.309rem + 0.28vw, 1.625rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
} .usage-tel-box {
background-color: #fff;
border-radius: 4px;
margin-top: 24px;
padding: 20px;
text-align: center;
}
.usage-tel-box > .tel {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color-group);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1.688rem, 1.474rem + 0.91vw, 2.5rem);
font-weight: 700;
gap: 0.2em;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
}
.usage-tel-box > .tel > .link {
color: var(--color-group);
}
@media (any-hover: hover) {
.usage-tel-box > .tel > .link:hover {
color: color-mix(in srgb, transparent, var(--color-group) 60%);
}
}
.usage-tel-box > .tel > .icon {
font-size: 0.9em;
margin-bottom: -0.2em;
}
.usage-tel-box > .time {
font-size: clamp(0.813rem, 0.73rem + 0.35vw, 1.125rem);
text-indent: 0.5em;
}
.usage-flow-arrow {
position: relative;
text-align: center;
}
.usage-flow-arrow::before {
content: "";
display: block;
width: 100%;
height: 0;
border-top: 1px dotted #c3c3c3;
position: absolute;
top: 40%;
left: 0;
}
.usage-flow-arrow > .icon {
color: var(--color-group);
font-size: 24px;
background-color: #f6f6f6;
position: relative;
z-index: 1;
padding-inline: 16px;
}
.price-hdg {
font-size: clamp(1.25rem, 1.086rem + 0.7vw, 1.875rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #4e4648;
margin-bottom: 12px;
margin-top: clamp(2rem, 1.737rem + 1.12vw, 3rem);
letter-spacing: 0;
}
.price-table {
margin-bottom: 16px;
}
.faq-box {
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 8px;
display: -ms-grid;
display: grid;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
row-gap: 4px;
letter-spacing: 0;
}
.faq-item {
background-color: #fff;
padding: clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem);
border-radius: 4px;
}
.faq-item > .parent {
cursor: pointer;
display: -ms-grid;
display: grid;
font-size: clamp(1rem, 0.901rem + 0.42vw, 1.375rem);
font-weight: 500;
-ms-grid-columns: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem) 8px 1fr 8px clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
grid-template-columns: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem) 1fr clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.faq-item > .parent:hover {
color: var(--color-group);
}
}
.faq-item > .parent.-is-open {
color: var(--color-group);
}
.faq-item > .parent.-is-open > .btn::before {
rotate: 0deg;
}
.faq-item > .parent > .label {
color: var(--color-group);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 1.2em;
font-weight: 700;
text-align: center;
line-height: 1;
padding-top: 0.15em;
}
.faq-item > .parent > .btn {
padding-top: 0.1em;
}
.faq-item > .parent > .btn::before {
content: "";
display: block;
width: clamp(1.375rem, 1.243rem + 0.56vw, 1.875rem);
height: clamp(1.375rem, 1.243rem + 0.56vw, 1.875rem);
background-color: var(--color-group);
-webkit-mask: url(//midori-group.com/wp-content/themes/midori-group/images/x-circle.svg) no-repeat center/100%;
mask: url(//midori-group.com/wp-content/themes/midori-group/images/x-circle.svg) no-repeat center/100%;
rotate: 135deg;
margin-inline: auto;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.faq-item > .child {
font-weight: 400;
display: none;
margin-top: 12px;
}
.faq-item > .child > .inner {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
display: -ms-grid;
display: grid;
-ms-grid-columns: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem) 8px 1fr 8px clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
grid-template-columns: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem) 1fr clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
}
.faq-item > .child > .inner::before, .faq-item > .child > .inner::after {
content: "";
display: block;
}
.inhome-txt {
line-height: 2;
margin-top: 32px;
letter-spacing: 0;
}
.case-list {
display: -ms-grid;
display: grid;
gap: 24px;
line-height: 1.9;
font-weight: 500;
letter-spacing: 0;
}
@media (min-width: 992px) {
.case-list {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.case-list > .item {
position: relative;
padding-left: 32px;
height: 100%;
}
.case-list > .item > .img {
position: absolute;
bottom: 0;
left: 0;
width: clamp(4rem, 3.737rem + 1.12vw, 5rem);
}
.case-list > .item > .inner {
background-color: #f6f6f6;
padding-block: clamp(1rem, 0.803rem + 0.84vw, 1.75rem);
padding-inline: clamp(2.5rem, 2.105rem + 1.68vw, 4rem) clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
border-radius: 16px;
height: 100%;
border-bottom: 4px solid color-mix(in sRGB, #4e4648, transparent 80%);
}
.case-list > .item > .inner > .marker {
font-weight: 700;
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ffe100), color-stop(95%, #ffe100), color-stop(95%, transparent));
background: linear-gradient(transparent 70%, #ffe100 70%, #ffe100 95%, transparent 95%);
}
.nursing-explore-section {
padding-block: clamp(2.5rem, 1.184rem + 5.61vw, 7.5rem);
background-color: #f6f6f6;
}
.nursing-explore-list {
display: -ms-grid;
display: grid;
gap: 24px 40px;
letter-spacing: 0;
}
@media (min-width: 768px) {
.nursing-explore-list {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.nursing-explore-list > .item {
border-radius: 8px;
contain: paint;
position: relative;
}
@media (any-hover: hover) {
.nursing-explore-list > .item > .link:hover > .img {
scale: 1.05;
}
.nursing-explore-list > .item > .link:hover > .txt {
color: var(--color-group);
}
}
.nursing-explore-list > .item > .link > .img {
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
width: 100%;
}
.nursing-explore-list > .item > .link > .txt {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.95);
border-top-right-radius: 4px;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(0.938rem, 0.822rem + 0.49vw, 1.375rem);
font-weight: 500;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
left: 0;
line-height: 1;
max-width: 85%;
padding: clamp(0.625rem, 0.559rem + 0.28vw, 0.875rem) clamp(0.75rem, 0.684rem + 0.28vw, 1rem);
position: absolute;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
width: 336px;
}
.schedule-list {
--time-width: clamp(3.5rem, 3.237rem + 1.12vw, 4.5rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 32px;
position: relative;
}
@media (min-width: 992px) {
.schedule-list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.schedule-list::before {
content: "";
display: block;
width: calc(var(--time-width) / 4);
height: calc(100% - var(--time-width) / 2);
background-color: #e6e6e6;
position: absolute;
top: calc(var(--time-width) / 2);
left: calc(var(--time-width) / 2);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
@media (min-width: 992px) {
.schedule-list::before {
left: 50%;
}
}
.schedule-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (min-width: 992px) {
.schedule-item {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
max-width: calc(50% + var(--time-width) / 2);
}
.schedule-item:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-right: calc(var(--time-width) * -0.5);
text-align: right;
}
.schedule-item:nth-child(even) {
margin-left: calc(var(--time-width) * -0.5);
-webkit-transform: translate(0, calc(var(--schedule-item-height) / 2 + 16px));
transform: translate(0, calc(var(--schedule-item-height) / 2 + 16px));
}
}
.schedule-item:last-child {
position: relative;
}
.schedule-item:last-child::before {
content: "";
display: block;
position: absolute;
background-color: #fff;
width: 100%;
height: 100%;
top: 5px;
left: 0;
z-index: -1;
}
.schedule-item > .inner {
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 4px;
padding: 16px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.schedule-item > .inner > .ttl {
color: var(--color-group);
font-weight: 500;
}
.schedule-item > .inner > .img {
width: 100%;
margin-top: 16px;
}
.schedule-item > .time {
-webkit-box-flex: 0;
-ms-flex: 0 0 var(--time-width);
flex: 0 0 var(--time-width);
text-align: center;
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
font-weight: 500;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
background-color: var(--color-group);
color: #fff;
display: -ms-grid;
display: grid;
place-content: center;
aspect-ratio: 1/1;
border-radius: 50%;
line-height: 1;
row-gap: 0.3em;
padding-top: calc(var(--time-width) / 5);
}
.schedule-item > .time::after {
content: "〜";
display: block;
rotate: 90deg;
font-size: 0.7em;
font-weight: 700;
}
.schedule-item > .line {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(var(--time-width) / 4);
flex: 0 0 calc(var(--time-width) / 4);
padding-top: calc(var(--time-width) / 2);
}
@media (min-width: 1280px) {
.schedule-item > .line {
-ms-flex-preferred-size: var(--time-width);
flex-basis: var(--time-width);
}
}
.schedule-item > .line::before {
content: "";
display: block;
width: 100%;
height: 0;
border-top: 2px dotted #e6e6e6;
}
.patrol-img {
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 8px;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
margin-top: 32px;
}
.patrol-img > .imgouter {
background-color: #fff;
border-radius: 4px;
padding-inline: clamp(0.75rem, 0.553rem + 0.84vw, 1.5rem);
padding-block: clamp(0.5rem, 0.368rem + 0.56vw, 1rem) clamp(0.75rem, 0.553rem + 0.84vw, 1.5rem);
text-align: center;
}
.patrol-img > .imgouter > .img {
width: 100%;
max-width: 770px;
}
.patrol-info {
display: -ms-grid;
display: grid;
gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 8px;
margin-top: clamp(2.5rem, 2.237rem + 1.12vw, 3.5rem);
}
@media (min-width: 1280px) {
.patrol-info {
-ms-grid-columns: 2fr 3fr;
grid-template-columns: 2fr 3fr;
}
}
.patrol-info > .img {
border-radius: 4px;
}
.patrol-info > .body > .hdg {
font-size: clamp(1.313rem, 1.197rem + 0.49vw, 1.75rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 1.6;
padding-bottom: 16px;
border-bottom: 1px dotted #4e4648;
}
.patrol-info > .body > .img {
border-radius: 4px;
margin-top: 32px;
margin-bottom: 24px;
}
.patrol-info > .body > .txt {
margin-top: 16px;
color: #4e4648;
line-height: 2;
margin-bottom: 32px;
}
.patrol-info > .body > .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border: 1px solid color-mix(in srgb, transparent, var(--color-group) 60%);
border-radius: 40px;
color: var(--color-group);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0;
line-height: 1;
padding: 16px;
position: relative;
font-size: clamp(0.938rem, 0.888rem + 0.21vw, 1.125rem);
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.patrol-info > .body > .link:hover {
color: #fff;
background-color: var(--color-group);
}
.patrol-info > .body > .link:hover > .icon {
translate: 3px 0;
}
}
.patrol-info > .body > .link > .icon {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.1em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
} .cat-list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: clamp(0.375rem, 0.342rem + 0.14vw, 0.5rem);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0;
margin-bottom: clamp(2rem, 1.474rem + 2.25vw, 4rem);
width: calc(100% - clamp(1.375rem, 0.421rem + 4.07vw, 5rem));
margin-inline: auto;
}
.cat-item.-current > .link {
color: #fff;
background-color: var(--color-group);
}
.cat-item > .link {
border: 1px solid var(--color-group);
border-radius: 40px;
color: var(--color-group);
display: inline-block;
font-size: clamp(0.688rem, 0.572rem + 0.49vw, 1.125rem);
font-weight: 500;
line-height: clamp(1.75rem, 1.618rem + 0.56vw, 2.25rem);
min-width: clamp(7.5rem, 7.105rem + 1.68vw, 9rem);
padding-inline: clamp(1.5rem, 1.368rem + 0.56vw, 2rem) clamp(1.75rem, 1.618rem + 0.56vw, 2.25rem);
position: relative;
text-align: center;
text-indent: -0.2em;
}
@media (any-hover: hover) {
.cat-item > .link:hover {
color: #fff;
background-color: var(--color-group);
}
.cat-item > .link:hover > .icon {
translate: 3px 0;
}
}
.cat-item > .link > .icon {
position: absolute;
right: clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
.news-list {
--column-gap: clamp(1rem, 0.605rem + 1.68vw, 2.5rem);
--columns: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: clamp(2.5rem, 2.237rem + 1.12vw, 3.5rem) var(--column-gap);
}
@media (min-width: 576px) {
.news-list {
--columns: 2;
}
}
@media (min-width: 1280px) {
.news-list {
--columns: 3;
}
}
.news-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));
flex: 0 0 calc((100% - (var(--columns) - 1) * var(--column-gap)) / var(--columns));
letter-spacing: 0;
}
@media (any-hover: hover) {
.news-item > .link:hover > .imgouter > .img {
scale: 1.1;
}
.news-item > .link:hover > .ttl {
color: var(--color-group);
}
}
.news-item > .link > .imgouter {
margin-bottom: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
contain: paint;
position: relative;
}
.news-item > .link > .imgouter > .img {
width: 100%;
border-radius: 4px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.news-item > .link > .imgouter > .facility {
position: absolute;
right: 16px;
top: 16px;
font-size: clamp(0.75rem, 0.734rem + 0.07vw, 0.813rem);
background-color: #fff;
border-radius: 20px;
font-weight: 500;
line-height: 1;
padding: 6px 12px;
}
.news-item > .link > .meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
margin-bottom: clamp(0.5rem, 0.434rem + 0.28vw, 0.75rem);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.news-item > .link > .meta > .date {
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(0.875rem, 0.842rem + 0.14vw, 1rem);
}
.news-item > .link > .meta > .cat {
color: var(--color-group);
font-size: clamp(0.813rem, 0.763rem + 0.21vw, 1rem);
}
.news-item > .link > .ttl {
font-weight: 500;
line-height: 1.75;
text-decoration: underline;
text-underline-offset: 0.1em;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.wp-pagenavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-top: clamp(4rem, 3.605rem + 1.68vw, 5.5rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: none;
-ms-flex-preferred-size: 32px;
flex-basis: 32px;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
-ms-flex-preferred-size: clamp(2.5rem, 2.368rem + 0.56vw, 3rem);
flex-basis: clamp(2.5rem, 2.368rem + 0.56vw, 3rem);
aspect-ratio: 1/1;
display: -ms-grid;
display: grid;
place-content: center;
border-radius: 50%;
letter-spacing: 0;
background-color: #f6f6f6;
}
@media (any-hover: hover) {
.wp-pagenavi .page:hover,
.wp-pagenavi .current:hover {
background-color: var(--color-group);
color: #fff;
}
}
.wp-pagenavi .current {
background-color: var(--color-group);
color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
font-size: 1.2em;
}
@media (any-hover: hover) {
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover {
color: var(--color-group);
}
} .single-article {
letter-spacing: 0;
}
.single-header > .cat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
margin-bottom: 16px;
}
.single-header > .cat > .item {
color: var(--color-group);
}
.single-header > .ttl {
font-size: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
font-weight: 500;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 1.4;
padding-bottom: 16px;
border-bottom: 1px solid #4e4648;
}
.single-header > .date {
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #4e4648;
margin-top: 1em;
text-align: right;
}
.single-body {
margin-top: clamp(2.5rem, 2.105rem + 1.68vw, 4rem);
line-height: 2;
}
.single-body > *:first-child {
-webkit-margin-before: 0;
margin-block-start: 0;
}
.single-body > * + * {
-webkit-margin-before: 1em;
margin-block-start: 1em;
}
.single-body h2 {
margin: 2.8em 0 1.2em;
font-weight: 700;
font-size: 1.4em;
line-height: 1.4;
}
.single-body h3 {
margin: 1.8em 0 1.2em;
font-weight: 700;
font-size: 1.2em;
line-height: 1.4;
}
.single-body a {
text-decoration: underline;
text-underline-offset: 0.1em;
color: #43a700;
}
@media (any-hover: hover) {
.single-body a:hover {
color: color-mix(in sRGB, #43a700, transparent 40%);
}
}
.single-body iframe {
aspect-ratio: 16/9;
width: 100%;
height: auto;
}
.recruit-data {
margin-top: clamp(4.5rem, 3.711rem + 3.37vw, 7.5rem);
}
.recruit-data > .hdg {
color: var(--color-group);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 26px;
font-weight: 500;
letter-spacing: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-bottom: 24px;
line-height: 1;
}
.recruit-data > .hdg::after {
content: "";
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1px;
background-color: var(--color-group);
}
.recruit-data > .hdg:not(:first-of-type) {
margin-top: 64px;
}
.recruit-list {
border-top: 1px solid #e6e6e6;
letter-spacing: 0;
}
.recruit-list > .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #e6e6e6;
}
@media (min-width: 576px) {
.recruit-list > .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.recruit-list > .item > dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0.75em 1em;
background: #f6f6f6;
font-weight: bold;
}
@media (min-width: 576px) {
.recruit-list > .item > dt {
width: 17em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1.125em 0.75em;
font-weight: normal;
text-align: center;
}
}
.recruit-list > .item > dd {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
padding: 0.75em 1em;
}
@media (min-width: 576px) {
.recruit-list > .item > dd {
padding: 1.125em 1.75em;
}
}
.entry-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-group);
border: 2px solid var(--color-group);
border-radius: 100px;
color: var(--color-group);
color: #fff;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: clamp(1.063rem, 0.98rem + 0.35vw, 1.375rem);
font-weight: 500;
gap: 16px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1;
margin-top: clamp(2.5rem, 2.105rem + 1.68vw, 4rem);
padding: clamp(1.25rem, 1.053rem + 0.84vw, 2rem);
text-align: center;
}
.entry-link::before {
content: "";
}
.entry-link > .icon {
font-size: 1.2em;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.entry-link:hover {
background-color: #fff;
color: var(--color-group);
}
.entry-link:hover > .icon {
translate: 3px 0;
}
} .public-relations-top {
display: -ms-grid;
display: grid;
gap: 24px clamp(0.75rem, 0.421rem + 1.4vw, 2rem);
-ms-grid-columns: 1fr clamp(0.75rem, 0.421rem + 1.4vw, 2rem) 1fr;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 901px) {
.public-relations-top {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
}
.public-relations-top > .item {
letter-spacing: 0;
text-align: center;
}
.public-relations-top > .item > .img {
width: 100%;
border: 1px solid #c3c3c3;
}
.public-relations-top > .item > .hdg {
font-weight: 500;
margin-top: 1em;
}
.public-relations-top > .item > .date {
font-size: clamp(0.813rem, 0.747rem + 0.28vw, 1.063rem);
}
.public-relations-top > .item > .link {
color: var(--color-group);
margin-top: 1em;
text-decoration: underline;
text-underline-offset: 0.1em;
}
.public-relations-box {
display: -ms-grid;
display: grid;
gap: 2px;
letter-spacing: 0;
}
.public-relations-item > .parent {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color-group);
color: #fff;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: clamp(1rem, 0.901rem + 0.42vw, 1.375rem);
font-weight: 500;
height: clamp(3.5rem, 3.237rem + 1.12vw, 4.5rem);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1;
padding-inline: clamp(1rem, 0.605rem + 1.68vw, 2.5rem) clamp(0.75rem, 0.421rem + 1.4vw, 2rem);
}
.public-relations-item > .parent > .btn {
padding-top: 0.1em;
}
.public-relations-item > .parent > .btn::before {
content: "";
display: block;
width: clamp(1.375rem, 1.276rem + 0.42vw, 1.75rem);
height: clamp(1.375rem, 1.276rem + 0.42vw, 1.75rem);
background-color: currentColor;
-webkit-mask: url(//midori-group.com/wp-content/themes/midori-group/images/x-circle.svg) no-repeat center/100%;
mask: url(//midori-group.com/wp-content/themes/midori-group/images/x-circle.svg) no-repeat center/100%;
rotate: 135deg;
margin-inline: auto;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.public-relations-item > .parent.-is-open > .btn::before {
rotate: 0deg;
}
.public-relations-item > .child {
display: none;
padding-bottom: 24px;
}
.public-relations-item > .child > .list > .item > .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #e6e6e6;
border-top: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: clamp(0.75rem, 0.618rem + 0.56vw, 1.25rem);
height: 72px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-inline: clamp(1rem, 0.605rem + 1.68vw, 2.5rem) clamp(0.75rem, 0.421rem + 1.4vw, 2rem);
}
@media (any-hover: hover) {
.public-relations-item > .child > .list > .item > .link:hover {
color: var(--color-group);
}
.public-relations-item > .child > .list > .item > .link:hover > .arrow {
translate: 3px 0;
}
}
.public-relations-item .child > .list > .item > .link > .icon {
color: var(--color-group);
font-size: clamp(1.875rem, 1.743rem + 0.56vw, 2.375rem);
text-indent: -0.1em;
}
.public-relations-item .child > .list > .item > .link > .ttl {
font-weight: 500;
margin-right: 1em;
}
.public-relations-item > .child > .list > .item > .link > .arrow {
margin-left: auto;
margin-right: 0.25em;
color: var(--color-group);
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
} .recruit-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 72px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 40px;
}
@media (min-width: 1280px) {
.recruit-top {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (min-width: 1280px) {
.recruit-top > .content {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.recruit-top > .content > .hdg {
font-size: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 700;
line-height: 1.6;
letter-spacing: -0.025em;
margin-top: clamp(1.5rem, 1.105rem + 1.68vw, 3rem);
}
.recruit-top > .content > .txt {
font-size: clamp(0.938rem, 0.822rem + 0.49vw, 1.375rem);
line-height: 2.4;
font-weight: 500;
letter-spacing: 0;
}
.recruit-top > .imgbox {
display: -ms-grid;
display: grid;
-webkit-column-gap: clamp(2rem, 1.474rem + 2.25vw, 4rem);
-moz-column-gap: clamp(2rem, 1.474rem + 2.25vw, 4rem);
column-gap: clamp(2rem, 1.474rem + 2.25vw, 4rem);
row-gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
@media (min-width: 1280px) {
.recruit-top > .imgbox {
margin-right: -40px;
margin-left: 20px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.recruit-top > .imgbox > .imgouter {
position: relative;
}
.recruit-top > .imgbox > .imgouter::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--color-group), transparent 80%);
border-radius: 4px;
rotate: -3deg;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
@media (min-width: 992px) {
.recruit-top > .imgbox > .imgouter:first-child {
margin-bottom: 16px;
max-width: 80vw;
margin-left: auto;
width: 80%;
}
}
.recruit-top > .imgbox > .imgouter:last-child {
max-width: 45vw;
}
@media (min-width: 992px) {
.recruit-top > .imgbox > .imgouter:last-child {
margin-bottom: -40px;
width: 40%;
}
}
.recruit-top > .imgbox > .imgouter > .img {
width: 100%;
border-radius: 4px;
}
.ideal-candidate {
margin-top: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
-ms-flex-pack: distribute;
justify-content: space-around;
}
.ideal-candidate > .hdg {
display: -ms-grid;
display: grid;
-ms-grid-rows: auto 1fr;
grid-template-rows: auto 1fr;
justify-items: center;
}
.ideal-candidate > .hdg::after {
border-left: 1px dashed #4e4648;
content: "";
display: block;
height: 100%;
width: 1px;
}
.ideal-candidate > .hdg > .inner {
border: 1px dashed #4e4648;
border-radius: 20px;
line-height: 1;
letter-spacing: 0.15em;
padding-block: 8px;
padding-inline: 16px;
text-orientation: mixed;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.ideal-candidate > .list {
display: -ms-grid;
display: grid;
font-weight: 500;
gap: 8px;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
max-width: calc(100% - 56px);
text-align: center;
-ms-flex-preferred-size: calc(100% - 64px);
flex-basis: calc(100% - 64px);
}
@media (min-width: 992px) {
.ideal-candidate > .list {
-ms-flex-preferred-size: clamp(15rem, 9.737rem + 22.46vw, 35rem);
flex-basis: clamp(15rem, 9.737rem + 22.46vw, 35rem);
}
}
.ideal-candidate > .list > .item {
background-color: #f6f6f6;
border-bottom: 2px solid #e6e6e6;
border-radius: 4px;
padding: 16px;
place-content: center;
}
.ideal-candidate > .imgouter {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 16px;
margin-left: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
position: relative;
min-width: 200px;
max-width: 280px;
}
.ideal-candidate > .imgouter::after {
background-color: color-mix(in srgb, var(--color-group), transparent 80%);
border-radius: 4px;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
rotate: -3deg;
top: 0;
width: 100%;
z-index: -1;
}
.ideal-candidate > .imgouter > .img {
border-radius: 4px;
width: 100%;
}
.ideal-candidate.-about {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1280px) {
.ideal-candidate.-about {
-webkit-column-gap: clamp(1.25rem, -0.263rem + 6.46vw, 7rem);
-moz-column-gap: clamp(1.25rem, -0.263rem + 6.46vw, 7rem);
column-gap: clamp(1.25rem, -0.263rem + 6.46vw, 7rem);
}
}
.ideal-candidate.-about > .hdg > .inner {
background-color: #f6f6f6;
}
.ideal-candidate.-about > .list > .item {
background-color: #fff;
}
.welfare-hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 26px;
font-weight: 500;
letter-spacing: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-bottom: 24px;
line-height: 1;
}
.welfare-hdg::after {
content: "";
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1px;
background-color: #4e4648;
}
.welfare-hdg:not(:first-of-type) {
margin-top: 64px;
}
.welfare-list {
display: -ms-grid;
display: grid;
gap: 8px;
letter-spacing: 0;
}
.welfare-list > .item {
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 4px;
padding: clamp(1rem, 0.737rem + 1.12vw, 2rem) clamp(1.5rem, 0.974rem + 2.25vw, 3.5rem);
display: -ms-grid;
display: grid;
-webkit-column-gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
-moz-column-gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
column-gap: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
row-gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1280px) {
.welfare-list > .item {
-ms-grid-columns: 18em auto;
grid-template-columns: 18em auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.welfare-list > .item > .hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 20px;
font-weight: 500;
text-align: center;
}
@media (min-width: 1280px) {
.welfare-list > .item > .hdg {
text-align: left;
}
}
.welfare-list > .item > .hdg > .inner {
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, color-mix(in sRGB, #ff7bb0, transparent 75%)), color-stop(95%, color-mix(in sRGB, #ff7bb0, transparent 75%)), color-stop(95%, transparent));
background: linear-gradient(transparent 70%, color-mix(in sRGB, #ff7bb0, transparent 75%) 70%, color-mix(in sRGB, #ff7bb0, transparent 75%) 95%, transparent 95%);
}
.interview-list {
display: -ms-grid;
display: grid;
gap: 48px;
}
.interview-item:first-child {
padding-top: 12px;
}
.interview-item > .link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -ms-grid;
display: grid;
gap: clamp(1.25rem, 0.526rem + 3.09vw, 4rem);
letter-spacing: 0;
}
@media (min-width: 768px) {
.interview-item > .link {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (any-hover: hover) {
.interview-item > .link:hover > .imgouter > .inner > .img {
scale: 1.1;
}
}
.interview-item > .link > .imgouter {
position: relative;
}
.interview-item > .link > .imgouter::after {
background-color: color-mix(in srgb, var(--color-group), transparent 80%);
border-radius: 4px;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
rotate: -3deg;
top: 0;
width: 100%;
z-index: -1;
}
.interview-item > .link > .imgouter > .inner {
overflow: hidden;
border-radius: 4px;
}
.interview-item > .link > .imgouter > .inner > .img {
width: 100%;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.interview-item > .link > .body > .facility {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.4em;
line-height: 1;
margin-bottom: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
}
.interview-item > .link > .body > .facility > .icon {
font-size: 1.2em;
}
.interview-item > .link > .body > .hdg {
border-bottom: 2px dotted #c3c3c3;
color: var(--color-group);
font-size: clamp(1.25rem, 1.118rem + 0.56vw, 1.75rem);
font-weight: 700;
line-height: 1.5;
padding-bottom: clamp(1rem, 0.737rem + 1.12vw, 2rem);
}
.interview-item > .link > .body > .bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: clamp(0.5rem, 0.237rem + 1.12vw, 1.5rem);
row-gap: 8px;
}
@media (min-width: 992px) {
.interview-item > .link > .body > .bottom {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.interview-item > .link > .body > .bottom > .info {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.interview-item > .link > .body > .bottom > .info > .name {
font-size: clamp(1rem, 0.901rem + 0.42vw, 1.375rem);
}
.interview-item > .link > .body > .bottom > .info > .data {
font-size: clamp(0.813rem, 0.78rem + 0.14vw, 0.938rem);
}
.interview-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--color-group);
border-radius: 40px;
color: var(--color-group);
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: clamp(0.938rem, 0.839rem + 0.42vw, 1.313rem);
font-weight: 500;
gap: 16px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 1;
margin-top: clamp(2.5rem, 2.105rem + 1.68vw, 4rem);
padding: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
text-align: center;
}
.interview-link::before {
content: "";
}
.interview-link > .icon {
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.interview-link:hover {
background-color: var(--color-group);
color: #fff;
}
.interview-link:hover > .icon {
translate: 3px 0;
}
}
.interview-img {
width: 100%;
} .single-interview-header {
position: relative;
margin-top: clamp(2.5rem, 2.105rem + 1.68vw, 4rem);
letter-spacing: 0;
}
.single-interview-header > .imgouter {
position: relative;
}
.single-interview-header > .imgouter::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--color-group), transparent 80%);
border-radius: clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
position: absolute;
top: 0;
left: 0;
z-index: -1;
rotate: -2deg;
}
.single-interview-header > .imgouter > .img {
width: 100%;
border-radius: clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
aspect-ratio: 2/1;
-o-object-fit: cover;
object-fit: cover;
}
.single-interview-header > .deco {
opacity: 0.1;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: clamp(1rem, 0.868rem + 0.56vw, 1.5rem) 0;
font-weight: 700;
font-size: clamp(1.813rem, 1.105rem + 3.02vw, 4.5rem);
font-family: "century-gothic", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 1;
color: var(--color-group);
}
.single-interview-header > .deco > .item {
white-space: nowrap;
-webkit-animation: interview-deco 100s linear infinite;
animation: interview-deco 100s linear infinite;
margin-bottom: 0;
}
@-webkit-keyframes interview-deco {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes interview-deco {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.single-interview-header > .body {
background-color: color-mix(in srgb, var(--color-group), transparent 20%);
z-index: 1;
position: relative;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: clamp(1.25rem, 0.789rem + 1.96vw, 3rem);
color: #fff;
border-radius: 8px;
width: clamp(30rem, 24.737rem + 22.46vw, 50rem);
max-width: 100%;
}
@media (min-width: 768px) {
.single-interview-header > .body {
position: absolute;
right: clamp(0rem, -2.303rem + 9.82vw, 8.75rem);
right: 3%;
}
}
.single-interview-header > .body > .ttl {
font-size: clamp(1.25rem, 1.086rem + 0.7vw, 1.875rem);
font-weight: 700;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px dotted;
}
.single-interview-header > .body > .info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-interview-body {
margin-block: clamp(4rem, 3.079rem + 3.93vw, 7.5rem);
letter-spacing: 0;
}
.single-interview-body > .section {
margin-block: clamp(3.5rem, 2.842rem + 2.81vw, 6rem);
}
.c-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
line-height: 1;
text-decoration: none;
color: inherit;
word-wrap: break-word;
}
.c-card > .header,
.c-card > .footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.c-card > .media {
overflow: hidden;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
margin: 0;
}
.c-card > .media > .inner {
display: block;
}
.c-card > .media > .inner > .image,
.c-card > .media > .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-card > .body {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.c-card.-typeB {
--c-card-typeB-color: var(--themeColor, var(--defaultColor));
}
@media (min-width: 768px) {
.c-card.-typeB {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.c-card.-typeB > .media {
overflow: visible;
aspect-ratio: 1/1;
border-radius: 8px;
position: relative;
}
@media (min-width: 768px) {
.c-card.-typeB > .media {
width: 50%;
}
}
.c-card.-typeB > .media::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--color-group), transparent 80%);
border-radius: clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
position: absolute;
top: 0;
left: 0;
z-index: -1;
rotate: -3deg;
}
.c-card.-typeB > .media > .image {
border-radius: 8px;
}
.c-card.-typeB > .body {
z-index: 1;
position: relative;
margin-top: 40px;
background: rgba(255, 255, 255, 0.7);
border-radius: 8px;
}
@media (min-width: 768px) {
.c-card.-typeB > .body {
margin-inline: calc(clamp(1.25rem, 1.053rem + 0.84vw, 2rem) * -1) 0;
margin-block: clamp(2.5rem, 2.237rem + 1.12vw, 3.5rem);
padding-inline: clamp(2.5rem, 1.974rem + 2.25vw, 4.5rem) clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
padding-block: clamp(2.5rem, 2.105rem + 1.68vw, 4rem);
}
}
.c-card.-typeB > .body::before {
opacity: 0.2;
content: "";
position: absolute;
top: 0;
right: 0;
width: clamp(3rem, 1.092rem + 8.14vw, 10.25rem);
aspect-ratio: 440/328;
background: var(--color-group) linear-gradient(45deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
-webkit-mask: url(//midori-group.com/wp-content/themes/midori-group/images/logo-green_01.svg) no-repeat 50% 50%/contain;
mask: url(//midori-group.com/wp-content/themes/midori-group/images/logo-green_01.svg) no-repeat 50% 50%/contain;
-webkit-transform: translate(36%, -54%);
transform: translate(36%, -54%);
}
.c-card.-typeB > .body > .heading {
margin: 0;
font-weight: 700;
font-size: clamp(1.125rem, 0.961rem + 0.7vw, 1.75rem);
line-height: 1.8;
color: var(--color-group);
}
.c-card.-typeB > .body > .heading + .text {
margin-top: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
}
.c-card.-typeB > .body > .text {
line-height: 2;
text-align: justify;
word-break: break-all;
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media (min-width: 768px) {
.c-card.-typeB.-reverse > .body {
margin-inline: 0 calc(clamp(1.25rem, 1.053rem + 0.84vw, 2rem) * -1);
padding-inline: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem) clamp(2.5rem, 1.974rem + 2.25vw, 4.5rem);
}
}
.c-card.-typeB.-reverse > .body::before {
right: auto;
left: 0;
-webkit-transform: translate(-36%, -54%);
transform: translate(-36%, -54%);
} .message-box {
letter-spacing: 0;
}
.message-box > .body {
line-height: 2;
}
.message-box > .body > .txt {
margin-bottom: 1.5em;
}
.message-box > .body > .signature {
border-top: 2px dotted #e6e6e6;
font-size: 1.075em;
margin-top: clamp(2rem, 1.605rem + 1.68vw, 3.5rem);
padding-top: clamp(1rem, 0.737rem + 1.12vw, 2rem);
text-align: right;
line-height: 1;
}
.message-box > .body > .signature > .small {
font-size: 0.825em;
}
.about-section {
padding-top: 0;
}
.about-section::before {
content: "";
display: block;
width: 100%;
height: clamp(2.75rem, 2.026rem + 3.09vw, 5.5rem);
position: absolute;
background-color: #fff;
top: 0;
left: 0;
z-index: -1;
}
.about-imgbox {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr clamp(0.5rem, 0.368rem + 0.56vw, 1rem) 1fr;
grid-template-columns: repeat(2, 1fr);
gap: clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
}
.about-imgbox > .img {
width: 100%;
}
.corporate-philosophy {
letter-spacing: 0;
}
.corporate-philosophy > .hdg {
color: var(--color-group);
font-size: 25px;
border-bottom: 1px solid var(--color-group);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
line-height: 2;
margin-top: 88px;
}
.corporate-philosophy > .catch {
font-size: clamp(1.375rem, 1.112rem + 1.12vw, 2.375rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-top: clamp(1.5rem, 1.368rem + 0.56vw, 2rem);
text-align: center;
font-weight: 500;
}
.history-list {
--dot-width: 16px;
--spacer-vertical: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
--spacer-horizontal: clamp(1rem, 0.342rem + 2.81vw, 3.5rem);
display: -ms-grid;
display: grid;
row-gap: 6px;
position: relative;
letter-spacing: 0;
}
.history-list::before {
content: "";
display: block;
width: var(--dot-width);
height: calc(100% - var(--spacer-vertical) - var(--dot-width) / 2);
background-color: #e6e6e6;
position: absolute;
top: calc(var(--spacer-vertical) + var(--dot-width) / 2);
left: 0;
z-index: -1;
}
.history-list > .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: none;
}
.history-list > .item.-is-visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.history-list > .item > .dot {
padding-top: var(--spacer-vertical);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.history-list > .item > .dot::before {
content: "";
display: block;
width: var(--dot-width);
height: var(--dot-width);
border-radius: 50%;
background-color: #fff;
border: 4px solid var(--color-group);
}
.history-list > .item > .line {
width: clamp(1.25rem, -0.132rem + 5.89vw, 6.5rem);
border-top: 1px dashed var(--color-group);
margin-top: calc(var(--spacer-vertical) + var(--dot-width) / 2);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.history-list > .item > .content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: #f6f6f6;
padding: calc(var(--spacer-vertical) - 0.3em) var(--spacer-horizontal);
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: var(--spacer-horizontal);
-moz-column-gap: var(--spacer-horizontal);
column-gap: var(--spacer-horizontal);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 12px;
}
@media (min-width: 992px) {
.history-list > .item > .content {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.history-list > .item > .content > .year {
font-size: clamp(1.375rem, 1.276rem + 0.42vw, 1.75rem);
font-weight: 500;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: var(--color-group);
line-height: 1.2;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.history-item-list {
display: -ms-grid;
display: grid;
row-gap: 6px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
@media (min-width: 992px) {
.history-item-list {
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
}
.history-item-list > .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: var(--spacer-horizontal);
-moz-column-gap: var(--spacer-horizontal);
column-gap: var(--spacer-horizontal);
}
.history-item-list > .item > .date {
color: var(--color-group);
font-weight: 500;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.more-button {
--border-width: 1px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: var(--border-width) solid var(--color-group);
border-radius: 40px;
color: var(--color-group);
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: clamp(0.938rem, 0.839rem + 0.42vw, 1.313rem);
font-weight: 500;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: clamp(1.25rem, 1.184rem + 0.28vw, 1.5rem);
text-align: center;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
width: 100%;
position: relative;
margin-top: 20px;
}
.more-button::before {
content: "";
}
.more-button::after {
position: absolute;
content: "";
width: calc(100% + var(--border-width) * 2);
height: 160px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 25, 0)), to(#fff));
background: linear-gradient(to bottom, rgba(255, 255, 25, 0) 0%, #fff 100%);
bottom: calc(100% + var(--border-width));
left: calc(var(--border-width) * -1);
}
@media (any-hover: hover) {
.more-button:hover {
background-color: var(--color-group);
color: #fff;
}
}
.more-button > .icon {
font-size: 1.5em;
}
.rehabili-section > .default-txt {
margin-bottom: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
}
.rehabili-box {
display: -ms-grid;
display: grid;
letter-spacing: 0;
padding: clamp(1.25rem, 0.921rem + 1.4vw, 2.5rem);
background-color: #f6f6f6;
border: 1px solid #e6e6e6;
border-radius: 8px;
margin-top: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
}
.rehabili-box > .hdg {
color: var(--color-group);
font-size: clamp(1.125rem, 1.092rem + 0.14vw, 1.25rem);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
line-height: 1;
padding-bottom: 16px;
border-bottom: 1px dotted #4e4648;
margin-bottom: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
}
.rehabili-flow {
--column-gap: clamp(1.25rem, 1.053rem + 0.84vw, 2rem);
display: -ms-grid;
display: grid;
-webkit-column-gap: var(--column-gap);
-moz-column-gap: var(--column-gap);
column-gap: var(--column-gap);
row-gap: 24px;
margin-bottom: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
}
@media (min-width: 576px) {
.rehabili-flow {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 768px) {
.rehabili-flow {
-ms-grid-columns: (1fr)[6];
grid-template-columns: repeat(6, 1fr);
padding-inline: clamp(0.75rem, 0.553rem + 0.84vw, 1.5rem);
}
}
.rehabili-flow-item {
position: relative;
width: 100%;
}
.rehabili-flow-item:not(:first-child)::before {
content: "\e136";
font-family: "Phosphor-Bold" !important;
position: absolute;
top: calc(var(--column-gap)/-2);
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #c3c3c3;
}
@media (min-width: 576px) {
.rehabili-flow-item:not(:first-child)::before {
content: "\e13a";
top: 50%;
left: calc(var(--column-gap)/-2);
}
}
.rehabili-flow-item > .inner {
background-color: #fff;
border: 1px solid color-mix(in srgb, var(--color-group), transparent 60%);
border-radius: 4px;
border-top: 4px solid var(--color-group);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
height: 100%;
}
.rehabili-flow-item > .inner > .time {
background-color: color-mix(in srgb, var(--color-group), transparent 92%);
color: var(--color-group);
font-size: 18px;
padding-block: clamp(0.5rem, 0.368rem + 0.56vw, 1rem);
position: relative;
text-align: center;
line-height: 1;
}
.rehabili-flow-item > .inner > .time::before {
background-color: color-mix(in srgb, var(--color-group), transparent 92%);
-webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
clip-path: polygon(0 0, 100% 0%, 50% 100%);
content: "";
height: 10px;
left: 50%;
position: absolute;
top: 100%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 14px;
}
.rehabili-flow-item > .inner > .txt {
padding-top: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
padding-bottom: clamp(0.75rem, 0.553rem + 0.84vw, 1.5rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
@media (min-width: 576px) {
.rehabili-flow-item > .inner > .txt {
text-orientation: upright;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: start;
}
}
.rihabili-flow-imgbox {
display: -ms-grid;
display: grid;
gap: clamp(1rem, 0.803rem + 0.84vw, 1.75rem);
}
@media (min-width: 576px) {
.rihabili-flow-imgbox {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
.rihabili-flow-imgbox > .item > .figure {
position: relative;
}
.rihabili-flow-imgbox > .item > .figure > .img {
border-radius: 4px;
width: 100%;
}
.rihabili-flow-imgbox > .item > .figure > .ttl {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
font-weight: 500;
padding: 16px;
}
.rihabili-activity-imgbox {
display: -ms-grid;
display: grid;
gap: clamp(1.5rem, 1.237rem + 1.12vw, 2.5rem);
}
@media (min-width: 576px) {
.rihabili-activity-imgbox {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
.rihabili-activity-imgbox > .item > .figure > .img {
border-radius: 4px;
width: 100%;
}
.rihabili-activity-imgbox > .item > .figure > .ttl {
margin-top: clamp(0.5rem, 0.237rem + 1.12vw, 1.5rem);
}
.dock-price-table thead th {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
}
.dock-price-table td {
padding-block: 8px;
text-align: center;
}
.dock-price-table td > .icon {
color: #ed8598;
}
.dock-price-table tfoot th {
background-color: color-mix(in sRGB, var(--color-dark-group), transparent 70%);
color: #4e4648;
}
.dock-price-table + .annotation-list {
margin-top: 8px;
}
.dock-contact-box {
background-color: #fff;
border-radius: 8px;
display: -ms-grid;
display: grid;
letter-spacing: 0;
margin-top: 20px;
padding-inline: clamp(1.25rem, 1.053rem + 0.84vw, 2rem);
}
@media (min-width: 1480px) {
.dock-contact-box {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
padding-block: clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
padding-inline: 0;
}
}
.dock-contact-box > .item {
padding: 24px 20px;
text-align: center;
}
@media (min-width: 1480px) {
.dock-contact-box > .item {
padding: 12px 20px;
}
}
.dock-contact-box > .item:first-child {
border-bottom: 1px dotted #c3c3c3;
}
@media (min-width: 1480px) {
.dock-contact-box > .item:first-child {
border-bottom: none;
border-right: 1px dotted #c3c3c3;
}
}
.dock-contact-box > .item > .hdg {
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, color-mix(in sRGB, transparent, var(--color-group) 25%)));
background: linear-gradient(transparent 80%, color-mix(in sRGB, transparent, var(--color-group) 25%) 80%);
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
line-height: 1.1;
margin-bottom: 12px;
margin-inline: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.dock-contact-box .tel-link {
font-size: 32px;
}
.dock-download-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
border: 1px solid color-mix(in srgb, transparent, var(--color-group) 60%);
border-radius: 40px;
color: var(--color-group);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: 0;
line-height: 1;
padding: 16px;
position: relative;
margin-top: 20px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
@media (any-hover: hover) {
.dock-download-link:hover {
color: #fff;
background-color: var(--color-group);
}
.dock-download-link:hover > .icon {
translate: 3px 0;
}
}
.dock-download-link > .icon {
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.1em;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
} .form-list > .item > .control.-radio {
padding: calc(0.875em + 1px) 0;
} .rheumatism-table {
margin-bottom: 8px;
}
.rheumatism-table tbody th {
text-align: left;
vertical-align: top;
}
.rheumatism-table tbody td {
text-align: center;
}
.rheumatism-table tbody td.border-dotted {
border-right-style: dotted;
}
.rheumatism-hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-top: 40px;
margin-bottom: 16px;
color: var(--color-dark-group);
font-size: 1.2em;
}
.source-txt {
font-size: clamp(0.875rem, 0.809rem + 0.28vw, 1.125rem);
} .fever-contact-box {
background-color: #fff;
border-radius: 8px;
display: -ms-grid;
display: grid;
letter-spacing: 0;
padding-inline: clamp(1.25rem, 1.053rem + 0.84vw, 2rem);
padding-block: clamp(1.5rem, 1.368rem + 0.56vw, 2rem) clamp(1rem, 0.868rem + 0.56vw, 1.5rem);
}
.fever-contact-box:not(:first-child) {
margin-top: 20px;
}
.fever-contact-box > .item {
text-align: center;
}
.fever-contact-box > .item > .hdg {
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
line-height: 1.1;
margin-bottom: 12px;
margin-inline: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.fever-contact-box > .item > .hdg > .marker {
background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(80%, color-mix(in sRGB, transparent, var(--color-group) 25%)));
background: linear-gradient(transparent 80%, color-mix(in sRGB, transparent, var(--color-group) 25%) 80%);
}
.fever-contact-box > .item > .txt {
margin-top: 12px;
}
.fever-contact-box .tel-link {
font-size: 32px;
} .aga-table {
margin-bottom: 24px;
}
.aga-table tbody td {
text-align: center;
}:root {
--icon-arrow-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M9.52%204.21s1.5%201.5%203.26%203.25c.29.29.29.77%200%201.06l-3.25%203.25A.72.72%200%20019%2012c-.41%200-.75-.34-.75-.75%200-.2.08-.38.22-.52l1.98-1.97h-6.7A.764.764%200%20013%208c0-.41.34-.75.75-.75h6.69L8.47%205.27a.742.742%200%20010-1.05.75.75%200%20011.05-.01z%22%2F%3E%3C%2Fsvg%3E");
--icon-arrow-b-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22M11.11%208.59c-1.97%201.97-3.65%203.66-3.65%203.66a.84.84%200%2001-.6.25c-.47%200-.84-.38-.84-.84%200-.22.09-.43.24-.59L9.33%208%206.26%204.93a.836.836%200%20010-1.18.88.88%200%2001.61-.25c.22%200%20.43.09.59.24%200%200%201.69%201.69%203.65%203.66.33.33.33.86%200%201.19z%22%2F%3E%3C%2Fsvg%3E");
--color-black: #221e1f;
--color-green: #43a700;
--color-white: #fff;
--color-indigo: #1270b3;
--color-red: #d93030;
--color-gray-pale: #e6e6e6;
--color-offwhite: #f7f6f4;
--transition-duration: 0.15s;
--content-width-small: 88vw;
--content-width-medium: 88vw;
--content-width-large: 88vw;
--content-width-xlarge: 92vw;
--font-10: 10px;
--font-11: 11px;
--font-12: 11px;
--font-13: 12px;
--font-14: 13px;
--font-15: 13px;
--font-16: 14px;
--font-17: 14px;
--font-18: 15px;
--font-19: 16px;
--font-20: 16px;
--font-21: 17px;
--font-22: 18px;
--font-23: 18px;
--font-24: 19px;
--font-25: 19px;
--font-26: 20px;
--font-27: 21px;
--font-28: 21px;
--font-29: 22px;
--font-30: 23px;
--font-31: 23px;
--font-32: 24px;
--font-33: 24px;
--font-34: 25px;
--font-35: 26px;
--font-36: 26px;
--font-37: 27px;
--font-38: 28px;
--font-39: 28px;
--font-40: 29px;
--font-41: 29px;
--font-42: 30px;
--font-47: 33px;
}
@media (min-width: 1200px) {
:root {
--content-width-small: clamp(550px, 65.671641791vw, 880px);
--content-width-medium: clamp(665px, 79.4029850746vw, 1064px);
--content-width-large: clamp(700px, 83.5820895522vw, 1120px);
--content-width-xlarge: min(clamp(820px, 97.9104477612vw, 1312px), 90vw);
}
}
@media (min-width: 960px) {
:root {
--font-10: 10px;
--font-11: 11px;
--font-12: 12px;
--font-13: 13px;
--font-14: 14px;
--font-15: 15px;
--font-16: 16px;
--font-17: 17px;
--font-18: 18px;
--font-19: 19px;
--font-20: 20px;
--font-21: 21px;
--font-22: 22px;
--font-23: 23px;
--font-24: 24px;
--font-25: 25px;
--font-26: 26px;
--font-27: 27px;
--font-28: 28px;
--font-29: 29px;
--font-30: 30px;
--font-31: 31px;
--font-32: 32px;
--font-33: 33px;
--font-34: 34px;
--font-35: 35px;
--font-36: 36px;
--font-37: 37px;
--font-38: 38px;
--font-39: 39px;
--font-40: 40px;
--font-41: 41px;
--font-42: 42px;
--font-47: 47px;
}
} ._d-none {
display: none !important;
}
._d-block {
display: block !important;
}
@media (min-width: 560px) {
._d-sm-none {
display: none !important;
}
._d-sm-block {
display: block !important;
}
._d-sm-inline-block {
display: inline-block !important;
}
._d-sm-inline {
display: inline !important;
}
._d-sm-flex {
display: flex !important;
}
._d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
._d-md-none {
display: none !important;
}
._d-md-block {
display: block !important;
}
._d-md-inline-block {
display: inline-block !important;
}
._d-md-inline {
display: inline !important;
}
._d-md-flex {
display: flex !important;
}
._d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 960px) {
._d-lg-none {
display: none !important;
}
._d-lg-block {
display: block !important;
}
._d-lg-inline-block {
display: inline-block !important;
}
._d-lg-inline {
display: inline !important;
}
._d-lg-flex {
display: flex !important;
}
._d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1280px) {
._d-xl-none {
display: none !important;
}
._d-xl-block {
display: block !important;
}
._d-xl-inline-block {
display: inline-block !important;
}
._d-xl-inline {
display: inline !important;
}
._d-xl-flex {
display: flex !important;
}
._d-xl-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1400px) {
._d-xxl-none {
display: none !important;
}
._d-xxl-block {
display: block !important;
}
._d-xxl-inline-block {
display: inline-block !important;
}
._d-xxl-inline {
display: inline !important;
}
._d-xxl-flex {
display: flex !important;
}
._d-xxl-inline-flex {
display: inline-flex !important;
}
}
.secondary-container {
max-width: var(--container-width);
margin: 0 auto;
padding-top: clamp(4rem, 3.079rem + 3.93vw, 7.5rem);
padding-bottom: clamp(5rem, 3.684rem + 5.61vw, 10rem);
}
@media (max-width:767px) {
.secondary-container {
max-width: 94vw;
}
}
.c-list {
display: flex;
flex-direction: column;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: inherit;
padding-left: 1.25em;
text-align: justify;
word-break: break-all;
}
.c-list.-disc {
list-style: disc;
}
.c-contactForm {
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: 1.6;
}
.c-contactForm > .lead {
display: none;
margin-bottom: clamp(50px, 5.9701492537vw, 80px);
}
.c-contactForm > .lead > .heading {
font-weight: 700;
font-size: clamp(1.75rem, 1.553rem + 0.84vw, 2.5rem);
line-height: 1.6;
text-align: center;
color: var(--color-green);
}
.c-contactForm > .lead > .text {
margin-top: 1.5em;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: 1.8;
text-align: center;
}
.c-contactForm > .list {
border-bottom: 1px solid var(--color-gray-pale);
}
.c-contactForm > .list > .item {
display: flex;
flex-direction: column;
gap: 0.5em 0;
padding: 1.25em 0;
border-top: 1px solid var(--color-gray-pale);
}
@media (min-width: 768px) {
.c-contactForm > .list > .item {
flex-direction: row;
}
}
.c-contactForm > .list > .item.-combine {
border-top: none;
padding-top: 0;
}
.c-contactForm > .list > .item > .label {
font-weight: 700;
}
@media (min-width: 768px) {
.c-contactForm > .list > .item > .label {
flex: 0 0 auto;
width: 18em;
padding: calc(0.875em + 1px) 0;
}
}
.c-contactForm > .list > .item > .label > .required {
margin-left: 1em;
font-size: var(--font-14);
color: var(--color-red);
}
.c-contactForm > .list > .item > .control {
flex: 1 1 0%;
}
.c-contactForm > .list > .item > .control > .checkboxList > .item + .item {
margin-top: 0.5em;
}
.c-contactForm > .note {
max-width: 50em;
margin: clamp(40px, 4.776119403vw, 64px) auto 0;
font-size: var(--font-14);
line-height: 2;
}
.c-contactForm > .action {
margin-top: clamp(40px, 4.776119403vw, 64px);
text-align: center;
}
.c-contactForm > .action > .back {
margin-top: 1em;
}
.c-contactForm-controlSeparator {
display: block;
position: relative;
height: 100%;
padding: 0 0.5em;
}
.c-contactForm-controlSeparator::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 2em;
border-right: 1px solid var(--color-gray-pale);
transform: translate(-50%, -50%) rotate(25deg);
}
.mw_wp_form_preview .c-contactForm > .lead {
display: block;
}
@media (min-width: 768px) {
.mw_wp_form_preview .c-contactForm > .list > .item > .label {
padding: 0;
}
}
.mw_wp_form_preview .c-contactForm > .list > .item > .label > .required {
display: none;
}
.c-formControl {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: inherit;
color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-formControl:disabled {
cursor: not-allowed;
}
.c-formControl::-moz-placeholder {
opacity: 0.25;
}
.c-formControl::placeholder {
opacity: 0.25;
}
textarea.c-formControl {
resize: vertical;
}
select.c-formControl {
padding-right: 2em;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3e%3cpath fill='%23343a40' d='M15 22L0 0h30z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: calc(100% - 0.75em) 50%;
background-size: 0.5em auto;
}
select.c-formControl[multiple], select.c-formControl[size]:not([size="1"]) {
background-image: none;
}
.c-formControl.-auto {
display: inline-block;
width: auto;
max-width: 100%;
}
.c-formControl {
padding: 0.875em 1.25em !important;
background: var(--color-offwhite);
border: 1px solid var(--color-gray-pale) !important;
border-radius: 2px !important;
font-size: var(--font-16);
line-height: 1.6;
}
.c-formControl.-small {
font-size: var(--font-14);
}
.c-formControl.-xsmall {
font-size: var(--font-13);
}
.c-formControl.-narrow {
padding: 0.6875em 1.125em;
}
.c-formControl.-xnarrow {
padding: 0.5em 1em;
}
.c-formControl.-typeTermList {
min-width: 14em;
padding: 0.75em 1em;
font-size: var(--font-15);
}
.mwform-checkbox-field > label {
display: inline-flex;
align-items: baseline;
}
.mwform-checkbox-field > label > input {
flex: 0 0 auto;
}
.mwform-checkbox-field > label > .mwform-checkbox-field-text {
flex: 1 1 0%;
}
.c-btn {
position: relative;
display: inline-flex;
align-items: center;
margin: 0;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
line-height: 1;
text-decoration: none;
text-align: inherit;
vertical-align: middle;
white-space: nowrap;
color: inherit;
}
.c-btn{
transition-property: opacity;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
button.c-btn,
[type=button].c-btn,
[type=reset].c-btn,
[type=submit].c-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.c-btn.-c-contactForm-submit {
justify-content: center;
width: min(24em, 100%);
padding: 1.75em;
background: var(--color-green);
border: 1px solid var(--color-green);
border-radius: 4px;
font-weight: 700;
font-size: var(--font-18);
color: var(--color-white);
transition-property: background-color;
}
.c-btn.-c-contactForm-submit:hover {
opacity: 1 !important;
background: var(--color-white);
border: 1px solid var(--color-green);
color: var(--color-green);
}
.c-btn.-c-contactForm-back {
justify-content: center;
width: min(24em, 100%);
padding: 1.75em;
background: var(--color-black);
border: 1px solid var(--color-black);
border-radius: 4px;
font-weight: 700;
font-size: var(--font-18);
color: var(--color-white);
transition-property: background-color;
}
.c-btn.-c-contactForm-back:hover{
background: var(--color-white);
border: 1px solid var(--color-black);
color: var(--color-black);
}
.t_c-typography {
--c-typography-elem-gap: 1em;
--c-typography-a-color: var(--color-indigo);
padding-top: clamp(4rem, 3.079rem + 3.93vw, 7.5rem);
padding-bottom: clamp(5rem, 3.684rem + 5.61vw, 10rem);
}
.c-typography {
font: inherit;
line-height: inherit;
color: inherit;
text-align: justify;
word-break: break-all;
}
._font-bold {
font-weight: 700 !important;
}
._font-2xlarge {
font-size: 1.5em !important;
}
._leading-xsmall {
line-height: 1.8 !important;
}
._text-center {
text-align: center !important;
}
._mt-6 {
margin-top: 3em !important;
}
.c-btn.-typeA.-w-fixed {
width: min(28em, 100%);
}
.c-typography a:hover {
transition-property: color;
color: var(--color-green);
}
.c-btn.-typeA {
--c-btn-typeA-color: var(--color-green);
justify-content: center;
background: var(--color-white);
border-radius: 999px;
font-weight: 700;
font-size: var(--font-17);
line-height: 1.4;
letter-spacing: 0;
text-align: center;
color: var(--color-green);
white-space: normal;
}
.c-btn.-typeA::before {
content: "";
opacity: 0.4;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: -4px;
background: var(--color-green);
border-radius: 999px;
pointer-events: none;
transition: opacity var(--transition-duration) ease;
}
.c-btn.-typeA > .inner {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 3.8em;
padding: 0.375em 3.5em 0.375em 2.75em;
background: var(--color-white);
border-radius: 999px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
transition: background-color var(--transition-duration) ease;
}
.c-btn.-typeA > .inner::before, .c-btn.-typeA > .inner::after {
content: "";
position: absolute;
top: 50%;
right: 1.2526470588em;
width: calc(1em + 5px);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-btn.-typeA > .inner::before {
background: var(--color-green);
border-radius: 100%;
}
.c-btn.-typeA > .inner::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 5px) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 5px) * 0.6);
}
.c-btn.-typeA:hover {
opacity: 1;
}
.c-btn.-typeA:hover::before {
opacity: 1;
}
.c-btn.-typeA:hover > .inner {
background-color: rgba(255, 255, 255, 0.95);
}
.c-btn.-typeA:hover > .inner::before, .c-btn.-typeA:hover > .inner::after {
transform: translate(3px, -50%);
} .c-linkList {
--c-linkList-color: var(--themeColor, var(--defaultColor));
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
line-height: 1.6;
}
.c-linkList > .item {
border-bottom: 1px solid var(--color-gray-pale);
}
.c-linkList > .item > .link {
position: relative;
display: block;
padding: 1.5em 2.25em 1.5em 0;
transition-property: color;
}
.c-linkList > .item > .link::before, .c-linkList > .item > .link::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: calc(1em + 2px);
aspect-ratio: 1/1;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-linkList > .item > .link::before {
background: var(--color-green);
border-radius: 100%;
}
.c-linkList > .item > .link::after {
background: var(--color-white);
-webkit-mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 2px) * 0.6);
mask: var(--icon-arrow-right) no-repeat 50% 50%/calc((1em + 2px) * 0.6);
}
.c-linkList > .item > .child {
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
color: var(--color-black-light);
}
.c-linkList > .item > .child .item {
border-top: 1px solid var(--color-gray-pale);
}
.c-linkList > .item > .child .link {
position: relative;
display: block;
padding: 1em 0 1em 1.5em;
transition-property: color;
}
.c-linkList > .item > .child .link::before, .c-linkList > .item > .child .link::after {
content: "";
position: absolute;
top: 50%;
aspect-ratio: 1/1;
background: currentColor;
transform: translateY(-50%);
transition: transform var(--transition-duration) ease;
}
.c-linkList > .item > .child .link::before {
left: calc(var(--font-16) / 2 - 0.15em);
width: 0.3em;
border-radius: 100%;
}
.c-linkList > .item > .child .link::after {
right: 0;
width: calc(var(--font-16) + 2px);
-webkit-mask: var(--icon-arrow-b-right) no-repeat 50% 50%/1em;
mask: var(--icon-arrow-b-right) no-repeat 50% 50%/1em;
}
.c-linkList > .item > .child > .item > .child {
color: var(--color-black-pale);
}
.c-linkList > .item > .child > .item > .child > .item > .link {
margin-left: calc(var(--font-14) * 1.5);
padding: 0.75em 0 0.75em 1.5em;
}
.c-linkList > .item > .child > .item > .child > .item > .child > .item .link {
margin-left: calc(var(--font-14) * 3);
padding: 0.75em 0 0.75em 1.5em;
}
.c-linkList.-iconLeft > .item > .link {
padding-left: 1.75em;
}
.c-linkList.-iconLeft > .item > .link::before, .c-linkList.-iconLeft > .item > .link::after {
right: auto;
left: 0;
}
.c-linkList.-iconLeft > .item > .child .item .link {
padding-left: calc(var(--font-16) * 1.75);
}
.c-linkList.-iconLeft > .item > .child .item .link::before {
display: none;
}
.c-linkList.-iconLeft > .item > .child .item .link::after {
right: auto;
width: 1em;
}
.c-linkList.-iconLeft > .item > .child > .item > .link::after {
left: calc((var(--font-16) + 2px) / 2 - 0.5em);
}
.c-linkList.-iconLeft > .item > .child > .item > .child .link::after {
left: 0;
}
.c-linkList.-parentBolder > .item > .link {
font-weight: 500;
}
.c-linkList > .item > .link:hover {
opacity: 1;
color: var(--color-green);
}
.c-linkList > .item > .link:hover::before, .c-linkList > .item > .link:hover::after {
transform: translate(3px, -50%);
}
.c-linkList > .item > .child .link:hover {
opacity: 1;
color: var(--color-green);
}
.c-linkList > .item > .child .link:hover::before, .c-linkList > .item > .child .link:hover::after {
transform: translate(3px, -50%);
} .-t_icon{
display: flex;
gap: 10px;
margin-bottom: 10px;
}
.-t_icon::before{
content: var(--mark-group);
width: 25px;
height: auto;
display: block;
}
.-t_txt{
margin-bottom: 3em;
} .home-business.-home {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/20240423_business-image_06_02.png?20240424);
}
@media (max-width:767px) {
.home-business.-home {
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/home/20240423_business-image_06_sp.png);
}
} @media (min-width: 1280px) {
.service-list {
-ms-grid-columns: (1fr) [3];
grid-template-columns: repeat(3, 1fr);
}
} .single-article > .single-footer {
margin-top: clamp(60px, 7.2727272727vw, 96px);
}
.single-article > .single-footer > .share {
padding: clamp(15px, 1.8181818182vw, 24px);
background: #43a700;
border-radius: clamp(5px, 0.6060606061vw, 8px);
text-align: center;
}
.single-article > .single-footer > .share > .heading {
margin-bottom: 0.75em;
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
color: var(--color-white);
font-weight: bold;
}
.single-article > .single-footer > .pager {
margin-top: clamp(15px, 1.8181818182vw, 24px);
}
.c-pager {
--c-pager-gap: 2em;
--c-pager-font-weight: 500;
--c-pager-font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
--c-pager-line-height: 1.5;
--c-pager-a-text-decoration: underline;
}
.c-pager {
display: flex;
justify-content: center;
align-items: center;
gap: var(--c-pager-gap);
line-height: var(--c-pager-line-height);
font-weight: var(--c-pager-font-weight);
font-size: var(--c-pager-font-size);
margin-top: clamp(16px, 1.8382352941vw, 25px);
}
.c-pager > .prev,
.c-pager > .next {
flex: 1 1 0%;
}
.c-pager > .next {
text-align: right;
}
.c-pager > .back {
flex: 0 0 auto;
}
.c-pager > .prev a,
.c-pager > .next a {
display: inline-flex;
align-items: center;
-webkit-text-decoration: var(--c-pager-a-text-decoration);
text-decoration: var(--c-pager-a-text-decoration);
}
.c-pager > .prev a::before {
flex: 0 0 auto;
}
.c-pager > .back a {
text-align: center;
}
.c-pager > .next a {
text-align: right;
}
.c-pager > .next a::after {
flex: 0 0 auto;
}
.c-pager .prev > a,
.c-pager .next > a {
gap: 0.5em;
}
.c-pager .prev > a::before,
.c-pager .next > a::after {
content: "";
width: 1em;
height: 1em;
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat center/cover;
mask: var(--icon-arrow-right) no-repeat center/cover;
}
.c-pager .prev > a::before {
transform: rotate(180deg);
}
.wp-block-embed__wrapper{
text-align: center;
}
.-t_interview_section{
padding-top: 0;
}
.single-interview-header{
margin-top: 0;
} .-t_construction{
padding: 0;
}
.-t_construction > .catch{
text-align: center;
} .-t_link{
color: var(--color-group);
text-decoration: underline;
font-weight: bold;
}
.-t_link:hover{
color: color-mix(in srgb, transparent, var(--color-group) 60%);
}
.feautures-list-outer{
background-repeat: round;
}
.default-container.-time{
max-width: 1200px;
width: 95%;
}
.default-table .w-18 {
width: 18%;
}
.default-table.-time{
width: 100%;
} .access-box > .map > .iframe{
height: 100%;
}
@media (min-width: 1280px) {
.access-box {
grid-template-rows: 1fr;
padding-bottom:clamp(2.5rem, 1.579rem + 3.93vw, 6rem);
}
} .usage-about-list > .item > .dd.t-flx{
display: flex;
justify-content: space-between;
gap: 10px;
}
.usage-about-list > .item > .dd.t-flx > .t-list{
text-align: center;
padding-left: 0;
text-indent: 0;
border: 1px solid #B0B0B0;
padding: 1em 1.5em;
background: #E6E6E6;
border-radius: 7px;
}
.usage-about-list > .item > .dd.t-flx > .t-list > .ttl{
font-size: var(--font-16);
font-weight: 600;
}
.usage-about-list > .item > .dd.t-flx > .t-list > .date{
font-weight: 500;
font-size: var(--font-30);
background-color: var(--color-white);
border-radius: 7px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
margin: .2em 0;
font-family: "M PLUS Rounded 1c", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.usage-about-list > .item > .dd.t-flx > .t-list > .date.yes{
color: #43a700;
}
.usage-about-list > .item > .dd.t-flx > .t-list > .date.no{
color: var(--color-red);
}
.usage-about-list > .item > .dd.t-flx > .t-list > .time{
font-size: var(--font-15);
}
@media (max-width:460px) {
.usage-about-list > .item > .dd.t-flx{
flex-direction: column;
}
} .page-top > .inner.-sakura{
background-image: url(//midori-group.com/wp-content/themes/midori-group/images/sakura/slide_02.jpg) !important;
} .job-list > .item > dd.-align_center{
align-items: center;
}
.job-list > .item > dd.-t_dd{
background-color: #f6f6f6;
font-weight: 500;
font-size: 1.1em;
justify-content: center;
}
.job-list > .item > .-flx{
display: flex;
flex-direction: column;
}
.job-list > .item > .-flx > dt{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 1em;
background: #f6f6f6;
font-weight: 500;
font-size: 1.1em;
height: 50%;
}
@media (min-width:576px) {
.job-list > .item > .-flx > dt{
width: 14em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1.125em 0.75em;
text-align: center;
border-right: 1px solid #e6e6e6;
}
}
.job-list > .item > .-flx > dt.-color_white{
background-color: var(--color-white);
border-bottom: 1px solid #e6e6e6;
font-size: .7em;
width: 100%;
}
@media (min-width:576px) {
.job-list > .item > .-flx > dt.-color_white{
border-bottom: none;
width: 22em;
}
}
.job-tag{
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.job-tag._gray{
background-color: #c6c6c6;
color: #4e4648;
border-color: #ababab;
}
.-t_hover{
color: var(--color-group);
}
a.-t_hover > ._pink:hover{
color: var(--color-white);
background-color: var(--color-group);
}
a.-t_hover > ._blue:hover{
color: var(--color-white);
background-color: var(--color-group);
}
a.-t_hover > ._orange:hover{
color: var(--color-white);
background-color: var(--color-group);
} .default-link-flx{
display: flex;
gap: clamp(25px, 3.3854166667vw, 65px);
justify-content: flex-end;
margin-top: auto;
}
.default-link-flx > .default-link{
margin-left: 0;
}
.job-list{
border-top: 1px solid #b4b4b4;
}
.job-list > .item{
border-inline: 1px solid #b4b4b4;
border-bottom: 1px solid #b4b4b4;
}
.job-list > .item > dt{
border-right: 1px solid #b4b4b4;
}
.job-list > .item > .-flx > dt{
border-right: 1px solid #b4b4b4;
} .movie{
display: block;
margin: 0 auto;
width: 800px;
height: 450px;
}
@media (max-width:767px) {
.movie{
width: 100%;
height: 370px;
}
}
@media (max-width:560px) {
.movie{
height: 300px;
}
} .contact-red{
color:  var( --color-red);
}
.contact-red span{
color: var(--color-indigo);
}
.contact-red a{
text-decoration: underline;
color: var(--color-indigo);
} .usage-about-list.-sakura{
margin-bottom: 24px;
}
.usage-about-list > .item > .dd > .list.-sakura{
text-indent: 0;
padding-left: 0;
}
.usage-about-list > .item > .dd > .list > .item.-sakura::before{
content: "";
}
.default-mark-hdg>span{
font-size: var(--font-16);
}
.default-container>.-t_txt{
text-align: center;
}
.annotation-list.-t_list{
font-size: clamp(0.875rem, 0.776rem + 0.42vw, 1.25rem);
}