@charset "UTF-8";
   header,
footer,
nav,
main,
section,
aside,
article {
display: block;
}
figure,
figcaption {
margin: 0;
padding: 0;
}  :root {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
::before,
::after {
border-width: 0;
border-style: solid;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
color: #222222;
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 87.5%;
font-size: clamp(75%, 3.7333333333vmin, 87.5%);
font-weight: 400;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
letter-spacing: 0.025em;
line-height: 1.75;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
background: #ffffff none;
overflow-scrolling: touch;
}
body.nonscrl {
width: 100%;
height: 100%;
position: fixed;
} _::-webkit-full-page-media,
_:future,
:root body {
-webkit-font-feature-settings: "pkna";
font-feature-settings: "pkna";
} @media only screen and (min-width: 769px), print {
body {
font-size: 93.75%;
}
}
body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
margin: 0;
padding: 0;
}
input,
textarea {
margin: 0;
font-size: 100%;
}
label {
cursor: pointer;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}
fieldset,
img {
border: 0;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-weight: normal;
font-style: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 500;
}
q:after,
q:before {
content: "";
}
a,
input { }
abbr,
acronym {
border: 0;
} .clearfix:after {
display: block;
clear: both;
content: "";
} html {
overflow-y: scroll;
overflow-x: hidden;
}
body.nav-open {
position: fixed;
overflow: hidden;
width: 100%;
}
@media print {
html,
html body {
*zoom: 0.65;
}
} #skipnav {
display: none;
}
@media only screen and (min-width: 960px), print {
#skipnav {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: -1;
overflow: hidden;
background-color: #000000;
color: #fff;
font-size: 12px;
}
#skipnav:focus {
z-index: 100000;
}
}
#anchor-main {
font-size: 0;
outline: 0;
}
.effect {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.effect.u-active {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
[data-delay="100"] {
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
[data-delay="200"] {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
[data-delay="300"] {
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
[data-delay="400"] {
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
[data-delay="500"] {
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}                     .wp-block-archives-dropdown label {
display: block;
}
.wp-block-audio {
margin: 0 0 1em 0;
}
.wp-block-audio figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-audio audio {
width: 100%;
min-width: 300px;
}
.wp-block-button__link {
color: #fff;
background-color: #222222;
border-radius: 9999px;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
word-break: break-word;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
color: #fff;
}
.wp-block-button__link.aligncenter {
text-align: center;
}
.wp-block-button__link.alignright { text-align: right;
}
.wp-block-buttons > .wp-block-button.has-custom-width {
max-width: none;
}
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: 100%;
}
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
width: 25%;
}
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
width: 50%;
}
.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
width: 75%;
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0;
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important;
}
.is-style-outline > :where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
border: 2px solid currentColor;
padding: 0.667em 1.333em;
}
.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor;
}
.is-style-outline > .wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
}
.wp-block-buttons { }
.wp-block-buttons.is-vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wp-block-buttons.is-vertical > .wp-block-button:last-child {
margin-bottom: 0;
}
.wp-block-buttons > .wp-block-button {
display: inline-block;
margin: 0;
}
.wp-block-buttons.is-content-justification-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1em;
}
.wp-block-buttons.is-content-justification-left.is-vertical {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-block-buttons.is-content-justification-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1em;
}
.wp-block-buttons.is-content-justification-center.is-vertical {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-buttons.is-content-justification-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1em;
}
.wp-block-buttons.is-content-justification-right.is-vertical {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.wp-block-buttons.is-content-justification-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1em;
}
.wp-block-buttons.aligncenter {
text-align: center;
}
.wp-block-buttons:not(.is-content-justification-space-between,
.is-content-justification-right,
.is-content-justification-left,
.is-content-justification-center) .wp-block-button.aligncenter { margin-left: auto;
margin-right: auto;
width: 100%;
}
.wp-block-button.aligncenter {
text-align: center;
}
.wp-block-calendar {
text-align: center;
}
.wp-block-calendar th,
.wp-block-calendar tbody td {
padding: 0.25em;
border: 1px solid #ddd;
}
.wp-block-calendar tfoot td {
border: none;
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd;
}
.wp-block-calendar a {
text-decoration: underline;
}
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: #40464d;
}
.wp-block-categories.alignleft { margin-right: 2em;
}
.wp-block-categories.alignright { margin-left: 2em;
}
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word;
}
.wp-block-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.75em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (min-width: 782px) {
.wp-block-columns {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.wp-block-columns:where(.has-background) {
padding: 1.25em 2.375em;
}
.wp-block-columns.are-vertically-aligned-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-block-columns.are-vertically-aligned-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-columns.are-vertically-aligned-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.wp-block-columns > .wp-block-column .wp-block-heading:first-child {
margin-top: 0 !important;
}
@media (max-width: 599px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
-ms-flex-preferred-size: calc(50% - var(--wp--style--block-gap, 2em) / 2) !important;
flex-basis: calc(50% - var(--wp--style--block-gap, 2em) / 2) !important;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) {
margin-left: var(--wp--style--block-gap, 2em);
}
}
@media (min-width: 782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-left: var(--wp--style--block-gap, 2em);
}
}
.wp-block-columns.is-not-stacked-on-mobile {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
margin-left: var(--wp--style--block-gap, 2em);
}
.wp-block-column {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word; }
.wp-block-column.is-vertically-aligned-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
.wp-block-column.is-vertically-aligned-center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.wp-block-column.is-vertically-aligned-bottom {
-ms-flex-item-align: end;
align-self: flex-end;
}
.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom {
width: 100%;
}
.wp-block-cover-image,
.wp-block-cover {
position: relative;
background-size: cover;
background-position: center center;
min-height: 430px;
width: 100%;
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;
padding: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll;
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll;
}
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000;
}
.wp-block-cover-image.has-background-dim::before,
.wp-block-cover-image .has-background-dim::before,
.wp-block-cover.has-background-dim::before,
.wp-block-cover .has-background-dim::before {
content: "";
background-color: inherit;
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .has-background-dim:not(.has-background-gradient)::before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0.5;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
opacity: 0;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
opacity: 0.1;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
opacity: 0.2;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
opacity: 0.3;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
opacity: 0.4;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
opacity: 0.5;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
opacity: 0.6;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
opacity: 0.7;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
opacity: 0.8;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
opacity: 0.9;
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
opacity: 1;
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-cover-image::after,
.wp-block-cover::after {
display: block;
content: "";
font-size: 0;
min-height: inherit;
}
@supports (position: sticky) {
.wp-block-cover-image::after,
.wp-block-cover::after {
content: none;
}
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff;
}
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
color: #000;
}
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color) {
color: inherit;
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto;
}
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-block-cover__video-background {
z-index: 0;
}
.wp-block-cover__image-background {
z-index: 0;
}
section.wp-block-cover-image h2,
.wp-block-cover-image-text,
.wp-block-cover-text {
color: #fff;
}
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:hover,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:active,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:hover,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:active,
.wp-block-cover-text a,
.wp-block-cover-text a:hover,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:active {
color: #fff;
}
.wp-block-cover-image .wp-block-cover.has-left-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wp-block-cover-image .wp-block-cover.has-right-content {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
section.wp-block-cover-image.has-left-content > h2,
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text {
margin-left: 0;
text-align: left;
}
section.wp-block-cover-image.has-right-content > h2,
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text {
margin-right: 0;
text-align: right;
}
section.wp-block-cover-image > h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: 0.44em;
text-align: center;
}
.wp-block[data-align=left] > [data-type="core/embed"],
.wp-block[data-align=right] > [data-type="core/embed"],
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 360px;
width: 100%;
}
.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper {
min-width: 280px;
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px;
}
.wp-block-embed {
margin: 0 0 60px 0;
overflow-wrap: break-word;
}
.wp-block-embed figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-embed iframe {
max-width: 100%;
}
.wp-block-embed__wrapper {
position: relative;
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before {
content: "";
display: block;
padding-top: 50%;
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before {
padding-top: 42.85%;
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before {
padding-top: 50%;
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
padding-top: 56.25%;
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
padding-top: 75%;
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before {
padding-top: 100%;
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before {
padding-top: 177.77%;
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before {
padding-top: 200%;
}
.wp-block-file {
margin-bottom: 1.5em;
}
.wp-block-file.aligncenter {
text-align: center;
}
.wp-block-file.alignright { text-align: right;
}
.wp-block-file .wp-block-file__embed {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 0.8em;
padding: 0.5em 1em;
}
.wp-block-file a.wp-block-file__button {
text-decoration: none;
}
.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
opacity: 0.85;
text-decoration: none;
}
.wp-block-file * + .wp-block-file__button {
margin-left: 0.75em;
}
.wp-block-gallery,
.blocks-gallery-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
margin: 0 1em 1em 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-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;
position: relative;
width: calc(50% - 1em);
}
.wp-block-gallery .blocks-gallery-image:nth-of-type(even),
.wp-block-gallery .blocks-gallery-item:nth-of-type(even),
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {
margin-right: 0;
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure,
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure {
margin: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img,
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: auto;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em 0.77em 0.7em;
color: #fff;
text-align: center;
font-size: 0.8em;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(transparent));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
z-index: 2;
}
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img,
.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img {
display: inline;
}
.wp-block-gallery figcaption,
.blocks-gallery-grid figcaption {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img,
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,
.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0;
}
@media (min-width: 600px) {
.wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item {
width: calc(33.3333333333% - 0.6666666667em);
margin-right: 1em;
}
.wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item {
width: calc(25% - 0.75em);
margin-right: 1em;
}
.wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item {
width: calc(20% - 0.8em);
margin-right: 1em;
}
.wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item {
width: calc(16.6666666667% - 0.8333333333em);
margin-right: 1em;
}
.wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item {
width: calc(14.2857142857% - 0.8571428571em);
margin-right: 1em;
}
.wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item {
width: calc(12.5% - 0.875em);
margin-right: 1em;
}
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0;
}
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0;
}
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0;
}
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0;
}
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0;
}
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0;
}
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0;
}
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0;
}
}
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child,
.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child {
margin-right: 0;
}
.wp-block-gallery.alignleft, .wp-block-gallery.alignright,
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-gallery.aligncenter .blocks-gallery-item figure,
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
-ms-flex-item-align: start;
align-self: flex-start;
}
.wp-block-gallery.has-nested-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
margin: 0 var(--gallery-block--gutter-size, 16px) var(--gallery-block--gutter-size, 16px) 0;
width: calc(50% - var(--gallery-block--gutter-size, 16px) / 2);
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(even) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-top: auto;
margin-bottom: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wp-block-gallery.has-nested-images figure.wp-block-image > div,
.wp-block-gallery.has-nested-images figure.wp-block-image > a {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
display: block;
height: auto;
max-width: 100%;
width: auto;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.7)), color-stop(70%, rgba(0, 0, 0, 0.3)), to(transparent));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
bottom: 0;
color: #fff;
font-size: 13px;
left: 0;
margin-bottom: 0;
max-height: 60%;
overflow: auto;
padding: 0 8px 8px;
position: absolute;
text-align: center;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
display: inline;
}
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
background: none;
color: inherit;
margin: 0;
padding: 10px 10px 9px;
position: relative;
}
.wp-block-gallery.has-nested-images figcaption {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
margin-top: 0;
margin-bottom: auto;
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img {
margin-bottom: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) figcaption {
bottom: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
-ms-flex-item-align: inherit;
-ms-grid-row-align: inherit;
align-self: inherit;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone),
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
margin-right: 0;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
width: calc(33.3333333333% - var(--gallery-block--gutter-size, 16px) * 0.6666666667);
}
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
width: calc(25% - var(--gallery-block--gutter-size, 16px) * 0.75);
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
width: calc(20% - var(--gallery-block--gutter-size, 16px) * 0.8);
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
width: calc(16.6666666667% - var(--gallery-block--gutter-size, 16px) * 0.8333333333);
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
width: calc(14.2857142857% - var(--gallery-block--gutter-size, 16px) * 0.8571428571);
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
width: calc(12.5% - var(--gallery-block--gutter-size, 16px) * 0.875);
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
}
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image):nth-of-type(1n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image):nth-of-type(2n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-of-type(3n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-of-type(4n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-of-type(5n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image):nth-of-type(6n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image):nth-of-type(7n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image):nth-of-type(8n) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
margin-right: var(--gallery-block--gutter-size, 16px);
width: calc(33.33% - var(--gallery-block--gutter-size, 16px) * 0.6666666667);
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-of-type(3n+3) {
margin-right: 0;
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--gallery-block--gutter-size, 16px) * 0.5);
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
width: 100%;
}
}
.wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-gallery.has-nested-images.aligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-group {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em;
}
.wp-block-image {
margin: 0 0 1em 0;
}
.wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: bottom;
}
.wp-block-image:not(.is-style-rounded) > a,
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit;
}
.wp-block-image.aligncenter {
text-align: center;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
height: auto;
width: 100%;
}
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image .aligncenter {
display: table;
}
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image .aligncenter > figcaption {
display: table-caption;
caption-side: bottom;
}
.wp-block-image .alignleft { float: left; margin-left: 0;
margin-right: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image .alignright { float: right; margin-right: 0;
margin-left: 1em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-image figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-image.is-style-rounded img {
border-radius: 9999px;
}
.wp-block-image.is-style-circle-mask img {
border-radius: 9999px;
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) {
.wp-block-image.is-style-circle-mask img { -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0;
}
}
.wp-block-image figure {
margin: 0;
}
ol.wp-block-latest-comments {
margin-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em;
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-left: 3.25em;
}
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 0.875em;
line-height: 1.8;
margin: 0.36em 0 1.4em;
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: 0.75em;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: 0.75em;
width: 2.5em;
}
.wp-block-latest-posts.alignleft { margin-right: 2em;
}
.wp-block-latest-posts.alignright { margin-left: 2em;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
padding-left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both;
}
.wp-block-latest-posts.is-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - 1.25em + 0.625em);
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.3333333333% - 1.25em + 0.4166666667em);
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 1.25em + 0.3125em);
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1.25em + 0.25em);
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.6666666667% - 1.25em + 0.2083333333em);
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0;
}
}
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-author {
display: block;
font-size: 0.8125em;
}
.wp-block-latest-posts__post-excerpt {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-latest-posts__featured-image a {
display: inline-block;
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto;
max-width: 100%;
}
.wp-block-latest-posts__featured-image.alignleft { margin-right: 1em;
}
.wp-block-latest-posts__featured-image.alignright { margin-left: 1em;
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center;
}
.block-editor-image-alignment-control__row .components-base-control__field {
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;
}
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0;
}
ol,
ul {
overflow-wrap: break-word;
}
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em;
}
.wp-block-media-text { direction: ltr; display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%;
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.wp-block-media-text .wp-block-media-text__media { -ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1; margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr; -ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1; padding: 0 8% 0 8%;
word-break: break-word;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1; }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1; }
.wp-block-media-text__media img,
.wp-block-media-text__media video {
height: auto;
max-width: unset;
width: 100%;
vertical-align: middle;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
display: block;
height: 100%;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
} @media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100% !important;
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
}
.wp-block-navigation {
position: relative;
--navigation-layout-justification-setting: flex-start;
--navigation-layout-direction: row;
--navigation-layout-wrap: wrap;
--navigation-layout-justify: flex-start;
--navigation-layout-align: center;
}
.wp-block-navigation ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style: none;
padding: 0;
}
.wp-block-navigation .wp-block-navigation-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
display: none;
}
.wp-block-navigation .wp-block-navigation-item__content {
color: inherit;
display: block;
padding: 0;
}
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-item,
.wp-block-navigation[style*=text-decoration] .wp-block-navigation__submenu-container {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] a {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] a:focus, .wp-block-navigation[style*=text-decoration] a:active {
text-decoration: inherit;
}
.wp-block-navigation:not([style*=text-decoration]) a {
text-decoration: none;
}
.wp-block-navigation:not([style*=text-decoration]) a:focus, .wp-block-navigation:not([style*=text-decoration]) a:active {
text-decoration: none;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
line-height: 0;
display: inline-block;
vertical-align: middle;
font-size: inherit;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
margin-left: 0.25em;
width: 0.6em;
height: 0.6em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
}
.wp-block-navigation.is-vertical {
--navigation-layout-direction: column;
--navigation-layout-justify: initial;
--navigation-layout-align: flex-start;
}
.wp-block-navigation.no-wrap {
--navigation-layout-wrap: nowrap;
}
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center;
}
.wp-block-navigation.items-justified-center.is-vertical {
--navigation-layout-align: center;
}
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-end;
--navigation-layout-justify: flex-end;
}
.wp-block-navigation.items-justified-right.is-vertical {
--navigation-layout-align: flex-end;
}
.wp-block-navigation.items-justified-space-between {
--navigation-layout-justification-setting: space-between;
--navigation-layout-justify: space-between;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
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: normal;
-ms-flex-align: normal;
align-items: normal;
opacity: 0;
-webkit-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
left: -1px;
top: 100%;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: auto;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
margin: 0;
}
@media (min-width: 782px) {
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
left: 100%;
top: -1px;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: 0.5em;
background: transparent;
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
.wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px;
}
.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px;
}
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
left: 0;
top: 100%;
}
@media (min-width: 782px) {
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: 0;
}
}
.wp-block-navigation-submenu {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor;
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
text-align: left;
}
.wp-block-navigation-submenu__toggle {
cursor: pointer;
} .wp-block-navigation,
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-container-content {
gap: var(--wp--style--block-gap, 2em);
}
.wp-block-navigation:where(.has-background),
.wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
.wp-block-navigation:where(.has-background) .wp-block-navigation__container {
gap: var(--wp--style--block-gap, 0.5em);
} .wp-block-navigation:where(.has-background) .wp-block-navigation-item__content {
padding: 0.5em 1em;
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
padding: 0.5em 1em;
} .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
left: auto;
right: 0;
}
.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: -1px;
right: -1px;
}
@media (min-width: 782px) {
.wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: auto;
right: 100%;
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.wp-block-navigation__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: var(--navigation-layout-wrap, wrap);
flex-wrap: var(--navigation-layout-wrap, wrap);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: var(--navigation-layout-direction, initial);
flex-direction: var(--navigation-layout-direction, initial);
-webkit-box-pack: var(--navigation-layout-justify, initial);
-ms-flex-pack: var(--navigation-layout-justify, initial);
justify-content: var(--navigation-layout-justify, initial);
-webkit-box-align: var(--navigation-layout-align, initial);
-ms-flex-align: var(--navigation-layout-align, initial);
align-items: var(--navigation-layout-align, initial);
list-style: none;
margin: 0;
padding-left: 0;
}
.wp-block-navigation__container .is-responsive {
display: none;
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
} .wp-block-navigation__responsive-container {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: var(--navigation-layout-wrap, wrap);
flex-wrap: var(--navigation-layout-wrap, wrap);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: var(--navigation-layout-direction, initial);
flex-direction: var(--navigation-layout-direction, initial);
-webkit-box-pack: var(--navigation-layout-justify, initial);
-ms-flex-pack: var(--navigation-layout-justify, initial);
justify-content: var(--navigation-layout-justify, initial);
-webkit-box-align: var(--navigation-layout-align, initial);
-ms-flex-align: var(--navigation-layout-align, initial);
align-items: var(--navigation-layout-align, initial);
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: inherit;
padding: 2em;
overflow: auto;
z-index: 100000;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: calc(2em + 24px);
overflow: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: var(--navigation-layout-justification-setting, inherit);
-ms-flex-align: var(--navigation-layout-justification-setting, inherit);
align-items: var(--navigation-layout-justification-setting, inherit);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
opacity: 1;
visibility: visible;
height: auto;
width: auto;
overflow: initial;
min-width: 200px;
position: static;
border: none;
padding-left: 2em;
padding-right: 2em;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
gap: var(--wp--style--block-gap, 2em);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding-top: var(--wp--style--block-gap, 2em);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
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: var(--navigation-layout-justification-setting, initial);
-ms-flex-align: var(--navigation-layout-justification-setting, initial);
align-items: var(--navigation-layout-justification-setting, initial);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
right: auto;
left: auto;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: 0;
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
color: #000;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
vertical-align: middle;
cursor: pointer;
color: currentColor;
background: transparent;
border: none;
margin: 0;
padding: 0;
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
fill: currentColor;
pointer-events: none;
display: block;
width: 24px;
height: 24px;
}
.wp-block-navigation__responsive-container-open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
.wp-block-navigation__responsive-close {
width: 100%;
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-dialog,
.is-menu-open .wp-block-navigation__responsive-container-content {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-navigation__responsive-dialog {
position: relative;
}
html.has-modal-open {
overflow: hidden;
}
.wp-block-navigation .wp-block-navigation-item__label {
word-break: normal;
overflow-wrap: break-word;
}
.wp-block-navigation .wp-block-home-link__content {
color: inherit;
display: block;
}
.wp-block-navigation[style*=text-decoration] .wp-block-home-link {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content {
text-decoration: inherit;
}
.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active {
text-decoration: inherit;
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content {
text-decoration: none;
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active {
text-decoration: none;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {
top: -1px;
}
.wp-block-navigation .wp-block-page-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: var(--navigation-layout-direction, initial);
flex-direction: var(--navigation-layout-direction, initial);
-webkit-box-pack: var(--navigation-layout-justify, initial);
-ms-flex-pack: var(--navigation-layout-justify, initial);
justify-content: var(--navigation-layout-justify, initial);
-webkit-box-align: var(--navigation-layout-align, initial);
-ms-flex-align: var(--navigation-layout-align, initial);
align-items: var(--navigation-layout-align, initial);
-ms-flex-wrap: var(--navigation-layout-wrap, wrap);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit;
}
.wp-block-navigation .wp-block-navigation-item {
background-color: inherit;
}
.is-small-text {
font-size: 0.875em;
}
.is-regular-text {
font-size: 1em;
}
.is-large-text {
font-size: 2.25em;
}
.is-larger-text {
font-size: 3em;
}
.has-drop-cap:not(:focus)::first-letter {
float: left;
font-size: 8.4em;
line-height: 0.68;
font-weight: 100;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
font-style: normal;
}
p {
overflow-wrap: break-word;
}
p.has-drop-cap.has-background {
overflow: hidden;
}
p.has-background {
padding: 1.25em 2.375em;
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit;
}
.wp-block-post-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 0.5em;
}
.wp-block-post-author__avatar {
margin-right: 1em;
}
.wp-block-post-author__bio {
margin-bottom: 0.7em;
font-size: 0.7em;
}
.wp-block-post-author__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.wp-block-post-author__name {
margin: 0;
}
.wp-block-post-comments > h3:first-of-type {
margin-top: 0;
}
.wp-block-post-comments .commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-left: 3.25em;
}
.wp-block-post-comments .commentlist .comment p {
font-size: 0.875em;
line-height: 1.8;
margin: 0.36em 0 1.4em;
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .comment-author {
line-height: 1.5;
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: 0.75em;
width: 2.5em;
}
.wp-block-post-comments .comment-author cite {
font-style: normal;
}
.wp-block-post-comments .comment-meta {
line-height: 1.5;
margin-left: -3.25em;
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: 0.75em;
}
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display: block;
margin-bottom: 0.25em;
}
.wp-block-post-comments .comment-form textarea,
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.wp-block-post-comments .comment-form-cookies-consent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.25em;
}
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: 0.35em;
}
.wp-block-post-comments .reply {
font-size: 0.75em;
margin-bottom: 1.4em;
}
.wp-block-post-comments textarea,
.wp-block-post-comments input:not([type=submit]) {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit;
}
.wp-block-post-comments textarea,
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
padding: calc(0.667em + 2px);
}
.wp-block-post-comments input[type=submit] {
border: none;
}
.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
font-weight: inherit;
}
.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
font-family: inherit;
}
.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
font-size: inherit;
}
.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
line-height: inherit;
}
.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
font-style: inherit;
}
.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
letter-spacing: inherit;
}
.wp-block-post-comments-form input[type=submit] {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word;
}
.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]) {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit;
}
.wp-block-post-comments-form textarea,
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
padding: calc(0.667em + 2px);
}
.wp-block-post-comments-form .comment-form textarea,
.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]) {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
display: block;
margin-bottom: 0.25em;
}
.wp-block-post-comments-form .comment-form-cookies-consent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.25em;
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: 0.35em;
}
.wp-block-post-excerpt__more-link {
display: inline-block;
}
.wp-block-post-terms__separator {
white-space: pre-wrap;
}
.wp-block-post-title a {
display: inline-block;
}
.wp-block-preformatted {
white-space: pre-wrap;
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em;
}
.wp-block-pullquote {
margin: 0 0 1em 0;
padding: 3em 0;
text-align: center;
overflow-wrap: break-word;
}
.wp-block-pullquote p,
.wp-block-pullquote blockquote,
.wp-block-pullquote cite {
color: inherit;
}
.wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 420px;
}
.wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 1.25em;
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6;
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative;
}
.wp-block-pullquote .has-text-color a {
color: inherit;
}
.wp-block-pullquote.has-text-align-left blockquote {
text-align: left;
}
.wp-block-pullquote.has-text-align-right blockquote {
text-align: right;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.is-style-solid-color {
border: none;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
max-width: 60%;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal;
}
.wp-block-pullquote cite {
color: inherit;
}
.wp-block-post-template,
.wp-block-query-loop {
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding: 0;
}
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.25em;
}
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin: 0;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
width: calc(50% - 1.25em + 0.625em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
width: calc(33.3333333333% - 1.25em + 0.4166666667em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
width: calc(25% - 1.25em + 0.3125em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
width: calc(20% - 1.25em + 0.25em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
width: calc(16.6666666667% - 1.25em + 0.2083333333em);
}
}
.wp-block-query-pagination > .wp-block-query-pagination-next,
.wp-block-query-pagination > .wp-block-query-pagination-previous,
.wp-block-query-pagination > .wp-block-query-pagination-numbers { margin-right: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { margin-right: 0;
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
margin-right: 1ch;
display: inline-block;
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
margin-left: 1ch;
display: inline-block;
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.wp-block-query-pagination.aligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-quote {
overflow-wrap: break-word;
}
.wp-block-quote.is-style-large, .wp-block-quote.is-large {
margin-bottom: 1em;
padding: 0 1em;
}
.wp-block-quote.is-style-large p, .wp-block-quote.is-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6;
}
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
font-size: 1.125em;
text-align: right;
}
ul.wp-block-rss {
list-style: none;
padding: 0;
}
ul.wp-block-rss.wp-block-rss {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul.wp-block-rss.alignleft { margin-right: 2em;
}
ul.wp-block-rss.alignright { margin-left: 2em;
}
ul.wp-block-rss.is-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
list-style: none;
}
ul.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%;
}
@media (min-width: 600px) {
ul.wp-block-rss.columns-2 li {
width: calc(50% - 1em);
}
ul.wp-block-rss.columns-3 li {
width: calc(33.3333333333% - 1em);
}
ul.wp-block-rss.columns-4 li {
width: calc(25% - 1em);
}
ul.wp-block-rss.columns-5 li {
width: calc(20% - 1em);
}
ul.wp-block-rss.columns-6 li {
width: calc(16.6666666667% - 1em);
}
}
.wp-block-rss__item-publish-date,
.wp-block-rss__item-author {
display: block;
font-size: 0.8125em;
}
.wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: 0.375em 0.625em;
color: #32373c;
margin-left: 0.625em;
word-break: normal;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.wp-block-search__button.has-icon {
line-height: 0;
}
.wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em;
fill: currentColor;
}
.wp-block-search__inside-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 100%;
}
.wp-block-search__label {
width: 100%;
}
.wp-block-search__input {
padding: 8px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 0.25em;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: 0.125em 0.5em;
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto;
}
.wp-block-separator {
border-top: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px;
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
line-height: 1;
height: auto;
}
.wp-block-separator.is-style-dots::before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em; padding-left: 2em;
font-family: serif;
}
.wp-block-site-logo {
line-height: 0;
}
.wp-block-site-logo a {
display: inline-block;
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto;
}
.wp-block-site-logo a,
.wp-block-site-logo img {
border-radius: inherit;
}
.wp-block-site-logo.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wp-block-site-logo.is-style-rounded {
border-radius: 9999px;
}
.wp-block-social-links {
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0;
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-block-social-links .wp-social-link a {
padding: 0.25em;
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em;
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px;
}
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
font-size: 24px;
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px;
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px;
}
.wp-block-social-links.aligncenter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-social-links.alignright {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
-webkit-transition: -webkit-transform 0.1s ease;
transition: -webkit-transform 0.1s ease;
transition: transform 0.1s ease;
transition: transform 0.1s ease, -webkit-transform 0.1s ease;
height: auto;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-social-link {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
}
.wp-block-social-link a {
display: block;
line-height: 0;
-webkit-transition: -webkit-transform 0.1s ease;
transition: -webkit-transform 0.1s ease;
transition: transform 0.1s ease;
transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.wp-block-social-link:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
color: currentColor;
fill: currentColor;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: #f00;
color: #fff;
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
}
.wp-block-social-links.is-style-logos-only .wp-social-link a {
padding: 0;
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 1.25em;
height: 1.25em;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color: #d32422;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: #f00;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 0.6666666667em;
padding-right: 0.6666666667em;
}
.wp-block-spacer {
clear: both;
}
.wp-block-tag-cloud.aligncenter {
text-align: center;
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em;
}
.wp-block-tag-cloud a {
display: inline-block;
margin-right: 5px;
}
.wp-block-tag-cloud span {
display: inline-block;
margin-left: 5px;
text-decoration: none;
}
.wp-block-table {
margin: 0 0 1em 0;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%;
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word;
}
.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
display: table;
width: auto;
}
.wp-block-table.alignleft td,
.wp-block-table.alignleft th, .wp-block-table.aligncenter td,
.wp-block-table.aligncenter th, .wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word;
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5;
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5;
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe;
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef;
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0;
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5;
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe;
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef;
}
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
border-color: transparent;
}
.wp-block-table .has-border-color > *,
.wp-block-table .has-border-color tr,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color td {
border-color: inherit;
}
.wp-block-table table[style*=border-style] > *,
.wp-block-table table[style*=border-style] tr,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] td {
border-style: inherit;
}
.wp-block-table table[style*=border-width] > *,
.wp-block-table table[style*=border-width] tr,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] td {
border-width: inherit;
}
.wp-block-text-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-text-columns.aligncenter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0;
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0;
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0;
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%;
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.3333333333%;
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%;
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap;
}
.wp-block-video {
margin: 0 0 1em 0;
}
.wp-block-video video {
width: 100%;
}
@supports (position: sticky) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-video.aligncenter {
text-align: center;
}
.wp-block-video figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-post-featured-image {
margin-left: 0;
margin-right: 0;
}
.wp-block-post-featured-image a {
display: inline-block;
}
.wp-block-post-featured-image img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: bottom;
}
.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img {
width: 100%;
}
:root {   --wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px;
}
:root .has-very-light-gray-background-color {
background-color: #eee;
}
:root .has-very-dark-gray-background-color {
background-color: #313131;
}
:root .has-very-light-gray-color {
color: #eee;
}
:root .has-very-dark-gray-color {
color: #313131;
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084 0%, #0693e3 100%);
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%);
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%);
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1 0%, #67a671 100%);
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%);
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968 0%, #31cdcf 100%);
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
}
.has-small-font-size {
font-size: 0.875rem !important;
}
.has-medium-font-size {
font-size: 1.25rem !important;
}
.has-large-font-size {
font-size: 1.5rem !important;
}
.has-x-large-font-size {
font-size: 1.875rem !important;
}
.has-regular-font-size {
font-size: 1em;
}
.has-larger-font-size {
font-size: 2.625em;
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal);
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge);
}
.has-text-align-center {
text-align: center;
}
.has-text-align-left { text-align: left;
}
.has-text-align-right { text-align: right;
}
#end-resizable-editor-section {
display: none;
}
.aligncenter {
clear: both;
}
.items-justified-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.items-justified-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.items-justified-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.items-justified-space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.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;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .has-black-color {
color: #000000;
}
.has-cyan-bluish-gray-color {
color: #abb8c3;
}
.has-white-color {
color: #ffffff;
}
.has-pale-pink-color {
color: #f78da7;
}
.has-vivid-red-color {
color: #cf2e2e;
}
.has-luminous-vivid-orange-color {
color: #ff6900;
}
.has-luminous-vivid-amber-color {
color: #fcb900;
}
.has-light-green-cyan-color {
color: #7bdcb5;
}
.has-vivid-green-cyan-color {
color: #00d084;
}
.has-pale-cyan-blue-color {
color: #8ed1fc;
}
.has-vivid-cyan-blue-color {
color: #0693e3;
}
.has-vivid-purple-color {
color: #9b51e0;
}  .l-wrapper {
padding-top: 70px;
}
.l-wrapper._home {
padding-top: 0;
}
@media only screen and (min-width: 1280px), print {
.l-wrapper {
padding-top: 110px;
}
.l-wrapper._home {
padding-top: 0;
}
}   .l-contents {
max-width: 1514px;
padding: 0 20px 0 20px;
padding: 0 max(10px, 4%);
margin: 0 0 50px;
}
@media only screen and (min-width: 769px), print {
.l-contents {
margin: 0 auto 180px;
padding: 0 20px 0 20px;
padding: 0 max(20px, 4%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5.7%;
}
}
@media only screen and (min-width: 1280px), print {
.l-contents {
padding: 0 157px 0 157px;
padding: 0 min(11.49%, 157px);
}
}
@media only screen and (min-width: 769px), print {
.l-contents.is-form {
gap: 4%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media only screen and (min-width: 769px), print {
.l-contents.is-full {
display: block;
}
}
.l-main {
margin: 0 0 50px;
}
@media only screen and (min-width: 769px), print {
.l-main {
width: 69.3%;
margin: 0;
}
}
@media only screen and (min-width: 769px), print {
.is-form .l-main {
width: 48%;
margin: 0;
}
}
@media only screen and (min-width: 769px), print {
.is-full .l-main {
width: 100%;
}
}
@media only screen and (min-width: 769px), print {
.l-sidebar {
width: 25%;
}
}
@media only screen and (min-width: 769px), print {
.l-form {
width: 48%;
}
}
.l-form .p-stickybox {
position: sticky;
top: 80px;
}
.l-form .p-stickybox iframe {
height: calc(100vh - 80px);
}
.l-form .p-stickybox .form-content {
background: #f5f5f5;
border: 1px solid #d9d9d9;
border-radius: 4px;
padding: 20px;
}
@media only screen and (min-width: 769px), print {
.l-form .p-stickybox .form-content {
padding: 40px;
}
}
.l-form .p-stickybox .form-content .form-group.required .control-label {
font-size: 1rem;
font-weight: bold;
}
.l-form .p-stickybox .form-content .form-group.required .control-label:after {
content: "※";
color: #FB5959;
}
.l-form .p-stickybox .form-content .form-group .form-buttons .btn-primary {
background: #222222;
border: 1px solid #222222;
border-radius: 4px;
color: #ffffff;
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;
position: relative;
font-size: 0.875rem;
text-decoration: none;
height: 45px;
width: 100%;
min-width: 240px;
margin: 0 auto;
padding: 0 44px 0 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media only screen and (min-width: 769px), print {
.l-form .p-stickybox .form-content .form-group .form-buttons .btn-primary {
font-size: 1.125rem;
min-width: 196px;
height: 68px;
margin: 0;
}
}
.l-form .p-stickybox .form-content .form-group .form-buttons .btn-primary:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 12px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.l-form .p-stickybox .form-content .form-group .form-buttons .btn-primary:hover, .l-form .p-stickybox .form-content .form-group .form-buttons .btn-primary:focus {
color: #222222;
background: #ffffff;
}
.l-form .p-stickybox .form-content .form-group .form-buttons .btn-primary:hover:after, .l-form .p-stickybox .form-content .form-group .form-buttons .btn-primary:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat;
background-size: 100%;
}
}
.l-backtop {
padding: 0 0 50px;
}
@media only screen and (min-width: 769px), print {
.l-backtop {
padding: 0 0 100px;
}
}
.l-backtop .c-button {
margin: 0 auto;
}  .l-outer {
margin: 0 auto;
max-width: 100%;
}
.l-inner {
max-width: 1514px;
padding: 0 20px 0 20px;
padding: 0 max(10px, 4%);
}
@media only screen and (min-width: 769px), print {
.l-inner {
margin: 0 auto;
padding: 0 20px 0 20px;
padding: 0 max(20px, 4%);
}
}
@media only screen and (min-width: 1280px), print {
.l-inner {
padding: 0 157px 0 157px;
padding: 0 min(11.49%, 157px);
}
}
.l-inner--narrow {
max-width: 688px;
margin: 0 auto;
}
.l-section {
margin-top: 12vmin;
margin-bottom: 12vmin;
}
.l-section > :first-child {
margin-top: 0;
}
@media only screen and (min-width: 769px), print {
.l-section {
margin-top: 120px;
margin-bottom: 120px;
}
}
.l-section--bg {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
padding-top: 12vmin;
padding-bottom: 12vmin;
background-color: #f5f5f5;
}
.l-section--bg > :first-child {
margin-top: 0;
}
@media only screen and (min-width: 769px), print {
.l-section--bg {
padding-top: 120px;
padding-bottom: 120px;
}
}
.l-section--focus {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
padding-top: min(12vmin, 90px);
padding-bottom: min(12vmin, 90px);
background-color: #0F1937;
color: #ffffff;
text-align: center;
}
.l-section--focus > :first-child {
margin-top: 0;
}
.l-section--focus * {
color: inherit !important;
}
@media only screen and (min-width: 769px), print {
.l-section--focus {
padding-top: 90px;
padding-bottom: 90px;
}
}
.l-section--entry {
margin-top: 0;
margin-bottom: 0;
padding-top: min(12vmin, 90px);
padding-bottom: min(12vmin, 90px);
background-color: #d1dde9;
text-align: center;
}  .l-header {
background: #ffffff;
display: block;
padding: 18px 0;
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
height: 70px;
-webkit-transition: all 0.3s;
transition: all 0.3s;    }
@media only screen and (min-width: 1280px), print {
.l-header {
padding: 25px 0;
height: inherit;
}
}
.l-header.scrl {
-webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 1280px), print {
.l-header.scrl {
padding: 0;
}
}
@media only screen and (min-width: 1280px), print {
.l-header .l-inner {
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;
gap: 10px;
max-width: inherit;
padding: 0 20px 0 40px;
}
}
@media only screen and (min-width: 1280px), print {
.l-header__logo {
display: block;
}
}
.l-header__logo a {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.l-header__logo a img {
max-height: 34px;
}
@media only screen and (min-width: 1280px), print {
.l-header__logo a img {
max-height: 37px;
}
}
.l-header__logo span {
display: none;
}
@media only screen and (min-width: 1280px), print {
.l-header__logo span {
display: block;
margin-top: 8px;
color: #222222;
font-size: 0.75rem;
}
.scrl .l-header__logo span {
display: none;
}
}
@media only screen and (min-width: 1280px), print {
.l-header__links {
margin: 0 0 0 auto;
}
}
.l-header__search {
background: none;
cursor: pointer;
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;
width: 60px;
height: 60px;
}
.l-header__trigger {
background: #ffffff;
display: block;
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 70px;
padding: 33px 0 0;
}
@media only screen and (min-width: 1280px), print {
.l-header__trigger {
display: none;
}
}
.l-header__trigger-line {
background: #29579a;
position: absolute;
left: 50%;
width: 40px;
height: 2px;
margin: 0 auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.l-header__trigger-line:nth-of-type(1) {
top: 13px;
}
.l-header__trigger-line:nth-of-type(2) {
top: 23px;
}
.l-header__trigger-line:nth-of-type(3) {
top: 33px;
}
.l-header__trigger-text {
color: #29579a;
text-decoration: none;
font-size: 0.75rem;
}
.l-header__trigger.open .l-header__trigger-line:nth-of-type(1) {
top: 23px;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.l-header__trigger.open .l-header__trigger-line:nth-of-type(2) {
-webkit-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
}
.l-header__trigger.open .l-header__trigger-line:nth-of-type(3) {
width: 0;
opacity: 0;
}   .l-menu-trigger {
position: relative;
z-index: 1000;
width: 30px;
height: 22px;
background: transparent;
cursor: pointer;    }
.l-menu-trigger:before {
display: block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
position: absolute;
top: 2px; left: 0;
width: 100%;
height: 2px;
text-align: center;
content: "";
background-color: #CBBD7A; -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-in-out;
transition-timing-function: ease-in-out;
}
.l-menu-trigger .l-menu-trigger__line {
display: block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
position: absolute;
top: 10px; left: 0;
width: 100%;
height: 2px;
color: #ffffff;
font-size: 10px;
line-height: 42px; text-align: center;
background-color: #CBBD7A; -webkit-transition: all 0.4s;
transition: all 0.4s;
}
.l-menu-trigger:after {
display: block;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
position: absolute;
top: 18px; left: 0;
width: 100%;
height: 2px;
text-align: center;
content: "";
background-color: #CBBD7A; -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-in-out;
transition-timing-function: ease-in-out;
}
.l-menu-trigger[aria-expanded=true] {   }
.l-menu-trigger[aria-expanded=true]:before {
background-color: #CBBD7A; -webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg);
}
.l-menu-trigger[aria-expanded=true] .l-menu-trigger__line {
color: #CBBD7A; background-color: transparent; }
.l-menu-trigger[aria-expanded=true]:after {
background-color: #CBBD7A; -webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
} .l-menu {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding-top: 55px;
height: 100svh;
}
.l-menu__inner {
overflow-y: auto;
height: 100%;
padding: 30px 30px 100px 30px;
}
.l-menu__gnav {
display: none;
} @media only screen and (min-width: 960px), print {
.l-menu {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 120px;
padding-top: 0;
}
.l-menu__inner {
overflow: hidden;
height: auto;
padding: 0;
}
.l-menu__spmenu {
display: none;
}
.l-menu__gnav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
} .l-spmenu {
color: #000000;
}
.l-spmenu__list-item {
border-bottom: 1px solid rgba(98, 98, 98, 0.2);
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-size: 0.8125rem;
}
body.ua-android .l-spmenu__list-item {
font-family: "Noto Serif JP", serif;
}
.l-spmenu__list-item > * {
display: block;
padding: 1em 0;
text-decoration: none;
color: #000000;
}
.l-spmenu__toggle {
position: relative;
width: 100%;
display: block;
padding: 1em 0;
border-bottom: 1px solid rgba(98, 98, 98, 0.2);
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-size: 0.8125rem;
cursor: pointer;
}
body.ua-android .l-spmenu__toggle {
font-family: "Noto Serif JP", serif;
}
.l-spmenu__toggle::-webkit-details-marker {
display: none;
}
.l-spmenu__toggle::after {
position: absolute;
right: -2px;
top: 50%;
content: "";
display: block;
width: 0.6em;
height: 0.6em;
border-right: 1px solid;
border-bottom: 1px solid;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: 0.3s;
transition: 0.3s;
}
details[open] .l-spmenu__toggle::after {
-webkit-transform: translateY(-50%) rotate(-135deg);
transform: translateY(-50%) rotate(-135deg);
}
.l-spmenu__sublist {
display: columns;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
margin-top: 1em;
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.l-spmenu__sublist a {
display: block;
padding: 0.5em 1em 0.5em 0;
color: #626262;
font-size: 0.6875rem;
text-decoration: none;
} @media (max-width: 959px) {
.l-submenu {
margin-top: min(9.3333333333vmin, 35px);
}
.l-submenu__list {
display: columns;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.l-submenu__list a {
display: block;
padding: 0.5em 0;
color: #000000;
text-decoration: none;
font-size: 0.6875rem;
}
.l-submenu__list a[target=_blank]::after {
margin-left: 1em;
font-size: 0.7em;
}
.l-submenu__lang {
margin-top: min(6.6666666667vmin, 25px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1;
}
.l-submenu__lang li:not(:first-child) {
margin-left: 1em;
padding-left: 1em;
border-left: 2px solid #CBBD7A;
}
.l-submenu__lang a {
color: #000000;
font-size: min(4.1333333333vmin, 1rem);
font-family: garamond-premier-pro, serif;
letter-spacing: 0.12em;
text-decoration: none;
}
}
@media only screen and (min-width: 960px), print {
.l-submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 60px;
}
.l-submenu a {
color: #ffffff;
line-height: 1;
font-size: 0.75rem;
text-decoration: none;
}
.l-submenu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.l-submenu__list a {
display: block;
padding: 8px 0;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
}
body.ua-android .l-submenu__list a {
font-family: "Noto Serif JP", serif;
}
.l-submenu__list a[target=_blank] {
padding: 8px 20px;
border: 1px solid #555555;
border-radius: 50px;
}
.l-submenu__list a[target=_blank]::after {
margin-left: 1em;
font-size: 0.7em;
}
.l-submenu__list a[target=_blank]:hover, .l-submenu__list a[target=_blank]:focus {
background: #ffffff;
color: #000000;
}
.l-submenu__lang {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: garamond-premier-pro, serif;
margin-left: 20px;
}
.l-submenu__lang li:not(:first-child) {
border-left: 1px solid #ffffff;
}
.l-submenu__lang a {
display: block;
padding: 0.2em 1em 0.1em;
}
.l-submenu__lang a:hover, .l-submenu__lang a:focus {
background: #ffffff;
color: #000000;
}
}  .l-gnavi {
background: #ffffff;
position: fixed;
display: block;
top: 70px;
right: -100%;
padding: 12px max(10px, 4%) 24px;
width: 100%;
height: calc(100vh - 70px);
overflow: scroll;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 9;        }
.l-gnavi.open {
right: 0;
}
.l-gnavi__search {
margin: 0 0 20px;
}
.l-gnavi__search form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.l-gnavi__search form input {
background: #f5f5f5;
border: 1px solid #d9d9d9;
border-radius: 4px 0 0 4px;
width: calc(100% - 72px);
padding: 0 1em;
}
.l-gnavi__search form button {
background: #0091E1;
border-radius: 0 4px 4px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
width: 72px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-gnavi__search form button span {
color: #f5f5f5;
font-size: 1rem;
font-weight: bold;
}
.l-gnavi__menu {
padding: 0 1em;
margin: 0 0 26px;
}
.l-gnavi__item a {
color: #222222;
text-decoration: none;
font-size: 1rem;
font-weight: bold;
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__item a {
font-size: 0.75rem;
}
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__item a {
font-size: 1rem;
}
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
}
.l-gnavi__main > .l-gnavi__item {
margin: 0 0 20px;
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__main > .l-gnavi__item {
position: relative;
margin: 0;
}
}
.l-gnavi__main > .l-gnavi__item:last-child {
margin: 0;
}
.l-gnavi__main > .l-gnavi__item > a {
display: block;
position: relative;
}
.l-gnavi__main > .l-gnavi__item > a:before {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_r.svg) no-repeat;
content: "";
display: block;
width: 18px;
height: 16px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__main > .l-gnavi__item > a:before {
content: none;
}
}
.l-gnavi__submenu {
margin: 26px 0 0;
padding: 0 0 0 1em;
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__submenu {
background: #ffffff;
display: none;
margin: 0;
padding: 20px;
position: absolute;
top: 100%;
left: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
.l-gnavi__submenu > .l-gnavi__item {
margin: 0 0 6px;
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__submenu > .l-gnavi__item {
margin: 0 0 10px;
}
}
.l-gnavi__submenu > .l-gnavi__item:last-child {
margin: 0;
}
.l-gnavi__submenu > .l-gnavi__item > a {
display: block;
position: relative;
padding: 0 0 0 20px;
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__submenu > .l-gnavi__item > a {
padding: 0 30px 0 0;
white-space: nowrap;
}
}
.l-gnavi__submenu > .l-gnavi__item > a:before {
background: #222222;
content: "";
display: block;
width: 12px;
height: 2px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__submenu > .l-gnavi__item > a:before {
content: none;
}
}
@media only screen and (min-width: 1280px), print {
.l-gnavi__submenu > .l-gnavi__item > a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat;
content: "";
display: block;
width: 13px;
height: 10px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.l-gnavi__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.l-gnavi__info > .l-gnavi__item > a {
font-size: 0.875rem;
font-weight: normal;
}
.l-gnavi__banner {
border-radius: 4px;
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;
text-decoration: none;
position: relative;
margin: 0 0 20px;
width: 100%;
}
.l-gnavi__copyright small {
display: block;
text-align: center;
font-size: 0.75rem;
}  .l-mainimg {
color: #ffffff;
}
.l-mainimg__inner {
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: min(9.0666666667vmin, 122px) auto min(10.6666666667vmin, 58px);
}
.l-mainimg__title_main {
display: block;
font-size: min(4.6666666667vmin, 2.1875rem);
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
letter-spacing: 0.03em;
line-height: 1.66;
}
body.ua-android .l-mainimg__title_main {
font-family: "Noto Serif JP", serif;
}
.l-mainimg__title_main[lang=en] {
font-size: min(7.4666666667vmin, 3.5rem);
font-family: garamond-premier-pro, serif;
font-weight: 400;
letter-spacing: 0.078em;
line-height: 1.66;
}
.l-mainimg__title_sub {
display: block;
margin-top: min(5.3333333333vmin, 20px);
font-size: min(4vmin, 1.875rem);
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
letter-spacing: 0.05em;
}
body.ua-android .l-mainimg__title_sub {
font-family: "Noto Serif JP", serif;
}
@media only screen and (min-width: 769px), print {
.l-mainimg__title_sub {
font-size: 0.9375rem;
}
}          .l-breadcrumbs {
background: rgba(196, 196, 196, 0.2);
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 1;
margin: 0 0 20px;
}
@media only screen and (min-width: 769px), print {
.l-breadcrumbs {
margin: 0 0 40px;
}
}
.l-breadcrumbs .l-inner {
overflow-x: auto;
}
.l-breadcrumbs__list {
line-height: 1;
width: 100%;
list-style: none;
margin: 0;
padding: 14px 0;
white-space: nowrap;
}
.l-breadcrumbs__list:after {
content: "";
display: inline-block;
position: relative;
top: 0;
left: 0;
width: 5%;
height: 10px;
}
.l-breadcrumbs__list li {
display: inline-block;
font-weight: 400;
line-height: 1;
margin: 0 4px 0 0;
}
.l-breadcrumbs__list li:first-child:before {
display: none;
}
.l-breadcrumbs__list li:before {
content: ">";
display: inline-block;
vertical-align: middle;
position: relative;
margin: 0 4px 0 0;
}
.l-breadcrumbs__list li a {
letter-spacing: 0.05em;
font-size: 0.75rem;
}
.l-breadcrumbs__list li > span {
font-size: 0.75rem;
}  .l-contact {
padding-top: 90px;
padding-bottom: 90px;
background: #0F1937;
color: #ffffff;
text-align: center;
}
.l-contact__lead {
margin: 30px 0 0 0;
}
.l-contact__btn {
margin: 50px 0 0 0;
}  .l-footer {
background: #222222;
padding: 30px 0 50px;     }
@media only screen and (min-width: 769px), print {
.l-footer {
padding: 60px 0 24px;
}
}
.l-footer__logo {
display: block;
width: 242px;
margin: 0 auto 20px;
}
@media only screen and (min-width: 769px), print {
.l-footer__logo {
width: auto;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0;
}
}
.l-footer__navigation {
width: 80%;
margin: 0 auto 20px;
}
@media only screen and (min-width: 769px), print {
.l-footer__navigation {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10%;
margin: 0 auto 60px;
}
}
@media only screen and (min-width: 769px), print {
.l-footer__navigation--list {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.l-footer__navigation--list li a {
color: #f5f5f5;
text-decoration: none;
font-size: 0.875rem;
font-weight: bold;
line-height: 2.5;
}
.l-footer__navigation--list li ul li {
position: relative;
padding: 0 0 0 1em;
}
.l-footer__navigation--list li ul li:before {
background: #ffffff;
content: "";
display: block;
position: absolute;
width: 6px;
height: 1px;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.l-footer__navigation--list li ul li a {
font-weight: normal;
}
@media only screen and (min-width: 769px), print {
.l-footer__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
}
}
.l-footer__sns {
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;
margin: 0 0 20px;
gap: 40px;
}
@media only screen and (min-width: 769px), print {
.l-footer__sns {
margin: 0;
}
}
.l-footer__sns a {
display: block;
width: 30px;
height: 30px;
}
.l-footer__sns a img {
max-height: 30px;
margin: 0 auto;
}
.l-footer__sns a:last-child {
width: 25px;
height: 25px;
}
.l-footer__copyright {
display: block;
text-align: center;
color: #f5f5f5;
font-size: 0.875rem;
line-height: 1.42;
}
@media only screen and (min-width: 769px), print {
.l-footer__copyright {
margin: 0 0 0 auto;
}
}        .l-grid {
display: -ms-grid;
display: grid;
gap: min(8vmin, 80px) min(4.6666666667vmin, 70px);
}
.l-grid__item :first-child {
margin-top: 0;
}
.l-grid__item :last-child {
margin-bottom: 0;
}
li.l-grid__item {
list-style-type: none;
margin: 0 0 0 0;
} .l-grid--hgap-half {
gap: min(8vmin, 80px) calc(min(4.6666666667vmin, 70px)/ 2);
}
.l-grid--vgap-half {
gap: calc(min(8vmin, 80px)/ 2) min(4.6666666667vmin, 70px);
}
.l-grid--gap-half {
gap: calc(min(8vmin, 80px)/ 2) calc(min(4.6666666667vmin, 70px)/ 2);
} .l-grid--col5 {
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
}
.l-grid--col4 {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
}
.l-grid--col3 {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.l-grid--col2 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
@media not all and (min-width: 768px) {
.l-grid--col3-md {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.l-grid--col2-md {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media not all and (min-width: 640px) {
.l-grid--col3-sm {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.l-grid--col2-sm {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media not all and (min-width: 480px) {
.l-grid--col3-xs {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
.l-grid--col2-xs {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
} @media not all and (min-width: 1100px) {
.l-grid--stack-xl {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
} @media not all and (min-width: 960px) {
.l-grid--stack-lg {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
} @media not all and (min-width: 768px) {
.l-grid--stack-md {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
} @media not all and (min-width: 640px) {
.l-grid--stack-sm {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
} @media not all and (min-width: 480px) {
.l-grid--stack-xs {
-ms-grid-columns: 100%;
grid-template-columns: 100%;
}
} .l-grid--auto5 {
grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
}
.l-grid--auto4 {
grid-template-columns: repeat(auto-fill, minmax(233px, 1fr));
}
.l-grid--auto3 {
grid-template-columns: repeat(auto-fill, minmax(324px, 1fr));
}
.l-grid--auto2 {
grid-template-columns: repeat(auto-fill, minmax(506px, 1fr));
} .l-grid--inpageNav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: unset;
}
.l-grid--inpageNav:before, .l-grid--inpageNav:after {
content: "";
display: block;
width: 48%;
}
@media only screen and (min-width: 960px), print {
.l-grid--inpageNav:before, .l-grid--inpageNav:after {
width: 23.5%;
}
}
.l-grid--inpageNav:before {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.l-grid--inpageNav .l-grid__item {
width: 48%;
margin: 0 0 20px;
}
@media only screen and (min-width: 960px), print {
.l-grid--inpageNav .l-grid__item {
width: 23.5%;
}
}  .l-fgrid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -15px -20px -15px -20px;
}
.l-fgrid__item {
width: 100%;
margin: 30px 0 30px 0;
padding: 0 20px;
}
li.l-fgrid__item {
list-style-type: none;
margin: 0 0 0 0;
}
.l-fgrid__item-1 {
width: calc((100%/12)*1);
}
.l-fgrid__item-2 {
width: calc((100%/12)*2);
}
.l-fgrid__item-3 {
width: calc((100%/12)*3);
}
.l-fgrid__item-4 {
width: calc((100%/12)*4);
}
.l-fgrid__item-5 {
width: calc((100%/12)*5);
}
.l-fgrid__item-6 {
width: calc((100%/12)*6);
}
.l-fgrid__item-7 {
width: calc((100%/12)*7);
}
.l-fgrid__item-8 {
width: calc((100%/12)*8);
}
.l-fgrid__item-9 {
width: calc((100%/12)*9);
}
.l-fgrid__item-10 {
width: calc((100%/12)*10);
}
.l-fgrid__item-11 {
width: calc((100%/12)*11);
}
.l-fgrid__item-12 {
width: calc((100%/12)*12);
}
.l-fgrid--hgap-half {
margin: -15px -10px -15px -10px;
}
.l-fgrid--hgap-half .l-fgrid__item {
padding: 0 10px;
}
.l-fgrid--vgap-half {
margin: -7px -20px -7px -20px;
}
.l-fgrid--vgap-half .l-fgrid__item {
margin: 15px 0 15px 0;
}
.l-fgrid--gap-half {
margin: -7px -10px -7px -10px;
}
.l-fgrid--gap-half .l-fgrid__item {
margin: 15px 0 15px 0;
padding: 0 10px;
} @media not all and (min-width: 960px) {
.l-fgrid--stack-lg {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.l-fgrid--stack-lg .l-fgrid__item-1 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-2 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-3 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-4 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-5 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-6 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-7 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-8 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-9 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-10 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-11 {
width: 100%;
}
.l-fgrid--stack-lg .l-fgrid__item-12 {
width: 100%;
}
} @media not all and (min-width: 768px) {
.l-fgrid--stack-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.l-fgrid--stack-md .l-fgrid__item-1 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-2 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-3 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-4 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-5 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-6 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-7 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-8 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-9 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-10 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-11 {
width: 100%;
}
.l-fgrid--stack-md .l-fgrid__item-12 {
width: 100%;
}
} @media not all and (min-width: 640px) {
.l-fgrid--stack-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.l-fgrid--stack-sm .l-fgrid__item-1 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-2 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-3 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-4 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-5 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-6 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-7 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-8 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-9 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-10 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-11 {
width: 100%;
}
.l-fgrid--stack-sm .l-fgrid__item-12 {
width: 100%;
}
} @media not all and (min-width: 480px) {
.l-fgrid--stack-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.l-fgrid--stack-xs .l-fgrid__item-1 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-2 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-3 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-4 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-5 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-6 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-7 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-8 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-9 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-10 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-11 {
width: 100%;
}
.l-fgrid--stack-xs .l-fgrid__item-12 {
width: 100%;
}
}  .l-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: reverse;
flex-direction: reverse;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.l-media + .l-media {
margin: 80px 0 0 0;
margin: clamp(60px, 8vmin, 80px) 0 0 0;
}
.l-media__body {
width: calc(100% - min(30.798%, 324px) - 30px);
}
.l-media__body *:first-child {
margin-top: 0;
}
.l-media__body *:last-child {
margin-bottom: 0;
}
.l-media__body p {
margin: 0.5em 0 0.5em 0;
}
.l-media__body h2 + *,
.l-media__body h3 + * {
margin-top: 20px !important;
}
.l-media__thumb {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 324px;
width: min(30.798%, 324px);
}
.l-media__thumb img {
max-width: none;
width: 100%;
}
.l-media--row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media not all and (min-width: 768px) {
.l-media--stack-md {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.l-media--stack-md .l-media__body {
width: auto;
}
.l-media--stack-md .l-media__thumb {
width: auto;
max-width: none;
margin: 0 0 40px 0;
}
.l-media--stack-md.l-media--column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.l-media--stack-md.l-media--column-reverse .l-media__thumb {
margin: 40px 0 0 0;
}
}
@media not all and (min-width: 640px) {
.l-media--stack-sm {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.l-media--stack-sm .l-media__body {
width: auto;
}
.l-media--stack-sm .l-media__thumb {
width: auto;
max-width: none;
margin: 0 0 40px 0;
}
.l-media--stack-sm.l-media--column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.l-media--stack-sm.l-media--column-reverse .l-media__thumb {
margin: 40px 0 0 0;
}
}
@media not all and (min-width: 480px) {
.l-media--stack-xs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.l-media--stack-xs .l-media__body {
width: auto;
}
.l-media--stack-xs .l-media__thumb {
width: auto;
max-width: none;
margin: 0 0 40px 0;
}
.l-media--stack-xs.l-media--column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.l-media--stack-xs.l-media--column-reverse .l-media__thumb {
margin: 40px 0 0 0;
}
}
.l-media--break-left {
display: block;
}
.l-media--break-left .l-media__body {
width: calc(100% + max(10px, 5.3%));
margin-left: calc(50% - 50vw);
padding: min(13.3333333333vmin, 50px) min(6.6666666667vmin, 25px) min(40vmin, 150px) calc(50vw - 50%);
background: #000000;
}
.l-media--break-left .l-media__body > :first-child {
margin-top: 0;
}
.l-media--break-left .l-media__thumb {
width: calc(100% + max(10px, 5.3%));
margin-top: max(-24vmin, -90px) !important;
}
.l-media--break-left .l-media__thumb > * {
margin: 0;
}
@media only screen and (min-width: 769px), print {
.l-media--break-left {
position: relative;
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;
}
.l-media--break-left::before {
position: absolute;
right: 30%;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 100vw;
background: #000000;
}
.l-media--break-left .l-media__body {
position: relative;
z-index: 1;
width: 42.7272727273%;
padding: 100px 0;
margin: 0;
background: none;
}
.l-media--break-left .l-media__thumb {
position: relative;
z-index: 1;
width: 50%;
margin-top: 0 !important;
}
}  .l-entry-header {
color: #ffffff;
}
.l-entry-header__inner {
margin: min(9.0666666667vmin, 122px) auto min(10.6666666667vmin, 58px);
}
.l-entry-header__title {
display: block;
font-size: min(4.6666666667vmin, 2.1875rem);
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
letter-spacing: 0.03em;
line-height: 1.66;
text-align: center;
}
body.ua-android .l-entry-header__title {
font-family: "Noto Serif JP", serif;
}
.l-entry-header__meta {
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;
margin-top: min(13.3333333333vmin, 100px);
}
.l-entry-header__meta-data time {
display: inline-block;
margin-right: 24px;
font-family: garamond-premier-pro-caption, serif;
font-size: 0.8125rem;
}  .l-entry-content {
line-height: 2;
}
.l-entry-content > *:first-child {
margin-top: 0 !important;
}
.l-entry-content :where(p) {
margin: 0 0 1em 0;
}
.l-entry-content .has-text-align-left {
text-align: left;
}
.l-entry-content .has-text-align-center {
text-align: center;
}
.l-entry-content .has-text-align-right {
text-align: right;
}
.l-entry-content .has-small-font-size {
font-size: 0.75rem;
}
.l-entry-content .has-medium-font-size {
font-size: 0.9375rem;
letter-spacing: 0.05em;
}
.l-entry-content .has-large-font-size {
font-size: 1.125rem;
letter-spacing: 0.08em;
}
.l-entry-content .has-x-large-font-size {
font-size: 1.5rem;
letter-spacing: 0.08em;
}
@media only screen and (min-width: 769px), print {
.l-entry-content .has-small-font-size {
font-size: 0.75rem;
}
.l-entry-content .has-medium-font-size {
font-size: 1.125rem;
letter-spacing: 0.08em;
}
.l-entry-content .has-large-font-size {
font-size: 1.25rem;
letter-spacing: 0.08em;
}
.l-entry-content .has-x-large-font-size {
font-size: 1.5625rem;
letter-spacing: 0.08em;
}
}
.l-entry-content .has-gold-color {
color: #B59A16;
}
.l-entry-content .has-gold-light-color {
color: #E8DEAE;
}
.l-entry-content .has-blue-color {
color: #285B98;
}
.l-entry-content .has-blue-dark-color {
color: #778296;
}
.l-entry-content .has-gray-color {
color: #626262;
}
.l-entry-content .has-white-color {
color: #ffffff;
}
.l-entry-content .has-background-color {
background-color: #000;
}
.l-entry-content .has-serif-font-family {
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
}
body.ua-android .l-entry-content .has-serif-font-family {
font-family: "Noto Serif JP", serif;
}
.l-entry-content :where(a[target=_blank]:not(.u-noicon))::after {
content: "\e900";
}
.l-entry-content :where(a[href$=".pdf"]:not(.u-noicon))::after {
content: "\e901";
}
.l-entry-content :where(a[target=_blank]:not(.u-noicon)),
.l-entry-content :where(a[href$=".pdf"]:not(.u-noicon)) {
position: relative;
display: inline;
padding-right: 1em;
}
.l-entry-content :where(a[target=_blank]:not(.u-noicon))::after,
.l-entry-content :where(a[href$=".pdf"]:not(.u-noicon))::after {
display: inline-block;
margin-left: 0.3em; font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.l-entry-content :where(ul) {
margin: 20px 0;
line-height: 1.4;
}
.l-entry-content :where(ul).is-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
@media only screen and (min-width: 769px), print {
.l-entry-content :where(ul).is-pc-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
}
@media (max-width: 768px) {
.l-entry-content :where(ul).is-sp-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 20px);
}
}
.l-entry-content :where(ul).c-ul-text--normal {
margin-top: 0;
}
.l-entry-content :where(ul).c-ul-text--normal > li {
margin-left: 0;
padding-left: 0;
}
.l-entry-content :where(ul).c-ul-text--normal > li::before {
display: none;
}
.l-entry-content :where(ol) {
margin: 20px 0;
line-height: 1.4;
}
.l-entry-content :where(ol).is-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
@media only screen and (min-width: 769px), print {
.l-entry-content :where(ol).is-pc-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
}
@media (max-width: 768px) {
.l-entry-content :where(ol).is-sp-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 20px);
}
}
.l-entry-content :where(ul > li) {
position: relative;
list-style-type: none;
margin: 0.5em 0 0.5em 20px;
padding-left: 1em;
}
.l-entry-content :where(ul > li)::before {
position: absolute;
left: 0;
content: "-";
display: inline-block;
margin-right: 0.5em;
}
.l-entry-content :where(ol > li) {
list-style: decimal;
margin: 0.5em 0 0.5em 40px;
}
.l-entry-content :where(li ol > li) {
margin: 0.5em 0 0.5em 30px;
}
hr,
hr.wp-block-separator {
display: block;
margin: 40px 0;
border: 0;
border-top: 1px solid #485B7B;
}
@media only screen and (min-width: 769px), print {
hr,
hr.wp-block-separator {
margin: 70px 0;
}
}
.wp-block-quote {
overflow: hidden;
position: relative;
padding: min(5.3333333333vmin, 40px);
}
.wp-block-quote::before {
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 17px;
}
.wp-block-quote::after {
position: absolute;
right: 0;
bottom: 0;
content: "";
display: block;
width: 100%;
height: 17px;
}
.wp-block-quote cite {
color: rgba(255, 255, 255, 0.5);
font-size: 0.75rem;
}
.wp-block-pullquote blockquote {
padding: min(5.3333333333vmin, 40px);
background: #000713;
text-align: left;
}
.wp-block-pullquote blockquote p {
font-size: inherit;
font-weight: bold;
line-height: inherit;
}
.wp-block-pullquote blockquote cite {
color: rgba(255, 255, 255, 0.5);
font-size: 0.75rem;
}
dl dt {
margin-top: 1.5em;
font-weight: 500;
}
.wp-block-media-text {
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
}
@media only screen and (min-width: 601px), print {
.wp-block-media-text {
gap: min(5.45%, 60px);
}
}
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
font-size: inherit;
}
.wp-block-media-text .wp-block-media-text__content > :first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content .wp-block-heading {
margin: 0 0 24px !important;
}
.wp-block-media-text + .wp-block-media-text {
margin-top: min(10.6666666667vmin, 80px);
}
.wp-block-image {
margin-top: 1em;
margin-bottom: 1em;
}
.wp-block-image:first-of-type {
margin-top: 0;
}
.wp-block-image:not(.alignwide):not(.alignfull) {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.wp-block-image:not(.alignwide):not(.alignfull).alignright {
margin-right: 0;
}
.wp-block-image:not(.alignwide):not(.alignfull).alignleft {
margin-left: 0;
}
.wp-block-image figcaption {
margin-top: 1rem;
font-size: 0.75rem;
line-height: 1.4;
}
.wp-block-image.alignfull figcaption {
padding: 0 30px;
}
.wp-block-embed {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
content: "";
display: block;
padding-top: 56.25%;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
}
.wp-block-embed figcaption {
margin-top: 1em;
font-size: 0.75rem;
line-height: 1.4;
}
@media only screen and (min-width: 769px), print {
.wp-block-embed figcaption {
text-align: center;
}
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
padding: min(4%, 20px) 8px;
text-align: left;
line-height: 1.4;
}
@media (min-width: 600px) {
.wp-block-gallery.columns-3 figure:nth-child(1) figcaption,
.wp-block-gallery.columns-3 figure:nth-child(2) figcaption,
.wp-block-gallery.columns-3 figure:nth-child(3) figcaption {
font-size: 0.625rem;
}
.wp-block-gallery.columns-4 figure:nth-child(1) figcaption,
.wp-block-gallery.columns-4 figure:nth-child(2) figcaption,
.wp-block-gallery.columns-4 figure:nth-child(3) figcaption,
.wp-block-gallery.columns-4 figure:nth-child(4) figcaption {
font-size: 0.625rem;
}
}
.wp-block-file .wp-block-file__button {
background: none;
border: 1px solid #d9d9d9;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
}
body.ua-android .wp-block-file .wp-block-file__button {
font-family: "Noto Serif JP", serif;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even),
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-left: min(5.45%, 40px);
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) > .wp-block-column:nth-child(odd),
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) > .wp-block-column:nth-child(odd) {
margin-left: 0;
}
}
@media (max-width: 599px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even),
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-left: 0;
margin-top: clamp(20px, 2.5%, 40px);
}
}
@media (max-width: 599px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-top: clamp(20px, 2.5%, 40px);
}
}
.wp-block-columns .wp-block-image {
margin-top: 0;
}
.wp-block-columns .wp-block-column > :first-child {
margin-top: 0;
}
.wp-block-columns .wp-block-column > :last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column h2, .wp-block-columns .wp-block-column h3, .wp-block-columns .wp-block-column h4, .wp-block-columns .wp-block-column h5, .wp-block-columns .wp-block-column h6 {
margin-bottom: 0.5em;
}
.wp-block-columns .wp-block-column h2:not(:first-child), .wp-block-columns .wp-block-column h3:not(:first-child), .wp-block-columns .wp-block-column h4:not(:first-child), .wp-block-columns .wp-block-column h5:not(:first-child), .wp-block-columns .wp-block-column h6:not(:first-child) {
margin-top: 1em;
}
.wp-block-columns + .wp-block-columns {
margin-top: min(10.6666666667vmin, 80px);
}
.wp-block-columns + .wp-block-columns._vgap-half {
margin-top: min(5.3333333333vmin, 40px);
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
-ms-flex-preferred-size: calc(50% - min(2.725%, 30px)) !important;
flex-basis: calc(50% - min(2.725%, 30px)) !important;
margin-top: min(5.45%, 60px);
}
}
@media (max-width: 599px) {
.wp-block-columns.has-media-on-the-right {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.wp-block-columns.has-media-on-the-right:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
margin-top: 0;
}
.wp-block-columns.has-media-on-the-right:not(.is-not-stacked-on-mobile) > .wp-block-column:first-child {
margin-top: clamp(20px, 2.5%, 40px);
}
}
.has-border {
padding: min(3.3333333333vmin, 50px);
border: 1px solid #F4F1E6;
}
.has-border > :first-child {
margin-top: 0 !important;
}
.has-border > :last-child {
margin-bottom: 0 !important;
}
.has-border > :first-child {
margin-top: 0;
}
.has-border > :last-child {
margin-bottom: 0;
}
.has-border h2, .has-border h3, .has-border h4, .has-border h5, .has-border h6 {
margin-bottom: 0.5em;
}
.has-border h2:not(:first-child), .has-border h3:not(:first-child), .has-border h4:not(:first-child), .has-border h5:not(:first-child), .has-border h6:not(:first-child) {
margin-top: 1em;
}
.has-border + .has-border {
margin-top: min(10.6666666667vmin, 80px);
}
.is-for-speck {
padding: min(3.3333333333vmin, 30px);
border: 0;
background: #000000;
font-size: 0.75rem;
}
.is-for-speck > :first-child {
margin-top: 0 !important;
}
.is-for-speck > :last-child {
margin-bottom: 0 !important;
}
.is-for-speck :where(h2),
.is-for-speck :where(h3),
.is-for-speck :where(h4),
.is-for-speck :where(h5),
.is-for-speck :where(h6) {
margin-bottom: 1em;
padding-bottom: 0.3em;
padding-left: 0 !important;
border-left: 0 !important;
border-bottom: 1px solid #d9d9d9;
font-size: 1.0625rem;
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.has-border-left {
padding: 0 0 0 min(3.3333333333vmin, 30px);
border: 0;
border-left: 2px solid #126BED;
}
.has-border-left > :first-child {
margin-top: 0 !important;
}
.has-border-left > :last-child {
margin-bottom: 0 !important;
}
.has-border-left + .has-border-left {
margin-top: min(10.6666666667vmin, 80px);
}
.has-border-left h3 {
padding-left: 0 !important;
border-left: 0 !important;
}
.l-entry-content .l-section .wp-block-column > :first-child {
margin-top: 0;
}
.l-entry-content .l-section .wp-block-column > :last-child {
margin-bottom: 0;
}  .l-entry-footer {
color: #ffffff;
}
.l-entry-footer__inner {
margin: min(9.0666666667vmin, 122px) auto min(10.6666666667vmin, 58px);
text-align: right;
}        .c-button {
position: relative;
display: inline-block;
}
.c-button-basic01 {
background: #000000;
border: 1px solid #222222;
border-radius: 4px;
color: #ffffff;
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;
position: relative;
font-size: 0.875rem;
text-decoration: none;
height: 45px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 240px;
margin: 0 auto;
padding: 0 44px 0 30px;
}
@media only screen and (min-width: 769px), print {
.c-button-basic01 {
font-size: 1.125rem;
min-width: 254px;
margin: 0;
}
}
.c-button-basic01:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 12px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.c-button-basic01:hover, .c-button-basic01:focus {
color: #ffffff;
}
.c-button-basic01:hover:after, .c-button-basic01:focus:after {
right: 10px;
}
.c-button-border01 {
color: #ffffff;
border: 1px solid #ffffff;
border-radius: 4px;
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;
position: relative;
font-size: 0.875rem;
text-decoration: none;
height: 45px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 240px;
margin: 0 auto;
padding: 0 44px 0 30px;
}
@media only screen and (min-width: 769px), print {
.c-button-border01 {
font-size: 1rem;
min-width: 254px;
margin: 0;
}
}
.c-button-border01:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 12px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.c-button-border01:hover, .c-button-border01:focus {
color: #222222;
background: #ffffff;
}
.c-button-border01:hover:after, .c-button-border01:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat;
background-size: 100%;
}
}
.c-button-border02 {
color: #222222;
border: 1px solid #222222;
border-radius: 4px;
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;
position: relative;
font-size: 0.875rem;
text-decoration: none;
height: 45px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 240px;
margin: 0 auto;
padding: 0 44px 0 30px;
}
@media only screen and (min-width: 769px), print {
.c-button-border02 {
font-size: 1.125rem;
min-width: 232px;
margin: 0;
}
}
.c-button-border02:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 12px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.c-button-border02:hover, .c-button-border02:focus {
color: #ffffff;
background: #222222;
}
.c-button-border02:hover:after, .c-button-border02:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
}
}
.c-button-fill02 {
background: #222222;
border: 1px solid #222222;
border-radius: 4px;
color: #ffffff;
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;
position: relative;
font-size: 0.875rem;
text-decoration: none;
height: 45px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 240px;
margin: 0 auto;
padding: 0 44px 0 30px;
}
@media only screen and (min-width: 769px), print {
.c-button-fill02 {
font-size: 1.125rem;
min-width: 196px;
margin: 0;
}
}
.c-button-fill02:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 12px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.c-button-fill02:hover, .c-button-fill02:focus {
color: #222222;
background: #ffffff;
}
.c-button-fill02:hover:after, .c-button-fill02:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat;
background-size: 100%;
}
} .c-btn--block.c-btn { width: 100%;
}
.c-btn--block.c-btn .c-btn__link {
display: block;
text-align: center;
padding: 10px;
}
@media only screen and (min-width: 769px), print {
.c-btn--block.c-btn .c-btn__link {
padding: 10px 20px 10px 20px;
}
} .c-btn__link:not([target=_blank]):not([href*=".pdf"]),
.wp-block-button__link:not([target=_blank]):not([href*=".pdf"]) {
background: #222222;
color: #ffffff;
border: 1px solid #222222;
border-radius: 4px;
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;
position: relative;
font-size: 0.875rem;
text-decoration: none;
height: 45px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 240px;
margin: 0 auto;
padding: 0 44px 0 30px;
}
@media only screen and (min-width: 769px), print {
.c-btn__link:not([target=_blank]):not([href*=".pdf"]),
.wp-block-button__link:not([target=_blank]):not([href*=".pdf"]) {
font-size: 1.125rem;
min-width: 196px;
margin: 0;
}
}
.c-btn__link:not([target=_blank]):not([href*=".pdf"]):after,
.wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 12px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.c-btn__link:not([target=_blank]):not([href*=".pdf"]):hover, .c-btn__link:not([target=_blank]):not([href*=".pdf"]):focus,
.wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):hover,
.wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):focus {
color: #222222;
background: #ffffff;
}
.c-btn__link:not([target=_blank]):not([href*=".pdf"]):hover:after, .c-btn__link:not([target=_blank]):not([href*=".pdf"]):focus:after,
.wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):hover:after,
.wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat;
background-size: 100%;
}
}
.is-style-outline .c-btn__link:not([target=_blank]):not([href*=".pdf"]),
.is-style-outline .wp-block-button__link:not([target=_blank]):not([href*=".pdf"]) {
background: #ffffff;
color: #222222;
}
.is-style-outline .c-btn__link:not([target=_blank]):not([href*=".pdf"]):after,
.is-style-outline .wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 12px;
height: 10px;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.is-style-outline .c-btn__link:not([target=_blank]):not([href*=".pdf"]):hover, .is-style-outline .c-btn__link:not([target=_blank]):not([href*=".pdf"]):focus,
.is-style-outline .wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):hover,
.is-style-outline .wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):focus {
color: #ffffff;
background: #222222;
}
.is-style-outline .c-btn__link:not([target=_blank]):not([href*=".pdf"]):hover:after, .is-style-outline .c-btn__link:not([target=_blank]):not([href*=".pdf"]):focus:after,
.is-style-outline .wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):hover:after,
.is-style-outline .wp-block-button__link:not([target=_blank]):not([href*=".pdf"]):focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
}
} .c-btn__link[target=_blank],
.wp-block-button__link[target=_blank] {
display: block;
padding: calc(0.667em + 2px) 2em;
border: 1px solid #555555;
background: none;
letter-spacing: 0.17em;
font-size: inherit;
line-height: 1.4;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.c-btn__link[target=_blank]::after,
.wp-block-button__link[target=_blank]::after {
margin-left: 0.5em;
}
.c-btn__link[target=_blank]:hover, .c-btn__link[target=_blank]:focus,
.wp-block-button__link[target=_blank]:hover,
.wp-block-button__link[target=_blank]:focus {
background: #ffffff;
color: #000000;
}
.is-white .c-btn__link[target=_blank],
.is-white .wp-block-button__link[target=_blank] {
background: #ffffff;
color: #000000 !important;
}
.is-white .c-btn__link[target=_blank]:hover, .is-white .c-btn__link[target=_blank]:focus,
.is-white .wp-block-button__link[target=_blank]:hover,
.is-white .wp-block-button__link[target=_blank]:focus {
background: transparent !important;
color: #ffffff !important;
} .c-btn__link[href$=".pdf"],
.wp-block-button__link[href$=".pdf"] {
display: block;
padding: calc(0.667em + 2px) 2em;
border: 1px solid #555555;
background: none;
letter-spacing: 0.17em;
font-size: inherit;
line-height: 1.4;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.c-btn__link[href$=".pdf"]::after,
.wp-block-button__link[href$=".pdf"]::after {
margin-left: 0.5em;
}
.c-btn__link[href$=".pdf"]:hover, .c-btn__link[href$=".pdf"]:focus,
.wp-block-button__link[href$=".pdf"]:hover,
.wp-block-button__link[href$=".pdf"]:focus {
background: #ffffff;
color: #000000;
}
.is-white .c-btn__link[href$=".pdf"],
.is-white .wp-block-button__link[href$=".pdf"] {
background: #ffffff;
color: #000000 !important;
}
.is-white .c-btn__link[href$=".pdf"]:hover, .is-white .c-btn__link[href$=".pdf"]:focus,
.is-white .wp-block-button__link[href$=".pdf"]:hover,
.is-white .wp-block-button__link[href$=".pdf"]:focus {
background: transparent !important;
color: #ffffff !important;
} .c-btn--basic01.no-icon .c-btn__link,
.c-btn--basic01.no-icon .wp-block-button__link,
.wp-block-button.no-icon .c-btn__link,
.wp-block-button.no-icon .wp-block-button__link {
display: block;
min-height: 0;
padding: calc(0.667em + 2px) 2em;
border: 1px solid #555555;
border-radius: 50px;
background: none;
color: #ffffff;
letter-spacing: 0.17em;
font-size: inherit;
line-height: 1.4;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.c-btn--basic01.no-icon .c-btn__link::before, .c-btn--basic01.no-icon .c-btn__link::after,
.c-btn--basic01.no-icon .wp-block-button__link::before,
.c-btn--basic01.no-icon .wp-block-button__link::after,
.wp-block-button.no-icon .c-btn__link::before,
.wp-block-button.no-icon .c-btn__link::after,
.wp-block-button.no-icon .wp-block-button__link::before,
.wp-block-button.no-icon .wp-block-button__link::after {
display: none;
}
.c-btn--basic01.no-icon .c-btn__link:hover, .c-btn--basic01.no-icon .c-btn__link:focus,
.c-btn--basic01.no-icon .wp-block-button__link:hover,
.c-btn--basic01.no-icon .wp-block-button__link:focus,
.wp-block-button.no-icon .c-btn__link:hover,
.wp-block-button.no-icon .c-btn__link:focus,
.wp-block-button.no-icon .wp-block-button__link:hover,
.wp-block-button.no-icon .wp-block-button__link:focus {
background: #ffffff;
color: #000000;
}
.c-btn--basic01.no-icon.is-white .c-btn__link,
.c-btn--basic01.no-icon.is-white .wp-block-button__link,
.wp-block-button.no-icon.is-white .c-btn__link,
.wp-block-button.no-icon.is-white .wp-block-button__link {
background: #ffffff;
color: #000000;
}
.c-btn--basic01.no-icon.is-white .c-btn__link:hover, .c-btn--basic01.no-icon.is-white .c-btn__link:focus,
.c-btn--basic01.no-icon.is-white .wp-block-button__link:hover,
.c-btn--basic01.no-icon.is-white .wp-block-button__link:focus,
.wp-block-button.no-icon.is-white .c-btn__link:hover,
.wp-block-button.no-icon.is-white .c-btn__link:focus,
.wp-block-button.no-icon.is-white .wp-block-button__link:hover,
.wp-block-button.no-icon.is-white .wp-block-button__link:focus {
background: transparent;
color: #ffffff;
} .c-btn--basic01 .c-btn__link[target=_blank],
.c-btn--basic01 .c-btn__link[href$=".pdf"] {
display: block;
color: #ffffff;
text-decoration: none;
border-radius: 50px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.c-btn--basic01 .c-btn__link[target=_blank]:hover, .c-btn--basic01 .c-btn__link[target=_blank]:focus,
.c-btn--basic01 .c-btn__link[href$=".pdf"]:hover,
.c-btn--basic01 .c-btn__link[href$=".pdf"]:focus {
background: #ffffff;
color: #000000;
} .c-btn--menu01 .wp-block-button__link,
.c-btn--menu01 .c-btn__link {
position: relative;
min-height: 0 !important;
padding: calc(0.667em + 2px) calc(2em + 2px) calc(0.667em + 2px) 0 !important;
border-bottom: 1px solid #485B7B;
text-align: left !important;
}
.c-btn--menu01 .wp-block-button__link::before,
.c-btn--menu01 .c-btn__link::before {
position: absolute;
left: 0;
top: auto !important;
bottom: -1px;
content: "";
display: block;
width: 40px !important;
height: 0 !important;
border-radius: 0 !important;
border: 0 !important;
border-top: 1px solid #CBBD7A !important;
}
.c-btn--menu01 .wp-block-button__link::after,
.c-btn--menu01 .c-btn__link::after {
display: none !important;
}
.c-btn--menu01 .wp-block-button__link:hover::before, .c-btn--menu01 .wp-block-button__link:focus::before,
.c-btn--menu01 .c-btn__link:hover::before,
.c-btn--menu01 .c-btn__link:focus::before {
width: 100% !important;
} .c-btn-menus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0 min(5.3333333333vmin, 30px);
}
.c-btn-menus .c-btn--menu01 {
margin: 1em 0 0 0 !important;
}
.c-btn-menus.is-col3 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 0 min(8vmin, 85px);
}
.c-btn-menus.is-col3 .c-btn--menu01 .wp-block-button__link,
.c-btn-menus.is-col3 .c-btn--menu01 .c-btn__link {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
}
@media screen and (max-width: 960px) {
.c-btn-menus.is-col3 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(5.3333333333vmin, 30px);
}
}
@media screen and (max-width: 599px) {
.c-btn-menus.is-col3 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.c-btn-menus.is-col3 .c-btn--menu01 {
width: 100% !important;
}
}
.c-btn-menus.is-col4 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
gap: 0 min(5.3333333333vmin, 30px);
}
.c-btn-menus.is-col4 .c-btn--menu01 {
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
}
.c-btn-menus.is-col4 .c-btn--menu01 .wp-block-button__link,
.c-btn-menus.is-col4 .c-btn--menu01 .c-btn__link {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
.c-btn-menus.is-col4 {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}     .wp-block-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.wp-block-buttons.c-btn-block--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.wp-block-buttons.c-btn-block--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wp-block-buttons.c-btn-block--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-block-buttons.c-btn-block--stack {
-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;
}
.wp-block-buttons.c-btn-block--stack > .wp-block-button + .wp-block-button {
margin: 1em 0 0 0;
}
.wp-block-buttons.c-btn-block--stack.c-btn-block--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-block-buttons.c-btn-block--stack.c-btn-block--right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.wp-block-buttons.c-btn-block--stack.c-btn-block--center {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media not all and (min-width: 768px) {
.wp-block-buttons.c-btn-block--stack-sp {
-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;
}
.wp-block-buttons.c-btn-block--stack-sp > .wp-block-button + .wp-block-button {
margin: 1em 0 0 0;
}
.wp-block-buttons.c-btn-block--stack-sp.c-btn-block--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.wp-block-buttons.c-btn-block--stack-sp.c-btn-block--right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.wp-block-buttons.c-btn-block--stack-sp.c-btn-block--center {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.c-btn-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.c-btn-block > .c-btn + .c-btn {
margin: 0 0 0 1em;
}
.c-btn-block--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.c-btn-block--right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.c-btn-block--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-btn-block--stack {
-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;
}
.c-btn-block--stack > .c-btn + .c-btn {
margin: 1em 0 0 0;
}
.c-btn-block--stack.c-btn-block--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-btn-block--stack.c-btn-block--right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.c-btn-block--stack.c-btn-block--center {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media not all and (min-width: 768px) {
.c-btn-block--stack-sp {
-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;
}
.c-btn-block--stack-sp > .c-btn + .c-btn {
margin: 1em 0 0 0;
}
.c-btn-block--stack-sp.c-btn-block--left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-btn-block--stack-sp.c-btn-block--right {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.c-btn-block--stack-sp.c-btn-block--center {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.c-btn-inline .c-btn {
margin: 1em 1em 0 0;
} .c-btn-prev,
.c-btn-next {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #0F1937;
cursor: pointer;
-webkit-transition: 0.3s background-color;
transition: 0.3s background-color;
}
.c-btn-prev:hover, .c-btn-prev:focus-visible,
.c-btn-next:hover,
.c-btn-next:focus-visible {
background: #485B7B;
}  .c-title-basic01 {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.2;
margin: 0 0 24px;
}
@media only screen and (min-width: 769px), print {
.c-title-basic01 {
font-size: 2.25rem;
}
}
.l-sidebar .c-title-basic01 {
font-size: 1.5rem;
}
.c-title-basic01 .ruby {
color: #0091E1;
display: block;
font-family: "Asap Condensed", sans-serif;
font-size: 0.75rem;
line-height: 2;
}
@media only screen and (min-width: 769px), print {
.c-title-basic01 .ruby {
font-size: 1rem;
}
}
.l-sidebar .c-title-basic01 .ruby {
font-size: 0.75rem;
}  .c-heading-lv2--primary {
position: relative;
margin-bottom: min(13.3333333333vmin, 50px);
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-size: min(4.8vmin, 1.5625rem) !important;
text-align: center;
letter-spacing: 0.18em;
line-height: 1;
}
body.ua-android .c-heading-lv2--primary {
font-family: "Noto Serif JP", serif;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary {
margin-bottom: 60px;
}
}
.c-heading-lv2--primary::before {
content: attr(title);
display: block;
margin-bottom: 0.5em;
text-align: center;
font-family: garamond-premier-pro-display, serif;
font-size: min(7.4666666667vmin, 1.8125rem);
font-weight: 200;
line-height: 1;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary::before {
margin-bottom: 1em;
font-size: 1.16em;
}
}
.c-heading-lv2--primary::after {
position: absolute;
right: -0.4em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
mix-blend-mode: overlay;
content: attr(title);
color: #ffffff;
font-family: garamond-premier-pro-display, serif;
font-size: min(28vmin, 240px);
font-weight: 200;
letter-spacing: 0.18em;
line-height: 1;
white-space: nowrap;
opacity: 0.7;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary::after {
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary._news::after {
letter-spacing: 0.18em;
}
}
.c-heading-lv2--primary._brand::after {
right: auto;
left: -0.2em;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary._brand::after {
top: auto;
bottom: -120px;
left: -100px;
-webkit-transform: translateY(0);
transform: translateY(0);
letter-spacing: 0.14em;
}
}
.c-heading-lv2--primary._ranking::after {
right: auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
letter-spacing: 0.1em;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary._ranking::after {
right: auto;
left: 0;
-webkit-transform: translate(0, -80%);
transform: translate(0, -80%);
}
}
.c-heading-lv2--primary._column::after {
letter-spacing: 0.1em;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary._column::after {
right: -0.5em;
}
}
.c-heading-lv2--primary._hotitem::after {
right: auto;
left: -0.2em;
top: -0.1em;
letter-spacing: 0.03em;
}
.c-heading-lv2--primary._productlist::after {
top: -0.1em;
right: -0.2em;
font-size: min(24vmin, 210px);
letter-spacing: 0.03em;
}
.c-heading-lv2--primary._category::after {
top: -0.1em;
letter-spacing: 0.03em;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2--primary._category::after {
letter-spacing: 0.1em;
}
}
.c-heading-lv2--primary._no_bg::after {
display: none;
} .l-entry-content h2:not(.has-uline2):not(.has-leftline):not(.no-line):not(.c-heading-lv2--primary) {
padding-bottom: 0.5em;
border-bottom: 1px solid #485B7B;
}
.l-entry-content h2.no-line {
padding-bottom: 0;
border-bottom: 0;
}
.l-entry-content h3:not(.has-uline):not(.has-uline2):not(.no-line) {
border-left: 3px solid #CBBD7A;
padding-left: min(4vmin, 30px);
}
.l-entry-content h3.no-line {
border-left: 0;
padding-left: 0;
} h2.has-uline, h3.has-uline, h4.has-uline, h5.has-uline, h6.has-uline {
padding-bottom: 0.5em;
border-bottom: 1px solid #485B7B;
}
h2.has-uline2, h3.has-uline2, h4.has-uline2, h5.has-uline2, h6.has-uline2 {
position: relative;
padding-bottom: 0.5em;
border-bottom: 1px solid #485B7B;
}
h2.has-uline2::before, h3.has-uline2::before, h4.has-uline2::before, h5.has-uline2::before, h6.has-uline2::before {
position: absolute;
left: 0;
bottom: 0;
content: "";
display: block;
width: 30px;
border-top: 1px solid #ffffff;
}
h2.has-leftline, h3.has-leftline, h4.has-leftline, h5.has-leftline, h6.has-leftline {
border-left: 3px solid #CBBD7A;
padding-left: min(4vmin, 30px);
} .c-heading-lv2,
.l-entry-content :where(h2),
.l-entry-content .c-heading-lv2 {
margin: 50px 0 30px 0;
font-size: 1.5rem;
font-weight: 500;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.7;
letter-spacing: 0.14em;
}
body.ua-android .c-heading-lv2,
body.ua-android .l-entry-content :where(h2),
body.ua-android .l-entry-content .c-heading-lv2 {
font-family: "Noto Serif JP", serif;
}
.c-heading-lv2 + *,
.l-entry-content :where(h2) + *,
.l-entry-content .c-heading-lv2 + * {
margin-top: 0;
}
.l-side .c-heading-lv2,
.l-side .l-entry-content :where(h2),
.l-side .l-entry-content .c-heading-lv2 {
margin: 50px 0 10px 0;
font-size: 1.25rem;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2,
.l-entry-content :where(h2),
.l-entry-content .c-heading-lv2 {
margin: 60px 0 40px 0;
font-size: 1.875rem;
}
.l-side .c-heading-lv2,
.l-side .l-entry-content :where(h2),
.l-side .l-entry-content .c-heading-lv2 {
font-size: 1.25rem;
}
}
.c-heading-lv2-lg,
.l-entry-content .c-heading-lv2-lg {
margin: 60px 0 40px 0;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.7;
letter-spacing: 0.14em;
}
body.ua-android .c-heading-lv2-lg,
body.ua-android .l-entry-content .c-heading-lv2-lg {
font-family: "Noto Serif JP", serif;
}
.c-heading-lv2-lg + *,
.l-entry-content .c-heading-lv2-lg + * {
margin-top: 0;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv2-lg,
.l-entry-content .c-heading-lv2-lg {
margin: 80px 0 60px 0;
font-size: 2.1875rem;
}
} .c-heading-lv3,
.l-entry-content :where(h3),
.l-entry-content .c-heading-lv3 {
margin: 40px 0 20px 0;
font-size: 1.25rem;
font-weight: 500;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.7;
letter-spacing: 0.08em;
}
body.ua-android .c-heading-lv3,
body.ua-android .l-entry-content :where(h3),
body.ua-android .l-entry-content .c-heading-lv3 {
font-family: "Noto Serif JP", serif;
}
.c-heading-lv3 + *,
.l-entry-content :where(h3) + *,
.l-entry-content .c-heading-lv3 + * {
margin-top: 0;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv3,
.l-entry-content :where(h3),
.l-entry-content .c-heading-lv3 {
margin: 50px 0 30px 0;
font-size: 1.5625rem;
}
} .c-heading-lv4,
.l-entry-content :where(h4),
.l-entry-content .c-heading-lv4 {
margin: 40px 0 20px 0;
font-size: 1.25rem;
font-weight: 500;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.7;
letter-spacing: 0.08em;
}
body.ua-android .c-heading-lv4,
body.ua-android .l-entry-content :where(h4),
body.ua-android .l-entry-content .c-heading-lv4 {
font-family: "Noto Serif JP", serif;
}
.c-heading-lv4 + *,
.l-entry-content :where(h4) + *,
.l-entry-content .c-heading-lv4 + * {
margin-top: 0;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv4,
.l-entry-content :where(h4),
.l-entry-content .c-heading-lv4 {
margin: 50px 0 30px 0;
font-size: 1.25rem;
}
} .c-heading-lv5,
.l-entry-content :where(h5),
.l-entry-content .c-heading-lv5 {
margin: 40px 0 20px 0;
font-size: 1rem;
font-weight: 500;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.7;
letter-spacing: 0.08em;
}
body.ua-android .c-heading-lv5,
body.ua-android .l-entry-content :where(h5),
body.ua-android .l-entry-content .c-heading-lv5 {
font-family: "Noto Serif JP", serif;
}
.c-heading-lv5 + *,
.l-entry-content :where(h5) + *,
.l-entry-content .c-heading-lv5 + * {
margin-top: 0;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv5,
.l-entry-content :where(h5),
.l-entry-content .c-heading-lv5 {
font-size: 1.125rem;
}
} .c-heading-lv6,
.l-entry-content :where(h6),
.l-entry-content .c-heading-lv6 {
margin: 40px 0 20px 0;
font-size: 0.9375rem;
font-weight: 500;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.7;
letter-spacing: 0.08em;
}
body.ua-android .c-heading-lv6,
body.ua-android .l-entry-content :where(h6),
body.ua-android .l-entry-content .c-heading-lv6 {
font-family: "Noto Serif JP", serif;
}
.c-heading-lv6 + *,
.l-entry-content :where(h6) + *,
.l-entry-content .c-heading-lv6 + * {
margin-top: 0;
}
@media only screen and (min-width: 769px), print {
.c-heading-lv6,
.l-entry-content :where(h6),
.l-entry-content .c-heading-lv6 {
font-size: 1rem;
}
}
:not(.l-sidebar) h1:not(.c-title).wp-block-heading {
font-size: 2rem;
font-weight: bold;
line-height: normal;
margin: 0 0 24px;
}
@media only screen and (min-width: 769px), print {
:not(.l-sidebar) h1:not(.c-title).wp-block-heading {
font-size: 2.5rem;
}
}
:not(.l-sidebar) h2:not(.c-title).wp-block-heading {
font-size: 1.25rem;
font-weight: bold;
position: relative;
padding: 6px 0 0;
margin: 20px 0 30px;
}
@media only screen and (min-width: 769px), print {
:not(.l-sidebar) h2:not(.c-title).wp-block-heading {
font-size: 1.75rem;
padding: 10px 0 0;
margin: 40px 0 60px;
}
}
:not(.l-sidebar) h2:not(.c-title).wp-block-heading:before {
background: #d9d9d9;
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
:not(.l-sidebar) h2:not(.c-title).wp-block-heading:after {
background: #29579a;
content: "";
display: block;
width: 80px;
height: 2px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
:not(.l-sidebar) h3:not(.c-title).wp-block-heading {
font-size: 1.125rem;
font-weight: bold;
position: relative;
padding: 0 1em;
margin: 10px 0 15px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
line-height: 1.2;
}
@media only screen and (min-width: 769px), print {
:not(.l-sidebar) h3:not(.c-title).wp-block-heading {
font-size: 1.5rem;
padding: 0 1em;
margin: 20px 0 30px;
}
}
:not(.l-sidebar) h3:not(.c-title).wp-block-heading:before, :not(.l-sidebar) h3:not(.c-title).wp-block-heading:after {
content: "";
width: 6px;
height: 100%;
position: absolute;
top: 0;
}
:not(.l-sidebar) h3:not(.c-title).wp-block-heading:before {
border-left: solid 2px #126BED;
border-top: solid 2px #126BED;
border-bottom: solid 2px #126BED;
left: 0;
}
:not(.l-sidebar) h3:not(.c-title).wp-block-heading:after {
border-right: solid 2px #126BED;
border-top: solid 2px #126BED;
border-bottom: solid 2px #126BED;
right: 0;
}
:not(.l-sidebar) h4:not(.c-title).wp-block-heading {
font-size: 1.125rem;
font-weight: bold;
position: relative;
padding: 0 0 0 0.8em;
margin: 10px 0 15px;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media only screen and (min-width: 769px), print {
:not(.l-sidebar) h4:not(.c-title).wp-block-heading {
font-size: 1.5rem;
margin: 20px 0 30px;
}
}
:not(.l-sidebar) h4:not(.c-title).wp-block-heading:before {
background: #126BED;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 10px;
height: 4px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
:not(.l-sidebar) h5:not(.c-title).wp-block-heading {
font-size: 1rem;
font-weight: bold;
position: relative;
margin: 10px 0 15px;
}
@media only screen and (min-width: 769px), print {
:not(.l-sidebar) h5:not(.c-title).wp-block-heading {
font-size: 1.25rem;
margin: 20px 0 30px;
}
}
:not(.l-sidebar) h6:not(.c-title).wp-block-heading {
font-size: 0.875rem;
font-weight: bold;
position: relative;
margin: 10px 0 15px;
}
@media only screen and (min-width: 769px), print {
:not(.l-sidebar) h6:not(.c-title).wp-block-heading {
font-size: 1.125rem;
margin: 20px 0 30px;
}
}  .c-ico-link {
position: relative;
}
.c-ico-link::before {
position: absolute;
right: 10px;
bottom: 15px;
content: "";
display: block;
width: 30px;
height: 30px;
border: 1.5px solid #0F1937;
border-radius: 50%;
}
.c-ico-link::after {
position: absolute;
right: 18px;
bottom: 28px;
content: "";
display: block;
width: 34px;
height: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.c-ico-link:hover, .c-ico-link:focus {
color: #0F1937;
}
.c-ico-link:hover > span, .c-ico-link:focus > span {
-webkit-transform: translateX(15px);
transform: translateX(15px);
}
.c-ico-link:hover::after, .c-ico-link:focus::after {
right: -8px;
} .c-ico-sns {
line-height: 1;
}
.c-ico-sns > li {
display: inline-block;
margin: 0 0 0 0;
font-size: 30px; font-size: 1.875rem;
text-indent: 0;
}
.c-ico-sns > li:not(:first-child) {
margin: 0 0 0 0.5em;
}
.c-ico-sns > li::before {
display: none;
}
.c-ico-sns > li a {
padding-right: 0;
color: #0F1937;
text-decoration: none;
}
.c-ico-sns > li a[target=_blank]::after {
display: none;
}
.c-ico-sns > li a:hover {
color: #485B7B;
} .c-ico-arrow-down,
.c-ico-arrow-down-w {
display: inline-block;
vertical-align: middle;
line-height: 1;
width: 0.6em;
height: 0.6em;
border-top: 2px solid #0F1937;
border-right: 2px solid #0F1937;
border-left: 0;
border-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateY(-25%) rotate(135deg);
transform: translateY(-25%) rotate(135deg);
margin: 0 0 0 10px;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
a:hover .c-ico-arrow-down,
a:hover .c-ico-arrow-down-w {
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
.c-ico-arrow-down-w {
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}  .c-label {
display: inline-block;
margin-right: 0.5em;
padding: 0 1em;
border: 1px solid #485B7B;
font-size: 0.75rem;
}
.c-labellist > li {
display: inline-block;
margin: 5px 5px 5px 0;
text-indent: 0;
}
.c-labellist > li::before {
display: none;
}
.c-labellist > li a {
display: inline-block;
padding: 8px 15px 8px 15px;
border-radius: 20px;
background: #485B7B;
color: #ffffff;
line-height: 1;
text-decoration: none;
font-size: 14px; font-size: 0.875rem;
}
.c-labellist > li a:hover, .c-labellist > li a:focus {
background: #d1dde9;
}  .c-ul-text > li {
position: relative;
padding-left: 1em;
}
.c-ul-text > li + li {
margin-top: 0.5em;
}
.c-ul-text > li::before {
position: absolute;
left: 0;
top: 0;
display: inline-block;
margin-right: 0.5em;
content: "-";
}
.c-ul-text.is-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
@media only screen and (min-width: 769px), print {
.c-ul-text.is-pc-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
}
@media (max-width: 768px) {
.c-ul-text.is-sp-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 20px);
}
}
.c-ul-small {
margin: 10px 0;
line-height: 1.67;
font-size: 0.75rem;
}
.c-ul-small > li {
padding-left: 0;
list-style-type: disc;
}
.c-ul-small > li::before {
display: none;
}
.c-ul-text--normal {
padding-left: 0;
}
.c-ul-text--normal::before {
display: none;
}
.c-number-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
counter-increment: num 1;
list-style: none;
margin: 20px 0 0 0;
padding: 20px 0;
border-bottom: 1px solid rgba(72, 91, 123, 0.5);
}
.c-number-list li::before {
content: counter(num, decimal-leading-zero);
margin-right: min(2.6666666667vmin, 30px);
color: #0F1937;
font-family: garamond-premier-pro, serif;
font-size: min(8vmin, 5em);
line-height: 1;
}
@media only screen and (min-width: 769px), print {
.c-number-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-number-list li {
width: 48%;
}
}
.c-number-list.is-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
@media only screen and (min-width: 769px), print {
.c-number-list.is-pc-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 40px);
}
}
@media (max-width: 768px) {
.c-number-list.is-sp-col2 {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
gap: 0 min(4vmin, 20px);
}
}
.c-dl dt:not(:first-of-type),
.c-dl dd:not(:first-of-type) {
margin-top: 1em;
}
.c-dl__title {
clear: left;
float: left;
width: 90px;
}
.c-dl__text {
overflow: hidden;
margin-left: 90px;
} .c-ul-check01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: min(5.3333333333vmin, 20px);
}
.c-ul-check01 > li {
position: relative;
margin: 0;
padding: 1em 1em 1em 2.5em;
background: #ffffff;
color: #000000;
}
.c-ul-check01 > li::before {
position: absolute;
top: 1.2em;
left: 1em;
content: "";
display: block;
width: 1em;
height: 0.8em;
}
@media only screen and (min-width: 769px), print {
.c-ul-check01 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.c-ul-check01 > li {
width: calc((100% - min(5.3333333333vmin, 20px)) / 2);
}
}
.c-ul-check02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: min(5.3333333333vmin, 20px);
}
.c-ul-check02 > li {
min-width: 166px;
margin: 0;
padding: 1em 2em;
border: 1px solid rgba(255, 255, 255, 0.5);
font-size: 0.75rem;
text-align: center;
}
.c-ul-check02 > li::before {
position: static;
content: "";
display: inline-block;
width: 1em;
height: 0.8em;
}  .wp-pagenavi {
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;
margin: -1px 0 0 0;
padding: 16px 40px 16px 40px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
padding: 10px;
}
.wp-pagenavi .current,
.wp-pagenavi .page {
-webkit-box-sizing: border-box;
box-sizing: border-box;
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;
margin: 0 10px;
padding: 10px 10px;
}
.wp-pagenavi .page {
-webkit-transition: 0.3s;
transition: 0.3s;
}  .l-pagetop { }
.l-pagetop__fixed {
cursor: pointer;
display: none;
background: #ffffff;
border: 1px solid #222222;
width: 45px;
height: 45px;
z-index: 8;
right: 0;
}
@media only screen and (min-width: 769px), print {
.l-pagetop__fixed {
width: 40px;
height: 40px;
}
}
.l-pagetop__fixed:before {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_pagetop.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 10px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.l-pagetop__fixed p {
font-size: 0;
}
@media (hover: hover) and (pointer: fine) {
.l-pagetop__fixed:hover:before, .l-pagetop__fixed:focus:before {
top: 45%;
}
}  .wp-block-table table,
.c-table01 table {
width: 100%;
border-bottom: 1px solid #778296;
line-height: 1.4;
letter-spacing: 0.08em;
}
.wp-block-table table tr,
.c-table01 table tr {
border-top: 1px solid #778296;
}
.wp-block-table table th,
.c-table01 table th {
padding: 1.5em;
background: #485B7B;
}
.wp-block-table table td,
.c-table01 table td {
padding: 1.5em;
}
.wp-block-table table tbody th,
.c-table01 table tbody th {
width: 30%;
}
.wp-block-table figcaption,
.c-table01 figcaption {
margin-top: 20px;
font-size: 0.875rem;
line-height: 1.4;
}
.wp-block-flexible-table-block-table { }
.wp-block-flexible-table-block-table table {
width: 100%;
border: 1px solid #778296;
line-height: 1.4;
letter-spacing: 0.08em;
}
.wp-block-flexible-table-block-table table th {
padding: 1.5em;
border: 1px solid #778296;
background: #485B7B;
}
.wp-block-flexible-table-block-table table td {
padding: 1.5em;
border: 1px solid #778296;
}
.wp-block-flexible-table-block-table table tbody th {
width: 30%;
}
.wp-block-flexible-table-block-table figcaption {
margin-top: 20px;
font-size: 0.875rem;
line-height: 1.4;
}
@media (max-width: 768px) {
.wp-block-flexible-table-block-table > .has-fixed-layout {
table-layout: fixed;
border: 0;
}
.wp-block-flexible-table-block-table > .has-fixed-layout.is-stacked-on-mobile th {
width: 100% !important;
display: block;
margin-top: -1px;
}
.wp-block-flexible-table-block-table > .has-fixed-layout.is-stacked-on-mobile td {
width: 100% !important;
display: block;
margin-top: -1px;
}
.wp-block-flexible-table-block-table.is-scroll-on-mobile {
overflow-x: scroll;
white-space: nowrap;
padding: 0 0 10px;
}
}
.wp-block-flexible-table-block-table.profile-table table {
width: 100%;
border: 0;
}
.wp-block-flexible-table-block-table.profile-table table th {
width: 6em;
padding-left: 0;
padding-right: 0;
font-weight: normal;
background: none;
border: 0;
vertical-align: top;
}
@media only screen and (min-width: 769px), print {
.wp-block-flexible-table-block-table.profile-table table th {
width: 140px;
}
}
.wp-block-flexible-table-block-table.profile-table table td {
padding-left: 0;
padding-right: 0;
border: 0;
line-height: 2;
}  .c-taglist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
}
.c-taglist--item a, .c-taglist--item span {
background: #f5f5f5;
border-radius: 14px;
color: #222222;
font-size: 0.9375rem;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 28px;
padding: 0 1em;
}
.c-taglist--item a.current, .c-taglist--item span.current {
background: #29579a;
color: #ffffff;
}  .c-aggregate {
max-width: 1514px;
padding: 0 20px 0 20px;
padding: 0 max(10px, 5.3%);
display: block;
text-align: right;
font-size: 12px; font-size: 0.75rem;
}
@media only screen and (min-width: 769px), print {
.c-aggregate {
margin: 0 auto;
padding: 0 20px 0 20px;
padding: 0 max(20px, 8%);
}
}
@media only screen and (min-width: 960px), print {
.c-aggregate {
padding: 0 157px 0 157px;
padding: 0 min(11.49%, 157px);
}
}
.c-note {
color: #8d8d8d;
font-size: 0.75rem;
line-height: 1.66;
}  .c-linkitem__line {
position: relative;
}
.c-linkitem__line::before, .c-linkitem__line::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
border-top: 1px solid;
}
.c-linkitem__line::before {
width: 100%;
opacity: 0.3;
}
.c-linkitem__line::after {
width: 40px;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
}
.c-linkitem__line:hover::after, .c-linkitem__line:focus::after {
width: 100%;
}
.c-linkitem__line._gold::before, .c-linkitem__line._gold::after {
border-top: 1px solid #CBBD7A;
}
.c-linkitem {
text-decoration: none;
vertical-align: middle;
}
.c-linkitem__ico {
position: relative;
display: inline-block;
width: min(18.6666666667vmin, 70px);
height: min(18.6666666667vmin, 70px);
margin: 0 0 0 30px;
border: 1px solid #485B7B;
border-radius: 50%;
vertical-align: middle;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.c-linkitem__ico::before {
position: absolute;
left: -15px;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 30px;
height: 0;
border-top: 1px solid #ffffff;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.c-linkitem:hover, .c-linkitem:focus {
color: #ffffff;
}
.c-linkitem:hover .c-linkitem__ico, .c-linkitem:focus .c-linkitem__ico {
border-color: rgba(203, 189, 122, 0.6);
}
.c-linkitem:hover .c-linkitem__ico::before, .c-linkitem:focus .c-linkitem__ico::before {
border-color: #CBBD7A;
-webkit-transform: scaleX(1.23);
transform: scaleX(1.23);
}
.c-heading-lv3--line .c-linkitem {
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;
}
.c-heading-lv3--line .c-linkitem .c-linkitem__ico {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-link-more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
text-decoration: none;
font-size: min(5.3333333333vmin, 1.25rem);
font-weight: 500;
font-family: garamond-premier-pro, serif;
letter-spacing: 0.17em;
}  .c-card {
text-decoration: none;   }
.c-card__media {
border-radius: 4px;
display: block;
overflow: hidden;
}
.c-card__media img {
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.c-card__text .datetime {
color: #222222;
font-weight: bold;
}
.c-card__text .ttl {
color: #222222;
font-weight: bold;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.c-card:hover .c-card__media img, .c-card:focus .c-card__media img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.c-card-basic01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
@media only screen and (min-width: 769px), print {
.c-card-basic01 {
gap: 8px;
}
}
.c-card-basic01 .c-card__media {
width: 100%;
}
.c-card-basic01 .c-card__media img {
width: 100%;
}
.c-card-basic01 .c-card__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.c-card-basic01 .c-card__info .datetime {
color: #222222;
font-size: 0.875rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
padding: 0 0.8em 0 0;
margin: 0 0.8em 0 0;
}
@media only screen and (min-width: 769px), print {
.c-card-basic01 .c-card__info .datetime {
font-size: 1rem;
}
}
.c-card-basic01 .c-card__info .datetime:after {
background: #222222;
content: "";
display: block;
width: 1px;
height: 14px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 769px), print {
.c-card-basic01 .c-card__info .datetime:after {
height: 16px;
}
}
.c-card-basic01 .c-card__info .category {
font-size: 0.875rem;
font-weight: bold;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media only screen and (min-width: 769px), print {
.c-card-basic01 .c-card__info .category {
font-size: 1rem;
}
}
.c-card-basic01 .c-card__ttl {
color: #222222;
font-size: 1.125rem;
font-weight: bold;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media only screen and (min-width: 769px), print {
.c-card-basic01 .c-card__ttl {
font-size: 1.25rem;
}
}
.c-card-basic01 .c-card__summary {
color: #222222;
font-size: 0.875rem;
margin: 0;
}
@media only screen and (min-width: 1100px), print {
.c-card-basic01 .c-card__summary {
font-size: 1rem;
}
}
@media (hover: hover) and (pointer: fine) {
.c-card-basic01:hover .c-card__ttl, .c-card-basic01:focus .c-card__ttl {
color: #29579a;
}
.c-card-basic01:hover .c-card__summary, .c-card-basic01:focus .c-card__summary {
color: #222222;
}
}
.c-card-basic02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.c-card-basic02 .c-card__media {
width: 298px;
}
.c-card-basic02 .c-card__text {
width: calc(100% - 298px);
}
@media (hover: hover) and (pointer: fine) {
.c-card-basic02:hover .c-card__text .ttl, .c-card-basic02:focus .c-card__text .ttl {
color: #29579a;
}
}
.p-eventlist--item .c-card-basic02 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
@media only screen and (min-width: 1100px), print {
.p-eventlist--item .c-card-basic02 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.p-eventlist--item .c-card-basic02 .c-card__media {
width: 100%;
}
@media only screen and (min-width: 1100px), print {
.p-eventlist--item .c-card-basic02 .c-card__media {
width: 298px;
}
}
.p-eventlist--item .c-card-basic02 .c-card__media img {
width: 100%;
}
.p-eventlist--item .c-card-basic02 .c-card__text {
width: 100%;
}
@media only screen and (min-width: 1100px), print {
.p-eventlist--item .c-card-basic02 .c-card__text {
width: calc(100% - 322px);
}
}
.p-eventlist--item .c-card-basic02 .c-card__text .datetime {
font-size: 1.125rem;
}
@media only screen and (min-width: 1100px), print {
.p-eventlist--item .c-card-basic02 .c-card__text .datetime {
font-size: 1.25rem;
}
}
.p-eventlist--item .c-card-basic02 .c-card__text .ttl {
font-size: 1.125rem;
}
@media only screen and (min-width: 1100px), print {
.p-eventlist--item .c-card-basic02 .c-card__text .ttl {
font-size: 1.25rem;
}
}
.c-card-sub01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.c-card-sub01 .c-card__media {
width: 100%;
}
.c-card-sub01 .c-card__media img {
width: 100%;
}
.c-card-sub01 .c-card__text {
width: 100%;
}
.c-card-sub01 .c-card__text .category {
color: #29579a;
display: block;
font-size: 0.875rem;
font-weight: bold;
margin: 0 0 4px;
}
.c-card-sub01 .c-card__text .ttl {
color: #222222;
display: block;
font-size: 1rem;
font-weight: bold;
line-height: 1.25;
margin: 0 0 8px;
}
.c-card-sub01 .c-card__text .datetime {
display: block;
font-size: 0.875rem;
font-weight: normal;
} .l-contents p {
margin: 0 0 1em;
font-size: 1.125rem;
}
@media only screen and (min-width: 769px), print {
.l-contents p {
margin: 0 0 32px;
}
}
.l-contents p a {
text-decoration: underline;
}
.l-contents a:not(.wp-block-button__link):not(:has(img)):not(.sharelink) {
position: relative;
}
.l-contents a:not(.wp-block-button__link):not(:has(img)):not(.sharelink)[target=_blank]:after {
content: "";
display: inline-block;
width: 30px;
height: 30px;
position: relative;
vertical-align: bottom;
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_external.svg) no-repeat center center;
}
.l-contents a:not(.wp-block-button__link):not(:has(img)):not(.sharelink)[href$=".pdf"]:after {
content: "";
display: inline-block;
width: 30px;
height: 30px;
position: relative;
vertical-align: bottom;
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_pdf.svg) no-repeat center center;
}
.l-contents ul:not(.p-sharelist):not(.p-rankinglist):not(.p-side__banner ul):not(.c-categorylist):not(.c-taglist):not(.p-newlist):not(.p-tabs-nav__list):not(.p-eventlist):not(.p-toc__list):not(.toc_list):not(.toc_list ul):not(.p-pagebottomlist):not(.p-lowerlist):not(.p-sitemaplist):not(.p-toc ul) {
margin: 30px 0;
}
.l-contents ul:not(.p-sharelist):not(.p-rankinglist):not(.p-side__banner ul):not(.c-categorylist):not(.c-taglist):not(.p-newlist):not(.p-tabs-nav__list):not(.p-eventlist):not(.p-toc__list):not(.toc_list):not(.toc_list ul):not(.p-pagebottomlist):not(.p-lowerlist):not(.p-sitemaplist):not(.p-toc ul) li {
margin: 0.5em 0;
position: relative;
padding: 0 0 0 1em;
line-height: 1.4;
font-size: 1.125rem;
}
.l-contents ul:not(.p-sharelist):not(.p-rankinglist):not(.p-side__banner ul):not(.c-categorylist):not(.c-taglist):not(.p-newlist):not(.p-tabs-nav__list):not(.p-eventlist):not(.p-toc__list):not(.toc_list):not(.toc_list ul):not(.p-pagebottomlist):not(.p-lowerlist):not(.p-sitemaplist):not(.p-toc ul) li:before {
background: #222222;
border-radius: 1px;
content: "";
width: 2px;
height: 2px;
display: block;
position: absolute;
top: 0.6em;
left: 0;
}
.l-contents ol {
counter-reset: number 0;
margin: 30px 0;
}
.l-contents ol li {
counter-increment: number 1;
margin: 0.5em 0;
position: relative;
padding: 0 0 0 1em;
line-height: 1.4;
font-size: 1.125rem;
}
.l-contents ol li:before {
content: counter(number) ".";
display: block;
position: absolute;
top: 0;
left: -0.2em;
}
.l-contents table {
border-collapse: collapse;
}
.l-contents table th, .l-contents table td {
border: solid 1px #E5E5E5;
padding: 1em;
}
.l-contents table th {
font-weight: bold;
}
.l-contents table td:first-child {
font-weight: bold;
}
.l-contents table td .caution {
display: block;
margin: 4px 0 0;
}
.l-contents table td .caution:before {
content: "※";
}
.l-contents .wp-block-quote {
background: #f5f5f5;
border: 1px solid #d9d9d9;
border-radius: 4px;
margin: 0 0 30px;
padding: 16px;
}
@media only screen and (min-width: 769px), print {
.l-contents .wp-block-quote {
margin: 0 0 60px;
padding: 24px;
}
}
.l-contents .wp-block-quote:before {
content: none;
}
.l-contents .wp-block-quote p {
font-size: 1rem;
margin: 0 0 8px;
}
@media only screen and (min-width: 769px), print {
.l-contents .wp-block-quote p {
margin: 0 0 16px;
}
}
.l-contents .wp-block-quote cite {
font-size: 1rem;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 0 auto;
}
.l-contents .wp-element-caption {
font-size: 0.875rem;
text-align: center;
}
.l-contents .wp-block-flexible-table-block-table table, .l-contents .wp-block-table table {
border: none;
width: inherit;
}
@media only screen and (min-width: 769px), print {
.l-contents .wp-block-flexible-table-block-table table, .l-contents .wp-block-table table {
width: 100%;
}
}
.l-contents .wp-block-flexible-table-block-table table th, .l-contents .wp-block-table table th {
background: #29579a;
border: none;
border: 1px solid #b3b3b3;
border-bottom: 1px solid #b3b3b3;
color: #ffffff;
font-size: 1rem;
padding: 0.5em 1em;
}
.l-contents .wp-block-flexible-table-block-table table td, .l-contents .wp-block-table table td {
border: none;
border-top: 1px solid #b3b3b3;
border-bottom: 1px solid #b3b3b3;
font-size: 1rem;
}
.l-contents .wp-block-flexible-table-block-table figcaption, .l-contents .wp-block-table figcaption {
margin-top: 8px;
text-align: center;
}
.l-contents .wp-block-flexible-table-block-table.is-mutual table tr:nth-child(even), .l-contents .wp-block-table.is-mutual table tr:nth-child(even) {
background: #f5f5f5;
}  .p-accordion__toggle {
position: relative;
display: block;
padding: 0 1em 0.5em 0;
border-bottom: 1px solid #485B7B;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-size: 1.125rem;
line-height: 1.7;
cursor: pointer;
}
body.ua-android .p-accordion__toggle {
font-family: "Noto Serif JP", serif;
}
.p-accordion__toggle::-webkit-details-marker {
display: none;
}
.p-accordion__toggle::before {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 0.6em;
height: 0.6em;
border-right: 1px solid;
border-bottom: 1px solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.p-accordion__toggle._half-center {
max-width: 520px;
margin: auto;
}
@media only screen and (min-width: 769px), print {
.p-accordion__toggle {
font-size: 1.25rem;
}
}
.p-accordion__body {
margin-top: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.p-accordion[open] .p-accordion__toggle::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.p-accordion + .p-accordion {
margin-top: clamp(20px, 2.5%, 40px);
}  .p-anchor > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: min(5.3333333333vmin, 30px);
}
.p-anchor > ul > li {
margin: 0;
padding: 0;
}
.p-anchor > ul > li::before {
display: none;
}
.p-anchor > ul a {
position: relative;
display: block;
margin: 0;
padding: 0 2.5em 1em 0;
border-bottom: 1px solid #485B7B;
color: #ffffff;
text-decoration: none;
}
.p-anchor > ul a::before {
content: "";
display: block;
width: 40px;
border-bottom: 1px solid #CBBD7A;
position: absolute;
left: 0;
bottom: -1px;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.p-anchor > ul a::after {
content: "";
display: block;
width: 0.6em;
height: 0.6em;
border-right: 1px solid;
border-bottom: 1px solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: 0;
top: 0;
}
.p-anchor > ul a:hover::before, .p-anchor > ul a:focus::before {
width: 100%;
}
.p-anchor.u-taC > ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 769px), print {
.p-anchor.u-taC-pc > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}  .p-banner-list {
display: -ms-grid;
display: grid;
gap: 10px;
margin: 0;
padding: 0;
}
.p-banner-list > li {
margin: 0;
padding: 0;
list-style: none;
}
.p-banner-list > li::before {
display: none;
}
@media only screen and (min-width: 769px), print {
.p-banner-list {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1100px), print {
.p-banner-list {
-ms-grid-columns: (1fr)[4];
grid-template-columns: repeat(4, 1fr);
gap: 5px;
}
}
.p-banner {
margin: 0 0 60px;
}
.p-banner__item {
display: block;
margin: 0 0 1em;
}
.p-banner__item:last-child {
margin: 0;
}
.p-banner__item:hover, .p-banner__item:focus {
opacity: 0.6;
}  .p-brand-list {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
background: #000000;
}
.p-brand-list + .p-brand-list .p-brand-list__inner {
border-top: 1px solid #CBBD7A;
}
@media only screen and (min-width: 769px), print {
.p-brand-list + .p-brand-list {
margin-top: 1px;
}
.p-brand-list + .p-brand-list .p-brand-list__inner {
border-top: 0;
}
} .p-brand-list__inner {
position: relative;
display: block;
padding: 45px 7.46% 25px;
color: #ffffff;
text-decoration: none;
}
.p-brand-list__inner:hover, .p-brand-list__inner:focus {
color: #ffffff;
}
@media only screen and (min-width: 769px), print {
.p-brand-list__inner {
padding: 8.18% 0 7.27%;
}
} .p-brand-list__body {
position: relative;
z-index: 1;
} .p-brand-list__logo {
aspect-ratio: 570/230;
text-align: center;
}
.p-brand-list__logo img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.p-brand-list__logo img[src*=gran_move] {
width: 55.26%;
}
.p-brand-list__logo img[src*=gran_femin] {
width: 55.26%;
}
@media only screen and (min-width: 769px), print {
.p-brand-list__logo {
width: 34%;
height: 203px;
aspect-ratio: 375/230;
text-align: left;
}
} .p-brand-list__title {
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: 40px;
padding-left: 0 !important;
border-left: 0 !important;
line-height: 1.5;
}
.p-brand-list__title .en {
font-family: garamond-premier-pro, serif;
font-size: clamp(1.0625rem, 4.5333333333vmin, 1.625rem);
letter-spacing: 0.14em;
}
.p-brand-list__title .ja {
color: #626262;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
font-size: clamp(0.9375rem, 4vmin, 1.25rem);
letter-spacing: 0.05em;
}
body.ua-android .p-brand-list__title .ja {
font-family: "Noto Serif JP", serif;
}
@media only screen and (min-width: 769px), print {
.p-brand-list__title {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 30px;
white-space: nowrap;
margin-top: 5%;
}
} .p-brand-list__text {
font-size: 0.875rem;
letter-spacing: 0.08em;
line-height: 1.785;
margin-top: 22px;
}
@media only screen and (min-width: 769px), print {
.p-brand-list__text {
width: 50%;
margin-top: 2.7%;
}
} .p-brand-list__img {
margin-top: 40px;
text-align: center;
}
@media only screen and (min-width: 769px), print {
.p-brand-list__img {
position: absolute;
right: -11.8%;
top: 0;
width: 74%;
margin-top: 0;
}
.p-brand-list__img::before {
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.3s;
transition: 0.3s;
}
} .p-brand-list__btn {
margin-top: min(9.3333333333vmin, 35px);
text-align: right;
}
@media only screen and (min-width: 769px), print {
.p-brand-list__btn {
margin-top: -40px;
}
} @media only screen and (min-width: 769px), print {
.p-brand-list__inner:hover .p-brand-list__img::before, .p-brand-list__inner:focus .p-brand-list__img::before {
background: rgba(0, 0, 0, 0);
}
.p-brand-list__inner:hover .p-brand-list__btn .c-linkitem .c-linkitem__ico, .p-brand-list__inner:focus .p-brand-list__btn .c-linkitem .c-linkitem__ico {
border-color: rgba(203, 189, 122, 0.6);
}
.p-brand-list__inner:hover .p-brand-list__btn .c-linkitem .c-linkitem__ico::before, .p-brand-list__inner:focus .p-brand-list__btn .c-linkitem .c-linkitem__ico::before {
border-color: #CBBD7A;
-webkit-transform: scaleX(1.23);
transform: scaleX(1.23);
}
}  .p-card01 {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: inherit;
text-decoration: none;
}
.p-card01[target=_blank]:not([href$=".pdf"]) {
padding-right: 0;
}
.p-card01[target=_blank]:not([href$=".pdf"])::after {
display: none;
}
.p-card01[target=_blank]:not([href$=".pdf"]) .p-card01__text::after {
content: "\e900";
margin-left: 0.5em;
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.p-card01[href$=".pdf"] {
padding-right: 0;
}
.p-card01[href$=".pdf"]::after {
display: none;
}
.p-card01[href$=".pdf"] .p-card01__text::after {
content: "\e901";
margin-left: 0.5em;
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.p-card01:hover, .p-card01:focus {
color: inherit;
}
.p-card01:hover .p-card01__body::before, .p-card01:focus .p-card01__body::before {
width: 100%;
border-color: #CBBD7A;
}
.p-card01:hover .p-card01__img img, .p-card01:focus .p-card01__img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.p-card01__img {
overflow: hidden;
aspect-ratio: 32/19;
}
.p-card01__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.p-card01__img + * {
margin-top: min(5.3333333333vmin, 30px);
}
.p-card01__body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-bottom: min(5.3333333333vmin, 30px);
}
.p-card01__body + *:not(.p-card01__category) {
margin-top: auto;
}
.p-card01__body:last-child {
position: relative;
padding-bottom: 1em;
border-bottom: 1px solid #485B7B;
}
.p-card01__body:last-child::before {
content: "";
display: block;
width: 40px;
border-top: 1px solid #ffffff;
position: absolute;
left: 0;
bottom: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.p-card01__title {
font-size: 1.25rem;
font-family: "Times New Roman", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", serif;
line-height: 1.4;
}
body.ua-android .p-card01__title {
font-family: "Noto Serif JP", serif;
}
.p-card01__category {
display: inline-block;
padding: 5px 20px;
border: 1px solid #485B7B;
font-size: 0.75rem;
line-height: 1;
}
.p-card01__category + * {
margin-top: 15px;
}
.p-card01__tag {
margin: 0 0 1em 0;
color: #778296;
font-size: 0.8125rem;
}
.p-card01__tag > span {
display: inline-block;
margin-right: 1em;
}
.p-card01__tag:last-child {
position: relative;
padding-bottom: 14px;
border-bottom: 1px solid #485B7B;
}
.p-card01__tag:last-child::before {
content: "";
display: block;
width: 40px;
border-top: 1px solid #ffffff;
position: absolute;
left: 0;
bottom: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.p-card01__text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 0.9375rem;
}
.p-card01__pubdate {
position: relative;
padding-top: 14px;
border-top: 1px solid #485B7B;
text-align: right;
font-family: garamond-premier-pro, serif;
font-size: 0.8125rem;
letter-spacing: 0.06em;
}
.p-card01__pubdate::before {
content: "";
display: block;
width: 40px;
border-top: 1px solid #ffffff;
position: absolute;
left: 0;
top: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.p-card01__pubdate._type2 {
color: #778296;
text-align: left;
}
.p-card01__pubdate + .p-card01__body {
border-bottom: 0;
}
.p-card01__pubdate + .p-card01__body::before {
display: none;
}
.p-card01:hover .p-card01__pubdate::before, .p-card01:focus .p-card01__pubdate::before {
width: 100%;
border-color: #CBBD7A;
}
.p-card01:hover .p-card01__tag:last-child::before, .p-card01:focus .p-card01__tag:last-child::before {
width: 100%;
border-color: #CBBD7A;
} .p-card02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: inherit;
text-decoration: none;
}
@media only screen and (min-width: 769px), print {
.p-card02 {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.p-card02[target=_blank]:not([href$=".pdf"]) {
padding-right: 0;
}
.p-card02[target=_blank]:not([href$=".pdf"])::after {
display: none;
}
.p-card02[target=_blank]:not([href$=".pdf"]) .p-card02__text::after {
content: "\e900";
margin-left: 0.5em;
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.p-card02[href$=".pdf"] {
padding-right: 0;
}
.p-card02[href$=".pdf"]::after {
display: none;
}
.p-card02[href$=".pdf"] .p-card02__text::after {
content: "\e901";
margin-left: 0.5em;
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.p-card02:hover, .p-card02:focus {
color: inherit;
}
.p-card02:hover .p-card02__pubdate::before, .p-card02:focus .p-card02__pubdate::before {
width: 100%;
border-color: #CBBD7A;
}
.p-card02__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: min(37.6%, 252px);
margin-right: min(5.97%, 40px);
background: #485B7B;
aspect-ratio: 320/190;
}
.p-card02__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.p-card02__body {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.p-card02__category {
-ms-flex-item-align: start;
align-self: flex-start;
display: inline-block;
padding: 5px 20px;
border: 1px solid #485B7B;
font-size: 0.75rem;
line-height: 1;
}
.p-card02__text {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 1em 0;
font-size: 0.9375rem;
line-height: 1.625;
}
.p-card02__pubdate {
position: relative;
margin-top: auto;
padding-top: 1em;
border-top: 1px solid #485B7B;
text-align: right;
font-family: garamond-premier-pro, serif;
font-size: 0.8125rem;
letter-spacing: 0.06em;
line-height: 1.2;
}
.p-card02__pubdate::before {
content: "";
display: block;
width: 40px;
border-top: 1px solid #ffffff;
position: absolute;
left: 0;
top: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 0.3s;
transition: 0.3s;
} .p-card03 {
display: block;
color: #ffffff;
text-decoration: none;
}
.p-card03__img {
overflow: hidden;
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;
padding: 20px;
aspect-ratio: 350/224;
background: #000000;
}
.p-card03__img img {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.p-card03__title {
margin-top: 15px;
}
.p-card03:hover .p-card03__img img, .p-card03:focus .p-card03__img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}  .p-carousel01 {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
@media only screen and (min-width: 769px), print {
.p-carousel01 {
margin-left: -35px;
margin-right: -35px;
}
}
.p-carousel01 .slick-slide {
margin: 0 5.6vmin;
}
@media only screen and (min-width: 769px), print {
.p-carousel01 .slick-slide {
margin: 0 35px;
}
}
.p-carousel01 .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.p-carousel01 .slick-slide {
height: auto !important;
}
.p-carousel01 .slick-slide > * {
height: 100%;
}
.p-carousel01 .slick-slide > * .p-carousel01__item {
height: 100%;
}  .p-news__title {
margin: 0;
padding: 0 0 10px 0;
color: #9F8A5A;
border-bottom: 1px solid #126BED;
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1rem;
font-weight: bold;
}
.p-news__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 20px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
font-size: 0.8125rem;
}
.p-news__item::before {
display: none;
}
.p-news__date {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
min-width: 5em;
font-family: garamond-premier-pro-caption, serif;
}
.p-news__label {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
margin: 0 16px 0 20px;
padding: 0 20px;
border: 1px solid #485B7B;
}
.p-news__text {
display: block;
width: 100%;
margin-top: 0.5em;
color: #ffffff;
text-decoration: none;
} @media only screen and (min-width: 769px), print {
.p-news__title {
padding: 0 0 10px 40px;
}
.p-news__item {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 20px 0 20px 40px;
}
.p-news__text {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 0;
}
}  .p-share {
background: #eaeef5;
border-radius: 4px;
padding: 8px;
margin: 0 0 30px;
}
@media only screen and (min-width: 769px), print {
.p-share {
padding: 16px;
margin: 0 0 60px;
}
}
.p-sharelist {
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;
gap: 8px;
}
@media only screen and (min-width: 769px), print {
.p-sharelist {
gap: 16px;
}
}
.p-sharelist--item {
width: calc((100% - 24px) / 4);
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item {
width: calc((100% - 48px) / 4);
}
}
.p-sharelist--item a {
color: #8d8d8d;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 1rem;
font-weight: bold;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 12px;
text-decoration: none;
}
.p-sharelist--item a:after {
content: "";
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item a {
gap: 18px;
}
}
.p-sharelist--item a span {
display: none;
}
@media only screen and (min-width: 1100px), print {
.p-sharelist--item a span {
display: block;
}
}
.p-sharelist--item.is-hatena a {
background: #ffffff;
}
.p-sharelist--item.is-hatena a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_hatena_on.svg) no-repeat center center;
background-size: cover;
width: 20px;
height: 20px;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-hatena a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_hatena.svg) no-repeat center center;
}
}
.p-sharelist--item.is-hatena a:hover, .p-sharelist--item.is-hatena a:focus {
color: #00A4DE;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-hatena a:hover:after, .p-sharelist--item.is-hatena a:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_hatena_on.svg) no-repeat center center;
}
}
.p-sharelist--item.is-x a {
background: #ffffff;
}
.p-sharelist--item.is-x a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_x_on.svg) no-repeat center center;
background-size: cover;
width: 20px;
height: 21px;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-x a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_x.svg) no-repeat center center;
}
}
.p-sharelist--item.is-x a:hover, .p-sharelist--item.is-x a:focus {
color: #000000;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-x a:hover:after, .p-sharelist--item.is-x a:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_x_on.svg) no-repeat center center;
}
}
.p-sharelist--item.is-fb a {
background: #ffffff;
}
.p-sharelist--item.is-fb a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_fb_on.svg) no-repeat center center;
background-size: cover;
width: 20px;
height: 20px;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-fb a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_fb.svg) no-repeat center center;
}
}
.p-sharelist--item.is-fb a:hover, .p-sharelist--item.is-fb a:focus {
color: #1877F2;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-fb a:hover:after, .p-sharelist--item.is-fb a:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_fb_on.svg) no-repeat center center;
}
}
.p-sharelist--item.is-pocket a {
background: #ffffff;
}
.p-sharelist--item.is-pocket a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_pocket_on.svg) no-repeat center center;
background-size: cover;
width: 22px;
height: 20px;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-pocket a:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_pocket.svg) no-repeat center center;
}
}
.p-sharelist--item.is-pocket a:hover, .p-sharelist--item.is-pocket a:focus {
color: #EF4056;
}
@media only screen and (min-width: 769px), print {
.p-sharelist--item.is-pocket a:hover:after, .p-sharelist--item.is-pocket a:focus:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_sns_pocket_on.svg) no-repeat center center;
}
}  .p-tabarea__tablist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #485B7B;
}
.p-tabarea__tablist > li {
margin: 0;
padding: 0;
}
.p-tabarea__tablist > li::before {
display: none;
}
.p-tabarea__tab {
display: block;
min-width: 100px;
padding: 1em;
margin-bottom: -1px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
border-bottom: 1px solid transparent;
color: #ffffff;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
text-align: center;
letter-spacing: 0.08em;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.p-tabarea__tab[aria-selected=true] {
color: #CBBD7A;
border-bottom: 1px solid;
}
.p-tabarea__tab:hover, .p-tabarea__tab:focus {
color: #CBBD7A;
}
.p-tabarea__tabpanel {
display: none;
}
.p-tabarea__tabpanel[aria-hidden=false] {
display: block;
}
.p-tabs-nav,
.p-entry .p-tabs-nav {
margin: 0 0 30px;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.p-tabs-nav__list,
.p-entry .p-tabs-nav__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0;
padding: 0;
}
@media only screen and (min-width: 769px), print {
.p-tabs-nav__list,
.p-entry .p-tabs-nav__list {
width: 100%;
}
}
.p-tabs-nav__item,
.p-entry .p-tabs-nav__item {
margin: 0 34px 0 0;
padding: 0;
}
@media only screen and (min-width: 769px), print {
.p-tabs-nav__item,
.p-entry .p-tabs-nav__item {
margin: 0 40px 0 0;
}
}
.p-tabs-nav__item:before,
.p-entry .p-tabs-nav__item:before {
display: none;
}
.p-tabs-nav__item a,
.p-entry .p-tabs-nav__item a {
color: #222222;
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;
font-size: 1rem;
font-weight: bold;
text-decoration: none;
line-height: 1;
margin: 0;
padding: 8px 0;
position: relative;
}
@media only screen and (min-width: 769px), print {
.p-tabs-nav__item a,
.p-entry .p-tabs-nav__item a {
font-size: 18px; font-size: 1.125rem;
}
}
.p-tabs-nav__item a:after,
.p-entry .p-tabs-nav__item a:after {
background: #0091E1;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.p-tabs-nav__item.is-current a,
.p-entry .p-tabs-nav__item.is-current a {
color: #222222;
}
.p-tabs-nav__item.is-current a:after,
.p-entry .p-tabs-nav__item.is-current a:after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.p-tabs-nav::-webkit-scrollbar,
.p-entry .p-tabs-nav::-webkit-scrollbar {
display: none;
}  .wp-pagenavi {
color: #072861;
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;
gap: min(2.1333333333vmin, 10px);
font-size: min(3.7333333333vmin, 0.875rem);
font-weight: bold;
}
.wp-pagenavi .page,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .current {
-ms-flex-negative: 0;
flex-shrink: 0;
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;
width: min(9.3333333333vmin, 50px);
height: min(9.3333333333vmin, 50px);
margin: 0;
padding: 0;
border-radius: 4px;
border: 1px solid #072861;
color: #072861;
}
.wp-pagenavi .page:not(.current),
.wp-pagenavi .previouspostslink:not(.current),
.wp-pagenavi .nextpostslink:not(.current),
.wp-pagenavi .current:not(.current) {
text-decoration: none;
}
.wp-pagenavi .page:not(.current):hover, .wp-pagenavi .page:not(.current):focus,
.wp-pagenavi .previouspostslink:not(.current):hover,
.wp-pagenavi .previouspostslink:not(.current):focus,
.wp-pagenavi .nextpostslink:not(.current):hover,
.wp-pagenavi .nextpostslink:not(.current):focus,
.wp-pagenavi .current:not(.current):hover,
.wp-pagenavi .current:not(.current):focus {
background: #072861;
border: 1px solid #072861;
color: #ffffff;
}
.wp-pagenavi .current {
background: #072861;
border: 1px solid #072861;
color: #ffffff;
}
.wp-pagenavi .extend {
height: min(10.6666666667vmin, 50px);
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .previouspostslink::before {
content: "";
display: inline-block;
width: 0.6em;
height: 0.6em;
border-top: 1px solid #072861;
border-right: 1px solid #072861;
}
@media (hover: hover) and (pointer: fine) {
.wp-pagenavi .nextpostslink:hover::before, .wp-pagenavi .nextpostslink:focus::before,
.wp-pagenavi .previouspostslink:hover::before,
.wp-pagenavi .previouspostslink:focus::before {
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
}
.wp-pagenavi .previouspostslink::before {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.wp-pagenavi .nextpostslink::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.p-pagenation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
margin: 0 0 80px;
}
@media only screen and (min-width: 769px), print {
.p-pagenation {
margin: 0 0 160px;
}
}
.p-pagenation > a {
display: block;
border: 1px solid #d9d9d9;
border-radius: 4px;
width: 100%;
padding: 20px;
text-decoration: none;
}
@media only screen and (min-width: 769px), print {
.p-pagenation > a {
width: calc((100% - 16px) / 2);
}
}
.p-pagenation > a span.ruby {
color: #072861;
display: block;
font-size: 0.875rem;
font-weight: bold;
letter-spacing: 1em;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 8px;
}
.p-pagenation > a span.title {
color: #222222;
font-size: 1rem;
}
.p-pagenation > a.p-pagenation__next span.ruby {
margin: 0 0 8px auto;
}  .p-lnav li {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.p-lnav a {
display: block;
margin: 0.2em 0 0 0;
padding: 1em 0;
color: #ffffff;
text-decoration: none;
}
@media only screen and (min-width: 769px), print {
.p-lnav {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, auto));
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px 0;
}
.p-lnav li {
margin-left: -1px;
border-bottom: 0;
border-left: 1px solid #485B7B;
border-right: 1px solid #485B7B;
}
.p-lnav a {
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;
margin: 0;
padding: 0.5em 1em;
height: 100%;
text-align: center;
}
}
@media only screen and (min-width: 1100px), print {
.p-lnav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}  .p-map {
position: relative;
}
.p-map::before {
content: "";
display: block;
padding-top: 56.25%;
}
.p-map iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.p-map--aspect4-3::before {
padding-top: 75%;
}
.p-map--aspect3-1::before {
padding-top: 33.3333333333%;
}
.p-map--aspect2-1::before {
padding-top: 50%;
}
.p-map--aspect1-1::before {
padding-top: 100%;
}  .p-search {
background: #ffffff;
border-top: 1px solid #d9d9d9;
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
padding: 20px 0;
width: 100%;
position: fixed;
top: 110px;
left: 0;
z-index: 99999;
-webkit-transition: top 0.3s;
transition: top 0.3s;
display: none;
}
.p-search.scrl {
top: 60px;
}
.p-search form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 540px;
margin: 0 auto;
}
.p-search form input {
background: #f5f5f5;
border: 1px solid #d9d9d9;
border-radius: 4px 0 0 4px;
width: calc(100% - 72px);
padding: 0 1em;
}
.p-search form button {
background: #0091E1;
border-radius: 0 4px 4px 0;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
width: 72px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-search form button span {
color: #f5f5f5;
font-size: 1rem;
font-weight: bold;
}
.l-search {
background: #D8E9F3;
padding: 20px 0;
width: 100%;
margin: -20px 0 50px;
}
@media only screen and (min-width: 769px), print {
.l-search {
padding: 50px 0;
margin: -40px 0 100px;
}
}
.l-search form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 700px;
margin: 0 auto;
}
.l-search form input {
background: #f5f5f5;
border: 1px solid #d9d9d9;
border-radius: 4px 0 0 4px;
width: calc(100% - 80px);
padding: 0 0.5em;
}
@media only screen and (min-width: 769px), print {
.l-search form input {
width: calc(100% - 110px);
padding: 0 1em;
}
}
.l-search form button {
background: #0091E1;
border-radius: 0 4px 4px 0;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
width: 80px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 769px), print {
.l-search form button {
width: 110px;
height: 60px;
}
}
.l-search form button span {
color: #f5f5f5;
font-size: 1rem;
line-height: 1;
font-weight: bold;
position: relative;
padding: 1px 20px 0 0;
}
@media only screen and (min-width: 769px), print {
.l-search form button span {
font-size: 1.25rem;
padding: 1px 30px 0 0;
}
}
.l-search form button span:before {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_search_w.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 49%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 769px), print {
.l-search form button span:before {
width: 20px;
height: 20px;
}
}  .p-index { }
.p-index__slider {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/index/bg_slider_sp.png) no-repeat center center;
background-size: cover;
margin: 0 0 50px;
}
@media only screen and (min-width: 769px), print {
.p-index__slider {
margin: 0 0 80px;
}
}
.p-index__slider--main {
padding: 10px 20px 10px 20px;
padding: 10px max(10px, 4%);
}
@media only screen and (min-width: 769px), print {
.p-index__slider--main {
margin: 0 auto;
padding: 20px 0;
}
}
@media only screen and (min-width: 960px), print {
.p-index__slider--main {
padding: 20px 0;
}
}
.p-index__slider--main .slick-slide {
opacity: 0.3;
}
.p-index__slider--main .slick-slide.slick-current {
opacity: 1;
}
.p-index__slider--thumb {
background: #29579a;
padding: 0;
position: relative;
}
.p-index__slider--thumb:before {
background: rgba(0, 0, 0, 0.2);
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.p-index__slider--thumb .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
padding: 8px;
width: 100% !important;
-webkit-transform: none !important;
transform: none !important;
}
@media only screen and (min-width: 601px), print {
.p-index__slider--thumb .slick-track {
gap: 12px;
padding: 12px;
}
}
@media only screen and (min-width: 960px), print {
.p-index__slider--thumb .slick-track {
width: 960px !important;
margin: 0 auto;
}
}
.p-index__slider--thumb .slick-track .slick-slide {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.p-index__slider--thumb .slick-track .slick-slide:hover {
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.p-index__slider--thumb .slick-track .slick-current {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
@media only screen and (min-width: 601px), print {
.p-index__slider--thumb .slick-track .slick-current {
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
}
@media only screen and (min-width: 769px), print {
.p-index__slider--item {
display: block !important;
}
}
@media only screen and (min-width: 769px), print {
.p-index__slider--item .mediabox {
padding: 0 min(6%, 100px);
}
}
@media only screen and (min-width: 1100px), print {
.p-index__slider--item .mediabox {
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;
}
}
.p-index__slider--item .mediabox .media-wrap {
border-radius: 4px;
overflow: hidden;
margin: 0 0 10px;
}
@media only screen and (min-width: 1100px), print {
.p-index__slider--item .mediabox .media-wrap {
width: calc(100% - 328px);
margin: 0;
}
}
.p-index__slider--item .mediabox .media-wrap a {
display: block;
width: 100%;
height: 100%;
}
.p-index__slider--item .mediabox .media-wrap a picture img {
display: block;
width: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) {
.p-index__slider--item .mediabox .media-wrap a:hover picture img, .p-index__slider--item .mediabox .media-wrap a:focus picture img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media only screen and (min-width: 1100px), print {
.p-index__slider--item .mediabox .text-wrap {
width: 328px;
padding: 32px;
}
}
.p-index__slider--item .mediabox .text-wrap .category {
color: #6ACAFF;
display: block;
font-size: 0.875rem;
font-weight: bold;
margin: 0 0 6px;
}
@media only screen and (min-width: 769px), print {
.p-index__slider--item .mediabox .text-wrap .category {
font-size: 1.125rem;
}
}
.p-index__slider--item .mediabox .text-wrap .ttl {
color: #ffffff;
font-size: 1.125rem;
font-weight: bold;
margin: 0 0 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
@media only screen and (min-width: 769px), print {
.p-index__slider--item .mediabox .text-wrap .ttl {
font-size: 2rem;
}
}
.p-index__slider--item .mediabox .text-wrap a {
height: 40px;
}
.p-index__slider--thumbnail {
border: 1px solid #ffffff;
border-radius: 2px;
cursor: pointer;
display: block !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.p-index__new {
margin: 0 0 60px;
}
@media only screen and (min-width: 769px), print {
.p-index__new .c-button {
margin: 0 auto;
}
}
.p-index__event {
margin: 0 0 60px;
}
@media only screen and (min-width: 769px), print {
.p-index__event .c-button {
margin: 0 auto;
}
}
.p-index__banner a {
display: block;
margin: 0 0 20px;
}
@media only screen and (min-width: 769px), print {
.p-index__banner a {
margin: 0 0 40px;
}
}
.p-index__banner a:last-of-type {
margin: 0;
}  .p-side__banner {
margin: 0 0 60px;
}
.p-side__banner--item {
margin: 0 0 16px;
}
.p-side__banner--item:last-child {
margin: 0;
}
.p-side__banner--item a {
display: block;
}
.p-side__banner--item a img {
width: 100%;
}
.p-side__ranking {
margin: 0 0 60px;
}
.p-side__ranking .p-rankinglist--item {
margin: 0 0 24px;
}
.p-side__ranking .p-rankinglist--item:last-child {
margin: 0;
}
.p-side__ranking .p-rankinglist--item:first-child .c-card-basic02 {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-side__ranking .p-rankinglist--item:first-child .c-card__media {
width: 100%;
}
.p-side__ranking .p-rankinglist--item:first-child .c-card__text {
width: 100%;
}
.p-side__ranking .p-rankinglist--item:first-child .c-card__text .ttl {
font-size: 1.25rem;
}
.p-side__ranking .p-rankinglist--item .c-card-basic02 {
gap: 8px;
}
.p-side__ranking .p-rankinglist--item .c-card__media {
width: 120px;
}
@media only screen and (min-width: 769px), print {
.p-side__ranking .p-rankinglist--item .c-card__media {
width: 100px;
}
}
.p-side__ranking .p-rankinglist--item .c-card__media img {
width: 100%;
}
.p-side__ranking .p-rankinglist--item .c-card__text {
width: calc(100% - 128px);
}
@media only screen and (min-width: 769px), print {
.p-side__ranking .p-rankinglist--item .c-card__text {
width: calc(100% - 108px);
}
}
.p-side__ranking .p-rankinglist--item .c-card__text .ttl {
font-size: 0.875rem;
}
.p-side__category {
margin: 0 0 60px;
}
.p-side__category .c-categorylist--item {
position: relative;
padding: 0 0 0 1em;
margin: 0 0 8px;
}
.p-side__category .c-categorylist--item:last-child {
margin: 0;
}
.p-side__category .c-categorylist--item:before {
background: #222222;
content: "";
display: block;
position: absolute;
width: 6px;
height: 1px;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.p-side__category .c-categorylist--item a {
color: #222222;
font-size: 1.125rem;
font-weight: normal;
text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
.p-side__category .c-categorylist--item a:hover, .p-side__category .c-categorylist--item a:focus {
color: #29579a;
}
}
.p-side__tag {
margin: 0 0 60px;
}
.p-side__sns iframe {
width: 100% !important;
height: 500px !important;
}
.p-side__sns .fb_iframe_widget,
.p-side__sns .fb_iframe_widget span,
.p-side__sns .fb_iframe_widget iframe[style] {
width: 100% !important;
}  .p-our { background: #D8E9F3 url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/obj_our_bg.png) no-repeat top right;
background-size: 200px;
padding: 0 0 30px;
}
@media only screen and (min-width: 769px), print {
.p-our {
background-size: inherit;
}
}
.p-our .l-inner > .c-title-basic01 {
position: relative;
top: -20px;
}
@media only screen and (min-width: 769px), print {
.p-our .l-inner > .c-title-basic01 {
top: -36px;
}
}
.p-our .l-inner > .c-title-basic01 .ruby {
font-size: 1rem;
}
@media only screen and (min-width: 769px), print {
.p-our .l-inner > .c-title-basic01 .ruby {
font-size: 2rem;
}
}
@media only screen and (min-width: 1100px), print {
.p-our__panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
}
.p-our__panel--item {
background: #ffffff;
-webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.25);
border-radius: 4px;
margin: 0 0 30px;
padding: 30px 20px;
position: relative;
}
@media only screen and (min-width: 1100px), print {
.p-our__panel--item {
width: calc((100% - 40px) / 2);
margin: 0;
padding: 60px 60px 50px;
}
}
.p-our__panel--item:last-child {
margin: 0;
}
.p-our__panel--item.is-document:before {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/obj_our_01.png) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 76px;
height: 102px;
position: absolute;
top: -20px;
right: 20px;
}
@media only screen and (min-width: 769px), print {
.p-our__panel--item.is-document:before {
width: 106px;
height: 142px;
top: -17px;
right: 4%;
}
}
.p-our__panel--item.is-product:before {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/obj_our_02.png) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 130px;
height: 110px;
position: absolute;
top: -20px;
right: -4px;
}
@media only screen and (min-width: 769px), print {
.p-our__panel--item.is-product:before {
width: 186px;
height: 157px;
top: -33px;
right: 3%;
}
}
.p-our__panel--item h3 {
font-size: 1.375rem;
}
@media only screen and (min-width: 769px), print {
.p-our__panel--item h3 {
font-size: 1.75rem;
}
}
.p-our__panel--item p {
font-size: 1rem;
margin: 0 0 20px;
}  .p-eventlist {
margin: 0 0 30px;
}
@media only screen and (min-width: 769px), print {
.p-eventlist {
margin: 0 0 40px;
}
}
.p-eventlist--item {
margin: 0 0 20px;
}
@media only screen and (min-width: 769px), print {
.p-eventlist--item {
margin: 0 0 40px;
}
}
.p-eventlist--item:last-child {
margin: 0;
}  .p-newlist {
margin: 0 0 40px;
}
@media only screen and (min-width: 1100px), print {
.p-newlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
}
.p-newlist--item {
margin: 0 0 40px;
}
@media only screen and (min-width: 1100px), print {
.p-newlist--item {
margin: 0;
width: calc((100% - 40px) / 2);
}
}
.p-newlist--item:last-child {
margin: 0;
}  .p-floating {
display: none;
background: #0091E1;
-webkit-box-shadow: inset 1px 1px 0px 0px rgba(216, 233, 243, 0.5);
box-shadow: inset 1px 1px 0px 0px rgba(216, 233, 243, 0.5);
position: fixed;
bottom: 0;
left: 2px;
width: calc(100% - 48px);
}
@media only screen and (min-width: 769px), print {
.p-floating {
background: #ffffff;
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
width: 208px;
height: 123px;
bottom: 77px;
left: inherit;
right: 32px;
}
}
@media only screen and (min-width: 769px), print {
.p-floating button {
background: none;
cursor: pointer;
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
padding: 0;
}
}
.p-floating a {
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;
text-decoration: none;
height: 45px;
width: 100%;
}
@media only screen and (min-width: 769px), print {
.p-floating a {
background: #0091E1;
width: 100%;
height: 100%;
}
}
.p-floating a span {
display: block;
color: #ffffff;
font-size: 0.8125rem;
font-weight: bold;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 26px 0 64px;
}
@media only screen and (min-width: 769px), print {
.p-floating a span {
font-size: 1rem;
padding: 0 26px 0 0;
}
}
.p-floating a span:before {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/obj_floating_pc.png) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 58px;
height: 46px;
position: absolute;
bottom: -4px;
left: 0;
}
@media only screen and (min-width: 769px), print {
.p-floating a span:before {
width: 86px;
height: 66px;
bottom: inherit;
top: -68px;
left: -10px;
}
}
.p-floating a span:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat;
background-size: 100%;
content: "";
display: block;
width: 16px;
height: 15px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 769px), print {
.p-floating a span:after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_download.svg) no-repeat;
background-size: 100%;
width: 20px;
height: 17px;
}
}  .p-author {
border: 1px solid #d9d9d9;
border-radius: 4px;
padding: 24px;
margin: 0 0 30px;
}
@media only screen and (min-width: 769px), print {
.p-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin: 0 0 60px;
}
}
.p-author__media {
width: 110px;
margin: 0 auto 16px;
}
@media only screen and (min-width: 769px), print {
.p-author__media {
margin: 0;
}
}
@media only screen and (min-width: 769px), print {
.p-author__text {
width: calc(100% - 126px);
}
}
.p-author__text p {
font-size: 1rem;
}
.p-author__title {
font-size: 1.25rem;
font-weight: bold;
margin: 0 0 8px;
}  .p-kv {
margin: 0 0 50px;
}
@media only screen and (min-width: 769px), print {
.p-kv {
margin: 0 0 100px;
}
}
.p-kv h1 {
font-size: 2rem;
font-weight: bold;
line-height: normal;
margin: 0 0 24px;
}
@media only screen and (min-width: 769px), print {
.p-kv h1 {
font-size: 2.5rem;
}
}
.p-kv__category {
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 8px;
}
@media only screen and (min-width: 769px), print {
.p-kv__category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.p-kv__category--title {
display: block;
color: #29579a;
font-size: 1.125rem;
font-weight: bold;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 0 10px;
}
@media only screen and (min-width: 769px), print {
.p-kv__category--title {
margin: 0;
}
}
.p-kv__category .c-taglist {
position: relative;
}
@media only screen and (min-width: 769px), print {
.p-kv__category .c-taglist {
padding: 0 0 0 1em;
margin: 0 0 0 1em;
}
}
@media only screen and (min-width: 769px), print {
.p-kv__category .c-taglist:before {
background: #222222;
content: "";
display: block;
width: 1px;
height: 70%;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.p-kv__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 24px;
}
.p-kv__date > div span {
font-size: 1.125rem;
}
.p-kv__date > div .datetime {
font-size: 1.125rem;
}
.p-kv__date--release {
position: relative;
padding: 0 1em 0 0;
margin: 0 1em 0 0;
}
.p-kv__date--release:after {
background: #222222;
content: "";
display: block;
width: 1px;
height: 60%;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.p-kv__media {
border-radius: 4px;
overflow: hidden;
} .p-listpagetitle {
background: rgba(216, 233, 243, 0.5);
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;
gap: 12px;
padding: 1em 1em 1em calc(5px + 1em);
margin: 0 0 30px;
position: relative;
}
.p-listpagetitle:before {
background: rgb(41, 87, 154);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(41, 87, 154)), to(rgb(87, 184, 255)));
background: linear-gradient(180deg, rgb(41, 87, 154) 0%, rgb(87, 184, 255) 100%);
content: "";
display: block;
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 769px), print {
.p-listpagetitle:before {
width: 10px;
}
}
@media only screen and (min-width: 769px), print {
.p-listpagetitle {
gap: 24px;
padding: 40px 50px;
margin: 0 0 60px;
}
}
.p-listpagetitle h1 {
color: #29579a;
font-size: 1.25rem;
font-weight: bold;
}
@media only screen and (min-width: 769px), print {
.p-listpagetitle h1 {
font-size: 2rem;
}
}
.p-listpagetitle p {
font-size: 0.75rem;
line-height: 1.75;
margin: 0;
}
@media only screen and (min-width: 769px), print {
.p-listpagetitle p {
font-size: 1rem;
}
} .p-pagetitle {
margin: 0 0 12px;
}
@media only screen and (min-width: 769px), print {
.p-pagetitle {
margin: 0 0 24px;
}
}
.p-pagetitle h1 {
font-size: 1.75rem;
font-weight: bold;
margin: 0 0 24px;
line-height: 1.75;
}
@media only screen and (min-width: 769px), print {
.p-pagetitle h1 {
font-size: 2.25rem;
}
}
.p-pagetitle__category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 8px;
}
.p-pagetitle__category--title {
color: #29579a;
font-size: 1.125rem;
font-weight: bold;
position: relative;
padding: 0 1em 0 0;
margin: 0 1em 0 0;
}
.p-pagetitle__category--title:after {
background: #222222;
content: "";
display: block;
width: 1px;
height: 70%;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.p-pagetitle__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 24px;
}
.p-pagetitle__date > div span {
font-size: 1.125rem;
}
.p-pagetitle__date > div .datetime {
font-size: 1.125rem;
}
.p-pagetitle__date--release {
position: relative;
padding: 0 1em 0 0;
margin: 0 1em 0 0;
}
.p-pagetitle__date--release:after {
background: #222222;
content: "";
display: block;
width: 1px;
height: 60%;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}  #toc_container {
border: 1px solid #d9d9d9;
border-radius: 4px;
margin: 0 0 30px;
padding: 16px;
}
@media only screen and (min-width: 769px), print {
#toc_container {
margin: 0 0 60px;
padding: 32px 40px;
}
}
#toc_container .toc_title {
display: block;
font-size: 1.125rem;
font-weight: bold;
margin: 0 0 8px;
}
#toc_container .toc_list li {
margin: 0 0 16px;
}
#toc_container .toc_list li:last-child {
margin: 0;
}
#toc_container .toc_list li a {
text-decoration: none;
font-size: 1.125rem;
}
#toc_container .toc_list li > ul > li {
position: relative;
padding: 0 0 0 1em;
margin: 16px 0 16px 1em;
}
#toc_container .toc_list li > ul > li:last-child {
margin: 16px 0 0 1em;
}
#toc_container .toc_list li > ul > li:before {
background: #222222;
content: "";
display: block;
position: absolute;
width: 6px;
height: 1px;
top: 1.05em;
left: 0;
}
#toc_container .toc_list li > ul > li > ul > li {
margin: 16px 0 16px 1em;
}
.p-toc {
border: 1px solid #d9d9d9;
border-radius: 4px;
margin: 0 0 30px;
padding: 16px;
}
@media only screen and (min-width: 769px), print {
.p-toc {
margin: 0 0 60px;
padding: 32px 40px;
}
}
.p-toc .wp-block-heading {
font-size: 1.125rem !important;
padding: 0 !important;
margin: 0 !important;
}
.p-toc .wp-block-heading:before {
content: none !important;
}
.p-toc .wp-block-heading:after {
content: none !important;
}
.p-toc ul li {
font-size: 1.125rem;
margin: 0.5em 0;
}
.p-toc ul li:last-child {
margin: 0;
}
.p-toc ul li ul li {
position: relative;
padding: 0 0 0 1em;
margin: 0.5em 0 0.5em 1em;
}
.p-toc ul li ul li:last-child {
margin: 0 0 0 1em;
}
.p-toc ul li ul li:before {
background: #222222;
content: "";
display: block;
position: absolute;
width: 6px;
height: 1px;
top: 0.9em;
left: 0;
}  .p-introduction {
border: 1px solid #d9d9d9;
border-radius: 4px;
margin: 0 0 30px;
padding: 16px;
}
@media only screen and (min-width: 769px), print {
.p-introduction {
margin: 0 0 60px;
padding: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 16px;
}
}
.p-introduction__title {
display: block;
font-size: 1.125rem;
font-weight: bold;
margin: 0 0 16px;
}
.p-introduction__media {
width: 100%;
margin: 0 0 16px;
}
@media only screen and (min-width: 769px), print {
.p-introduction__media {
width: 296px;
}
}
@media only screen and (min-width: 769px), print {
.p-introduction__text {
width: calc(100% - 312px);
}
}
.p-introduction__text p {
font-size: 1rem;
margin: 0;
}  .p-pagebottom {
margin: 60px 0 0;
}
@media only screen and (min-width: 769px), print {
.p-pagebottom {
margin: 120px 0 0;
}
}
.p-pagebottomlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
.p-pagebottomlist--item {
width: 100%;
}
@media only screen and (min-width: 769px), print {
.p-pagebottomlist--item {
width: calc((100% - 72px) / 4);
}
}  .p-lowerlist {
margin: 0 0 40px;
}
@media only screen and (min-width: 1100px), print {
.p-lowerlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
}
.p-lowerlist--item {
margin: 0 0 40px;
}
@media only screen and (min-width: 1100px), print {
.p-lowerlist--item {
margin: 0;
width: calc((100% - 40px) / 2);
}
}
.p-lowerlist--item:last-child {
margin: 0;
}  .p-notfound figure {
text-align: center;
margin: 30px auto;
max-width: 160px;
}
@media only screen and (min-width: 769px), print {
.p-notfound figure {
margin: 0 0 50px;
max-width: inherit;
}
}
.p-notfound h1 {
font-size: 1.875rem;
font-weight: bold;
text-align: center;
margin: 0 0 30px;
}
@media only screen and (min-width: 769px), print {
.p-notfound h1 {
font-size: 2.5rem;
margin: 0 0 50px;
}
}
.p-notfound p {
font-size: 1rem;
line-height: 2;
text-align: center;
margin: 0;
}
@media only screen and (min-width: 769px), print {
.p-notfound p {
font-size: 1.25rem;
}
}  .p-contact h1 {
font-size: 1.875rem;
font-weight: bold;
}
@media only screen and (min-width: 769px), print {
.p-contact h1 {
font-size: 2.5rem;
margin: 0 0 50px;
}
}
.p-contact p {
font-size: 1rem;
line-height: 2;
}
@media only screen and (min-width: 769px), print {
.p-contact p {
font-size: 1.125rem;
}
} .p-form {
margin-bottom: 40px;
padding: 16px 16px 30px 16px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #D9D9D9;
background-color: #F5F5F5;
}
@media only screen and (min-width: 769px), print {
.p-form {
padding: 60px 100px;
}
}
@media only screen and (min-width: 769px), print {
.p-form.--contact.--col2 {
width: 48%;
padding: 16px 36px;
}
}
.p-form.--contact-thanks, .p-form.--ebook-thanks {
padding: 0;
border-width: 0;
background-color: #ffffff;
}
.p-form.--contact-thanks h1.wp-block-heading, .p-form.--ebook-thanks h1.wp-block-heading {
margin-bottom: 30px;
padding-top: 30px;
font-size: 1.875rem;
}
@media only screen and (min-width: 769px), print {
.p-form.--contact-thanks h1.wp-block-heading, .p-form.--ebook-thanks h1.wp-block-heading {
margin-bottom: 50px;
padding-top: 60px;
font-size: 2.5rem;
}
}
.p-form.--contact-thanks p, .p-form.--ebook-thanks p {
font-size: 1rem;
}
@media only screen and (min-width: 769px), print {
.p-form.--contact-thanks p, .p-form.--ebook-thanks p {
font-size: 1.25rem;
}
}
.p-form-area__box {
margin-bottom: 30px;
}
.p-form-area__title {
position: relative;
margin-bottom: 6px;
}
.p-form-area__title > p {
margin: 0;
}
.p-form-area__title > p > label {
padding-left: 56px;
}
.p-form-area__title::after {
position: absolute;
top: 6px;
left: 0;
display: inline-block;
padding: 5px 10px 5px 10px;
border-radius: 3px;
color: #ffffff;
font-size: 0.8rem;
font-weight: 600;
line-height: 1;
text-align: center;
vertical-align: middle;
background: #29579A;
content: "必須";
}
.p-form-area__title.is-any::after {
position: absolute;
top: 6px;
left: 0;
display: inline-block;
padding: 5px 10px 5px 10px;
border-radius: 3px;
color: #ffffff;
font-size: 0.8rem;
font-weight: 600;
line-height: 1;
text-align: center;
vertical-align: middle;
background: #6F6F6F;
content: "任意";
} .p-apply-link {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
max-width: 327px;
margin: 0 auto 40px;
border-radius: 0 0 4px 4px;
text-decoration: none;
-webkit-box-shadow: 0 3px 0 rgb(175, 36, 35);
box-shadow: 0 3px 0 rgb(175, 36, 35);
}
.p-apply-link:hover, .p-apply-link:focus {
opacity: 1;
}
.p-apply-link__text {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
padding: 24px 16px;
border-width: 0;
border-radius: 4px;
color: #ffffff;
font-size: 1.2em;
font-weight: 600;
text-align: center;
letter-spacing: -0.04em;
background-color: #EF6262;
-webkit-box-shadow: none;
box-shadow: none;
}
.p-apply-link__text:after {
position: absolute;
top: 50%;
right: 16px;
width: 8px;
height: 8px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #ffffff;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
}
.p-apply-link__text:hover, .p-apply-link__text:focus {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}  .p-form {                    }
.p-form .is-zip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-form .is-zip > div {
width: calc(30% - 1em);
}
.p-form .is-zip > div + div {
width: 40%;
}
.p-form .is-tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.p-form .is-tel > div {
width: calc(30% - 1em);
}
.p-form .is-name > p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1em;
}
.p-form .is-name > p > span {
display: block;
width: calc(50% - 1em);
}
.p-form input[type=submit],
.p-form input[type=button] {
border: none;
border-radius: 0;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.p-form input[type=submit]::-webkit-search-decoration,
.p-form input[type=button]::-webkit-search-decoration {
display: none;
}
.p-form input[type=submit]::focus,
.p-form input[type=button]::focus {
outline-offset: -2px;
}
.p-form legend {
display: block;
width: 100%;
margin: 0 0 4% 0;
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1rem;
text-align: center;
}
.p-form fieldset > p {
margin: 0 0 4% 0;
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.p-form label {
font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1rem;
cursor: pointer;
}
.p-form input[type=text],
.p-form input[type=number],
.p-form input[type=tel],
.p-form input[type=email],
.p-form input[type=url],
.p-form input[type=date],
.p-form input[type=search],
.p-form textarea {
width: 100%;
padding: 10px 10px 12px 10px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #d9d9d9;
border-radius: 4px;
color: #222222;
font-size: 1rem;
background-color: #ffffff;
}
.p-form input[type=number].zip01 {
width: calc(100% - 1em);
}
.p-form input[type=number].zip01 + .example01 {
width: calc(100% - 1em);
}
.p-form input[type=tel].tel {
width: calc(100% - 1em);
}
.p-form input[type=tel].tel + .example01 {
width: calc(100% - 1em);
}
.p-form input[type=text].age {
width: 50%;
margin: 0 4% 0 0;
}
.p-form input[type=number].shop {
width: calc(100% - 3.5em);
margin: 0 4% 0 0;
}
.p-form select {
width: 100%;
padding: 10px 10px 12px 10px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #d9d9d9;
border-radius: 4px;
color: #222222;
font-size: 1rem;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.p-form .--select > p .wpcf7-form-control-wrap {
position: relative;
}
.p-form .--select > p .wpcf7-form-control-wrap::after {
position: absolute;
top: 10px;
right: 16px;
display: block;
width: 12px;
height: 12px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #000000;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
}
.p-form input[type=number]::-webkit-outer-spin-button,
.p-form input[type=number]::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.p-form input[type=number] {
-moz-appearance: textfield;
}
.p-form input:required,
.p-form textarea:required {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #cccccc;
background: #ffffff;
}
.p-form input:required:invalid,
.p-form textarea:required:invalid {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #cc0000;
background: #cc0000;
}
.p-form input:focus,
.p-form select:focus,
.p-form textarea:focus {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #8d8d8d;
}
.p-form input:required:invalid:focus,
.p-form textarea:required:invalid:focus {
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #8d8d8d;
background: #ffffff;
}
.p-form ::-webkit-input-placeholder {
color: #8d8d8d;
}
.p-form :-moz-placeholder {
opacity: 1;
color: #8d8d8d;
}
.p-form ::-moz-placeholder {
opacity: 1;
color: #8d8d8d;
}
.p-form :-ms-input-placeholder {
color: #8d8d8d;
}
.p-form .--radio .wpcf7-list-item,
.p-form .--checkbox .wpcf7-list-item {
display: block;
margin: 0 0 8px 0;
}
.p-form .--radio.--short .wpcf7-list-item,
.p-form .--checkbox.--short .wpcf7-list-item {
display: inline-block;
margin-right: 24px;
}
.p-form .--radio label > input[type=radio],
.p-form .--checkbox label > input[type=checkbox] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.p-form .--radio label > .wpcf7-list-item-label,
.p-form .--checkbox label > .wpcf7-list-item-label {
position: relative;
padding: 5px 0 5px 30px;
border-radius: 4px;
cursor: pointer;
}
.p-form .--radio label > input[type=radio]:focus + .wpcf7-list-item-label,
.p-form .--checkbox label > input[type=checkbox]:focus + .wpcf7-list-item-label {
outline: 2px solid #0475FF;
outline-offset: 2px;
}
.p-form .--radio label > input[type=radio]:checked + .wpcf7-list-item-label::after,
.p-form .--checkbox label > input[type=checkbox]:checked + .wpcf7-list-item-label::after {
opacity: 1;
}
.p-form .--radio label > input[type=radio]:focus,
.p-form .--checkbox label > input[type=checkbox]:focus {
outline: revert;
}
.p-form .--radio label > .wpcf7-list-item-label::before {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 24px;
height: 24px;
border: 1px solid #777;
border-radius: 50%;
background-color: #ffffff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.p-form .--radio label > .wpcf7-list-item-label::after {
position: absolute;
top: 50%;
left: 6px;
display: block;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #126BED;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
content: "";
}
.p-form .--radio label > input[type=radio]:checked + .wpcf7-list-item-label::after {
opacity: 1;
}
.p-form .--checkbox label > .wpcf7-list-item-label::before {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 24px;
height: 24px;
border: 1px solid #777;
border-radius: 8px;
background-color: #ffffff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.p-form .--checkbox label > .wpcf7-list-item-label::after {
position: absolute;
top: 50%;
left: -1px;
display: block;
width: 8px;
height: 16px;
border-right: 2px solid #126BED;
border-bottom: 2px solid #126BED;
-webkit-transform: rotate(45deg) translateY(-80%);
transform: rotate(45deg) translateY(-80%);
opacity: 0;
content: "";
}
.p-form .--checkbox label > input[type=checkbox]:checked + .wpcf7-list-item-label::after {
opacity: 1;
}
.p-form input[type=text].wpcf7-not-valid,
.p-form input[type=number].wpcf7-not-valid,
.p-form input[type=tel].wpcf7-not-valid,
.p-form input[type=email].wpcf7-not-valid,
.p-form input[type=url].wpcf7-not-valid,
.p-form input[type=date].wpcf7-not-valid,
.p-form textarea.wpcf7-not-valid.is-error {
border: 1px solid #cc0000;
background: rgba(255, 0, 0, 0.1);
}
.p-form .wpcf7-not-valid-tip {
color: #cc0000;
font-size: 1rem;
font-weight: bold;
}
.p-form .p_formsubmit__button {
position: relative;
width: 80%;
max-width: 320px;
margin: 0 auto;
}
@media only screen and (min-width: 769px), print {
.p-form .p_formsubmit__button {
max-width: 640px;
}
}
.p-form .p_formsubmit__button .wpcf7-spinner {
position: absolute;
top: 50%;
right: 16px;
z-index: 3;
margin: 0;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #ffffff;
border-radius: 50%;
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.p-form .p_formsubmit__button::after {
position: absolute;
top: 50%;
right: 16px;
z-index: 2;
display: inline-block;
width: 19px;
height: 17px;
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_w.svg) no-repeat 0 0;
background-size: cover;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
}
.p-form .p_formsubmit__button p {
margin-bottom: 0;
}
.p-form .p_formsubmit__button input[type=submit] {
display: block;
width: 100%;
margin: 0 auto;
padding: 24px 16px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #000000;
border-radius: 4px;
color: #ffffff;
font-size: 1rem;
font-weight: 600;
line-height: 1;
background-color: #000000;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.p-form .p_formsubmit__button:hover::after, .p-form .p_formsubmit__button:focus-visible::after {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_arrow_b.svg) no-repeat 0 0;
background-size: cover;
}
.p-form .p_formsubmit__button:hover input[type=submit], .p-form .p_formsubmit__button:focus-visible input[type=submit] {
color: #000000;
background-color: #ffffff;
}
.p-form .p_formsubmit__text {
font-size: 0.88rem;
}
.p-form form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.p-form form.sent .wpcf7-response-output {
display: none;
}
.p-form form.invalid .wpcf7-response-output {
width: 80%;
max-width: 640px;
margin: -0.5em auto 0;
padding: 0;
border-width: 0;
color: #cc0000;
font-size: 1rem;
font-weight: bold;
text-align: left;
}  .p-sitemap h1 {
font-size: 1.875rem;
font-weight: bold;
margin: 0 0 30px;
}
@media only screen and (min-width: 769px), print {
.p-sitemap h1 {
font-size: 2.5rem;
margin: 0 0 50px;
}
}
.p-sitemap p {
font-size: 1rem;
line-height: 2;
}
@media only screen and (min-width: 769px), print {
.p-sitemap p {
font-size: 1.125rem;
}
}
.p-sitemaplist {
margin: 0 0 40px;
}
.p-sitemaplist:last-child {
margin: 0;
}
.p-sitemaplist--item > a {
font-size: 1.125rem;
font-weight: bold;
position: relative;
padding: 0 0 0 20px;
text-decoration: none;
}
@media only screen and (min-width: 769px), print {
.p-sitemaplist--item > a {
font-size: 1.25rem;
}
}
.p-sitemaplist--item > a:before {
content: "";
width: 8px;
height: 8px;
border-top: solid 1px #222222;
border-right: solid 1px #222222;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
@media (hover: hover) and (pointer: fine) {
.p-sitemaplist--item > a:hover, .p-sitemaplist--item > a:focus {
color: #126BED;
text-decoration: underline;
}
}
.p-sitemaplist--item > ul {
margin: 30px 0 30px 1.5em !important;
}
.p-sitemaplist--item > ul li a {
text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
.p-sitemaplist--item > ul li a:hover, .p-sitemaplist--item > ul li a:focus {
color: #126BED;
text-decoration: underline;
}
}   .grecaptcha-badge {
visibility: hidden;
} a {
color: #222222;
text-decoration: underline;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) {
a:hover, a:active, a:focus {
color: #126BED;
text-decoration: none;
}
}
a[target=_blank].u-blank {
position: relative;
display: inline;
padding-right: 1em;
}
a[target=_blank].u-blank::after {
display: inline-block;
content: "\e900";
margin-left: 0.3em; font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .u-fwN {
font-weight: normal;
}
.u-fwB {
font-weight: bold;
}
.u-fzXS {
font-size: 66%;
}
.u-fzSS {
font-size: 75%;
} .u-fzS {
font-size: 88%;
} .u-fzM {
font-size: 100%;
}
.u-fzL {
font-size: 113%;
} .u-fzLL {
font-size: 125%;
} .u-fzLLL {
font-size: 138%;
} sup {
font-size: 75%;
vertical-align: top;
}
sub {
font-size: 75%;
vertical-align: baseline;
}
.u-txtUcase {
text-transform: uppercase;
} .u-youtube,
.u-googlemap {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.u-youtube::before,
.u-googlemap::before {
display: block;
padding-top: 56.25%;
content: "";
}
.u-youtube iframe,
.u-youtube video,
.u-googlemap iframe,
.u-googlemap video {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .u-taL {
text-align: left !important;
}
.u-taC {
text-align: center !important;
}
.u-taR {
text-align: right !important;
}
.u-vaT {
vertical-align: top !important;
}
.u-vaM {
vertical-align: middle !important;
}
.u-vaB {
vertical-align: bottom !important;
}
.u-blockL {
margin-left: 0;
margin-right: auto;
}
.u-blockC {
margin-right: auto;
margin-left: auto;
}
.u-blockR {
margin-left: auto;
margin-right: 0;
}
@media not all and (min-width: 768px) {
.u-taL-sp {
text-align: left !important;
}
.u-taC-sp {
text-align: center !important;
}
.u-taR-sp {
text-align: right !important;
}
.u-vaT-sp {
vertical-align: top !important;
}
.u-vaM-sp {
vertical-align: middle !important;
}
.u-vaB-sp {
vertical-align: bottom !important;
}
.u-blockL-sp {
margin-left: 0;
margin-right: auto;
}
.u-blockC-sp {
margin-right: auto;
margin-left: auto;
}
.u-blockR-sp {
margin-left: auto;
margin-right: 0;
}
}
@media screen and (min-width: 768px) {
.u-taL-pc {
text-align: left !important;
}
.u-taC-pc {
text-align: center !important;
}
.u-taR-pc {
text-align: right !important;
}
.u-vaT-pc {
vertical-align: top !important;
}
.u-vaM-pc {
vertical-align: middle !important;
}
.u-vaB-pc {
vertical-align: bottom !important;
}
.u-blockL-pc {
margin-left: 0;
margin-right: auto;
}
.u-blockC-pc {
margin-right: auto;
margin-left: auto;
}
.u-blockR-pc {
margin-left: auto;
margin-right: 0;
}
} .u-side-over-width {
margin-left: calc(586px - 50vw);
margin-right: calc(586px - 50vw);
}
.u-side-over-width-content {
margin-left: 0 calc(586px - 50vw);
margin-right: 0 calc(586px - 50vw);
padding-left: 0 calc(50vw - 586px);
padding-right: 0 calc(50vw - 586px);
}
.u-over-width,
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.u-over-width--left,
.alignfull--left {
margin-left: calc(50% - 50vw);
}
.u-over-width--right,
.alignfull--right {
margin-right: calc(50% - 50vw);
}
.u-over-width-content,
.alignfull-content {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}
.u-over-width-content--left,
.alignfull-content--left {
margin-left: calc(50% - 50vw);
padding-left: calc(50vw - 50%);
}
.u-over-width-content--right,
.alignfull-content--right {
margin-right: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
}
.u-wide-width,
.alignfull {
margin-left: -20px;
margin-right: -20px;
margin-left: min(-10px, -5.3vw);
margin-right: min(-10px, -5.3vw);
}
@media only screen and (min-width: 769px), print {
.u-wide-width,
.alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - min(50vw, 960px));
margin-right: calc(50% - min(50vw, 960px));
}
}
.u-wide-width-left {
margin-right: 0;
margin-left: -20px;
margin-left: min(-10px, -5.3vw);
}
@media only screen and (min-width: 769px), print {
.u-wide-width-left {
margin-left: calc(50% - 50vw);
margin-left: calc(50% - min(50vw, 960px));
}
}
.u-wide-width-right {
margin-left: 0;
margin-right: -20px;
margin-right: min(-10px, -5.3vw);
}
@media only screen and (min-width: 769px), print {
.u-wide-width-right {
margin-right: calc(50% - 50vw);
margin-right: calc(50% - min(50vw, 960px));
}
}
@media (max-width: 768px) {
.u-over-width--sp {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
}  .u-ib {
display: inline-block;
} .u-sp {
display: block;
}
.u-pc {
display: none;
}
.u-pc-large {
display: none;
} @media only screen and (min-width: 769px), print {
.u-sp {
display: none;
}
.u-pc {
display: block;
}
}
@media only screen and (min-width: 1280px), print {
.u-sp {
display: none;
}
.u-pc-large {
display: block;
}
}  .u-w960 {
width: 960px !important;
}
.u-w800 {
width: 800px !important;
}
.u-w640 {
width: 640px !important;
}
.u-w480 {
width: 480px !important;
}
.u-w320 {
width: 320px !important;
}
.u-w160 {
width: 160px !important;
}
.u-wHalf {
width: 48% !important;
}
.u-wTri {
width: 33% !important;
}
.u-wQuart {
width: 24% !important;
}
.u-wFull {
width: 99.9% !important;
}
.u-wMax {
width: 100% !important;
}
.u-w03per {
width: 3% !important;
}
.u-w05per {
width: 5% !important;
}
.u-w10per {
width: 10% !important;
}
.u-w13per {
width: 13% !important;
}
.u-w15per {
width: 15% !important;
}
.u-w20per {
width: 20% !important;
}
.u-w23per {
width: 23% !important;
}
.u-w25per {
width: 25% !important;
}
.u-w30per {
width: 30% !important;
}
.u-w33per {
width: 33% !important;
}
.u-w35per {
width: 35% !important;
}
.u-w40per {
width: 40% !important;
}
.u-w43per {
width: 43% !important;
}
.u-w45per {
width: 45% !important;
}
.u-w50per {
width: 50% !important;
}
.u-w53per {
width: 53% !important;
}
.u-w55per {
width: 55% !important;
}
.u-w60per {
width: 60% !important;
}
.u-w63per {
width: 63% !important;
}
.u-w65per {
width: 65% !important;
}
.u-w70per {
width: 70% !important;
}
.u-w73per {
width: 73% !important;
}
.u-w75per {
width: 75% !important;
}
.u-w80per {
width: 80% !important;
}
.u-w83per {
width: 83% !important;
}
.u-w85per {
width: 85% !important;
}
.u-w90per {
width: 90% !important;
}
.u-w93per {
width: 93% !important;
}
.u-w95per {
width: 95% !important;
} .u-flL {
display: inline;
float: left;
}
.u-flR {
display: inline;
float: right;
}
.u-flImgL {
display: inline;
float: left;
margin-right: 20px;
}
.u-flImgR {
display: inline;
float: right;
margin-left: 20px;
}
.u-ftBox {
overflow: hidden;
*zoom: 1;
} .u-flex-start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.u-flex-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-flex-between > * + * {
margin-left: 1rem;
}
@media not all and (min-width: 768px) {
.u-flex-between--stack-sp > * + * {
margin-top: 1rem;
}
}
@media only screen and (min-width: 769px), print {
.u-flex-between--stack-sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.u-flex-between--stack-sp > * + * {
margin-left: 1rem;
}
}
.u-flex-between-center {
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;
}
.u-flex-between-center > * + * {
margin-left: 1rem;
}
@media not all and (min-width: 768px) {
.u-flex-between-center--stack-sp > * + * {
margin-top: 1rem;
}
}
@media only screen and (min-width: 769px), print {
.u-flex-between-center--stack-sp {
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;
}
.u-flex-between-center--stack-sp > * + * {
margin-left: 1rem;
}
}
.u-flex-center {
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;
}
.u-flex-center > * + * {
margin-left: 1rem;
}
@media not all and (min-width: 768px) {
.u-flex-center--stack-sp > * + * {
margin-top: 1rem;
}
}
@media only screen and (min-width: 769px), print {
.u-flex-center--stack-sp {
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;
}
.u-flex-center--stack-sp > * + * {
margin-left: 1rem;
}
}
.u-flex-shrink0 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.u-flex-grow1 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
} .u-clear {
clear: both;
}
.u-block {
display: block;
}
.u-hide {
display: none;
}
.u-bgN {
background: none !important;
}
.u-tdU {
text-decoration: underline;
}
.u-tdN {
text-decoration: none;
} .over { }
.scroll { } .u-mt00p {
margin-top: 0 !important;
}
.u-mt05p {
margin-top: 0.5% !important;
}
.u-mt10p {
margin-top: 1% !important;
}
.u-mt15p {
margin-top: 1.5% !important;
}
.u-mt20p {
margin-top: 2% !important;
}
.u-mt25p {
margin-top: 2.5% !important;
}
.u-mt30p {
margin-top: 3% !important;
}
.u-mt35p {
margin-top: 3.5% !important;
}
.u-mt40p {
margin-top: 4% !important;
}
.u-mt45p {
margin-top: 4.5% !important;
}
.u-mt50p {
margin-top: 5% !important;
}
.u-mt55p {
margin-top: 5.5% !important;
}
.u-mt60p {
margin-top: 6% !important;
}
.u-mt65p {
margin-top: 6.5% !important;
}
.u-mt70p {
margin-top: 7% !important;
}
.u-mt75p {
margin-top: 7.5% !important;
}
.u-mt80p {
margin-top: 8% !important;
}
.u-mt85p {
margin-top: 8.5% !important;
}
.u-mt90p {
margin-top: 9% !important;
}
.u-mt95p {
margin-top: 9.5% !important;
}
.u-mt100p {
margin-top: 10% !important;
}
.u-mr00p {
margin-right: 0 !important;
}
.u-mr05p {
margin-right: 0.5% !important;
}
.u-mr10p {
margin-right: 1% !important;
}
.u-mr15p {
margin-right: 1.5% !important;
}
.u-mr20p {
margin-right: 2% !important;
}
.u-mr25p {
margin-right: 2.5% !important;
}
.u-mr30p {
margin-right: 3% !important;
}
.u-mr35p {
margin-right: 3.5% !important;
}
.u-mr40p {
margin-right: 4% !important;
}
.u-mr45p {
margin-right: 4.5% !important;
}
.u-mr50p {
margin-right: 5% !important;
}
.u-mr55p {
margin-right: 5.5% !important;
}
.u-mr60p {
margin-right: 6% !important;
}
.u-mr65p {
margin-right: 6.5% !important;
}
.u-mr70p {
margin-right: 7% !important;
}
.u-mr75p {
margin-right: 7.5% !important;
}
.u-mr80p {
margin-right: 8% !important;
}
.u-mr85p {
margin-right: 8.5% !important;
}
.u-mr90p {
margin-right: 9% !important;
}
.u-mr95p {
margin-right: 9.5% !important;
}
.u-mr100p {
margin-right: 10% !important;
}
.u-mb00p {
margin-bottom: 0 !important;
}
.u-mb05p {
margin-bottom: 0.5% !important;
}
.u-mb10p {
margin-bottom: 1% !important;
}
.u-mb15p {
margin-bottom: 1.5% !important;
}
.u-mb20p {
margin-bottom: 2% !important;
}
.u-mb25p {
margin-bottom: 2.5% !important;
}
.u-mb30p {
margin-bottom: 3% !important;
}
.u-mb35p {
margin-bottom: 3.5% !important;
}
.u-mb40p {
margin-bottom: 4% !important;
}
.u-mb45p {
margin-bottom: 4.5% !important;
}
.u-mb50p {
margin-bottom: 5% !important;
}
.u-mb55p {
margin-bottom: 5.5% !important;
}
.u-mb60p {
margin-bottom: 6% !important;
}
.u-mb65p {
margin-bottom: 6.5% !important;
}
.u-mb70p {
margin-bottom: 7% !important;
}
.u-mb75p {
margin-bottom: 7.5% !important;
}
.u-mb80p {
margin-bottom: 8% !important;
}
.u-mb85p {
margin-bottom: 8.5% !important;
}
.u-mb90p {
margin-bottom: 9% !important;
}
.u-mb95p {
margin-bottom: 9.5% !important;
}
.u-mb100p {
margin-bottom: 10% !important;
}
.u-ml00p {
margin-left: 0 !important;
}
.u-ml05p {
margin-left: 0.5% !important;
}
.u-ml10p {
margin-left: 1% !important;
}
.u-ml15p {
margin-left: 1.5% !important;
}
.u-ml20p {
margin-left: 2% !important;
}
.u-ml25p {
margin-left: 2.5% !important;
}
.u-ml30p {
margin-left: 3% !important;
}
.u-ml35p {
margin-left: 3.5% !important;
}
.u-ml40p {
margin-left: 4% !important;
}
.u-ml45p {
margin-left: 4.5% !important;
}
.u-ml50p {
margin-left: 5% !important;
}
.u-ml55p {
margin-left: 5.5% !important;
}
.u-ml60p {
margin-left: 6% !important;
}
.u-ml65p {
margin-left: 6.5% !important;
}
.u-ml70p {
margin-left: 7% !important;
}
.u-ml75p {
margin-left: 7.5% !important;
}
.u-ml80p {
margin-left: 8% !important;
}
.u-ml85p {
margin-left: 8.5% !important;
}
.u-ml90p {
margin-left: 9% !important;
}
.u-ml95p {
margin-left: 9.5% !important;
}
.u-ml100p {
margin-left: 10% !important;
} .u-pt00p {
padding-top: 0 !important;
}
.u-pt05p {
padding-top: 0.5% !important;
}
.u-pt10p {
padding-top: 1% !important;
}
.u-pt15p {
padding-top: 1.5% !important;
}
.u-pt20p {
padding-top: 2% !important;
}
.u-pt25p {
padding-top: 2.5% !important;
}
.u-pt30p {
padding-top: 3% !important;
}
.u-pt35p {
padding-top: 3.5% !important;
}
.u-pt40p {
padding-top: 4% !important;
}
.u-pt45p {
padding-top: 4.5% !important;
}
.u-pt50p {
padding-top: 5% !important;
}
.u-pt55p {
padding-top: 5.5% !important;
}
.u-pt60p {
padding-top: 6% !important;
}
.u-pt65p {
padding-top: 6.5% !important;
}
.u-pt70p {
padding-top: 7% !important;
}
.u-pt75p {
padding-top: 7.5% !important;
}
.u-pt80p {
padding-top: 8% !important;
}
.u-pt85p {
padding-top: 8.5% !important;
}
.u-pt90p {
padding-top: 9% !important;
}
.u-pt95p {
padding-top: 9.5% !important;
}
.u-pt100p {
padding-top: 10% !important;
}
.u-pr00p {
padding-right: 0 !important;
}
.u-pr05p {
padding-right: 0.5% !important;
}
.u-pr10p {
padding-right: 1% !important;
}
.u-pr15p {
padding-right: 1.5% !important;
}
.u-pr20p {
padding-right: 2% !important;
}
.u-pr25p {
padding-right: 2.5% !important;
}
.u-pr30p {
padding-right: 3% !important;
}
.u-pr35p {
padding-right: 3.5% !important;
}
.u-pr40p {
padding-right: 4% !important;
}
.u-pr45p {
padding-right: 4.5% !important;
}
.u-pr50p {
padding-right: 5% !important;
}
.u-pr55p {
padding-right: 5.5% !important;
}
.u-pr60p {
padding-right: 6% !important;
}
.u-pr65p {
padding-right: 6.5% !important;
}
.u-pr70p {
padding-right: 7% !important;
}
.u-pr75p {
padding-right: 7.5% !important;
}
.u-pr80p {
padding-right: 8% !important;
}
.u-pr85p {
padding-right: 8.5% !important;
}
.u-pr90p {
padding-right: 9% !important;
}
.u-pr95p {
padding-right: 9.5% !important;
}
.u-pr100p {
padding-right: 10% !important;
}
.u-pb00p {
padding-bottom: 0 !important;
}
.u-pb05p {
padding-bottom: 0.5% !important;
}
.u-pb10p {
padding-bottom: 1% !important;
}
.u-pb15p {
padding-bottom: 1.5% !important;
}
.u-pb20p {
padding-bottom: 2% !important;
}
.u-pb25p {
padding-bottom: 2.5% !important;
}
.u-pb30p {
padding-bottom: 3% !important;
}
.u-pb35p {
padding-bottom: 3.5% !important;
}
.u-pb40p {
padding-bottom: 4% !important;
}
.u-pb45p {
padding-bottom: 4.5% !important;
}
.u-pb50p {
padding-bottom: 5% !important;
}
.u-pb55p {
padding-bottom: 5.5% !important;
}
.u-pb60p {
padding-bottom: 6% !important;
}
.u-pb65p {
padding-bottom: 6.5% !important;
}
.u-pb70p {
padding-bottom: 7% !important;
}
.u-pb75p {
padding-bottom: 7.5% !important;
}
.u-pb80p {
padding-bottom: 8% !important;
}
.u-pb85p {
padding-bottom: 8.5% !important;
}
.u-pb90p {
padding-bottom: 9% !important;
}
.u-pb95p {
padding-bottom: 9.5% !important;
}
.u-pb100p {
padding-bottom: 10% !important;
}
.u-pl00p {
padding-left: 0 !important;
}
.u-pl05p {
padding-left: 0.5% !important;
}
.u-pl10p {
padding-left: 1% !important;
}
.u-pl15p {
padding-left: 1.5% !important;
}
.u-pl20p {
padding-left: 2% !important;
}
.u-pl25p {
padding-left: 2.5% !important;
}
.u-pl30p {
padding-left: 3% !important;
}
.u-pl35p {
padding-left: 3.5% !important;
}
.u-pl40p {
padding-left: 4% !important;
}
.u-pl45p {
padding-left: 4.5% !important;
}
.u-pl50p {
padding-left: 5% !important;
}
.u-pl55p {
padding-left: 5.5% !important;
}
.u-pl60p {
padding-left: 6% !important;
}
.u-pl65p {
padding-left: 6.5% !important;
}
.u-pl70p {
padding-left: 7% !important;
}
.u-pl75p {
padding-left: 7.5% !important;
}
.u-pl80p {
padding-left: 8% !important;
}
.u-pl85p {
padding-left: 8.5% !important;
}
.u-pl90p {
padding-left: 9% !important;
}
.u-pl95p {
padding-left: 9.5% !important;
}
.u-pl100p {
padding-left: 10% !important;
} .u-mt00 {
margin-top: 0 !important;
}
.u-mt05 {
margin-top: 5px !important;
}
.u-mt10 {
margin-top: 10px !important;
}
.u-mt15 {
margin-top: 15px !important;
}
.u-mt20 {
margin-top: 20px !important;
}
.u-mt25 {
margin-top: 25px !important;
}
.u-mt30 {
margin-top: 30px !important;
}
.u-mt35 {
margin-top: 35px !important;
}
.u-mt40 {
margin-top: 40px !important;
}
.u-mt45 {
margin-top: 45px !important;
}
.u-mt50 {
margin-top: 50px !important;
}
.u-mt55 {
margin-top: 55px !important;
}
.u-mt60 {
margin-top: 60px !important;
}
.u-mt65 {
margin-top: 65px !important;
}
.u-mt70 {
margin-top: 70px !important;
}
.u-mt75 {
margin-top: 75px !important;
}
.u-mt80 {
margin-top: 80px !important;
}
.u-mt85 {
margin-top: 85px !important;
}
.u-mt90 {
margin-top: 90px !important;
}
.u-mt95 {
margin-top: 95px !important;
}
.u-mt100 {
margin-top: 100px !important;
}
.u-mr00 {
margin-right: 0 !important;
}
.u-mr05 {
margin-right: 5px !important;
}
.u-mr10 {
margin-right: 10px !important;
}
.u-mr15 {
margin-right: 15px !important;
}
.u-mr20 {
margin-right: 20px !important;
}
.u-mr25 {
margin-right: 25px !important;
}
.u-mr30 {
margin-right: 30px !important;
}
.u-mr35 {
margin-right: 35px !important;
}
.u-mr40 {
margin-right: 40px !important;
}
.u-mr45 {
margin-right: 45px !important;
}
.u-mr50 {
margin-right: 50px !important;
}
.u-mr55 {
margin-right: 55px !important;
}
.u-mr60 {
margin-right: 60px !important;
}
.u-mr65 {
margin-right: 65px !important;
}
.u-mr70 {
margin-right: 70px !important;
}
.u-mr75 {
margin-right: 75px !important;
}
.u-mr80 {
margin-right: 80px !important;
}
.u-mr85 {
margin-right: 85px !important;
}
.u-mr90 {
margin-right: 90px !important;
}
.u-mr95 {
margin-right: 95px !important;
}
.u-mr100 {
margin-right: 100px !important;
}
.u-mb00 {
margin-bottom: 0 !important;
}
.u-mb05 {
margin-bottom: 5px !important;
}
.u-mb10 {
margin-bottom: 10px !important;
}
.u-mb15 {
margin-bottom: 15px !important;
}
.u-mb20 {
margin-bottom: 20px !important;
}
.u-mb25 {
margin-bottom: 25px !important;
}
.u-mb30 {
margin-bottom: 30px !important;
}
.u-mb35 {
margin-bottom: 35px !important;
}
.u-mb40 {
margin-bottom: 40px !important;
}
.u-mb45 {
margin-bottom: 45px !important;
}
.u-mb50 {
margin-bottom: 50px !important;
}
.u-mb55 {
margin-bottom: 55px !important;
}
.u-mb60 {
margin-bottom: 60px !important;
}
.u-mb65 {
margin-bottom: 65px !important;
}
.u-mb70 {
margin-bottom: 70px !important;
}
.u-mb75 {
margin-bottom: 75px !important;
}
.u-mb80 {
margin-bottom: 80px !important;
}
.u-mb85 {
margin-bottom: 85px !important;
}
.u-mb90 {
margin-bottom: 90px !important;
}
.u-mb95 {
margin-bottom: 95px !important;
}
.u-mb100 {
margin-bottom: 100px !important;
}
.u-ml00 {
margin-left: 0 !important;
}
.u-ml05 {
margin-left: 5px !important;
}
.u-ml10 {
margin-left: 10px !important;
}
.u-ml15 {
margin-left: 15px !important;
}
.u-ml20 {
margin-left: 20px !important;
}
.u-ml25 {
margin-left: 25px !important;
}
.u-ml30 {
margin-left: 30px !important;
}
.u-ml35 {
margin-left: 35px !important;
}
.u-ml40 {
margin-left: 40px !important;
}
.u-ml45 {
margin-left: 45px !important;
}
.u-ml50 {
margin-left: 50px !important;
}
.u-ml55 {
margin-left: 55px !important;
}
.u-ml60 {
margin-left: 60px !important;
}
.u-ml65 {
margin-left: 65px !important;
}
.u-ml70 {
margin-left: 70px !important;
}
.u-ml75 {
margin-left: 75px !important;
}
.u-ml80 {
margin-left: 80px !important;
}
.u-ml85 {
margin-left: 85px !important;
}
.u-ml90 {
margin-left: 90px !important;
}
.u-ml95 {
margin-left: 95px !important;
}
.u-ml100 {
margin-left: 100px !important;
}
@media not all and (min-width: 768px) {
.u-mt00-sp {
margin-top: 0 !important;
}
.u-mt10-sp {
margin-top: 10px !important;
}
.u-mt20-sp {
margin-top: 20px !important;
}
.u-mt30-sp {
margin-top: 30px !important;
}
.u-mt40-sp {
margin-top: 40px !important;
}
.u-mt50-sp {
margin-top: 50px !important;
}
.u-mt60-sp {
margin-top: 60px !important;
}
.u-mt70-sp {
margin-top: 70px !important;
}
.u-mt80-sp {
margin-top: 80px !important;
}
.u-mt90-sp {
margin-top: 90px !important;
}
.u-mt100-sp {
margin-top: 100px !important;
}
}
@media only screen and (min-width: 769px), print {
.u-mt00-pc {
margin-top: 0 !important;
}
.u-mt10-pc {
margin-top: 10px !important;
}
.u-mt20-pc {
margin-top: 20px !important;
}
.u-mt30-pc {
margin-top: 30px !important;
}
.u-mt40-pc {
margin-top: 40px !important;
}
.u-mt50-pc {
margin-top: 50px !important;
}
.u-mt60-pc {
margin-top: 60px !important;
}
.u-mt70-pc {
margin-top: 70px !important;
}
.u-mt80-pc {
margin-top: 80px !important;
}
.u-mt90-pc {
margin-top: 90px !important;
}
.u-mt100-pc {
margin-top: 100px !important;
}
}
.u-rmt50_30 {
margin-top: 50px;
margin-top: min(4vmin, 50px) !important;
}
.u-rmt80_50 {
margin-top: 80px;
margin-top: min(6.6666666667vmin, 80px) !important;
}
.u-rmt120_80 {
margin-top: 120px;
margin-top: min(10.6666666667vmin, 120px) !important;
}
.u-rmt150_100 {
margin-top: 150px;
margin-top: min(13.3333333333vmin, 150px) !important;
}
.u-rmt50 {
margin-top: 50px;
margin-top: min(6.6666666667vmin, 50px) !important;
}
.u-rmt60 {
margin-top: 60px;
margin-top: min(8vmin, 60px) !important;
}
.u-rmt70 {
margin-top: 70px;
margin-top: min(8vmin, 70px) !important;
}
.u-rmt80 {
margin-top: 80px;
margin-top: min(10.6666666667vmin, 80px) !important;
}
.u-rmt90 {
margin-top: 90px;
margin-top: min(12vmin, 90px) !important;
}
.u-rmt100 {
margin-top: 100px;
margin-top: min(13.3333333333vmin, 100px) !important;
}
.u-rmt120 {
margin-top: 120px;
margin-top: min(16vmin, 120px) !important;
}
.u-rmt150 {
margin-top: 150px;
margin-top: min(20vmin, 150px) !important;
}
.u-space-lg {
margin-top: 120px;
margin-bottom: 120px;
margin-top: min(16vmin, 120px);
margin-bottom: min(16vmin, 120px);
}
.u-space-md {
margin-top: 80px;
margin-bottom: 80px;
margin-top: min(10.6666666667vmin, 80px);
margin-bottom: min(10.6666666667vmin, 80px);
}
.u-space-sm {
margin-top: 50px;
margin-bottom: 50px;
margin-top: min(6.6666666667vmin, 50px);
margin-bottom: min(6.6666666667vmin, 50px);
} .u-pt00 {
padding-top: 0 !important;
}
.u-pt05 {
padding-top: 5px !important;
}
.u-pt10 {
padding-top: 10px !important;
}
.u-pt15 {
padding-top: 15px !important;
}
.u-pt20 {
padding-top: 20px !important;
}
.u-pt25 {
padding-top: 25px !important;
}
.u-pt30 {
padding-top: 30px !important;
}
.u-pt35 {
padding-top: 35px !important;
}
.u-pt40 {
padding-top: 40px !important;
}
.u-pt45 {
padding-top: 45px !important;
}
.u-pt50 {
padding-top: 50px !important;
}
.u-pt55 {
padding-top: 55px !important;
}
.u-pt60 {
padding-top: 60px !important;
}
.u-pt65 {
padding-top: 65px !important;
}
.u-pt70 {
padding-top: 70px !important;
}
.u-pt75 {
padding-top: 75px !important;
}
.u-pt80 {
padding-top: 80px !important;
}
.u-pt85 {
padding-top: 85px !important;
}
.u-pt90 {
padding-top: 90px !important;
}
.u-pt95 {
padding-top: 95px !important;
}
.u-pt100 {
padding-top: 100px !important;
}
.u-pr00 {
padding-right: 0 !important;
}
.u-pr05 {
padding-right: 5px !important;
}
.u-pr10 {
padding-right: 10px !important;
}
.u-pr15 {
padding-right: 15px !important;
}
.u-pr20 {
padding-right: 20px !important;
}
.u-pr25 {
padding-right: 25px !important;
}
.u-pr30 {
padding-right: 30px !important;
}
.u-pr35 {
padding-right: 35px !important;
}
.u-pr40 {
padding-right: 40px !important;
}
.u-pr45 {
padding-right: 45px !important;
}
.u-pr50 {
padding-right: 50px !important;
}
.u-pr55 {
padding-right: 55px !important;
}
.u-pr60 {
padding-right: 60px !important;
}
.u-pr65 {
padding-right: 65px !important;
}
.u-pr70 {
padding-right: 70px !important;
}
.u-pr75 {
padding-right: 75px !important;
}
.u-pr80 {
padding-right: 80px !important;
}
.u-pr85 {
padding-right: 85px !important;
}
.u-pr90 {
padding-right: 90px !important;
}
.u-pr95 {
padding-right: 95px !important;
}
.u-pr100 {
padding-right: 100px !important;
}
.u-pb00 {
padding-bottom: 0 !important;
}
.u-pb05 {
padding-bottom: 5px !important;
}
.u-pb10 {
padding-bottom: 10px !important;
}
.u-pb15 {
padding-bottom: 15px !important;
}
.u-pb20 {
padding-bottom: 20px !important;
}
.u-pb25 {
padding-bottom: 25px !important;
}
.u-pb30 {
padding-bottom: 30px !important;
}
.u-pb35 {
padding-bottom: 35px !important;
}
.u-pb40 {
padding-bottom: 40px !important;
}
.u-pb45 {
padding-bottom: 45px !important;
}
.u-pb50 {
padding-bottom: 50px !important;
}
.u-pb55 {
padding-bottom: 55px !important;
}
.u-pb60 {
padding-bottom: 60px !important;
}
.u-pb65 {
padding-bottom: 65px !important;
}
.u-pb70 {
padding-bottom: 70px !important;
}
.u-pb75 {
padding-bottom: 75px !important;
}
.u-pb80 {
padding-bottom: 80px !important;
}
.u-pb85 {
padding-bottom: 85px !important;
}
.u-pb90 {
padding-bottom: 90px !important;
}
.u-pb95 {
padding-bottom: 95px !important;
}
.u-pb100 {
padding-bottom: 100px !important;
}
.u-pl00 {
padding-left: 0 !important;
}
.u-pl05 {
padding-left: 5px !important;
}
.u-pl10 {
padding-left: 10px !important;
}
.u-pl15 {
padding-left: 15px !important;
}
.u-pl20 {
padding-left: 20px !important;
}
.u-pl25 {
padding-left: 25px !important;
}
.u-pl30 {
padding-left: 30px !important;
}
.u-pl35 {
padding-left: 35px !important;
}
.u-pl40 {
padding-left: 40px !important;
}
.u-pl45 {
padding-left: 45px !important;
}
.u-pl50 {
padding-left: 50px !important;
}
.u-pl55 {
padding-left: 55px !important;
}
.u-pl60 {
padding-left: 60px !important;
}
.u-pl65 {
padding-left: 65px !important;
}
.u-pl70 {
padding-left: 70px !important;
}
.u-pl75 {
padding-left: 75px !important;
}
.u-pl80 {
padding-left: 80px !important;
}
.u-pl85 {
padding-left: 85px !important;
}
.u-pl90 {
padding-left: 90px !important;
}
.u-pl95 {
padding-left: 95px !important;
}
.u-pl100 {
padding-left: 100px !important;
} .u-vhidden {
overflow: hidden;
position: absolute;
top: -10px;
width: 1px;
height: 1px;
} @font-face {
font-family: "icomoon";
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=ico_]::before, [class^=ico_]::after, [class*=" ico_"]::before, [class*=" ico_"]::after { font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ico_external:after {
content: "\e900";
}
.ico_pdf:after {
content: "\e901";
}
.ico_search:before {
content: "\e902";
} .component {
margin: 80px 0;
padding: 50px 0;
border-bottom: 1px dashed #485B7B;
}
.component_ttl {
padding: 5px 20px;
background: #485B7B;
color: #ffffff;
font-size: 20px;
font-weight: bold;
}
.component_sttl {
color: #9F8A5A;
font-weight: bold;
}
.component_note {
margin-bottom: 40px;
padding: 10px 20px;
background: #d1dde9;
color: #000000;
font-size: 12px;
line-height: 1.5;
}
.component_explain {
margin-top: 20px;
margin-bottom: 40px;
padding: 10px 20px;
border: 1px dashed #485B7B;
font-size: 12px;
line-height: 1.5;
}
.component_grid {
display: -ms-grid;
display: grid;
gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}
.component_grid .item {
padding: 5px 10px;
}
.component_table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.component_table th, .component_table td {
border: 1px solid #485B7B;
}
.component_block {
width: 30%;
padding: 10px;
background: #000000;
}
.component_block2 {
height: 200px;
border: 1px solid #0F1937;
}
.u-fs20 {
font-size: 20px; font-size: 1.25rem;
}
.u-en {
font-family: "Asap Condensed", sans-serif;
}
.u-cate01 {
color: #29579a;
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
width: 100%;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}   .slick-arrow {
position: absolute;
top: 25%;
overflow: hidden;
display: block;
width: 40px;
height: 40px;
margin: 0;
padding: 40px 0 0 0;
line-height: 1;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 2;
}
.slick-arrow::before {
content: none;
}
@media only screen and (min-width: 769px), print {
.slick-arrow {
width: 62px;
height: 62px;
padding: 62px 0 0 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.slick-prev {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_slider_prev.svg) no-repeat;
background-size: 100%;
left: 0;
}
@media only screen and (min-width: 1100px), print {
.slick-prev {
left: 10%;
}
}
@media (hover: hover) and (pointer: fine) {
.slick-prev:hover, .slick-prev:focus {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_slider_prev_on.svg) no-repeat;
background-size: 100%;
}
}
.slick-next {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_slider_next.svg) no-repeat;
background-size: 100%;
right: 0;
}
@media only screen and (min-width: 1100px), print {
.slick-next {
right: 10%;
}
}
@media (hover: hover) and (pointer: fine) {
.slick-next:hover, .slick-next:focus {
background: url(//geniee.co.jp/cx-navi/cv-navi/assets/img/common/icon_slider_next_on.svg) no-repeat;
background-size: 100%;
}
} .slick-dots {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 4px;
margin: 45px 30px 0;
}
.slick-dots li {
margin: 0;
padding: 0;
}
.slick-dots li::before {
display: none;
}
.slick-dots button {
overflow: hidden;
display: block;
width: 10px;
height: 1px;
background: #485B7B;
border: 0;
}
.slick-dots button[aria-selected=true] {
background: #ffffff;
}
@media only screen and (min-width: 769px), print {
.slick-dots button {
width: 25px;
}
}  @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.swiper .swiper-slide {
height: auto;
}
.swiper-button-next,
.swiper-button-prev {
cursor: pointer;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
width: min(10vmin, 38px);
height: min(10vmin, 38px);
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.swiper-button-next[aria-disabled=true] {
opacity: 0.3;
cursor: default;
}
.swiper-button-prev[aria-disabled=true] {
opacity: 0.3;
cursor: default;
}
.swiper-pagination-progressbar {
position: relative;
display: block;
width: 100%;
height: 1px;
background: #ffffff;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
position: absolute;
left: 0;
top: 0;
height: 1px;
display: block;
background: #CBBD7A;
}
.swiper-pagination-bullets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 4px;
margin-top: 45px;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
display: block;
width: 50px;
height: 1px;
background: #485B7B;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #ffffff;
}