/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */ /* Reset box-model and set borders */ /* ============================================ */ *, ::before, ::after { box-sizing: border-box; border-style: solid; border-width: 0; } /* Document */ /* ============================================ */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. * 3. Remove gray overlay on links for iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -webkit-tap-highlight-color: transparent; /* 3*/ } /* Sections */ /* ============================================ */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /* Vertical rhythm */ /* ============================================ */ p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0; } /* Headings */ /* ============================================ */ h1, h2, h3, h4, h5, h6 { font-size: inherit; line-height: inherit; font-weight: inherit; margin: 0; } /* Lists (enumeration) */ /* ============================================ */ ul, ol { margin: 0; padding: 0; list-style: none; } /* Lists (definition) */ /* ============================================ */ dt { font-weight: bold; } dd { margin-left: 0; } /* Grouping content */ /* ============================================ */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ border-top-width: 1px; margin: 0; clear: both; color: inherit; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ } address { font-style: inherit; } /* Text-level semantics */ /* ============================================ */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration: none; color: inherit; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: inherit; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content */ /* ============================================ */ /** * Prevent vertical alignment issues. */ img, embed, object, iframe { vertical-align: bottom; } /* Forms */ /* ============================================ */ /** * Reset form fields to make them styleable */ button, input, optgroup, select, textarea { -webkit-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; outline: 0; border-radius: 0; text-align: inherit; } /** * Reset radio and checkbox appearance to preserve their look in iOS. */ [type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; } [type="radio"] { -webkit-appearance: radio; appearance: radio; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; -webkit-appearance: none; appearance: none; } button[disabled], [type="button"][disabled], [type="reset"][disabled], [type="submit"][disabled] { cursor: default; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Remove arrow in IE10 & IE11 */ select::-ms-expand { display: none; } /** * Remove padding */ option { padding: 0; } /** * Reset to invisible */ fieldset { margin: 0; padding: 0; min-width: 0; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the outline style in Safari. */ [type="search"] { outline-offset: -2px; /* 1 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Clickable labels */ label[for] { cursor: pointer; } /* Interactive */ /* ============================================ */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Remove outline for editable content. */ [contenteditable] { outline: none; } /* Table */ /* ============================================ */ table { border-collapse: collapse; border-spacing: 0; } caption { text-align: left; } td, th { vertical-align: top; padding: 0; } th { text-align: left; font-weight: bold; } /* Misc */ /* ============================================ */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } @charset "UTF-8";.wp-block-accordion{box-sizing:border-box}.wp-block-accordion-item.is-open>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:no-preference){.wp-block-accordion-item{transition:grid-template-rows .3s ease-out}.wp-block-accordion-item>.wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon{transition:transform .2s ease-in-out}}.wp-block-accordion-heading__toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;overflow:hidden;padding:var(--wp--preset--spacing--20,1em) 0;text-align:inherit;text-decoration:inherit;text-transform:inherit;width:100%;word-spacing:inherit}.wp-block-accordion-heading__toggle:not(:focus-visible){outline:none}.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title{text-decoration:underline}.wp-block-accordion-heading__toggle-title{flex:1}.wp-block-accordion-heading__toggle-icon{align-items:center;display:flex;height:1.2em;justify-content:center;width:1.2em}.wp-block-accordion-panel[aria-hidden=true],.wp-block-accordion-panel[inert]{display:none;margin-block-start:0}.wp-block-archives{box-sizing:border-box}.wp-block-archives-dropdown label{display:block}.wp-block-avatar{line-height:0}.wp-block-avatar,.wp-block-avatar img{box-sizing:border-box}.wp-block-avatar.aligncenter{text-align:center}.wp-block-audio{box-sizing:border-box}.wp-block-audio :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-audio audio{min-width:300px;width:100%}.wp-block-breadcrumbs{box-sizing:border-box}.wp-block-breadcrumbs ol{flex-wrap:wrap;list-style:none}.wp-block-breadcrumbs li,.wp-block-breadcrumbs ol{align-items:center;display:flex;margin:0;padding:0}.wp-block-breadcrumbs li:not(:last-child):after{content:var(--separator,"/");margin:0 .5em;opacity:.7}.wp-block-breadcrumbs span{color:inherit}.wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.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, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width: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}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none}.wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{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{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.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-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar td,.wp-block-calendar th{border:1px solid;padding:.25em}.wp-block-calendar th{font-weight:400}.wp-block-calendar caption{background-color:inherit}.wp-block-calendar table{border-collapse:collapse;width:100%}.wp-block-calendar table.has-background th{background-color:inherit}.wp-block-calendar table.has-text-color th{color:inherit}.wp-block-calendar :where(table:not(.has-text-color)){color:#40464d}.wp-block-calendar :where(table:not(.has-text-color)) td,.wp-block-calendar :where(table:not(.has-text-color)) th{border-color:#ddd}:where(.wp-block-calendar table:not(.has-background) th){background:#ddd}.wp-block-categories{box-sizing:border-box}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-categories.wp-block-categories-dropdown.aligncenter{text-align:center}.wp-block-categories .wp-block-categories__label{display:block;width:100%}.wp-block-code{box-sizing:border-box}.wp-block-code code{ /*!rtl:begin:ignore*/direction:ltr;display:block;font-family:inherit;overflow-wrap:break-word;text-align:initial;white-space:pre-wrap /*!rtl:end:ignore*/}.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-post-comments{box-sizing:border-box}.wp-block-post-comments .alignleft{float:left}.wp-block-post-comments .alignright{float:right}.wp-block-post-comments .navigation:after{clear:both;content:"";display:table}.wp-block-post-comments .commentlist{clear:both;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:1em;line-height:1.8;margin:1em 0}.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:.75em;margin-top:.5em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{font-size:.875em;line-height:1.5}.wp-block-post-comments .comment-meta b{font-weight:400}.wp-block-post-comments .comment-meta .comment-awaiting-moderation{display:block;margin-bottom:1em;margin-top:1em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.875em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block;margin-bottom:.25em}.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{box-sizing:border-box;display:block;width:100%}.wp-block-post-comments .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments .comment-reply-title{margin-bottom:0}.wp-block-post-comments .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments .reply{font-size:.875em;margin-bottom:1.4em}.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{border:1px solid #949494;font-family:inherit;font-size:1em}.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{padding:calc(.667em + 2px)}:where(.wp-block-post-comments input[type=submit]){border:none}.wp-block-comments{box-sizing:border-box}.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{font-size:inherit}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-comments-pagination.aligncenter{justify-content:center}.wp-block-comment-template{box-sizing:border-box;list-style:none;margin-bottom:0;max-width:100%;padding:0}.wp-block-comment-template li{clear:both}.wp-block-comment-template ol{list-style:none;margin-bottom:0;max-width:100%;padding-left:2rem}.wp-block-comment-template.alignleft{float:left}.wp-block-comment-template.aligncenter{margin-left:auto;margin-right:auto;width:fit-content}.wp-block-comment-template.alignright{float:right}.wp-block-comment-date{box-sizing:border-box}.comment-awaiting-moderation{display:block;font-size:.875em;line-height:1.5}.wp-block-comment-author-name,.wp-block-comment-content,.wp-block-comment-edit-link,.wp-block-comment-reply-link{box-sizing:border-box}.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.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]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:initial}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .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.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{color:inherit;position:relative;width:100%}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-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}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1}.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:auto}.wp-block-details{box-sizing:border-box}.wp-block-details summary{cursor:pointer}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.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{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.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{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;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{box-sizing:border-box}.wp-block-file:not(.wp-element-button){font-size:.8em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file *+.wp-block-file__button{margin-left:.75em}:where(.wp-block-file){margin-bottom:1.5em}.wp-block-file__embed{margin-bottom:1em}:where(.wp-block-file__button){border-radius:2em;display:inline-block;padding:.5em 1em}:where(.wp-block-file__button):where(a):active,:where(.wp-block-file__button):where(a):focus,:where(.wp-block-file__button):where(a):hover,:where(.wp-block-file__button):where(a):visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-form-input__label{display:flex;flex-direction:column;gap:.25em;margin-bottom:.5em;width:100%}.wp-block-form-input__label.is-label-inline{align-items:center;flex-direction:row;gap:.5em}.wp-block-form-input__label.is-label-inline .wp-block-form-input__label-content{margin-bottom:.5em}.wp-block-form-input__label:has(input[type=checkbox]){flex-direction:row;width:fit-content}.wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content{margin:0}.wp-block-form-input__label:has(.wp-block-form-input__label-content+input[type=checkbox]){flex-direction:row-reverse}.wp-block-form-input__label-content{width:fit-content}:where(.wp-block-form-input__input){font-size:1em;margin-bottom:.5em;padding:0 .5em}:where(.wp-block-form-input__input)[type=date],:where(.wp-block-form-input__input)[type=datetime-local],:where(.wp-block-form-input__input)[type=datetime],:where(.wp-block-form-input__input)[type=email],:where(.wp-block-form-input__input)[type=month],:where(.wp-block-form-input__input)[type=number],:where(.wp-block-form-input__input)[type=password],:where(.wp-block-form-input__input)[type=search],:where(.wp-block-form-input__input)[type=tel],:where(.wp-block-form-input__input)[type=text],:where(.wp-block-form-input__input)[type=time],:where(.wp-block-form-input__input)[type=url],:where(.wp-block-form-input__input)[type=week]{border-style:solid;border-width:1px;line-height:2;min-height:2em}textarea.wp-block-form-input__input{min-height:10em}.blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0 1em 1em 0;position:relative;width:calc(50% - 1em)}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{display:block;height:auto;max-width:100%;width:auto}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{background:linear-gradient(0deg,#000000b3,#0000004d 70%,#0000);bottom:0;box-sizing:border-box;color:#fff;font-size:.8em;margin:0;max-height:100%;overflow:auto;padding:3em .77em .7em;position:absolute;text-align:center;width:100%;z-index:2}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{flex-grow:1}.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{flex:1;height:100%;object-fit:cover;width:100%}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{margin-right:0;width:100%}@media (min-width:600px){.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{margin-right:1em;width:calc(33.33333% - .66667em)}.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{margin-right:1em;width:calc(25% - .75em)}.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{margin-right:1em;width:calc(20% - .8em)}.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{margin-right:1em;width:calc(16.66667% - .83333em)}.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{margin-right:1em;width:calc(14.28571% - .85714em)}.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{margin-right:1em;width:calc(12.5% - .875em)}.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{max-width:420px;width:100%}.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-gallery:not(.is-cropped) .blocks-gallery-item{align-self:flex-start}figure.wp-block-gallery.has-nested-images{align-items:normal}.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){margin:0;width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)}.wp-block-gallery.has-nested-images figure.wp-block-image{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;max-width:100%;position:relative}.wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{flex-direction:column;flex-grow:1;margin:0}.wp-block-gallery.has-nested-images figure.wp-block-image img{display:block;height:auto;max-width:100%!important;width:auto}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{bottom:0;left:0;max-height:100%;position:absolute;right:0}.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{backdrop-filter:blur(3px);content:"";height:100%;-webkit-mask-image:linear-gradient(0deg,#000 20%,#0000);mask-image:linear-gradient(0deg,#000 20%,#0000);max-height:40%;pointer-events:none}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{box-sizing:border-box;color:#fff;font-size:13px;margin:0;overflow:auto;padding:1em;text-align:center;text-shadow:0 0 1.5px #000}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{height:12px;width:12px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track{background-color:initial}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:initial;border:3px solid #0000;border-radius:8px}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{background-color:#fffc}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#0000 #0000;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{scrollbar-color:#fffc #0000}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{will-change:transform}@media (hover:none){.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{scrollbar-color:#fffc #0000}}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{background:linear-gradient(0deg,#0006,#0000)}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{display:inline}.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{color:inherit}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{flex:1 1 auto}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{background:none;color:inherit;flex:initial;margin:0;padding:10px 10px 9px;position:relative;text-shadow:none}.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before{content:none}.wp-block-gallery.has-nested-images figcaption{flex-basis:100%;flex-grow:1;text-align:center}.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){margin-bottom:auto;margin-top:0}.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){align-self:inherit}.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)>div:not(.components-drop-zone){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{flex:1 0 0%;height:100%;object-fit:cover;width:100%}.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){width:100%}@media (min-width:600px){.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75)}.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8)}.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333)}.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714)}.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667)}.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(--wp--style--unstable-gallery-gap, 16px)*.5)}.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{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{justify-content:center}.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.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{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}}ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.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:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit}.wp-block-latest-posts{box-sizing:border-box}.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}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both;overflow-wrap:break-word}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap}.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% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}:root :where(.wp-block-latest-posts.is-grid){padding:0}:root :where(.wp-block-latest-posts.wp-block-latest-posts__list){padding-left:0}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;font-size:.8125em}.wp-block-latest-posts__post-excerpt,.wp-block-latest-posts__post-full-content{margin-bottom:1em;margin-top:.5em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;max-width:100%;width:auto}.wp-block-latest-posts__featured-image.alignleft{float:left;margin-right:1em}.wp-block-latest-posts__featured-image.alignright{float:right;margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em}.wp-block-loginout{box-sizing:border-box}.wp-block-math{overflow-x:auto;overflow-y:hidden}.wp-block-media-text{box-sizing:border-box; /*!rtl:begin:ignore*/direction:ltr; /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{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{align-self:start}.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center>.wp-block-media-text__media,.wp-block-media-text>.wp-block-media-text__content,.wp-block-media-text>.wp-block-media-text__media{align-self:center}.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{align-self:end}.wp-block-media-text>.wp-block-media-text__media{ /*!rtl:begin:ignore*/grid-column:1;grid-row:1; /*!rtl:end:ignore*/margin:0}.wp-block-media-text>.wp-block-media-text__content{direction:ltr; /*!rtl:begin:ignore*/grid-column:2;grid-row:1; /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media{ /*!rtl:begin:ignore*/grid-column:2;grid-row:1 /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content{ /*!rtl:begin:ignore*/grid-column:1;grid-row:1 /*!rtl:end:ignore*/}.wp-block-media-text__media a{display:block}.wp-block-media-text__media img,.wp-block-media-text__media video{height:auto;max-width:unset;vertical-align:middle;width:100%}.wp-block-media-text.is-image-fill>.wp-block-media-text__media{background-size:cover;height:100%;min-height:250px}.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{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media{height:100%;min-height:250px;position:relative}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{height:100%;object-fit:cover;position:absolute;width:100%}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{position:relative}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top: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{align-items:center;display:flex;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{display:block;z-index:1}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{text-decoration:underline}.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{text-decoration:line-through}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:none;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation{--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.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 .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;opacity:0;position:absolute;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{height:0;overflow:hidden;visibility:hidden;width:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1;padding:.5em 1em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{margin-left:auto;margin-right:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{left:-1px;top:100%}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.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{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}button.wp-block-navigation-item__content{background-color:initial;border:none;color:currentColor;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;text-transform:inherit}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{padding-left:0;padding-right:.85em}.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{margin-left:-.6em;pointer-events:none}.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){padding:0}.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{gap:inherit}:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-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-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{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation.has-background .wp-block-navigation__submenu-container{background-color:inherit}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,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{flex-grow:1}@keyframes overlay-menu__fade-in-animation{0%{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:translateY(0)}}.wp-block-navigation__responsive-container{bottom:0;display:none;left:0;position:fixed;right:0;top:0}.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){color:inherit}.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){background-color:inherit!important;color:inherit!important}.wp-block-navigation__responsive-container.is-menu-open{background-color:inherit;display:flex;flex-direction:column}@media not (prefers-reduced-motion){.wp-block-navigation__responsive-container.is-menu-open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards}}.wp-block-navigation__responsive-container.is-menu-open{overflow:auto;padding:clamp(1rem,var(--wp--style--root--padding-top),20rem) clamp(1rem,var(--wp--style--root--padding-right),20rem) clamp(1rem,var(--wp--style--root--padding-bottom),20rem) clamp(1rem,var(--wp--style--root--padding-left),20rem);z-index:100000}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:var(--navigation-layout-justification-setting,inherit);display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;padding-top:calc(2rem + 24px)}.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-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{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 .wp-block-navigation__submenu-container{border:none;height:auto;min-width:200px;opacity:1;overflow:initial;padding-left:2rem;padding-right:2rem;position:static;visibility:visible;width:auto}.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__submenu-container{gap:inherit}.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-item,.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-page-list{align-items:var(--navigation-layout-justification-setting,initial);display:flex;flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.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__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{background:#0000!important;color:inherit!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{left:auto;right:auto}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){background-color:inherit;display:block;position:relative;width:100%;z-index:auto}.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}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{color:#000}.wp-block-navigation__toggle_button_label{font-size:1rem;font-weight:700}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{background:#0000;border:none;color:currentColor;cursor:pointer;margin:0;padding:0;text-transform:inherit;vertical-align:middle}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;display:block;height:24px;pointer-events:none;width:24px}.wp-block-navigation__responsive-container-open{display:flex}.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{font-family:inherit;font-size:inherit;font-weight:inherit}@media (min-width:600px){.wp-block-navigation__responsive-container-open:not(.always-shown){display:none}}.wp-block-navigation__responsive-container-close{position:absolute;right:0;top:0;z-index:2}.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{font-family:inherit;font-size:inherit;font-weight:inherit}.wp-block-navigation__responsive-close{width:100%}.has-modal-open .wp-block-navigation__responsive-close{margin-left:auto;margin-right:auto;max-width:var(--wp--style--global--wide-size,100%)}.wp-block-navigation__responsive-close:focus{outline:none}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{box-sizing:border-box}.wp-block-navigation__responsive-dialog{position:relative}.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:46px}@media (min-width:782px){.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{margin-top:32px}}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-item__label{overflow-wrap:break-word}.wp-block-navigation .wp-block-navigation-item__description{display:none}.link-ui-tools{outline:1px solid #f0f0f0;padding:8px}.link-ui-block-inserter{padding-top:8px}.link-ui-block-inserter__back{margin-left:8px;text-transform:uppercase}.wp-block-navigation .wp-block-page-list{align-items:var(--navigation-layout-align,initial);background-color:inherit;display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial)}.wp-block-navigation .wp-block-navigation-item{background-color:inherit}.wp-block-page-list{box-sizing:border-box}.is-small-text{font-size:.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;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-post-author{box-sizing:border-box;display:flex;flex-wrap:wrap}.wp-block-post-author__byline{font-size:.5em;margin-bottom:0;margin-top:0;width:100%}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{font-size:.7em;margin-bottom:.7em}.wp-block-post-author__content{flex-basis:0;flex-grow:1}.wp-block-post-author__name{margin:0}.wp-block-post-author-biography{box-sizing:border-box}:where(.wp-block-post-comments-form input:not([type=submit])),:where(.wp-block-post-comments-form textarea){border:1px solid #949494;font-family:inherit;font-size:1em}:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))),:where(.wp-block-post-comments-form textarea){padding:calc(.667em + 2px)}.wp-block-post-comments-form{box-sizing:border-box}.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 :where(input[type=submit]){box-shadow:none;cursor:pointer;display:inline-block;overflow-wrap:break-word;text-align:center}.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]),.wp-block-post-comments-form .comment-form textarea{box-sizing:border-box;display:block;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:.25em}.wp-block-post-comments-form .comment-form-cookies-consent{display:flex;gap:.25em}.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{margin-top:.35em}.wp-block-post-comments-form .comment-reply-title{margin-bottom:0}.wp-block-post-comments-form .comment-reply-title :where(small){font-size:var(--wp--preset--font-size--medium,smaller);margin-left:.5em}.wp-block-post-comments-count{box-sizing:border-box}.wp-block-post-content{display:flow-root}.wp-block-post-comments-link,.wp-block-post-date{box-sizing:border-box}:where(.wp-block-post-excerpt){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__excerpt{margin-bottom:0;margin-top:0}.wp-block-post-excerpt__more-text{margin-bottom:0;margin-top:var(--wp--style--block-gap)}.wp-block-post-excerpt__more-link{display:inline-block}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:block;height:100%}.wp-block-post-featured-image :where(img){box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom;width:100%}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim{background-color:#000;inset:0;position:absolute}.wp-block-post-featured-image{position:relative}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient{background-color:initial}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0{opacity:0}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10{opacity:.1}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20{opacity:.2}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30{opacity:.3}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40{opacity:.4}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50{opacity:.5}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60{opacity:.6}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70{opacity:.7}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80{opacity:.8}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90{opacity:.9}.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100{opacity:1}.wp-block-post-featured-image:where(.alignleft,.alignright){width:100%}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous{display:inline-block;margin-right:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next{display:inline-block;margin-left:1ch}.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-post-navigation-link.has-text-align-left[style*="writing-mode: vertical-lr"],.wp-block-post-navigation-link.has-text-align-right[style*="writing-mode: vertical-rl"]{rotate:180deg}.wp-block-post-terms{box-sizing:border-box}.wp-block-post-terms .wp-block-post-terms__separator{white-space:pre-wrap}.wp-block-post-time-to-read,.wp-block-post-title{box-sizing:border-box}.wp-block-post-title{word-break:break-word}.wp-block-post-title :where(a){display:inline-block;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}.wp-block-post-author-name{box-sizing:border-box}.wp-block-preformatted{box-sizing:border-box;white-space:pre-wrap}:where(.wp-block-preformatted.has-background){padding:1.25em 2.375em}.wp-block-pullquote{box-sizing:border-box;margin:0 0 1em;overflow-wrap:break-word;padding:4em 0;text-align:center}.wp-block-pullquote blockquote,.wp-block-pullquote p{color:inherit}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{margin-top:0}.wp-block-pullquote p:last-child{margin-bottom:0}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.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.has-text-align-center blockquote{text-align:center}.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{font-size:2em;margin-bottom:0;margin-top:0}.wp-block-pullquote.is-style-solid-color blockquote cite{font-style:normal;text-transform:none}.wp-block-pullquote :where(cite){color:inherit;display:block}.wp-block-post-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-post-template.is-flex-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25em}.wp-block-post-template.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{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}}@media (max-width:600px){.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{grid-template-columns:1fr}}.wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{float:right;margin-inline-end:0;margin-inline-start:2em}.wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{float:left;margin-inline-end:2em;margin-inline-start:0}.wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{margin-inline-end:auto;margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-of-type{margin-inline-start:auto}.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child{margin-inline-end:auto}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow{display:inline-block;margin-right:1ch}.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination .wp-block-query-pagination-next-arrow{display:inline-block;margin-left:1ch}.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron){transform:scaleX(1)}.wp-block-query-pagination.aligncenter{justify-content:center}.wp-block-query-title,.wp-block-query-total,.wp-block-quote{box-sizing:border-box}.wp-block-quote{overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}.wp-block-read-more{display:block;width:fit-content}.wp-block-read-more:where(:not([style*=text-decoration])){text-decoration:none}.wp-block-read-more:where(:not([style*=text-decoration])):active,.wp-block-read-more:where(:not([style*=text-decoration])):focus{text-decoration:none}ul.wp-block-rss.alignleft{margin-right:2em}ul.wp-block-rss.alignright{margin-left:2em}ul.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0}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.33333% - 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.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;font-size:.8125em}.wp-block-rss{box-sizing:border-box;list-style:none;padding:0}.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{height:1.25em;min-height:24px;min-width:24px;width:1.25em;fill:currentColor;vertical-align:text-bottom}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}.wp-block-separator{border:none;border-top:2px solid}:root :where(.wp-block-separator.is-style-dots){height:auto;line-height:1;text-align:center}:root :where(.wp-block-separator.is-style-dots):before{color:currentColor;content:"···";font-family:serif;font-size:1.5em;letter-spacing:2em;padding-left:2em}.wp-block-separator.is-style-dots{background:none!important;border:none!important}.wp-block-site-logo{box-sizing:border-box;line-height:0}.wp-block-site-logo a{display:inline-block;line-height:0}.wp-block-site-logo.is-default-size img{height:auto;width:120px}.wp-block-site-logo img{height:auto;max-width:100%}.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}:root :where(.wp-block-site-logo.is-style-rounded){border-radius:9999px}.wp-block-site-tagline,.wp-block-site-title{box-sizing:border-box}.wp-block-site-title :where(a){color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-decoration:inherit}.wp-block-social-links{background:none;box-sizing:border-box;margin-left:0;padding-left:0;padding-right:0;text-indent:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{border-bottom:0;box-shadow:none;text-decoration:none}.wp-block-social-links .wp-social-link svg{height:1em;width:1em}.wp-block-social-links .wp-social-link span:not(.screen-reader-text){font-size:.65em;margin-left:.5em;margin-right:.5em}.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{display:flex;justify-content:center}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{border-radius:9999px;display:block}@media not (prefers-reduced-motion){.wp-block-social-link{transition:transform .1s ease}}.wp-block-social-link{height:auto}.wp-block-social-link a{align-items:center;display:flex;line-height:0}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link.wp-social-link{display:inline-block;margin:0;padding:0}.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited{color:currentColor;fill:currentColor}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link{background-color:#f0f0f0;color:#444}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon{background-color:#f90;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance{background-color:#0757fe;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky{background-color:#0a7aff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord{background-color:#5865f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy{background-color:#f45800;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook{background-color:#0866ff;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr{background-color:#0461dd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare{background-color:#e65678;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github{background-color:#24292d;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google{background-color:#ea4434;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar{background-color:#1d4fc4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram{background-color:#f00075;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup{background-color:#f6405f;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest{background-color:#e60122;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket{background-color:#ef4155;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit{background-color:#ff4500;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype{background-color:#0478d7;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify{background-color:#1bd760;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram{background-color:#2aabee;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr{background-color:#011835;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch{background-color:#6440a4;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk{background-color:#4680c2;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp{background-color:#25d366;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x{background-color:#000;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp{background-color:#d32422;color:#fff}:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube{background-color:red;color:#fff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link{background:none}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg{height:1.25em;width:1.25em}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon{color:#f90}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp{color:#1ea0c3}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance{color:#0757fe}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky{color:#0a7aff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen{color:#1e1f26}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart{color:#02e49b}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord{color:#5865f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble{color:#e94c89}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox{color:#4280ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy{color:#f45800}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook{color:#0866ff}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr{color:#0461dd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare{color:#e65678}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github{color:#24292d}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads{color:#382110}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google{color:#ea4434}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar{color:#1d4fc4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram{color:#f00075}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm{color:#e21b24}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin{color:#0d66c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon{color:#3288d4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup{color:#f6405f}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest{color:#e60122}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket{color:#ef4155}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit{color:#ff4500}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype{color:#0478d7}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat{color:#fff;stroke:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud{color:#ff5600}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify{color:#1bd760}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram{color:#2aabee}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr{color:#011835}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch{color:#6440a4}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter{color:#1da1f2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo{color:#1eb7ea}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk{color:#4680c2}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp{color:#25d366}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress{color:#3499cd}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x{color:#000}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp{color:#d32422}:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}:root :where(.wp-block-social-links .wp-social-link a){padding:.25em}:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a){padding:0}:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a){padding-left:.6666666667em;padding-right:.6666666667em}.wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label{color:#000}.wp-block-spacer{clear:both}.wp-block-tag-cloud{box-sizing:border-box}.wp-block-tag-cloud.aligncenter{justify-content:center;text-align:center}.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}:root :where(.wp-block-tag-cloud.is-style-outline){display:flex;flex-wrap:wrap;gap:1ch}:root :where(.wp-block-tag-cloud.is-style-outline a){border:1px solid;font-size:unset!important;margin-right:0;padding:1ch 2ch;text-decoration:none!important}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.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.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft 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{background-color:initial;border-collapse:inherit;border-spacing:0}.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 td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}:root :where(.wp-block-table-of-contents){box-sizing:border-box}.wp-block-term-count{box-sizing:border-box}:where(.wp-block-term-description){box-sizing:border-box;margin-bottom:var(--wp--style--block-gap);margin-top:var(--wp--style--block-gap)}.wp-block-term-description p{margin-bottom:0;margin-top:0}.wp-block-term-name{box-sizing:border-box}.wp-block-term-template{box-sizing:border-box;list-style:none;margin-bottom:0;margin-top:0;max-width:100%;padding:0}.wp-block-text-columns,.wp-block-text-columns.aligncenter{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{overflow:auto;white-space:pre-wrap}:where(pre.wp-block-verse){font-family:inherit}.wp-block-video{box-sizing:border-box}.wp-block-video video{height:auto;vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em}.editor-styles-wrapper,.entry-content{counter-reset:footnotes}a[data-fn].fn{counter-increment:footnotes;display:inline-flex;font-size:smaller;text-decoration:none;text-indent:-9999999px;vertical-align:super}a[data-fn].fn:after{content:"[" counter(footnotes) "]";float:left;text-indent:0}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}: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,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.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}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;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-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}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} @charset "UTF-8"; /****************************************************************** Theme Name: stork19 Theme URI: https://open-cage.com/stork19/ Description: ストークの最新モデル。誰が使っても美しいデザインのサイトがつくれます。使い方はドキュメントをご覧ください。 Version: 5.15 Author: opencage Author URI: https://open-cage.com/ License: GNU General Public License License URI: licence.txt ******************************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } .strong, .bold, b, strong { font-weight: 700; } .em, dfn, em { font-style: italic; } p { -ms-word-wrap: break-word; word-wrap: break-word; hyphens: auto; -webkit-hyphenate-before: 2; -webkit-hyphenate-after: 3; } code, kbd, pre, samp { font-family: Consolas, Courier New, Courier, Monaco, monospace; } code, kbd, samp { font-size: 95%; padding: 0.05em 0.4em; border-radius: 3px; background: #f6f6f6; color: #444; } pre { white-space: pre-wrap; margin: 0; } q { quotes: "“" "”" "‘" "’"; } q:after, q:before { content: ""; content: none; } .small, small, sub, sup { font-size: 75%; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } figcaption { font-size: 80%; text-align: center; opacity: 0.9; } dl, menu, ol, ul { margin: 0 0 1em; } dt { font-weight: 700; margin: 1% 0; } dd { margin: 0; } dt + dd { margin: 0.5em 0; } menu { padding: 0 0 0 40px; } ol, ul { padding: 0; } li { list-style-type: none; } img, svg { border: 0; vertical-align: bottom; max-width: 100%; height: auto; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } .field, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { display: block; padding: 10px 2%; font-size: 1em; color: var(--main-text-color); background-color: var(--inner-content-bg); border: 3px solid rgba(66, 66, 66, 0.3); box-sizing: border-box; width: auto; max-width: 100%; appearance: none; border-radius: 4px; } input[type=password] { letter-spacing: 0.3em; } textarea { min-height: 90pt; width: 100%; overflow: auto; vertical-align: top; } select { appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-position: right; background-repeat: no-repeat; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { margin: 0; } button, input { line-height: normal; } button, select { appearance: none; text-transform: none; } select::-ms-expand { display: none; } select { line-height: 1.2; } button, html input[type=button], input[type=reset], input[type=submit] { appearance: button; cursor: pointer; font-size: 0.95em; padding: 8px 20px; background: #666; color: #fff; border: 0; border-radius: 3px; } button[disabled], html input[disabled] { cursor: default; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=search] { appearance: none; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } .image-replacement, .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; } .cf, .comment-respond, .widget li { zoom: 1; } .cf:after, .cf:before, .comment-respond:after, .comment-respond:before { content: ""; display: table; } .cf:after, .comment-respond:after { clear: both; } #submit, .blue-btn { display: inline-block; position: relative; font-size: 90%; font-weight: 400; padding: 1em; border-radius: 3px; border: 0; cursor: pointer; transition: background-color 0.14s ease-in-out; } #submit, #submit:focus, #submit:hover, .blue-btn { text-decoration: none; color: #fff; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { font-family: var(--stk-base-font-family, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif); font-weight: var(--stk-font-weight); line-height: 1.9; letter-spacing: 0.3px; color: var(--main-text-color); margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: var(--stk-font-feature-settings, normal); background: #f7f7f7; } @media only screen and (min-width: 768px) { body { font-size: var(--stk-base-font-size-pc, 103%); } } @media only screen and (max-width: 767px) { body { font-size: var(--stk-base-font-size-sp, 103%); } } *, *:before, *:after { box-sizing: border-box; } #container { overflow-wrap: break-word; overflow-x: clip; } .wrap { max-width: var(--stk-wrap-width, 1166px); margin: 0 auto; } a { color: var(--main-link-color); } a:hover { color: var(--main-link-color-hover); } .has-text-color:not(.has-link-color) a:not(.wp-block-button__link) { color: inherit; } a, a img, .pickup_content__text__label, .pickup_content__link::before, .pickup_content__link::after { transition: all 0.3s ease-in-out; } a, a img, .fadeIn, .fadeInUp, .fadeInDown, .remodal-overlay, .remodal-wrapper { backface-visibility: hidden; } @media only screen and (min-width: 768px) { a:hover img { opacity: 0.8; } } a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } .disable-hover { pointer-events: none; } [role=button] { cursor: pointer; } .stk_svgicon { width: 1.1em; height: 1.1em; } iframe { max-width: 100%; } .wp-block-embed.alignwide iframe, .wp-block-embed.alignfull iframe { max-width: initial; } .txt_c { text-align: center; } .txt_left { text-align: left; } .txt_right { text-align: right; } .txt_s { font-size: 80%; } .txt_m { font-size: 150%; } .txt_l { font-size: 250%; } .txt_ll { font-size: 350%; } .stk-mt_0 { margin-top: 0 !important; } .stk-mt_ss { margin-top: calc(var(--stk-margin, 1.6em) / 2) !important; } .stk-mt_s { margin-top: var(--stk-margin, 1.6em) !important; } .stk-mt_m { margin-top: calc(var(--stk-margin, 1.6em) * 2) !important; } .stk-mt_l { margin-top: calc(var(--stk-margin, 1.6em) * 3) !important; } .stk-mb_0 { margin-bottom: 0 !important; } .stk-mb_ss { margin-bottom: calc(var(--stk-margin, 1.6em) / 2) !important; } .stk-mb_s { margin-bottom: var(--stk-margin, 1.6em) !important; } .stk-mb_m { margin-bottom: calc(var(--stk-margin, 1.6em) * 2) !important; } .stk-mb_l { margin-bottom: calc(var(--stk-margin, 1.6em) * 3) !important; } .stk-hidden_all { display: none !important; } @media (min-width: 768px) { .stk-hidden_pc { display: none !important; } } @media (max-width: 767px) { .stk-hidden_sp { display: none !important; } } .alignleft, img.alignleft { margin-right: 2.5%; display: inline; float: left; } .alignright, img.alignright { margin-left: 2.5%; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .wp-block-button.alignright, .wp-block-button.alignleft, .wp-block-embed.alignright, .wp-block-embed.alignleft { display: block; float: none; } .wp-block-embed.alignright .wp-block-embed__wrapper > div { margin-left: auto; } .wp-block-embed.aligncenter .wp-block-embed__wrapper > div { margin-left: auto; margin-right: auto; } hr.wp-block-separator:not([class*=is-style-]), hr.wp-block-separator.is-style-default { width: 7em; border: 1px solid; } hr:not(.wp-block-separator) { margin: 1.8em 0; border-width: 1px 0 0; border-style: dashed; } hr.wp-block-separator.is-style-wide { border-style: solid; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; } } @keyframes blinkDown { 0% { opacity: 1; transform: translateY(-1px); } 100% { opacity: 0.8; transform: translateY(1px); } } @keyframes flash { 0% { opacity: 0.5; } 100% { opacity: 1; } } .fadeIn { animation: fadeIn 0.3s ease 0s 1 both; } .fadeInUp { animation: fadeInUp 0.7s ease 0s 1 both; } .fadeInDown { animation: fadeInDown 0.6s ease 0s 1 both; } .blinkDown { animation: blinkDown 1.2s ease infinite alternate; } .delay-0_1s { animation-delay: 0.1s; } .delay-0_2s { animation-delay: 0.2s; } .delay-0_3s { animation-delay: 0.3s; } .delay-0_4s { animation-delay: 0.4s; } .delay-0_5s { animation-delay: 0.5s; } .delay-0_6s { animation-delay: 0.6s; } .delay-0_8s { animation-delay: 0.8s; } .delay-1s { animation-delay: 1s; } .mw-728 { max-width: 728px; } .has-stk-palette-one-color { color: var(--stk-palette-color1) !important; } .has-stk-palette-one-background-color { background-color: var(--stk-palette-color1) !important; } .has-stk-palette-two-color { color: var(--stk-palette-color2) !important; } .has-stk-palette-two-background-color { background-color: var(--stk-palette-color2) !important; } .has-stk-palette-three-color { color: var(--stk-palette-color3) !important; } .has-stk-palette-three-background-color { background-color: var(--stk-palette-color3) !important; } .has-stk-palette-four-color { color: var(--stk-palette-color4) !important; } .has-stk-palette-four-background-color { background-color: var(--stk-palette-color4) !important; } .has-stk-palette-five-color { color: var(--stk-palette-color5) !important; } .has-stk-palette-five-background-color { background-color: var(--stk-palette-color5) !important; } .has-stk-palette-six-color { color: var(--stk-palette-color6) !important; } .has-stk-palette-six-background-color { background-color: var(--stk-palette-color6) !important; } .has-stk-palette-seven-color { color: var(--stk-palette-color7) !important; } .has-stk-palette-seven-background-color { background-color: var(--stk-palette-color7) !important; } .has-stk-palette-eight-color { color: var(--stk-palette-color8) !important; } .has-stk-palette-eight-background-color { background-color: var(--stk-palette-color8) !important; } .has-stk-palette-nine-color { color: var(--stk-palette-color9) !important; } .has-stk-palette-nine-background-color { background-color: var(--stk-palette-color9) !important; } .has-stk-palette-ten-color { color: var(--stk-palette-color10) !important; } .has-stk-palette-ten-background-color { background-color: var(--stk-palette-color10) !important; } .has-mainttlbg-color { color: var(--main-ttl-bg) !important; } .has-mainttlbg-background-color { background-color: var(--main-ttl-bg) !important; } .has-mainttltext-color { color: var(--main-ttl-color) !important; } .has-mainttltext-background-color { background-color: var(--main-ttl-color) !important; } .has-stkeditorcolor-one-color, .has-stkeditorcolor-1-color, .has-stkeditorcolor1-color { color: var(--stk-editor-color1) !important; } .has-stkeditorcolor-one-background-color, .has-stkeditorcolor-1-background-color, .has-stkeditorcolor1-background-color { background-color: var(--stk-editor-color1) !important; } .has-stkeditorcolor-two-color, .has-stkeditorcolor-2-color, .has-stkeditorcolor2-color { color: var(--stk-editor-color2) !important; } .has-stkeditorcolor-two-background-color, .has-stkeditorcolor-2-background-color, .has-stkeditorcolor2-background-color { background-color: var(--stk-editor-color2) !important; } .has-stkeditorcolor-three-color, .has-stkeditorcolor-3-color, .has-stkeditorcolor3-color { color: var(--stk-editor-color3) !important; } .has-stkeditorcolor-three-background-color, .has-stkeditorcolor-3-background-color, .has-stkeditorcolor3-background-color { background-color: var(--stk-editor-color3) !important; } #stk_observer_target { width: 100%; height: 400px; position: absolute; top: 0; left: 0; z-index: -1; } .stk-wow-fadeIn, .stk-wow-fadeInUp, .stk-wow-fadeInDown, .stk-wow-fadeInRight, .stk-wow-fadeInLeft { transition: opacity 0.7s 0.2s, transform 0.7s ease-out 0.2s; } .stk-wow-fadeIn:not([data-animated=animated]), .stk-wow-fadeInUp:not([data-animated=animated]), .stk-wow-fadeInDown:not([data-animated=animated]), .stk-wow-fadeInRight:not([data-animated=animated]), .stk-wow-fadeInLeft:not([data-animated=animated]) { opacity: 0; } .stk-wow-fadeIn[data-animated=animated], .stk-wow-fadeInUp[data-animated=animated], .stk-wow-fadeInDown[data-animated=animated], .stk-wow-fadeInRight[data-animated=animated], .stk-wow-fadeInLeft[data-animated=animated] { opacity: 1; transform: translateY(0px); } .stk-wow-fadeInUp:not([data-animated=animated]) { transform: translateY(50px); } .stk-wow-fadeInDown:not([data-animated=animated]) { transform: translateY(-50px); } .stk-wow-fadeInRight:not([data-animated=animated]) { transform: translateX(50px); } .stk-wow-fadeInLeft:not([data-animated=animated]) { transform: translateX(-50px); } .stk_header { width: 100%; color: var(--header-text-color); background-color: var(--header-bg); transition: all 0.3s; position: relative; } @media only screen and (min-width: 1167px) { .stk_header.wide .wrap { max-width: 98%; } } .stk_header a { text-decoration: none; } .stk_header .nav_btn:hover { color: var(--header-text-color); } .stk_header a:hover { opacity: 0.7; } .headeroverlay .stk_header { background: none !important; box-shadow: none !important; position: absolute !important; top: var(--wp-admin--admin-bar--height, 0); max-width: initial !important; z-index: 9999; } .headeroverlay .stk_header:not([data-fixheader=true]) .ul__g_nav > li > a, .headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn, .headeroverlay .stk_header:not([data-fixheader=true]) .text-logo-link, .headeroverlay .stk_header:not([data-fixheader=true]) .site_description { color: var(--header-bg-overlay); background: none; } .headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn__svgicon, .headeroverlay .stk_header:not([data-fixheader=true]) .nav_btn__svgicon path, .headeroverlay .stk_header:not([data-fixheader=true]) .stk_sns__svgicon { transition: fill 0.25s; fill: var(--header-bg-overlay) !important; } .headeroverlay .stk_custom_header__text { margin-top: 50px; } .fixhead-active .stk_header { position: sticky !important; z-index: 9999; padding: 0; top: var(--wp-admin--admin-bar--height, 0); } @media only screen and (max-width: 600px) { .fixhead-active .stk_header:not([data-fixheader=false]) { top: 0; } } .fixhead-active .stk_header[data-scrollhide=true] { animation: UpMove 0.3s forwards; } @keyframes UpMove { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-100%); } } .fixhead-active .stk_header[data-scrollhide=false] { animation: DownMove 0.3s forwards; } @keyframes DownMove { from { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: translateY(0); } } .fixhead-active.headeroverlay .stk_header { position: fixed !important; } .fixhead-active.headeroverlay .stk_header[data-fixheader=true] { backdrop-filter: blur(12px); } .fixhead-active.headeroverlay .stk_header::before { content: ""; display: block; width: 100%; height: 100%; background-color: var(--header-bg); transform: translateY(-100%); position: absolute; z-index: -1; transition: opacity 0.3s, transform 0.3s; opacity: 0.9; } .fixhead-active.headeroverlay .stk_header:hover::before { opacity: 1; } .fixhead-active.headeroverlay .stk_header[data-fixheader=true]::before { transform: translateY(0); } .fixhead-active.headeroverlay .stk_header .sitelogo_double { position: relative; } .fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link { transition: opacity 0.35s, transform 0.35s; } .fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link.custom-logo-link-fix_logo { position: absolute; top: 0; bottom: 0; } .fixhead-active.headeroverlay .stk_header .sitelogo_double .custom-logo-link:not(.custom-logo-link-fix_logo) { opacity: 0; transform: translateY(-50%); } .fixhead-active.headeroverlay .stk_header[data-fixheader=true] .sitelogo_double .custom-logo-link:not(.custom-logo-link-fix_logo) { opacity: 1; transform: translateY(0); } .fixhead-active.headeroverlay .stk_header[data-fixheader=true] .sitelogo_double .custom-logo-link.custom-logo-link-fix_logo { opacity: 0; transform: translateY(-150%); } .site_description { font-size: 10px; margin: 6px 0 0; line-height: 1.2; width: 100%; } .header-info { margin: auto; font-size: 75%; text-align: center; font-weight: 700; } .header-info__text, .header-info__link { display: block; padding: 0.5em; } .header-info__link { text-decoration: none; color: inherit; } .header-info__link:hover { color: inherit; opacity: 0.8; } .site__logo .custom-logo-link { display: inline-flex; } @media only screen and (min-width: 768px) { .site__logo .custom-logo-link { display: grid; place-items: center; } } .site__logo .custom-logo { width: auto; height: auto; margin: 5px 0; } .site__logo .text-logo-link { color: var(--header-logo-color); display: inline-flex; } .site__logo .site__logo__title { margin: 0; padding: 0; font-size: 1em; line-height: 1.5; letter-spacing: 0.3px; font-weight: 700; } .site__logo.fs_ss .text { font-size: 133%; } .site__logo.fs_s .text { font-size: 161%; } .site__logo.fs_m .text { font-size: 190%; } .site__logo.fs_l .text { font-size: 285%; } .site__logo.fs_ll .text { font-size: 380%; } .site__logo.fs_ss .custom-logo { max-height: 18px; } .site__logo.fs_s .custom-logo { max-height: 25px; } .site__logo.fs_m .custom-logo { max-height: 35px; } .site__logo.fs_l .custom-logo { max-height: 60px; } .site__logo.fs_ll .custom-logo { max-height: 100vh; } .ul__g_nav .sub-menu .gf { display: none !important; } .nav_btn { width: 3em; min-height: 50px; padding: 8px 0; border: none; background: none; text-align: center; color: var(--header-text-color); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; text-decoration: none; text-transform: uppercase; } .nav_btn .text { font-size: 9px; display: block; margin-top: 6px; transform: scale(0.9); } .nav_btn__svgicon { width: 1.25em; height: 1.25em; transition: all 0.25s; fill: var(--header-text-color); } #navbtn_search_content::before { content: "キーワードで記事を検索"; } #navbtn_search_content .searchform { max-width: 100%; } @media only screen and (min-width: 768px) { #navbtn_search_content .searchform { height: 60px; } } .stk_header .stk_sns_links { flex-wrap: nowrap; margin-bottom: 0; font-size: 78%; padding: 8px; } .stk_header .stk_sns_links .stk_sns__svgicon { transition: all 0.25s; --svgsize: 1.4em; fill: var(--header-text-color); } @media only screen and (max-width: 767px) { .inner-header { position: relative; padding: 0; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .inner-header .nav_btn { width: 45px; } .site__logo { order: 2; flex-grow: 2; max-width: calc(100% - 117px); display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 50px; } .site__logo .site__logo__title { word-break: break-all; } .site__logo.img .custom-logo-link { display: inline-flex; } .h_layout_sp_center .nav_btn { position: absolute; top: 0; left: 0; order: 1; margin-right: auto; } .h_layout_sp_center .nav_btn.search_btn, .h_layout_sp_center .nav_btn.contact_btn { left: auto; right: 0; order: 3; margin-left: auto; margin-right: inherit; } .h_layout_sp_left .inner-header { display: flex; justify-content: flex-start; } .h_layout_sp_left .site__logo { order: 1; align-items: start; margin-left: 1em; text-align: left; } .h_layout_sp_left .site_description { width: auto; } .h_layout_sp_left .nav_btn { order: 2; margin-left: auto; margin-right: 0; } .h_layout_sp_left .stk_sns_links.--position-header { justify-content: flex-start; } .stk_g_nav { display: block; width: 100%; order: 4; position: relative; max-width: 1166px; padding: 0.5em 0; font-size: 70%; font-weight: 700; overflow: hidden; } .stk_g_nav a { color: inherit; text-decoration: none; display: block; padding: 0.3em 0.9em; background: rgba(255, 255, 255, 0.11); border-radius: 1em; } .ul__g_nav { width: 100%; margin: 0; display: flex; overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } .ul__g_nav::-webkit-scrollbar { display: none; } .ul__g_nav .sub-menu, .ul__g_nav .gf { display: none; } .ul__g_nav .menu-item { padding-right: 0.8em; } .ul__g_nav .menu-item:first-child { padding-left: 0.8em; } .stk_header .stk_sns_links { width: 100%; order: 5; background: rgba(255, 255, 255, 0.1); } .stk_header .stk_g_nav.stk-hidden_pc + .stk_sns_links { margin-top: 0.2em; } } @media only screen and (min-width: 768px) { .stk_header { position: relative; z-index: 999; } .inner-header { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; padding: 0 0 0 0.9em; } .site__logo { margin-right: auto; } .ul__g_nav { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; } .ul__g_nav > .menu-item { font-size: 68%; flex-flow: row wrap; font-weight: 700; } .ul__g_nav > .menu-item > a { color: inherit; display: block; padding: 0.7em 1em; text-align: center; position: relative; } .ul__g_nav > .menu-item > a::after { content: ""; display: block; position: absolute; left: 50%; bottom: 0px; transition: 0.25s ease-out; width: 0; border-bottom: 2px solid; } .ul__g_nav > .menu-item > a:hover::after { left: 0; width: 100%; } .ul__g_nav .gf { display: block; font-weight: 400; font-size: 84%; margin-top: -0.5em; opacity: 0.8; } .ul__g_nav > .menu-item.stk-button-color1 > a { background: var(--header-text-color); color: var(--header-bg); } .ul__g_nav > .menu-item.stk-button-color2 > a { background: var(--header-logo-color); color: var(--header-bg); } .ul__g_nav > .menu-item.stk-button-color1 > a:hover, .ul__g_nav > .menu-item.stk-button-color2 > a:hover { background-color: var(--header-bg); color: var(--header-text-color); } .ul__g_nav .sub-menu { font-weight: 700; margin: 0; text-align: left; position: absolute; z-index: 1; box-shadow: 0 0 15px rgba(102, 102, 102, 0.3); background-color: var(--footer-bg); width: 17em; opacity: 0; visibility: hidden; transition: 0.18s; } .ul__g_nav .sub-menu .menu-item { position: relative; } .ul__g_nav .sub-menu a { padding: 0.5em 1.5em 0.5em 0.5em; color: var(--footer-link-color); } .ul__g_nav .sub-menu a::after { color: inherit; opacity: 0.5; } .ul__g_nav .sub-menu a:hover::after { right: 3px; } .ul__g_nav .menu-item:hover > .sub-menu { opacity: 1; visibility: visible; } .ul__g_nav .sub-menu .sub-menu { top: 0; left: 100%; } body:not([class*=h_layout_pc_center_]) .inner-header .menu_btn { display: none; } [class*=h_layout_pc_center_] .stk_header { min-height: 55px; } [class*=h_layout_pc_center_] .site__logo { width: 100%; margin: 10px auto 0; } [class*=h_layout_pc_center_] .site__logo .site__logo__title { display: inline-flex; } [class*=h_layout_pc_center_] .site__logo.fs_ss .site__logo__title { align-items: center; min-height: 45px; } [class*=h_layout_pc_center_] .site__logo.fs_ss .site_description + .site__logo__title { min-height: auto; } [class*=h_layout_pc_center_] .inner-header { justify-content: center; flex-wrap: wrap; padding: 0; text-align: center; position: relative; } [class*=h_layout_pc_center_] .nav_btn { position: absolute; top: 0.3em; } [class*=h_layout_pc_center_] .search_btn, [class*=h_layout_pc_center_] .contact_btn { right: 0; } [class*=h_layout_pc_center_] .menu_btn { left: 0; } [class*=h_layout_pc_center_] .nav_btn { transform: scale(1.1); } } @media only screen and (min-width: 1167px) { .h_layout_pc_left_normal:not(.page-template-page-wide) .stk_header, .h_layout_pc_center_normal:not(.page-template-page-wide) .stk_header { margin: 0 auto; padding: 0; position: relative; z-index: 5; max-width: 1166px; } .h_layout_pc_left_normal:not(.page-template-page-wide) .header-info, .h_layout_pc_center_normal:not(.page-template-page-wide) .header-info { max-width: 1166px; position: relative; z-index: 4; font-weight: 700; } .h_layout_pc_left_normal:not(.page-template-page-wide):not(.headeroverlay) #container, .h_layout_pc_center_normal:not(.page-template-page-wide):not(.headeroverlay) #container { padding-top: 25px; } .h_layout_pc_left_normal:not(.page-template-page-wide):not(.headeroverlay) #custom_header_img, .h_layout_pc_center_normal:not(.page-template-page-wide):not(.headeroverlay) #custom_header_img { max-width: 1166px; margin: 25px auto; } .h_layout_pc_left_normal:not(.page-template-page-wide) #custom_header, .h_layout_pc_center_normal:not(.page-template-page-wide) #custom_header { margin-top: -30px; box-shadow: 0 0 100px rgba(0, 0, 0, 0.05) inset; } .ul__g_nav:not(.gnav_custom) > .menu-item { font-size: 78%; } } @media only screen and (min-width: 981px) { .ul__g_nav:not(.gnav_custom).gnav_s > .menu-item { font-size: 68%; } .ul__g_nav:not(.gnav_custom).gnav_m > .menu-item { font-size: 78%; } .ul__g_nav:not(.gnav_custom).gnav_l > .menu-item { font-size: 88%; } } .breadcrumb { font-size: 70%; background-color: var(--inner-content-bg); padding: 1em; } .breadcrumb__ul { display: flex; flex-wrap: wrap; margin: 0; gap: 0.5em; } .breadcrumb__li { display: inline-flex; align-items: center; gap: 0.5em; } .breadcrumb__li:not(:last-child):after { color: var(--main-text-color); content: "/"; } .breadcrumb__link { color: inherit; text-decoration: none; display: inline-flex; align-items: center; gap: 0.3em; } .breadcrumb.--bc-scroll { padding-inline: 0; } .breadcrumb.--bc-scroll .wrap { position: relative; } .breadcrumb.--bc-scroll .wrap::after { content: ""; position: absolute; top: 0; right: 0; background: linear-gradient(90deg, transparent, var(--inner-content-bg)); width: 2em; height: 100%; } .breadcrumb.--bc-scroll .breadcrumb__ul { padding-inline: 1em; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .breadcrumb.--bc-scroll .breadcrumb__li { white-space: nowrap; } .breadcrumb .bc_homelink .breadcrumb__link::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f015"; color: var(--main-link-color); } #inner-content { padding: 4%; background-color: var(--inner-content-bg); } #sidebar1 { margin-top: 1.5em; color: var(--side-text-color); } #sidebar1:empty { display: none; } #viral-header { min-height: auto; padding: 0; background-size: cover; margin-bottom: 0; } #viral-header .wp-block-cover__inner-container { padding: 11% 0%; width: 92%; max-width: var(--stk-main-width); margin: auto; display: flex; flex-direction: column; gap: 1em; } #viral-header .entry-title { font-size: 200%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.29); padding: 0; } @media only screen and (max-width: 767px) { #viral-header .entry-title { font-size: 130%; } } #viral-header .byline .time__date { text-shadow: 0 0 5px rgba(0, 0, 0, 0.29); } #inner-content.viral #main > .sns_btn__ul { margin-bottom: 1em; } .wp-block-group { --stk-group-padding_rl: min(4vw, 2.5em); --stk-group-padding_tb: min(8vw, 5em); } .wp-block-group.has-background { padding: var(--stk-group-padding_tb) var(--stk-group-padding_rl); } .wp-block-group.alignwide > .wp-block-group__inner-container, .wp-block-group.alignfull > .wp-block-group__inner-container { max-width: var(--stk-wide-width); margin: auto; } .wp-block-group.alignfull:not(.has-background) { padding: calc(var(--stk-group-padding_tb) / 4) var(--stk-group-padding_rl); } .wp-block-group.stk-pd-0 { padding-top: 0 !important; padding-bottom: 0 !important; overflow: hidden; } .wp-block-group.stk-pd-0 :first-child { margin-top: 0; } .wp-block-group.stk-pd-0 :last-child { margin-bottom: 0; } .wp-block-group.stk-pd-s { padding: calc(var(--stk-group-padding_tb) / 2) var(--stk-group-padding_rl) !important; } .wp-block-group.stk-pd-m { padding: calc(var(--stk-group-padding_tb) * 1.5) var(--stk-group-padding_rl) !important; } .wp-block-group.stk-pd-l { padding: calc(var(--stk-group-padding_tb) * 2) var(--stk-group-padding_rl) !important; } .wp-block-cover { min-height: 40vh; padding: 5% 4%; width: inherit; z-index: 0; } .wp-block-cover.has-parallax { clip-path: inset(0); } .wp-block-cover__image-background.has-parallax { position: fixed; } .wp-block-cover-image .wp-block-cover__inner-container:not(.mw-728), .wp-block-cover .wp-block-cover__inner-container:not(.mw-728) { max-width: var(--stk-wide-width); width: calc(100% - 30px); } @media only screen and (max-width: 600px) { .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 { width: 100%; } } [class*=stk-clip] { --stk-clip-padding: 2em; margin-top: calc(var(--stk-clip-padding) * -1); } @media only screen and (min-width: 768px) { [class*=stk-clip] { --stk-clip-padding: 4em; } } [class*=stk-clip] > .wp-block-cover__inner-container, [class*=stk-clip] > .wp-block-group__inner-container { padding-top: var(--stk-clip-padding); padding-bottom: var(--stk-clip-padding); } .stk-clip-up { clip-path: polygon(0 var(--stk-clip-padding), 100% 0, 100% 100%, 0% 100%); } .stk-clip-down { clip-path: polygon(0 0, 100% var(--stk-clip-padding), 100% 100%, 0% 100%); } .stk-clip-upscale { clip-path: polygon(0 var(--stk-clip-padding), 100% 0, 100% calc(100% - var(--stk-clip-padding)), 0% 100%); } .stk-clip-downscale { clip-path: polygon(0 0, 100% var(--stk-clip-padding), 100% 100%, 0% calc(100% - var(--stk-clip-padding))); } .stk-clip-uppoint { clip-path: polygon(50% 0, 100% var(--stk-clip-padding), 100% 100%, 0 100%, 0 var(--stk-clip-padding)); } .stk-clip-downpoint { clip-path: polygon(50% var(--stk-clip-padding), 100% 0%, 100% 100%, 0 100%, 0 0); } .stk-linked-block { position: relative !important; } .stk-linked-block a.stk-block-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 90; } .stk-linked-block.stk-linked-block-animate { transition: 0.3s ease-in-out; } .stk-linked-block.stk-linked-block-animate:hover { transform: translateY(-5px); opacity: 0.8; } a.editorskit-block-link[target=_blank]::after { content: none !important; } @media (min-width: 981px) and (max-width: 1166px) { #inner-content.page-full .alignwide, #inner-content.page-full .alignfull, #inner-content.viral .alignwide, #inner-content.viral .alignfull { width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } } @media only screen and (min-width: 1167px) { .h_layout_pc_left_normal #viral-header, .h_layout_pc_left_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_left_normal:not(.page-template-page-wide) #footer, .h_layout_pc_center_normal #viral-header, .h_layout_pc_center_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_center_normal:not(.page-template-page-wide) #footer { max-width: var(--stk-wrap-width); margin: 25px auto; } .h_layout_pc_left_normal #viral-header, .h_layout_pc_left_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_center_normal #viral-header, .h_layout_pc_center_normal:not(.page-template-page-wide) #breadcrumb { margin: 0 auto; } #inner-content, .stk_header, .stk_header[data-fixheader=true]::before, body:not(.page-template-page-wide) #footer, .h_layout_pc_left_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_left_normal #viral-header, .h_layout_pc_center_normal:not(.page-template-page-wide) #breadcrumb, .h_layout_pc_center_normal #viral-header { box-shadow: 0 0 15px rgba(102, 102, 102, 0.2); } #inner-content.page-full .alignwide, #inner-content.viral .alignwide { width: calc(100% + 100px); max-width: calc(100% + 100px); margin-left: -50px; } #inner-content.page-full .alignfull, #inner-content.viral .alignfull .alignfull { width: calc(100% + var(--stk-wrap-width) - var(--stk-wide-width)); max-width: calc(100% + var(--stk-wrap-width) - var(--stk-wide-width)); margin-left: calc((var(--stk-wide-width) - var(--stk-wrap-width)) / 2); } #inner-content.viral .alignwide .alignfull { width: var(--stk-wrap-width); max-width: var(--stk-wrap-width); margin-left: calc((100% - var(--stk-wrap-width)) / 2); } #inner-content.viral .alignfull { width: calc(100% + var(--stk-wrap-width) - var(--stk-main-width)); max-width: calc(100% + var(--stk-wrap-width) - var(--stk-main-width)); margin-left: calc((var(--stk-main-width) - var(--stk-wrap-width)) / 2); } } @media only screen and (min-width: 981px) { #content:not(.lp-wrap) #inner-content { margin-top: 35px; margin-bottom: 35px; } #inner-content { display: flex; justify-content: var(--stk-flex-style, flex-start); padding: 35px; gap: 0 2%; } #main { width: var(--stk-main-width); max-width: var(--stk-main-width); min-width: 0; } #sidebar1 { font-size: 88%; width: calc(var(--stk-wrap-width) - var(--stk-main-width) - var(--stk-side-margin) - 70px); max-width: min(336px, 33%); flex: none; margin-top: 0; margin-left: auto; } #scrollfix { position: sticky !important; z-index: 9998; top: 4%; } .fixhead-active #scrollfix { top: 10%; } .sidebarleft #main { margin-left: auto; order: 2; } .sidebarleft #sidebar1 { order: 1; margin-left: 0; } } @media only screen and (max-width: 980px) { .alignwide, .alignfull { margin-left: var(--stk-el-margin-rl, -4vw); margin-right: var(--stk-el-margin-rl, -4vw); overflow-x: hidden; } } @media only screen and (min-width: 768px) { #inner-content.page-full #main { max-width: var(--stk-wide-width); width: 100%; margin: auto; } #inner-content.viral #main { margin: auto; } } .byline { display: flex; flex-wrap: wrap; align-items: center; margin: 0; font-size: 85%; gap: 0.6em; } .time__date { opacity: 0.75; } .time__date::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 400; content: "\f017"; margin-right: 0.3em; } .time__date.undo::before { content: "\f0e2"; font-weight: 700; } .time__date + .post__views { margin-left: 0.3em; } .post__views { font-size: 80%; opacity: 0.75; } .post__views::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 400; content: "\f06e"; margin-right: 0.15em; } .byline .writer { margin-right: 0; margin-left: auto; } .byline .writer .fn { opacity: 0.7; } .byline .writer .avatar { display: inline-block; border-radius: 50%; width: 1.6em; margin: 0 3px 0 auto; border: 1px solid #fff; box-shadow: 0 0 5px rgba(102, 102, 102, 0.3); transform: translateY(-2px); } .entry-header { display: flex; flex-flow: column nowrap; gap: 1em; margin-bottom: 1em; } .entry-header .entry-title { font-size: var(--stk-post-title-font_size); margin: 0; } @media only screen and (max-width: 767px) { .entry-header .entry-title { font-size: 115%; } } .entry-header .byline:not(:has(.writer)) .pr-notation { margin-left: auto; } .pr-notation { font-size: 85%; font-weight: 700; padding: 0.2em 0.5em; display: table; width: fit-content; box-shadow: 0 0 1px; border-radius: 3px; opacity: 0.75; } .pr-notation::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f06a"; display: inline-block; transform: scale(1.05); margin-right: 0.3em; } .page .pr-notation, .archive .pr-notation { font-size: 70%; } .archive .pr-notation { margin-bottom: 1em; } .eyecatch-caption-text { opacity: 0.7; font-size: 80%; } @media only screen and (min-width: 1167px) { .single .byline:has(.cat-name:not(.noposition)) { position: relative; padding-top: 1em; } .single .byline:has(.cat-name:not(.noposition)) .cat-name { position: absolute; top: -1.7em; left: -3.3em; } } dl, ol, p, ul { letter-spacing: 0.025em; } p { margin: 0 0 var(--stk-margin, 1.6em); line-height: var(--stk-line_height, 1.8); } .has-drop-cap:not(:focus):first-letter { font-size: 3.2em; line-height: 1; margin: 0.05em 0.1em 0 0; } .entry-content a:not(.no-icon)[target=_blank]::after { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f35d"; font-size: 95%; margin: 0 3px 0 2px; } .entry-content a.wp-block-social-link-anchor[target=_blank]::after { content: none; } a[href^="tel:"] { color: inherit; text-decoration: none; } .entry-content table { width: 100%; font-size: 90%; margin-bottom: 1.5em; border-collapse: collapse; line-height: var(--stk-line_height, 1.8); } .entry-content td, .entry-content th { padding: 0.8em 0.5em; border-style: solid; border: 1px solid #ddd; border-color: hsla(0, 0%, 80%, 0.3); } .entry-content td input { margin: 3px 0; } .stk-table-thdesign tr td:first-child, th { font-weight: 700; text-align: center; background-color: hsla(0, 0%, 80%, 0.15); } .wp-block-table { margin-bottom: 1.5em; } .wp-block-table table { margin-bottom: 0; } .wp-block-table thead { border-bottom: none; } .wp-block-table th, .wp-block-table td { padding: 0.8em 0.5em; border-color: hsla(0, 0%, 80%, 0.3); } .wp-block-table .has-text-color th, .wp-block-table .has-text-color td, .wp-block-table .has-text-color thead, .wp-block-table .has-text-color tfoot { border-color: initial; } .wp-block-table.is-style-stk-table-border td, .wp-block-table.is-style-stk-table-border th { border-width: 2px; border-left: none; border-right: none; } .wp-block-table.is-style-stripes { margin-bottom: 1.5em; border-bottom: 0; } .wp-block-table.is-style-stripes th { background: none; } .wp-block-table.is-style-stripes thead { border-bottom: 2px solid #ddd; border-color: hsla(0, 0%, 80%, 0.3); } .wp-block-table.is-style-stripes tfoot { border-top: 2px solid #ddd; border-color: hsla(0, 0%, 80%, 0.3); } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: hsla(0, 0%, 80%, 0.15); } @media only screen and (max-width: 480px) { .stk-table-scroll { overflow: auto; display: inherit !important; -webkit-overflow-scrolling: touch; margin-bottom: 2em; } .stk-table-scroll::before { content: "▼この表は横にスクロールできます"; position: sticky; top: 0; left: 0; display: block; font-size: 80%; text-align: center; background: hsla(0, 0%, 80%, 0.15); padding: 0.3em; margin-bottom: 0.5em; opacity: 0.7; } .stk-table-scroll table { margin-bottom: 0.5em; white-space: nowrap; width: var(--stk-main-width); } .stk-table-scroll .has-fixed-layout { table-layout: initial; } .stk-table-scroll::-webkit-scrollbar { height: 5px; } .stk-table-scroll::-webkit-scrollbar-track { background: #F1F1F1; } .stk-table-scroll::-webkit-scrollbar-thumb { background: #BCBCBC; } .page-full .stk-table-scroll table, .lp-wrap .stk-table-scroll table { width: var(--stk-wide-width); } } blockquote:not([class*=-embed]):not(.is-style-large) { font-size: 90%; padding: 1.6em 4%; margin: 2.5em 0 3em; position: relative; border: 1px solid; border-radius: 5px; } blockquote:not([class*=-embed]):not(.is-style-large)::before, blockquote:not([class*=-embed]):not(.is-style-large)::after { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; position: absolute; width: 1em; height: 1em; box-sizing: content-box; display: block; padding: 0.2em; text-align: center; font-size: 1.3em; line-height: 1; background-color: var(--inner-content-bg); } blockquote:not([class*=-embed]):not(.is-style-large)::before { content: "\f10d"; left: -0.2em; top: -0.3em; } blockquote:not([class*=-embed]):not(.is-style-large)::after { content: "\f10e"; right: -0.2em; bottom: -0.4em; } blockquote:not([class*=-embed]):not(.is-style-large) h2, blockquote:not([class*=-embed]):not(.is-style-large) h3, blockquote:not([class*=-embed]):not(.is-style-large) h4 { margin-top: 0 !important; } blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor { padding: 2.6em 5%; border: 2px solid rgba(213, 213, 213, 0.5); border-radius: 7px; } blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::after, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::after { font-size: 1.6em; padding: 0.5em 0.6em; background: none; opacity: 0.4; } blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::before { top: 0; left: 0; } blockquote:not([class*=-embed]):not(.is-style-large).is-style-plain::after, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor::after { bottom: 0; right: 0; } blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor { background: var(--main-ttl-bg-rgba); border: none; } blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor:not(.has-text-color)::before, blockquote:not([class*=-embed]):not(.is-style-large).is-style-sitecolor:not(.has-text-color)::after { color: var(--main-ttl-bg); } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 0; padding: 0; } .wp-block-pullquote blockquote { border: none; border-top: 4px solid; border-bottom: 4px solid; border-radius: 0; } .wp-block-pullquote blockquote::before, .wp-block-pullquote blockquote::after { content: none; } blockquote cite { display: block; font-size: 88%; font-style: normal; opacity: 0.8; } .entry-content img { margin-bottom: 1.5em; max-width: 100%; height: auto; } .entry-content p img { margin-bottom: 0; vertical-align: baseline; } .wp-block-media-text { --stk-mediatext-padding_tb: min(8%, 5em); --stk-mediatext-padding_rl: min(4%, 2.5em); } .wp-block-media-text__media img { margin-bottom: 0; } .wp-block-media-text .wp-block-media-text__content { padding: 0; } .wp-block-media-text .wp-block-media-text__content :first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content :last-child { margin-bottom: 0; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding-right: var(--stk-mediatext-padding_rl); } .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content { padding-left: var(--stk-mediatext-padding_rl); } .wp-block-media-text.has-background .wp-block-media-text__content { padding: var(--stk-mediatext-padding_tb); } @media only screen and (max-width: 600px) { .wp-block-media-text.has-background .wp-block-media-text__content { padding: var(--stk-mediatext-padding_tb) var(--stk-mediatext-padding_rl); } } .wp-block-media-text:not(.has-background).alignfull .wp-block-media-text__content { padding-left: var(--stk-mediatext-padding_rl); padding-right: var(--stk-mediatext-padding_rl); } @media only screen and (max-width: 600px) { .wp-block-media-text:not(.has-background).is-stacked-on-mobile .wp-block-media-text__content { padding: var(--stk-mediatext-padding_tb) 0; } .wp-block-media-text:not(.has-background).is-stacked-on-mobile.alignwide .wp-block-media-text__content, .wp-block-media-text:not(.has-background).is-stacked-on-mobile.alignfull .wp-block-media-text__content { padding-left: var(--stk-mediatext-padding_rl); padding-right: var(--stk-mediatext-padding_rl); } } .size-auto:not(.alignwide):not(.alignfull), .size-full:not(.alignwide):not(.alignfull), .size-large:not(.alignwide):not(.alignfull), .size-medium, .size-thumbnail { max-width: 100%; } pre:not(.prettyprint) { background: #555; background: rgba(0, 0, 0, 0.7); color: #f8f9fa; font-size: 85%; line-height: 1.3; padding: 1.2em 1.7em; margin: 0.2em 0 2.2em; border-radius: 5px; } pre code { padding: 0; border-radius: 0; background: none; color: inherit; } .wp-block-details { margin: 1em 0; } .wp-block-details > :not(summary) { margin-block-end: 0; margin-block-start: 1em; } .wp-block-details summary { display: list-item; } .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 { letter-spacing: 0.3px; font-weight: 700; line-height: var(--stk-heading-line_height, 1.5); } .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: none; } .h1, h1 { font-size: 1.9em; font-size: var(--stk-h1-font_size); margin-top: 0.67em; margin-bottom: 0.67em; } .h2, h2 { font-size: 120%; font-size: var(--stk-h2-font_size); margin-top: 0.83em; margin-bottom: 0.83em; } .h3, h3 { font-size: 110%; font-size: var(--stk-h3-font_size); margin-top: 1em; margin-bottom: 1em; } .h4, h4 { font-size: var(--stk-h4-font_size); margin-top: 1.33em; margin-bottom: 1.33em; } .h5, h5 { font-size: var(--stk-h5-font_size); margin-top: 1.33em; margin-bottom: 1.33em; } .entry-content h2:not([class*=is-style-style]), .homeadd_wrap h2:not([class*=is-style-style]) { position: relative; border: none; font-size: var(--stk-h2-normal-font_size); padding: 1em 1.1em; margin-top: var(--stk-heading-margin_top, 2em); margin-bottom: var(--stk-heading-margin_bottom, 1em); border-radius: var(--stk-h2-border_radius, 3px); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.03); } .entry-content h2:not([class*=is-style-style]):not(.has-background), .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) { background-color: var(--main-ttl-bg); } .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) { color: var(--main-ttl-color); } .homeadd_wrap.homeaddtop .widget:first-child h2.widgettitle { margin-top: 0; } .entry-content h3:not([class*=is-style-style]) { border-top: var(--stk-h3-border_width, 4px) solid; border-bottom: var(--stk-h3-border_width, 4px) solid; padding: 0.5em 0.2em; margin-top: var(--stk-heading-margin_top, 2em); margin-bottom: var(--stk-heading-margin_bottom, 1em); } .entry-content h4:not([class*=is-style-style]) { border-left: var(--stk-h4-border_width, 4px) solid; padding: 0.5em 0 0.5em 0.8em; margin-top: var(--stk-heading-margin_top, 2em); margin-bottom: var(--stk-heading-margin_bottom, 1em); } .entry-content h3:not([class*=is-style-style]):not(.has-text-color), .entry-content h4:not([class*=is-style-style]):not(.has-text-color) { border-color: var(--main-ttl-bg); } .is-style-style__section_ttl__border_under { position: relative; padding-bottom: 1.2em; } .is-style-style__section_ttl__border_under::before { content: ""; display: block; position: absolute; bottom: 0.5em; width: 60px; border-top-style: solid; } .is-style-style__section_ttl__border_under:not(.has-text-color)::before { border-color: var(--main-ttl-bg); } .is-style-style__section_ttl__border_under.has-text-align-center::before { margin-left: auto; margin-right: auto; left: 0; right: 0; } .is-style-style__section_ttl__border_under.has-text-align-right::before { margin-left: auto; margin-right: 0; right: 0; } h2.is-style-style__section_ttl__border_under::before { border-top-width: var(--stk-h2-border_width, 4px); } h3.is-style-style__section_ttl__border_under::before { border-top-width: var(--stk-h3-border_width, 4px); } h4.is-style-style__section_ttl__border_under::before { border-top-width: var(--stk-h4-border_width, 4px); } .h_boader .entry-content h2:not([class*=is-style-style]), .h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]), .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]), .h_marker .entry-content h2:not([class*=is-style-style]), .h_marker .homeadd_wrap h2:not([class*=is-style-style]), .h_bl_bg .entry-content h2:not([class*=is-style-style]), .h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]), .h_bb_bg .entry-content h2:not([class*=is-style-style]), .h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]) { border-radius: 0; box-shadow: none; } .h_rgba .entry-content h2:not([class*=is-style-style]), .h_rgba .homeadd_wrap h2:not([class*=is-style-style]) { box-shadow: none; } .h_rgba .entry-content h2:not([class*=is-style-style]):not(.has-background), .h_rgba .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) { background-color: var(--main-ttl-bg-rgba); } .h_rgba .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_rgba .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) { color: inherit; } .h_boader .entry-content h2:not([class*=is-style-style]):not(.has-background), .h_boader .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background), .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-background), .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background), .h_marker .entry-content h2:not([class*=is-style-style]):not(.has-background), .h_marker .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) { background: none; } .h_boader .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_boader .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_marker .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_marker .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) { color: inherit; } @media only screen and (min-width: 481px) { .h_boader .entry-content h2:not([class*=is-style-style]), .h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]), .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]), .h_marker .entry-content h2:not([class*=is-style-style]), .h_marker .homeadd_wrap h2:not([class*=is-style-style]) { font-size: 140%; } } @media only screen and (max-width: 480px) { .h_boader .entry-content h2:not([class*=is-style-style]), .h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]), .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]), .h_marker .entry-content h2:not([class*=is-style-style]), .h_marker .homeadd_wrap h2:not([class*=is-style-style]) { margin-left: 0; margin-right: 0; } } .h_boader .entry-content h3:not([class*=is-style-style]), .h_bs_bd .entry-content h3:not([class*=is-style-style]), .h_marker .entry-content h3:not([class*=is-style-style]) { border-top: none; padding: 0.1em; } .h_boader .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_boader .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) { border-color: var(--main-ttl-bg); } .h_boader .entry-content h2:not([class*=is-style-style]), .h_boader .homeadd_wrap h2:not([class*=is-style-style]), .h_bs_bd .entry-content h2:not([class*=is-style-style]), .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]) { border-top: var(--stk-h2-border_width, 4px) solid; border-bottom: var(--stk-h2-border_width, 4px) solid; padding: 0.5em 0.2em; } .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color)::before, .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color)::before { border-top-color: var(--main-ttl-bg); } .h_bs_bd .entry-content h2:not([class*=is-style-style]):not(.has-text-color)::after, .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color)::after { border-bottom-color: var(--main-ttl-bg); } .h_bs_bd .entry-content h2:not([class*=is-style-style])::before, .h_bs_bd .entry-content h2:not([class*=is-style-style])::after, .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::before, .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::after { content: ""; position: absolute; left: 0; width: 100%; opacity: 0.75; } .h_bs_bd .entry-content h2:not([class*=is-style-style])::before, .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::before { top: 2px; border-top: 2px dotted; } .h_bs_bd .entry-content h2:not([class*=is-style-style])::after, .h_bs_bd .homeadd_wrap h2:not([class*=is-style-style])::after { bottom: 2px; border-bottom: 2px dotted; } .h_bs_bd .entry-content h3:not([class*=is-style-style]) { border-bottom-style: dotted; } .h_bs_bd .entry-content h4:not([class*=is-style-style]) { border-left-style: dotted; } .h_marker .entry-content h2:not([class*=is-style-style]):not(.has-text-color)::after, .h_marker .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color)::after { border-bottom-color: var(--main-ttl-bg); } .h_marker .entry-content h2:not([class*=is-style-style]), .h_marker .homeadd_wrap h2:not([class*=is-style-style]) { position: relative; border: none; } .h_marker .entry-content h2:not([class*=is-style-style]), .h_marker .homeadd_wrap h2:not([class*=is-style-style]) { padding: 0.1em; } .h_marker .entry-content h2:not([class*=is-style-style])::after, .h_marker .homeadd_wrap h2:not([class*=is-style-style])::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 0.7em solid; z-index: -1; opacity: 0.25; } .h_marker .entry-content h3:not([class*=is-style-style]):not(.has-text-color)::after { border-bottom-color: var(--main-ttl-bg); } .h_marker .entry-content h3:not([class*=is-style-style]), .h_marker .entry-content h4:not([class*=is-style-style]) { position: relative; border: none; } .h_marker .entry-content h3:not([class*=is-style-style]) { padding: 0.1em; } .h_marker .entry-content h3:not([class*=is-style-style])::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 0.25em solid; opacity: 0.5; } .h_marker .entry-content h4:not([class*=is-style-style]):not(.has-text-color)::before { border-left-color: var(--main-ttl-bg); } .h_marker .entry-content h4:not([class*=is-style-style])::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; border-left: var(--stk-h4-border_width, 4px) solid; opacity: 0.5; } .h_balloon .entry-content h2:not([class*=is-style-style])::before, .h_balloon .homeadd_wrap h2:not([class*=is-style-style])::before { content: ""; position: absolute; background-color: inherit; width: 0.8em; height: 0.8em; transform: scale(0.75, 1) rotate(45deg); bottom: -0.4em; left: 5%; } .h_stitch .entry-content h2:not([class*=is-style-style]), .h_stitch .homeadd_wrap h2:not([class*=is-style-style]) { position: relative; } .h_stitch .entry-content h2:not([class*=is-style-style])::before, .h_stitch .entry-content h2:not([class*=is-style-style])::after, .h_stitch .homeadd_wrap h2:not([class*=is-style-style])::before, .h_stitch .homeadd_wrap h2:not([class*=is-style-style])::after { content: ""; display: block; position: absolute; top: 3px; left: 0; width: 100%; height: 1px; border-top: 2px dashed #ffffff; opacity: 0.5; } .h_stitch .entry-content h2:not([class*=is-style-style])::after, .h_stitch .homeadd_wrap h2:not([class*=is-style-style])::after { top: auto; bottom: 3px; } .h_stitch .entry-content h3:not([class*=is-style-style]) { border-top-style: dotted; border-bottom-style: dotted; } .h_stitch .entry-content h4:not([class*=is-style-style]) { border-left-style: dotted; } .h_stripe .entry-content h2:not([class*=is-style-style]), .h_stripe .homeadd_wrap h2:not([class*=is-style-style]) { background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 255, 255, 0.1) 4px, rgba(255, 255, 255, 0.1) 8px); } .h_stripe .entry-content h3:not([class*=is-style-style]) { padding-top: 0.1em; border: none; position: relative; } .h_stripe .entry-content h3:not([class*=is-style-style])::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--stk-h3-border_width, 4px); background: linear-gradient(45deg, transparent 25%, var(--main-ttl-bg) 25%, var(--main-ttl-bg) 50%, transparent 50%, transparent 75%, var(--main-ttl-bg) 75%, var(--main-ttl-bg)); background-size: 4px 4px; opacity: 0.5; } .h_stripe .entry-content h4:not([class*=is-style-style]) { border-left: none; position: relative; } .h_stripe .entry-content h4:not([class*=is-style-style])::before { content: ""; position: absolute; top: 0; left: 0; width: var(--stk-h4-border_width, 4px); height: 100%; background-color: var(--main-ttl-bg); opacity: 0.4; } .h_bl_bg .entry-content h2:not([class*=is-style-style]):not(.has-background), .h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background), .h_bb_bg .entry-content h2:not([class*=is-style-style]):not(.has-background), .h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-background) { background-color: rgba(238, 238, 238, 0.5); } .h_bl_bg .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color), .h_bb_bg .entry-content h2:not([class*=is-style-style]):not(.has-text-color), .h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]):not(.has-text-color) { color: inherit; border-color: var(--main-ttl-bg); } .h_bl_bg .entry-content h3:not([class*=is-style-style]):not(.has-text-color)::after, .h_bb_bg .entry-content h3:not([class*=is-style-style]):not(.has-text-color)::after { border-bottom-color: var(--main-ttl-bg); } .h_bl_bg .entry-content h3:not([class*=is-style-style]), .h_bb_bg .entry-content h3:not([class*=is-style-style]) { border-top: none; position: relative; border-bottom-color: rgba(221, 221, 221, 0.5); padding: 0.3em 0.1em; } .h_bl_bg .entry-content h3:not([class*=is-style-style])::after, .h_bb_bg .entry-content h3:not([class*=is-style-style])::after { content: ""; position: absolute; left: 0; bottom: calc(var(--stk-h3-border_width, 4px) * -1); width: 30%; border-bottom: var(--stk-h3-border_width, 4px) solid; } .h_bl_bg .entry-content h2:not([class*=is-style-style]), .h_bl_bg .homeadd_wrap h2:not([class*=is-style-style]) { border-left: var(--stk-h2-border_width, 4px) solid; } .h_bb_bg .entry-content h2:not([class*=is-style-style]), .h_bb_bg .homeadd_wrap h2:not([class*=is-style-style]) { border-bottom: var(--stk-h2-border_width, 4px) solid; } .w_stylenone .sidebar .widgettitle, .w_stylenone .spnavi .widgettitle { background: inherit; color: inherit; padding: inherit; } .w_border .sidebar .widgettitle, .w_border .spnavi .widgettitle, .w_dotted .sidebar .widgettitle, .w_dotted .spnavi .widgettitle, .w_borderleft .sidebar .widgettitle, .w_borderleft .spnavi .widgettitle, .w_bycolor .sidebar .widgettitle, .w_bycolor .spnavi .widgettitle { background: none; color: inherit; padding: 0.25em 0.1em; } .w_border .sidebar .widgettitle, .w_border .spnavi .widgettitle { border-bottom: var(--stk-wttl-border_width, 2px) solid var(--main-ttl-bg); } .w_dotted .sidebar .widgettitle, .w_dotted .spnavi .widgettitle { border-bottom: var(--stk-wttl-border_width, 2px) dotted var(--main-ttl-bg); } .w_borderleft .sidebar .widgettitle, .w_borderleft .spnavi .widgettitle { border-left: var(--stk-wttl-border_width, 2px) solid var(--main-ttl-bg); padding: 0.1em 0.65em; } .w_bycolor .sidebar .widgettitle, .w_bycolor .spnavi .widgettitle { border-bottom: var(--stk-wttl-border_width, 2px) solid rgba(221, 221, 221, 0.5); position: relative; } .w_bycolor .sidebar .widgettitle::after, .w_bycolor .spnavi .widgettitle::after { content: ""; position: absolute; left: 0; bottom: calc(var(--stk-wttl-border_width, 2px) * -1); width: 30%; border-bottom: var(--stk-wttl-border_width, 2px) solid var(--main-ttl-bg); } .w_stitch .sidebar .widgettitle, .w_stitch .spnavi .widgettitle { position: relative; } .w_stitch .sidebar .widgettitle::before, .w_stitch .sidebar .widgettitle::after, .w_stitch .spnavi .widgettitle::before, .w_stitch .spnavi .widgettitle::after { content: ""; display: block; position: absolute; top: 2px; left: 0; width: 100%; height: 1px; border-top: 1px dashed rgba(255, 255, 255, 0.75); } .w_stitch .sidebar .widgettitle::after, .w_stitch .spnavi .widgettitle::after { top: auto; bottom: 2px; } .w_stripe .sidebar .widgettitle, .w_stripe .spnavi .widgettitle { background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 255, 255, 0.1) 4px, rgba(255, 255, 255, 0.1) 8px); } h2.is-style-stylenone, h3.is-style-stylenone, h4.is-style-stylenone { border: none; box-shadow: none; position: static; border-radius: 0; margin: 1.15em 0; } h2.is-style-stylenone:not(.has-text-color):not(.has-background), h3.is-style-stylenone:not(.has-text-color):not(.has-background), h4.is-style-stylenone:not(.has-text-color):not(.has-background) { background: none; padding: 0; } @media only screen and (max-width: 480px) { .entry-content h2:not([class*=is-style-style]):not(.alignwide):not(.alignfull), .homeadd_wrap h2, #inner-content .widgettitle { margin-left: var(--stk-h2-margin-rl, -2vw); margin-right: var(--stk-h2-margin-rl, -2vw); } .entry-content h2:not([class*=is-style-style]), .entry-content h3:not([class*=is-style-style]), .entry-content h4:not([class*=is-style-style]), .homeadd_wrap h2 { font-size: 105%; } } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: var(--oc-has-background-basic-padding); } .entry-content ul:not(li ul), .entry-content ol:not(li ol) { line-height: var(--stk-line_height, 1.8); margin: 0 0 var(--stk-list-margin, 1em); } .entry-content li ul, .entry-content li ol { margin: 0 0 var(--stk-list-item-margin, 0.7em); } .entry-content li { position: relative; padding-left: 1.35em; margin: var(--stk-list-item-margin, 0.7em) 0; } .entry-content li li { margin: calc(var(--stk-list-item-margin, 0.7em) - 0.1em) 0; } .entry-content ul li::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f111"; display: block; position: absolute; left: 2px; top: 0; transform: scale(0.6); color: var(--main-ttl-bg); background: none; } .entry-content li ul li::before { content: "\f192"; } .entry-content ol { counter-reset: number; } .entry-content ol[start] { counter-reset: unset; } .entry-content ol > li { padding-left: calc(var(--stk-list-icon-size, 1.8em) + 0.1em); } .entry-content ol > li::before { font-family: inherit; counter-increment: number; content: counter(number); background-color: var(--main-ttl-bg); border: 1px solid var(--main-ttl-bg); color: var(--main-ttl-color); width: var(--stk-list-icon-size, 1.8em); height: var(--stk-list-icon-size, 1.8em); line-height: var(--stk-list-icon-size, 1.8em); font-weight: 700; display: block; text-align: center; border-radius: 50%; position: absolute; transform: scale(0.65); left: 1px; top: 0; } .entry-content li ol > li:before { background: none; content: counter(number) "."; border: none; color: inherit; opacity: 0.6; transform: scale(0.9); top: 1px; } .entry-content ul.has-text-color li::before { color: currentColor; } .entry-content ul.has-background, .entry-content ol.has-background { padding: 1% 3%; } .entry-content .stk-list-icon--stylenone, .entry-content .stk-list-icon--stylenone ul, .entry-content .stk-list-icon--stylenone ol, .entry-content ol.wp-block-footnotes { padding-left: 1.5em; } .entry-content .stk-list-icon--stylenone.has-background, .entry-content .stk-list-icon--stylenone ul.has-background, .entry-content .stk-list-icon--stylenone ol.has-background, .entry-content ol.wp-block-footnotes.has-background { padding-left: 2.5em !important; } .entry-content .stk-list-icon--stylenone[class*=is-style-faq_type_] { padding-left: 2.9em; } .entry-content .stk-list-icon--stylenone li, .entry-content .wp-block-footnotes li { padding-left: 0; list-style-type: inherit; } .entry-content .stk-list-icon--stylenone li::before, .entry-content .stk-list-icon--stylenone li ul li::before, .entry-content .wp-block-footnotes li::before, .entry-content .wp-block-footnotes li ul li::before { content: none; } .entry-content ul[class*=stk-list-icon--] > li::before { transform: scale(1); } .entry-content ul.stk-list-icon--check01 > li::before { content: "\f00c"; } .entry-content ul.stk-list-icon--check02 > li::before { content: "\f14a"; font-weight: 400; } .entry-content ul.stk-list-icon--arrow01 > li::before { content: "\f061"; } .entry-content ul.stk-list-icon--arrow02 > li::before { content: "\f105"; left: 6px; } .entry-content ul.stk-list-icon--star > li::before { content: "\f005"; } .entry-content ul.stk-list-icon--bell > li::before { content: "\f0f3"; font-weight: 400; } .entry-content ul.stk-list-icon--comment > li::before { content: "\f075"; font-weight: 400; } .entry-content ul.stk-list-icon--lightbulb > li::before { content: "\f0eb"; font-weight: 400; left: 4px; } .entry-content ul.stk-list-icon--map > li::before { content: "\f3c5"; left: 4px; } .entry-content ul.stk-list-icon--exclamation1 > li::before { content: "\f06a"; } .entry-content ul.stk-list-icon--exclamation2 > li::before { content: "\f071"; } .entry-content ul.stk-list-icon--good > li::before { content: "\f164"; } .entry-content ul.stk-list-icon--bad > li::before { content: "\f165"; } .wp-block-social-links li { padding: 0; margin: initial; position: initial; list-style: initial; } .wp-block-social-links li::before { content: none !important; } .wp-block-latest-comments .wp-block-latest-comments__comment { padding: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment::before { content: none; } .wp-caption { max-width: 100%; background: #fff; padding: 5px; margin-bottom: 1.2em; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 3px; } .wp-caption img, .wp-block-image img { max-width: 100%; margin-bottom: 0; } .wp-block-image, .wp-block-video, .wp-block-embed.is-type-video { margin-bottom: var(--stk-margin, 1.6em); } .wp-block-image.alignfull, .wp-block-image.alignwide { margin-bottom: 0; } .wp-block-video video { vertical-align: bottom; } .wp-block-video.alignfull video { width: 100%; } .wp-block-image.is-style-stk_shadow_s img, .wp-block-video.is-style-stk_shadow_s video { filter: drop-shadow(var(--stk-shadow-s)); margin-bottom: 0.5em; } .wp-block-image.is-style-stk_shadow_l img, .wp-block-video.is-style-stk_shadow_l video { filter: drop-shadow(var(--stk-shadow-l)); margin-bottom: 1em; } .wp-block-image.is-style-stk_border figure, figure.wp-block-image.is-style-stk_border, .wp-block-video.is-style-stk_border video { padding: 5px; border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 3px; } .is-style-stk_clip_tilt_r img { clip-path: polygon(5em 0%, 100% 0%, calc(100% - 5em) 100%, 0% 100%); } .is-style-stk_clip_tilt_l img { clip-path: polygon(0 0, calc(100% - 5em) 0, 100% 100%, 5em 100%); } .is-style-stk_clip_point_r img { clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); } .is-style-stk_clip_point_l img { clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%); } .is-style-stk_clip_tryangle img { clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } .is-style-stk_clip_rhombus img { clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0 50%); } .is-style-stk_clip_pentagon img { clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); } .is-style-stk_clip_hexagon img { clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); } .is-style-stk_clip_random1 img { clip-path: polygon(13% 7%, 36% 0, 84% 10%, 89% 20%, 98% 27%, 100% 40%, 96% 65%, 98% 75%, 80% 93%, 31% 100%, 12% 91%, 1% 63%, 3% 39%, 0 29%); } .is-style-stk_clip_random2 img { clip-path: polygon(50% 0, 78% 2%, 98% 31%, 89% 86%, 70% 100%, 28% 100%, 9% 87%, 2% 46%, 21% 6%); } figure.is-style-stk_frame_browser, .is-style-stk_frame_browser > figure { position: relative; background: #dfe1e6; padding-top: calc(var(--stk-caption-font-size) + 19px); border-radius: 8px; filter: drop-shadow(0 5px 7px rgba(0, 0, 0, 0.1)); } figure.is-style-stk_frame_browser::before, figure.is-style-stk_frame_browser::after, .is-style-stk_frame_browser > figure::before, .is-style-stk_frame_browser > figure::after { content: ""; position: absolute; top: 11px; width: 8px; height: 8px !important; border-radius: 50%; } figure.is-style-stk_frame_browser::before, .is-style-stk_frame_browser > figure::before { left: 11px !important; background: #f36b5d; } figure.is-style-stk_frame_browser::after, .is-style-stk_frame_browser > figure::after { left: 23px; background: #57c354; } figure.is-style-stk_frame_browser img, .is-style-stk_frame_browser > figure img { border-radius: 0 0 8px 8px; } figure.is-style-stk_frame_browser figcaption, .is-style-stk_frame_browser > figure figcaption { background: rgba(255, 255, 255, 0.85) !important; font-size: var(--stk-caption-font-size) !important; border-radius: 6px 6px 0 0; position: absolute !important; top: 5px; left: 42px !important; right: auto !important; bottom: auto !important; line-height: 1; margin: 0 !important; max-width: calc(100% - 53px); padding: 7px 8px !important; z-index: 2; } figure.is-style-stk_instant, .is-style-stk_instant > figure { position: relative; padding: 30px 15px; background: #fff; border-radius: 3px; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); } figure.is-style-stk_instant img, .is-style-stk_instant > figure img { filter: sepia(5%) saturate(85%) contrast(90%); } figure.is-style-stk_instant figcaption, .is-style-stk_instant > figure figcaption { margin: 0; padding: 1em 0 0 !important; width: 100%; opacity: 1; } figure.is-style-stk_instant.aligncenter > figcaption, figure.is-style-stk_instant.alignleft > figcaption, figure.is-style-stk_instant.alignright > figcaption, .is-style-stk_instant > figure.aligncenter > figcaption, .is-style-stk_instant > figure.alignleft > figcaption, .is-style-stk_instant > figure.alignright > figcaption { display: inherit; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_frame_browser figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_instant figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_border figcaption { background: none; color: inherit; position: relative; width: auto; padding: 0; text-shadow: none; } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_frame_browser:has(figcaption):before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_instant:has(figcaption):before, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-stk_border:has(figcaption):before { backdrop-filter: none; -webkit-mask-image: none; mask-image: none; } .wp-block-gallery.has-nested-images figure.wp-block-image img { margin-bottom: 0; } .gallery, .wp-block-gallery { display: flex; flex-flow: row wrap; justify-content: left; } .gallery { margin-bottom: 1.5em; } .wp-block-gallery { margin-top: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em))); margin-bottom: var(--wp--style--gallery-gap-default, var(--gallery-block--gutter-size, var(--wp--style--block-gap, 0.5em))); } .wp-block-gallery.has-background:not(.stk-galgap_0) { padding: var(--wp--style--gallery-gap-default, 0.5em); } .wp-block-gallery.stk-galgap_0 { --wp--style--gallery-gap-default: 0px; } .wp-block-gallery.stk-galgap_ss { --wp--style--gallery-gap-default: 1px; } .wp-block-gallery.stk-galgap_s { --wp--style--gallery-gap-default: 5px; } .wp-block-gallery.stk-galgap_m { --wp--style--gallery-gap-default: 1em; } .wp-block-gallery.stk-galgap_l { --wp--style--gallery-gap-default: 2em; } .wp-block-gallery .wp-block-image:not(.is-style-stk_border) figcaption { margin: 0; } .gallery-item, li.blocks-gallery-item { margin: 0; margin-right: 5px; margin-bottom: 5px; padding: 0; width: 100%; } .gallery-item img, li.blocks-gallery-item img { margin: 0; } li.blocks-gallery-item::before { content: none !important; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) { margin: 0 5px 5px 0 !important; } .gallery-columns-2 .gallery-item, .wp-block-gallery.columns-2 .blocks-gallery-item { max-width: calc((100% - 5px) / 2); } .gallery-columns-3 .gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-item { max-width: calc((100% - 10px) / 3); } .gallery-columns-4 .gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-item { max-width: calc((100% - 15px) / 4); } .gallery-columns-5 .gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-item { max-width: calc((100% - 20px) / 5); } .gallery-columns-6 .gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-item { max-width: calc((100% - 25px) / 6); } .gallery-columns-7 .gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-item { max-width: calc((100% - 30px) / 7); } .gallery-columns-8 .gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-item { max-width: calc((100% - 35px) / 8); } .gallery-columns-2 .gallery-item:nth-of-type(2n+2), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n+2), .gallery-columns-3 .gallery-item:nth-of-type(3n+3), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n+3), .gallery-columns-4 .gallery-item:nth-of-type(4n+4), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n+4), .gallery-columns-5 .gallery-item:nth-of-type(5n+5), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n+5), .gallery-columns-6 .gallery-item:nth-of-type(6n+6), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n+6), .gallery-columns-7 .gallery-item:nth-of-type(7n+7), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n+7), .gallery-columns-8 .gallery-item:nth-of-type(8n+8), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n+8) { margin-right: 0 !important; } .gallery-item:last-of-type { padding-right: 0; } .gallery-caption { margin: 0; padding: 0.3em; } .gallery-item > div > a { display: block; line-height: 0; box-shadow: 0 0 0 0 transparent; } .cat-name { font-size: 85%; padding: 0.2em 0.5em; background-color: var(--label-bg); color: var(--label-text-color); } .cat-name a, .cat-name a:hover { text-decoration: none; color: inherit; } .cat-name.cat-id-page:before { content: "PICK UP"; } .eyecatch { position: relative; text-align: center; } .eyecatch.of-cover img { aspect-ratio: var(--stk-post-thumb-ratio, 16/10); object-fit: cover; } .eyecatch .cat-name { position: absolute; top: -0.1px; right: 0; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #top_carousel:not(.slide_style-overlay) .eyecatch, .archives-list.simple-list .eyecatch, .archives-list.big-list .eyecatch img, .archives-list.card-column2-sp .post-list__link { border-radius: var(--stk-post-radius, 0); overflow: hidden; } #top_carousel.slide_size-large:not(.slide_style-overlay) .eyecatch, .archives-list.card-list:not(.card-column2-sp) .post-list__link { border-radius: var(--stk-cardlist-radius, 0); overflow: hidden; position: relative; } .np-post-list .eyecatch, .related_newpost__li .eyecatch, .related_article__link .eyecatch, .cat_postlist .eyecatch { border-radius: var(--stk-postlist-radius, 0); overflow: hidden; } @media only screen and (min-width: 768px) { .stk_post_main_thum__img { border-radius: var(--stk-post-radius, 0); } } .cta-wrap .widget_text { margin-bottom: 0; } .cta-inner { background-color: var(--footer-bg); color: var(--footer-text-color); padding: 1.5em 5%; } .cta-inner:not(:first-child) { margin-top: -1.4em; } .page .cta-inner:last-child { margin-bottom: 0; } .cta-inner .inner { width: 94%; max-width: 780px; margin: auto; } .cta-inner .cta_ttl { text-align: center; color: inherit; margin: 1em 0; padding: 0; font-size: 160%; font-weight: 700; background: none; box-shadow: none; } .cta-inner .btn-wrap a { box-shadow: none; margin-top: 1em; } .single .entry-content > :first-child, .page .entry-content > :first-child { margin-top: 0; } .single .entry-content > .cbox.intitle:not(.type_ttl):first-child, .page .entry-content > .cbox.intitle:not(.type_ttl):first-child { margin-top: 1rem; } .single .entry-content > p:first-child, body.page:not(.home) #content:not(.lp-wrap) .entry-content > p:first-child { margin-top: calc(var(--stk-margin, 1.6em) - 1em); } .single .entry-content > h2:first-child, body.page:not(.home) #content:not(.lp-wrap) .entry-content > h2:first-child { margin-top: 1em; } .single .entry-content > .add.titleunder > .widget:first-child > h2, .single .entry-content > .add.titleunder > .widget:first-child > .textwidget > h2:first-child, body.page:not(.home) .entry-content > .add.titleunder > .widget:first-child > h2, body.page:not(.home) .entry-content > .add.titleunder > .widget:first-child > .textwidget > h2:first-child { margin-top: 1em; } #single_foot { display: flex; flex-direction: column; gap: 1em; margin-top: 1em; } #related-box a, #np-post a, .author_name a, #author-newpost a { color: inherit; text-decoration: none; } #related-box ul, #author-newpost ul { display: flex; flex-wrap: wrap; --postlist_card__gap: 0.5em; margin-left: calc(var(--postlist_card__gap) * -1); margin-right: calc(var(--postlist_card__gap) * -1); margin-top: calc(var(--postlist_card__gap) * -1); } #related-box ul .related_newpost__li, #author-newpost ul .related_newpost__li { width: calc(25% - var(--postlist_card__gap) * 2); margin: var(--postlist_card__gap); padding: 0; } @media only screen and (max-width: 480px) { #related-box ul .related_newpost__li, #author-newpost ul .related_newpost__li { width: calc(50% - var(--postlist_card__gap) * 2); } } #related-box ul .related_newpost__li::before, #author-newpost ul .related_newpost__li::before { content: none; } #related-box ul .related_newpost__li img, #author-newpost ul .related_newpost__li img { margin-bottom: 0; } .h_ttl { display: flex; align-items: center; gap: 0.5em; } .h_ttl::after, .h_ttl .subtext { font-size: 11px; line-height: 1.2; } #related-box.ga_recommend .h_ttl::after { content: "関連記事（広告を含む）"; } .stk_authorbox > .h_ttl { margin-top: 0; } .h_ttl.subtext__none::after { content: none; } .related_newpost__li { line-height: var(--stk-heading-line_height, 1.5); } .related_newpost__li .cat-name { font-size: 10px; } .related_newpost__li a { display: block; margin: 0; } .related_newpost__li .ttl { font-weight: 700; font-size: 75%; } .related_newpost__li .time__date { font-size: 70%; } .related_newpost__li .time__date:has(+ .undo) { display: none; } @media only screen and (max-width: 767px) { #inner-content .entry-header .eyecatch, .cta-inner, .fb-likebtn { margin-left: var(--stk-el-margin-rl, -4vw); margin-right: var(--stk-el-margin-rl, -4vw); } .cta-inner .cta_ttl { font-size: 120%; } .alignleft:not(.wp-block-latest-posts__featured-image), img.alignleft, .alignright:not(.wp-block-latest-posts__featured-image), img.alignright { max-width: 55%; } .alignleft, img.alignleft, .alignright, img.alignright { margin-bottom: 0.5em; } } .stk_authorbox { padding: 4% 5% calc(4% - 1em); border: solid 5px #eee; } .author_meta:not(.nowrap) { display: flex; font-size: 90%; } @media only screen and (min-width: 768px) { .author_meta:not(.nowrap) .stk_sns_links { justify-content: flex-start; } } .author_meta.nowrap:not(.bgnone) { background-color: var(--main-ttl-bg-rgba); } .author_meta .author_img { width: 90px; max-width: 30%; margin-right: 1.5em; flex-shrink: 0; } .author_meta .author_img img { margin-bottom: 1.5em; } .author_meta .avatar { border: 3px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .author_info .author_name, .author_info .author_name a { font-weight: 700; text-decoration: none; margin-bottom: 1em; } .author_info .userposition { font-size: 70%; display: block; margin-bottom: 1em; font-weight: 400; } .author_info .author_description { margin-bottom: var(--stk-margin, 1.6em); } .author_meta.nowrap { overflow: hidden; } .author_meta.nowrap .author_name { text-align: center; } .author_meta.nowrap .author_img { margin: 2em auto 1em; } .author_meta.nowrap .avatar { border-radius: 50%; margin-bottom: 0; } .author_meta.nowrap .author_info { padding: 0 1.5em 1.5em; } .author_meta.nowrap .author_info .author_name:last-child, .author_meta.nowrap .author_info .author_description:last-child { margin-bottom: 0; } .author_meta .author__bgimg { margin-bottom: -5em; } @media only screen and (max-width: 480px) { .stk_authorbox { margin-left: -2vw; margin-right: -2vw; } .stk_authorbox .author_meta { display: block; } .author_meta .author_img { margin: 1em auto; } .author_meta .author_img img { width: 100%; margin: auto; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); } .author_info { font-size: 90%; } .author_meta .author_name { text-align: center; margin-bottom: 0.8em; } } .entry-content .stk_authorbox { margin-top: 2em; margin-bottom: 2em; } #np-post { display: flex; justify-content: space-between; align-items: stretch; gap: 0.5em; } #np-post:not(.np-reverse):not(:has(.prev)) { justify-content: flex-end; } @media not screen and (min-width: 768px) { #np-post { margin-left: var(--stk-el-margin-rl, -4vw); margin-right: var(--stk-el-margin-rl, -4vw); } } .np-post-list { width: 50%; } .np-post-list a { display: flex; align-items: center; padding: 0.6em; font-size: 75%; line-height: var(--stk-heading-line_height, 1.5); gap: 0.5em; } .np-post-list a .ttl { overflow: hidden; } .np-post-list a .eyecatch { flex: none; } .np-post-list a .eyecatch img { width: 55px; min-width: 55px; } @media only screen and (max-width: 480px) { .np-post-list a { font-size: 10px; } .np-post-list a .eyecatch img { width: 40px; min-width: 40px; } } .np-post-list.prev a::before, .np-post-list.next a::after, .np-post-list.next a::before, .np-post-list.prev a::after { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; font-size: 120%; color: var(--main-link-color); } #np-post:not(.np-reverse) .np-post-list.prev a::before, #np-post:not(.np-reverse) .np-post-list.next a::after { content: "\f0d9"; } #np-post:not(.np-reverse) .np-post-list.next a { justify-content: flex-end; } #np-post:not(.np-reverse) .np-post-list.next a::after { content: "\f0da"; } #np-post.np-reverse:not(:has(.next)) { justify-content: flex-end; } #np-post.np-reverse .np-post-list.next { order: -1; } #np-post.np-reverse .np-post-list.next a .ttl { order: 1; } #np-post.np-reverse .np-post-list.prev a .ttl { order: -1; } #np-post.np-reverse .np-post-list.next a::before, #np-post.np-reverse .np-post-list.prev a::after { content: "\f0d9"; } #np-post.np-reverse .np-post-list.prev a { justify-content: flex-end; } #np-post.np-reverse .np-post-list.prev a::after { content: "\f0da"; } .article-footer { display: flex; flex-wrap: wrap; gap: 0.3em; margin-top: 1em; } .article-footer .post-categories { margin: 0; display: inline-flex; flex-wrap: wrap; gap: 0.3em; } .article-footer .post-categories li { display: inline-flex; } .article-footer .post-categories a { display: inline-block; padding: 0.35em 0.5em; text-decoration: none; line-height: 1.1; font-size: 75%; border-width: 1px; border-style: solid; border-color: var(--main-link-color); background-color: var(--main-link-color); color: #fff; border-radius: 3px; } .article-footer .post-categories a:hover { background: var(--main-link-color-hover); border-color: var(--main-link-color-hover); } .article-footer .post-categories a::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f07b"; margin-right: 0.2em; } .article-footer .post-categories.tags a:not(:hover) { background: none; color: var(--main-link-color); } .article-footer .post-categories.tags a::before { content: "\f02b"; } .fb-likebtn { background-position: center center; background-size: cover; position: relative; z-index: 0; text-align: center; color: #fff; overflow: hidden; } .fb-likebtn::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #111; opacity: 0.8; z-index: 1; } .fb-likebtn .inner { padding: 9% 3%; position: relative; z-index: 2; overflow: hidden; } .fb-likebtn .fb-button { display: block; transform: scale(1.1); overflow: hidden; } .fb-likebtn .like_text { flex-direction: column; } .fb-likebtn .like_text span { font-size: 140%; } .fb-likebtn .like_text::after { opacity: 0.7; } .stk_sns_links { display: flex; flex-wrap: wrap; justify-content: center; } .stk_sns_links:not(.--followbtns) { gap: 1em; } .stk_sns_links li:not(:root) { padding: 0; margin: 0; } .stk_sns_links li:not(:root)::before { content: none; } .stk_sns_links__link { display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 100%; margin: 0; text-decoration: none; gap: 0.3em; } .snslinks_overlay .stk_sns_links { gap: 2em; } .snslinks_overlay .stk_sns_links__link { font-size: 2rem; color: #fff; flex-direction: column; } .snslinks_overlay .stk_sns_links__link::after { font-size: 10px; letter-spacing: 0.5px; } .snslinks_overlay .stk_sns__svgicon { fill: #fff; } .snslinks_overlay:not(.--nolabel) .stk_sns_links .stk_sns_links__link::after, .stk_sns_links__link.--followbtn::after, .stk_sns_links__link.--author_sns::after { content: attr(aria-label); } .stk_sns__svgicon { --svgsize: 1.25em; width: var(--svgsize); height: var(--svgsize); fill: var(--main-link-color); margin: 0; display: flex; align-items: center; justify-content: center; } .sns_li__line .stk_sns__svgicon { width: calc(var(--svgsize) + 0.1em); } .sns_li__tiktok .stk_sns__svgicon { width: calc(var(--svgsize) - 0.25em); } .stk_sns_links__link.--followbtn { color: #fff; background: #777; width: auto; font-size: 80%; font-weight: 700; text-decoration: none; line-height: 26px; padding: 0.1em 0.8em; margin: 3px; border-radius: 3px; } .stk_sns_links__link.--followbtn:hover { color: inherit; } .stk_sns_links__link.--followbtn .stk_sns__svgicon { fill: #fff; } .stk_sns_links__link.--followbtn[aria-label="X.com"] { background: #2a2a2a; } .stk_sns_links__link.--followbtn[aria-label=Facebook] { background: #236ee7; } .stk_sns_links__link.--followbtn[aria-label=Feedly] { background: #5fd043; } .stk_sns_links__link.--followbtn[aria-label=YouTube] { background: #ff0000; } .stk_sns_links__link.--followbtn[aria-label=Instagram] { background: #b900b4; background: linear-gradient(-135deg, #1400c8, #b900b4, #f50000); } .stk_sns_links__link.--followbtn[aria-label=LINE] { background: #25af00; } .sns_li__twitter.--bird .stk_sns_links__link.--followbtn[aria-label=Twitter] { background: #00acee; } .stk_sns_links__link.--author_sns { width: auto; background: none; color: var(--main-text-color); } .author_meta.nowrap .stk_sns_links [aria-label]::after { content: none; } input[name=post_password] { display: inherit; max-width: 50%; } #comments-title { padding: 0.75em 0; margin: 0; } #comments-title::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f086"; margin-right: 7px; } .commentlist { margin: 0 0 1.5em; list-style-type: none; } .comment, .pingback { clear: both; overflow: hidden; padding: 3.5%; margin-bottom: 1em; font-size: 90%; border: 5px solid #efefef; } .comment .comment { font-size: 1em; border: none; padding-right: 0 !important; } .comment .comment-meta, .pingback .comment-meta { padding: 0; } .comment .comment-meta a { color: inherit; text-decoration: none; } .comment .comment-author { border: 0; } .comment .vcard cite.fn { font-weight: 700; font-style: normal; } .comment-metadata { font-size: 80%; } .comment .vcard .avatar { border-radius: 50%; } .comment:last-child, .pingback:last-child { margin-bottom: 0; } .comment .children, .pingback .children { margin: 0; } .comment.depth-1, .pingback.depth-1 { margin-left: 0; margin-top: 0; } .comment:not(.depth-1), .pingback:not(.depth-1) { margin-top: 0; } .comment-content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } .comment-body .reply { text-align: right; } .comment-reply-link { font-size: 90%; font-weight: 700; display: inline-block; text-decoration: none; } .comment-reply-link::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f3e5"; margin-right: 5px; } .comment-edit-link { font-style: italic; margin: 0 7px; text-decoration: none; font-size: 90%; } .comment-navigation { text-align: center; padding: 1em; } .sharewrap__title { margin-top: 0; } .sharewrap__title::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f1e0"; margin: 0 0.3em; } @media only screen and (min-width: 981px) { .sns-fix { position: fixed; left: 10px; top: 50%; transform: translate(-65px, -50%); opacity: 0; z-index: 9; transition: all 0.3s ease-in-out; } .sns-fix.--is-active { transform: translate(0, -50%); opacity: 1; } .sns-fix .sharewrap__title { display: none; } .sns-fix .sns_btn__ul { flex-direction: column; } .sns-fix .sns_btn__li { width: 65px; } .sns-fix .sns_btn__li.copyurl .copy_success_text { left: 100%; right: auto; transform: translateX(8px) translateY(50%); bottom: 50%; margin-bottom: 0; } .sns-fix .sns_btn__li.copyurl .copy_success_text::after { top: 50%; left: auto; right: 100%; margin-top: -4px; border: 4px solid transparent; border-right: 8px solid rgba(0, 0, 0, 0.5); } .sns-fix .sns_btn__link { flex-direction: column; } .sns-fix .sns_btn__link .sns_btn__text { font-size: 10px; margin-bottom: -4px; transform: scale(0.85); text-overflow: ellipsis; } } @media only screen and (min-width: 1336px) { .sns-fix .--style-simple .sns_btn__li { width: 50px; } .sns-fix .--style-simple .sns_btn__link { padding: 1em 0; } } @media (min-width: 981px) and (max-width: 1335px) { .sns-fix { left: 0; } .sns-fix .sns_btn__li { width: 30px; } .sns-fix .sns_btn__li .sns_btn__link { padding: 0.4em 0.5em; border-radius: 0 0.2em 0.2em 0; } .sns-fix .sns_btn__li .sns_btn__link .sns_btn__text { display: none; } } .sns_btn__ul { width: 100%; display: flex; justify-content: center; align-items: flex-start; margin: 0; gap: 6px; } .sns_btn__li { width: 100%; text-align: center; color: #fff; font-size: 80%; font-weight: 700; } .sns_btn__link { display: flex; justify-content: center; align-items: center; gap: 0.3em; text-decoration: none; padding: 0.8em 0.2em; border-radius: var(--stk-btn-border_radius, 3px); position: relative; line-height: 1.2; background: #999; box-shadow: 0 3px 0 #888; margin-bottom: 3px; } .sns_btn__link .stk_sns__svgicon { --svgsize: 1.5em; fill: #fff; } @media not screen and (min-width: 768px) { .sns_btn__link { flex-direction: column; } } .sns_btn__link, .sns_btn__link:hover { color: inherit; } @media not screen and (min-width: 768px) { .sns_btn__text { font-size: 10px; margin-bottom: -4px; transform: scale(0.75); text-overflow: ellipsis; } .sns_btn__text span { display: none; } } .sns_btn__count { position: absolute; right: 3px; top: 2px; font-size: 10px; transform: scale(0.83); margin: 0; min-width: 1.5em; } .sns_btn__li.twitter:not(.--bird) .sns_btn__link { background: #2a2a2a; box-shadow: 0 3px 0 #000000; } .sns_btn__li.twitter.--bird .sns_btn__link { background: #00acee; box-shadow: 0 3px 0 #009bdd; } .sns_btn__li.bluesky .sns_btn__link { background: #2787e7; box-shadow: 0 3px 0 #187adc; } .sns_btn__li.facebook .sns_btn__link { background: #236ee7; box-shadow: 0 3px 0 #185ed8; } .sns_btn__li.hatebu .sns_btn__link { background: #01a4de; box-shadow: 0 3px 0 #0092c7; } .sns_btn__li.line .sns_btn__link { background: #25af00; box-shadow: 0 3px 0 #149e00; } .sns_btn__li.pocket .sns_btn__link { background: #ec2136; box-shadow: 0 3px 0 #db1025; } .sns_btn__li.pinterest .sns_btn__link { background: #e60023; box-shadow: 0 3px 0 #d50012; } amp-social-share { border-radius: 5px; min-width: 90%; } .sns_btn__li.bluesky amp-social-share .stk_sns__svgicon, .sns_btn__li.pocket amp-social-share .stk_sns__svgicon, .sns_btn__li.hatebu amp-social-share .stk_sns__svgicon { fill: #fff; width: 2.4em; height: 100%; } .sns_btn__li.bluesky amp-social-share { background: #2787e7; } .sns_btn__li.hatebu amp-social-share { background: #01a4de; } .sns_btn__li.pocket amp-social-share { background: #ec2136; } .sns_btn__li.copyurl { position: relative; cursor: pointer; } .sns_btn__li.copyurl .sns_btn__text span { display: none; } .sns_btn__li.copyurl .copy_success_text { position: absolute; width: 100%; min-width: 110px; max-width: 120px; bottom: 100%; right: 0; margin-bottom: 10px; padding: 0.5em 0; border-radius: 1.25em; background-color: rgba(0, 0, 0, 0.5); overflow: visible; text-align: center; font-size: 80%; color: #fff; display: none; } @media only screen and (min-width: 768px) { .sns_btn__li.copyurl .copy_success_text { left: 50%; transform: translateX(-50%); } } .sns_btn__li.copyurl .copy_success_text::after { content: ""; position: absolute; width: 0; height: 0; top: 100%; left: 50%; margin-left: -6px; border: 6px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.5); } .--style-simple .sns_btn__link { padding: 0.4em 0.2em; border-radius: 3px; box-shadow: none !important; margin-bottom: 0; } .--style-simple .sns_btn__text { display: none !important; } @media only screen and (min-width: 768px) { .pickup_content__link:hover, .archives-list:not(.big-list):not(.text-list) .post-list a:hover { transform: translateY(-5px); } .btn-wrap a:hover, .wp-block-button a:hover, .stk_sns_links__link:hover, .sns_btn__link:hover { transform: translate3d(0, -3px, 0); } #top_carousel a:hover, .related_newpost__li a:hover, .np-post-list.prev a:hover, .np-post-list.next a:hover, .cat_postlist__link:hover, .related_article a:hover { transform: translateY(-2px); } .article-footer a:hover, .tag-cloud-link:hover { transform: translateY(-1px); } .sns_btn__link:hover, .stk_sns_links__link:hover { opacity: 0.8; } } .wp-block-columns { --block-column-gap: 2em; gap: var(--block-column-gap); } .wp-block-columns.has-background { padding: var(--block-column-gap); } @media only screen and (max-width: 767px) { .wp-block-columns.stk-mobile-columns_on { flex-wrap: wrap !important; } .wp-block-columns.stk-mobile-columns_on.stk-colgap_sp_0 .wp-block-column { flex-basis: 50% !important; } .wp-block-columns.stk-mobile-columns_on .wp-block-column { flex-basis: calc(50% - var(--block-column-gap) / 2) !important; flex-grow: 0; } .wp-block-columns.stk-colgap_sp_0 { --block-column-gap: 0; } .wp-block-columns.stk-colgap_sp_0.has-background { padding: 0; } .wp-block-columns.stk-colgap_sp_ss { --block-column-gap: 0.5em; } .wp-block-columns.stk-colgap_sp_s { --block-column-gap: 1em; } .wp-block-columns.stk-colgap_sp_m { --block-column-gap: 3em; } .wp-block-columns.stk-colgap_sp_l { --block-column-gap: 4em; } } @media only screen and (min-width: 768px) { .wp-block-columns.stk-colgap_0 { --block-column-gap: 0; } .wp-block-columns.stk-colgap_0.has-background { padding: 0; } .wp-block-columns.stk-colgap_ss { --block-column-gap: 0.5em; } .wp-block-columns.stk-colgap_s { --block-column-gap: 1em; } .wp-block-columns.stk-colgap_m { --block-column-gap: 3em; } .wp-block-columns.stk-colgap_l { --block-column-gap: 4em; } } .wp-block-column > :last-child { margin-bottom: 0; } .wp-block-column.has-background { padding: 1.25em; } .wp-block-latest-posts { overflow: hidden; } .wp-block-latest-posts li { padding: 0; } .wp-block-latest-posts li::before { content: none !important; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-date { font-size: 80%; opacity: 0.9; } .wp-block-latest-posts__featured-image img { margin-bottom: initial; } .wp-block-latest-posts__featured-image:not(.aligncenter) { margin-bottom: 0.5em; } .wp-caption .wp-caption-text, .wp-block-image figcaption, .wp-block-table figcaption { margin: 0.5em; } .span-stk-maker-yellow, .span__stk_maker_yellow, .span-stk-maker-pink, .span__stk_maker_pink, .span-stk-maker-blue, .span__stk_maker_blue, .span-stk-maker-green { display: inline; background-position: left -100% center; background-repeat: repeat-x; background-size: 200% 0.6em; padding-bottom: 0.6em; } .span-stk-maker-yellow, .span__stk_maker_yellow { background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-yellow, "#ff6") 50%); } .span-stk-maker-pink, .span__stk_maker_pink { background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-pink, "#ffd5d5") 50%); } .span-stk-maker-blue, .span__stk_maker_blue { background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-blue, "#b5dfff") 50%); } .span-stk-maker-green { background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, var(--stk-maker-green, "#cff7c7") 50%); } [class*=span-stk-label-] { font-size: 0.9em; padding: 0.25em 0.5em; border-radius: 0.2em; color: #fff; } [class*=span-stk-label-] + [class*=span-stk-label-] { margin-left: 0.1em; margin-right: 0.1em; } .span-stk-label-sitecolor { background-color: var(--main-ttl-bg); color: var(--main-ttl-color); } .span-stk-label-yellow { background-color: #f5f512; color: #333; } .span-stk-label-pink { background-color: #f7b2b2; } .span-stk-label-red { background-color: #e77373; color: #fff; } .span-stk-label-blue { background-color: #82c8e2; } .span-stk-label-green { background-color: #79e37c; } .span-stk-label-gray { background-color: #9c9c9c; } .span-stk-label-black { background-color: #222; color: #fff; } .span-stk-label-border { background: none; color: inherit; border: 1px solid; } .span-stk-fs-ss { font-size: 70%; } .span-stk-fs-s { font-size: 90%; } .span-stk-fs-m { font-size: 120%; } .span-stk-fs-l { font-size: 150%; } .span-stk-fs-ll { font-size: 180%; } .span-stk-fs-sub { font-size: 12px; } .span-stk-fs-large { font-size: 28px; } .lp-wrap { margin: 0 auto; } .lp-wrap #inner-content { box-shadow: none; margin-top: 0; margin-bottom: 0; padding: 4%; } .lp-wrap #main { margin: 0 auto; padding: 0; width: 100%; max-width: var(--stk-wide-width); float: none; } .eyecatch.lp { width: 100%; margin: auto; text-align: center; max-width: var(--stk-wrap-width); } [class*=page-template-page-wide] #container { background-color: var(--inner-content-bg); } .page-template-page-wide #custom_header { margin-bottom: 0; } .fullwide { overflow: hidden; box-shadow: none; } .fullwide #inner-content { padding: 0; } @media only screen and (min-width: 1167px) { .fullwide .alignwide { margin-left: calc((var(--stk-wide-width) - var(--stk-wrap-width)) / 2); margin-right: calc((var(--stk-wide-width) - var(--stk-wrap-width)) / 2); max-width: initial; } } @media only screen and (min-width: 981px) { .fullwide .alignfull { width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); } } @media only screen and (max-width: 980px) { .fullwide #inner-content { padding: 0 4%; } } i[class*=stk_icons-] { height: 2.5em; width: 2.5em; line-height: 2.5em; font-size: 2.2em; margin: 0 auto; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; background-color: #fff; } i.stk_icons-circle, i.stk_icons-circle_shadow { background-color: rgba(0, 0, 0, 0.07); margin: 5px auto; } i.stk_icons-circle.--bg_dark, i.stk_icons-circle_shadow.--bg_dark { color: #fff; background-color: rgba(127, 127, 127, 0.5); } .has-inline-color i.stk_icons-circle, .has-inline-color i.stk_icons-circle_shadow { color: inherit; } i.stk_icons-circle_shadow { color: #fff; text-shadow: rgba(0, 0, 0, 0.03) 1px 1px, rgba(0, 0, 0, 0.03) 2px 2px, rgba(0, 0, 0, 0.03) 3px 3px, rgba(0, 0, 0, 0.02) 4px 4px, rgba(0, 0, 0, 0.01) 5px 5px, rgba(0, 0, 0, 0.01) 6px 6px, rgba(0, 0, 0, 0.01) 7px 7px, rgba(0, 0, 0, 0.01) 8px 8px, rgba(0, 0, 0, 0.01) 9px 9px, rgba(0, 0, 0, 0.01) 10px 10px, rgba(0, 0, 0, 0.01) 11px 11px, rgba(0, 0, 0, 0.01) 12px 12px, rgba(0, 0, 0, 0.01) 13px 13px, rgba(0, 0, 0, 0.01) 14px 14px, rgba(0, 0, 0, 0.01) 15px 15px; } .stk_grids { display: grid; } @media only screen and (min-width: 768px) { .stk_grids { gap: var(--gridgap_pc, 16px); grid-template-columns: repeat(var(--gridcolumn_pc, 3), 1fr); } } @media only screen and (max-width: 767px) { .stk_grids { gap: var(--gridgap_sp, 16px); grid-template-columns: repeat(var(--gridcolumn_sp, 2), 1fr); } } .stk_grids .stk_grid__child { word-break: break-all; } .stk_grids .stk_grid__child > :last-child { margin-bottom: 0; } .stk_grids.has-background, .stk_grids .has-background { padding: var(--oc-has-background-basic-padding); } #custom_header { text-align: center; } #custom_header .wp-block-cover__inner-container { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 1166px; } #custom_header .en { font-size: 240%; font-size: clamp(28px, 6vw, 45px); margin-bottom: 0.375em; } #custom_header .ja { font-size: 85%; font-size: clamp(12px, 1.5vw, 15px); font-weight: 700; margin: 0 1em 1.5em; } #custom_header .wp-block-button { margin: 0 auto; } @media only screen and (max-width: 480px) { #custom_header .wp-block-button { font-size: 90%; } } #custom_header .wp-block-button__link { width: min(100%, 320px); } @media only screen and (min-width: 768px) { #custom_header .stk_custom_header__text { width: 100%; max-width: 600px; } #custom_header.textleft .wp-block-cover__inner-container { justify-content: flex-start; } #custom_header.textright .wp-block-cover__inner-container { justify-content: flex-end; } } #custom_header_img { text-align: center; font-size: 0; } #custom_header_img img { margin: -1px auto 0; } #main-pickup_content { margin: 1em auto; } @media (min-width: 768px) and (max-width: 1166px) { #main-pickup_content { margin: 1em; } } #top_carousel:not(.slide_style-overlay) + .pickup_content { margin-top: 35px; } @media only screen and (min-width: 981px) { [id^=custom_header] + #main-pickup_content, #top_carousel.slide_style-overlay + #main-pickup_content { margin-top: 35px; } } .pickup_content { max-width: var(--stk-wrap-width, 1166px); } .pickup_content .pickup_content__img { margin: 0; padding: 0; border: none; } .pickup_content .pickup_content__img[class*="--sizeratio-"] { aspect-ratio: 16/9; object-fit: cover; } .pickup_content .pickup_content__img.--sizeratio-square { aspect-ratio: 1; } .pickup_content .pickup_content__img.--sizeratio-standard { aspect-ratio: 4/3; } .pickup_content .pickup_content__img.--sizeratio-classic { aspect-ratio: 3/2; } .pickup_content__ul { display: flex; justify-content: center; align-items: center; margin: 0; gap: 1em; } li.pickup_content__li { width: 33%; padding: 0; position: relative; } li.pickup_content__li::before, li.pickup_content__li::after { content: none !important; } .pickup_content__link { display: block; color: #fff; text-decoration: none; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .pickup_content__link:hover { color: #fff; } .pickup_content__link::before, .pickup_content__link::after { position: absolute; z-index: 2; content: ""; display: inline-block; width: 2em; height: 2em; border-color: #fff; border-width: 1px; } .pickup_content__link::before { border-top-style: solid; border-left-style: solid; top: 5px; left: 5px; } .pickup_content__link::after { border-bottom-style: solid; border-right-style: solid; bottom: 5px; right: 5px; } .pickup_content__text { position: absolute; font-size: 80%; font-weight: 700; top: 0; left: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .pickup_content__text__label { border-radius: 2em; padding: 0.5em 1em; text-align: center; line-height: 1.2; min-width: 50%; max-width: 85%; position: relative; overflow: hidden; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75); text-shadow: 0 0 3px rgba(0, 0, 0, 0.25); } .pickup_content__text__label::before { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); } @media only screen and (min-width: 768px) { .pickup_content__link:hover { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } .pickup_content__link:hover .pickup_content__text__label { box-shadow: 0 0 7px 5px; } .pickup_content__link:hover::before, .pickup_content__link:hover::after { width: 3em; height: 3em; } #sidebar1 .pickup_content__ul { flex-wrap: wrap; } #sidebar1 .pickup_content__li { width: calc(50% - 0.5em); } } @media only screen and (max-width: 767px) { #main-pickup_content { margin: 4%; } .pickup_content__ul { flex-wrap: wrap; } li.pickup_content__li { width: calc(50% - 0.5em); } .pickup_content__text { font-size: 60%; } } .stk_loader { position: fixed; top: 0; left: 0; transform: translateX(0); z-index: 99999; width: 100%; height: 100%; } .stk_loader .loader__section { position: fixed; z-index: 999; width: 50%; height: 100%; background: var(--loader-bg-color); opacity: 1; transition: all 0s; will-change: transform; } .stk_loader .loader__section.section_fade { top: 0; left: 0; width: 100%; will-change: opacity; } .stk_loader .loader__section.section_slideup { top: 0; left: 0; width: 100%; } .stk_loader .loader__section.section_left, .stk_loader .loader__section.section_right { top: 0; } .stk_loader .loader__section.section_left { left: 0; } .stk_loader .loader__section.section_right { right: 0; } .stk_loader .loader__section.section_up, .stk_loader .loader__section.section_down { left: 0; width: 100%; height: 50%; } .stk_loader .loader__section.section_up { top: 0; } .stk_loader .loader__section.section_down { bottom: 0; } .stk_loader .loader__inner { width: 100vw; height: 100vh; height: 100dvh; } .stk_loader .loader__item { position: relative; z-index: 1000; width: 100%; height: 100%; padding: 4vw; display: flex; align-items: center; justify-content: center; flex-flow: column; gap: 1em; transition: opacity 0.6s; } .stk_loader .loader__item-image { margin-top: -10vh; opacity: 0; animation: loading-image-fade 0.6s ease 0.4s forwards; } .stk_loader .loader__item-image:not(.loader_custom).loader_ss img { max-height: 16px; } .stk_loader .loader__item-image:not(.loader_custom).loader_s img { max-height: 32px; } .stk_loader .loader__item-image:not(.loader_custom).loader_m img { max-height: 64px; } .stk_loader .loader__item-image:not(.loader_custom).loader_l img { max-height: 128px; } .stk_loader .loader__item-image:not(.loader_custom).loader_ll img { max-height: 256px; } .stk_loader .loader__item-image:not(.loader_custom).loader_max img { max-height: 100vh; } .stk_loader .loader__item-text { position: relative; font-size: clamp(13px, 1.5vw, 16px); font-weight: 700; text-align: center; margin: 0; } .stk_loader .loader__item-spinner { margin-top: 1em; } @keyframes loading-image-fade { from { opacity: 0; margin-top: -10vh; } to { opacity: 1; margin-top: 0; } } .stk_loader.is-hidden { transform: translateX(-200vw); pointer-events: none; opacity: 0; transition: opacity 0.0001s 1s, transform 0.0001s 2s; } .stk_loader.is-hidden .loader__section.section_fade { opacity: 0 !important; transition: opacity 0.6s 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .stk_loader.is-hidden .loader__section.section_slideup { transform: translateY(-100vh); transition: transform 0.6s 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .stk_loader.is-hidden .loader__section.section_left { transform: translateX(-50vw); transition: transform 0.6s 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .stk_loader.is-hidden .loader__section.section_right { transform: translateX(50vw); transition: transform 0.6s 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .stk_loader.is-hidden .loader__section.section_up { transform: translateY(-50vh); transition: transform 0.6s 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .stk_loader.is-hidden .loader__section.section_down { transform: translateY(50vh); transition: transform 0.6s 0.3s cubic-bezier(0.65, 0, 0.35, 1); } .stk_loader.is-hidden .loader__item { opacity: 0; } .hollow-dots-spinner, .hollow-dots-spinner * { box-sizing: border-box; } .hollow-dots-spinner { height: 15px; width: 90px; } .hollow-dots-spinner .dot { width: 15px; height: 15px; margin: 0 7.5px; border: 3px solid var(--loader-spinner-color); border-radius: 50%; float: left; transform: scale(0); animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms; } .hollow-dots-spinner .dot:nth-child(1) { animation-delay: 300ms; } .hollow-dots-spinner .dot:nth-child(2) { animation-delay: 600ms; } .hollow-dots-spinner .dot:nth-child(3) { animation-delay: 900ms; } @keyframes hollow-dots-spinner-animation { 50% { transform: scale(1); opacity: 1; } 100% { opacity: 0; } } .half-circle-spinner, .half-circle-spinner * { box-sizing: border-box; } .half-circle-spinner { width: 60px; height: 60px; border-radius: 100%; position: relative; } .half-circle-spinner .circle { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; border: 6px solid transparent; } .half-circle-spinner .circle.circle-1 { border-top-color: var(--loader-spinner-color); animation: half-circle-spinner-animation 1s infinite; } .half-circle-spinner .circle.circle-2 { border-bottom-color: var(--loader-spinner-color); animation: half-circle-spinner-animation 1s infinite alternate; } @keyframes half-circle-spinner-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fulfilling-square-spinner, .fulfilling-square-spinner * { box-sizing: border-box; } .fulfilling-square-spinner { height: 50px; width: 50px; position: relative; border: 4px solid var(--loader-spinner-color); animation: fulfilling-square-spinner-animation 4s infinite ease; } .fulfilling-square-spinner .spinner-inner { vertical-align: top; display: inline-block; background-color: var(--loader-spinner-color); width: 100%; opacity: 1; animation: fulfilling-square-spinner-inner-animation 4s infinite ease-in; } @keyframes fulfilling-square-spinner-animation { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes fulfilling-square-spinner-inner-animation { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } .looping-rhombuses-spinner, .looping-rhombuses-spinner * { box-sizing: border-box; } .looping-rhombuses-spinner { width: 60px; height: 15px; position: relative; } .looping-rhombuses-spinner .rhombus { height: 15px; width: 15px; background-color: var(--loader-spinner-color); left: 60px; position: absolute; margin: 0 auto; border-radius: 2px; transform: translateY(0) rotate(45deg) scale(0); animation: looping-rhombuses-spinner-animation 2500ms linear infinite; } .looping-rhombuses-spinner .rhombus:nth-child(1) { animation-delay: -1666.6666666667ms; } .looping-rhombuses-spinner .rhombus:nth-child(2) { animation-delay: -3333.3333333333ms; } .looping-rhombuses-spinner .rhombus:nth-child(3) { animation-delay: -5000ms; } @keyframes looping-rhombuses-spinner-animation { 0% { transform: translateX(0) rotate(45deg) scale(0); } 50% { transform: translateX(-233%) rotate(45deg) scale(1); } 100% { transform: translateX(-466%) rotate(45deg) scale(0); } } .stk_step { --label_color: var(--main-ttl-color); --label_bg: var(--main-ttl-bg); --first_num: 0; counter-reset: number var(--first_num, 0); margin-bottom: var(--stk-margin); } .stk_step .stk_step__label { font-weight: 700; position: relative; } .stk_step .stk_step__label::after { counter-increment: number; content: counter(number); } .stk_step:not([class*=is-style-step]) .stk_step__child { position: relative; } .stk_step:not([class*=is-style-step]) .stk_step__child::before { display: block; content: ""; width: 0; height: 0; border: 10px solid var(--label_bg); border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; position: absolute; bottom: -3em; left: 50%; transform: translate(-50%, -50%); } .stk_step:not([class*=is-style-step]) .stk_step__content { border: 1px solid var(--label_bg); padding: 1em; margin-bottom: 3em; } .stk_step:not([class*=is-style-step]) .stk_step__label { width: fit-content; margin-bottom: 0; background: var(--label_bg); color: var(--label_color); padding: 2px 8px; line-height: 1.5; } .stk_step:not([class*=is-style-step]) .stk_step__label .__labeltext { font-size: 0.8em; margin-right: 0.2em; } .stk_step.is-style-step_design1 .stk_step__child { display: flex; padding-bottom: 2.5em; position: relative; } .stk_step.is-style-step_design1 .stk_step__child::before { content: ""; width: 1px; height: 100%; position: absolute; left: 1.5em; background-color: var(--label_bg); } .stk_step.is-style-step_design1 .stk_step__content { padding-top: 0.5em; flex-grow: 1; flex: 1; } .stk_step.is-style-step_design1 .stk_step__label { --label-size: 3em; display: flex; flex-direction: column; justify-content: center; line-height: 1.2; max-width: var(--label-size); width: var(--label-size); height: var(--label-size); padding: 3px; border-radius: 0.4em; margin-right: 1em; text-align: center; background: var(--label_bg); color: var(--label_color); } .stk_step.is-style-step_design1 .stk_step__label .__labeltext { font-size: 0.5em; } .stk_step.is-style-step_design2 .stk_step__child { padding-left: 30px; position: relative; } .stk_step.is-style-step_design2 .stk_step__label { --iconsize: 14px; font-size: 0.9em; line-height: 1; font-weight: 400; margin-bottom: 5px; } .stk_step.is-style-step_design2 .stk_step__label::before { content: ""; display: inline-block; position: absolute; left: -28px; width: var(--iconsize); height: var(--iconsize); border-radius: 50%; border: 2px solid var(--label_bg); box-sizing: border-box; } .stk_step.is-style-step_design2 .stk_step__content { position: relative; margin-bottom: 5px; padding: 0.5em 0 1.5em; } .stk_step.is-style-step_design2 .stk_step__content::before { content: ""; display: inline-block; position: absolute; left: -22px; top: 0; width: 2px; height: 100%; background: currentColor; opacity: 0.2; } .stk_step.is-style-step_design2 .stk_step__child:first-of-type .stk_step__label::before, .stk_step.is-style-step_design2 .stk_step__child:last-of-type .stk_step__label::before { background: var(--label_bg); } .stk_step.is-style-step_design2 .stk_step__child:last-of-type .stk_step__content::before { content: none; } .stk_step .stk_step__child:last-of-type::before { content: none; } .related_article { margin: 3% auto; text-align: left; max-width: 980px; } .related_article .ttl { margin: 0 0 0.1em; font-size: 95%; font-weight: 700; line-height: var(--stk-heading-line_height, 1.5); } .related_article .labeltext { font-size: 70%; font-weight: 700; background-color: var(--label-bg); color: var(--label-text-color); display: inline-block; padding: 0.1em 0.5em; position: relative; top: -2px; text-align: center; margin-right: 0.5em; border-radius: 2px; } .related_article .time__date { font-size: 80%; } .related_article__link { color: inherit; background: rgba(255, 255, 255, 0.07); box-shadow: 0 0 1px rgba(60, 60, 60, 0.4); text-decoration: none; width: 100%; padding: 2.5%; display: block; overflow: hidden; } .related_article__link:hover { color: inherit; box-shadow: 0 0 10px rgba(60, 60, 60, 0.3); } .related_article__link:active { transform: translateY(1px); box-shadow: 0 0 1px rgba(60, 60, 60, 0.3); } .related_article.typecard .related_article__link { max-width: 350px; } .related_article.typecard .eyecatch { margin-bottom: 0.7em; } .related_article.typecard .eyecatch img { margin-bottom: 0; } .related_article.typesimple .related_article__link { display: flex; align-items: flex-start; } .related_article.typesimple .archives_post__meta { flex: 1; } .related_article.typesimple .eyecatch { width: 22%; min-width: 100px; margin-right: 0.7em; } .related_article.typesimple .eyecatch .wp-post-image { width: 100%; margin-bottom: 0; } .related_article.typetext:not(.blog_card) { margin-top: 0; margin-bottom: 0; } .related_article.typetext .related_article__link { color: var(--main-text-color); background: none; padding: 0.3em; box-shadow: none; } .related_article.typetext .related_article__meta { display: flex; } .related_article.typetext .time__date { order: -1; margin-right: 0.2em; margin-top: 2px; min-width: 7.5em; flex-shrink: 0; } .related_article.typetext .ttl { margin: 0; } .blog_card { margin: var(--stk-margin, 1.6em) 0; } .blog_card .related_article__link { position: relative; overflow: inherit; padding: min(3vw, 1rem); box-shadow: 0 0 1px rgba(0, 0, 0, 0.6); border-radius: var(--oc-base-border-radius, 2px); } .blog_card .blog_card__title { font-size: 95%; font-weight: 700; line-height: var(--stk-heading-line_height, 1.5); } .blog_card .blog_card__excerpt { font-size: clamp(10px, 2.5vw, 70%); line-height: var(--stk-line_height, 1.8); margin-top: 0.5em; opacity: 0.75; } .blog_card .blog_card__caption, .blog_card .blog_card__sitename { display: block; } .blog_card .blog_card__caption::before, .blog_card .blog_card__sitename::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f02e"; margin-right: 0.3em; } .blog_card .blog_card__caption { font-size: clamp(10px, 2.5vw, 70%); margin-bottom: 0.3em; } .blog_card .blog_card__sitename { font-size: 10px; font-weight: 700; margin-top: 0.5em; opacity: 0.75; } @media only screen and (max-width: 480px) { .blog_card.typesimple .blog_card__excerpt { display: none; } } .blog_card.typetext .blog_card__meta { display: flex; flex-direction: column; } .blog_card.typetext .blog_card__caption { order: -1; } .blog_card:not(.typetext) .related_article__link:has(.blog_card__caption) { padding-top: min(5vw, 1.5rem); padding-bottom: min(5vw, 1.5rem); margin-top: 0.75em; } .blog_card:not(.typetext) .related_article__link::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: 0.3s; border-radius: var(--oc-base-border-radius, 2px); } .blog_card:not(.typetext) .related_article__link:hover::before { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } .blog_card:not(.typetext) .blog_card__caption { position: absolute; } .blog_card:not(.typetext) .blog_card__caption { top: -1em; left: 1rem; background: var(--inner-content-bg); padding: 0.1em 0.75em; } .supplement, [class*=is-style-supplement-] { --stk-supplement-hue: 50; border: var(--stk-supplement-border_width, 2px) solid hsl(var(--stk-supplement-hue), var(--stk-supplement-sat, 82%), var(--stk-supplement-lig, 86%)); background-color: hsl(var(--stk-supplement-hue), 92%, 95%); color: hsl(var(--stk-supplement-hue), 36%, 40%); position: relative; font-size: 93%; padding: var(--oc-has-background-basic-padding); padding-left: max(3.2em, 30px); margin-bottom: var(--stk-margin); border-radius: var(--stk-supplement-border_radius, 4px); } .supplement::before, [class*=is-style-supplement-]::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; line-height: 1; content: "\f06a"; display: inline-block; font-size: max(1.7em, 17px); position: absolute; left: 0.5em; color: hsl(var(--stk-supplement-hue), 99%, 47%); } .supplement:not(.is-style-border) ul li::before, [class*=is-style-supplement-]:not(.is-style-border) ul li::before { color: inherit; } .supplement.warning, .supplement.is-style-warning, .is-style-supplement-warning { --stk-supplement-hue: 360; } .supplement.warning::before, .supplement.is-style-warning::before, .is-style-supplement-warning::before { content: "\f071"; color: hsl(var(--stk-supplement-hue), 45%, 45%); } .supplement.succes, .supplement.is-style-succes, .is-style-supplement-succes { --stk-supplement-hue: 100; } .supplement.succes::before, .supplement.is-style-succes::before, .is-style-supplement-succes::before { content: "\f058"; color: hsl(var(--stk-supplement-hue), 45%, 45%); } .supplement.memo::before, .supplement.is-style-memo::before, .is-style-supplement-memo::before, .supplement.hint::before, .supplement.is-style-hint::before, .is-style-supplement-hint::before { color: hsl(var(--stk-supplement-hue), 92%, 95%); background-color: hsl(var(--stk-supplement-hue), 45%, 45%); font-size: max(0.85em, 8px); left: 1em; width: max(2em, 17px); height: max(2em, 17px); line-height: 2em; text-align: center; border-radius: 50%; } .supplement.memo, .supplement.is-style-memo, .is-style-supplement-memo { --stk-supplement-hue: 40; } .supplement.memo::before, .supplement.is-style-memo::before, .is-style-supplement-memo::before { content: "\f304"; } .supplement.hint, .supplement.is-style-hint, .is-style-supplement-hint { --stk-supplement-hue: 200; } .supplement.hint::before, .supplement.is-style-hint::before, .is-style-supplement-hint::before { content: "\f0eb"; } .supplement.border, .supplement.boader, .supplement.is-style-border, .supplement.noicon, .is-style-supplement-border { padding: var(--oc-has-background-basic-padding); } .supplement.border::before, .supplement.boader::before, .supplement.is-style-border::before, .supplement.noicon::before, .is-style-supplement-border::before { content: none; } .supplement.border, .supplement.boader, .supplement.is-style-border, .is-style-supplement-border { background: none; color: inherit; border-color: #d4d4d4; } [class*=is-style-supplement-].has-text-color { border-color: inherit; } .is-style-border-sitecolor, .is-style-stitch-sitecolor, .is-style-simple_bg-stripe, .is-style-simple_bg-gray, .is-style-simple_bg-sitecolor, .is-style-simple_bg-sitecolor_rgba { font-size: 93%; padding: var(--oc-has-background-basic-padding); border-radius: var(--stk-supplement-border_radius, 4px); } .is-style-border-sitecolor.has-text-color, .is-style-stitch-sitecolor.has-text-color, .is-style-simple_bg-stripe.has-text-color, .is-style-simple_bg-gray.has-text-color, .is-style-simple_bg-sitecolor.has-text-color, .is-style-simple_bg-sitecolor_rgba.has-text-color { border-color: initial; } .is-style-border-sitecolor { border: var(--stk-supplement-border_width, 2px) solid var(--main-ttl-bg); } .is-style-stitch-sitecolor, .is-style-simple_bg-sitecolor { background-color: var(--main-ttl-bg); color: var(--main-ttl-color); } .is-style-stitch-sitecolor { position: relative; } .is-style-stitch-sitecolor::before { box-sizing: border-box; content: ""; position: absolute; top: 5px; left: 5px; border: var(--stk-supplement-border_width, 2px) dashed var(--main-ttl-color); width: calc(100% - 10px); height: calc(100% - 10px); border-radius: var(--stk-supplement-border_radius, 4px); opacity: 0.5; pointer-events: none; } .is-style-simple_bg-stripe { color: #111; background-size: auto auto; background-color: #eeeeee; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #f6f6f6 4px, #f6f6f6 8px); } .is-style-simple_bg-sitecolor_rgba { background-color: var(--main-ttl-bg-rgba); } .is-style-simple_bg-gray { background-color: #eeeeee; } .is-style-balloon-border, .is-style-balloon-sitecolor { border: 1px solid; border-radius: var(--stk-supplement-border_radius, 4px); position: relative; font-size: 93%; padding: 0.5em 1.2em !important; width: fit-content; } .is-style-balloon-border.-balloon-top::before, .is-style-balloon-sitecolor.-balloon-top::before { transform: rotate(-135deg); top: -6px; bottom: auto; } .is-style-balloon-border:not(.has-background) { background-color: var(--inner-content-bg); } .is-style-balloon-border::before { content: ""; background: inherit; border-bottom: 1px solid; border-right: 1px solid; position: absolute; left: 1.3em; bottom: -6px; width: 10px; height: 10px; transform: rotate(45deg); visibility: visible; } .is-style-balloon-sitecolor { border-width: 0; color: var(--main-ttl-color); background-color: var(--main-ttl-bg); } .is-style-balloon-sitecolor::before { content: ""; background: inherit; position: absolute; left: 1.3em; bottom: -6px; width: 12px; height: 12px; transform: rotate(-45deg); visibility: visible; } .is-style-balloon-sitecolor.-balloon-top::before { top: -6px; bottom: auto; } .is-style-sticky-note { border: 1px solid rgba(125, 125, 125, 0.2); border-left: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); font-size: 93%; position: relative; padding: 0.7em calc(1em + 4px) !important; width: fit-content; } .is-style-sticky-note:not(.has-background) { background: var(--inner-content-bg); } .is-style-sticky-note::before { content: ""; position: absolute; top: -1px; left: 0; border-left: 2px solid; border-right: 2px solid; height: calc(100% + 2px); } .is-style-sticky-note:not(.has-text-color)::before { border-color: var(--main-ttl-bg); } .is-layout-constrained > .is-style-balloon-border:not(.has-text-align-center), .is-layout-constrained > .is-style-balloon-sitecolor:not(.has-text-align-center), .is-layout-constrained > .is-style-sticky-note:not(.has-text-align-center) { margin-left: 0 !important; } .is-style-balloon-border.has-text-align-center, .is-style-balloon-sitecolor.has-text-align-center, .is-style-sticky-note.has-text-align-center { margin-inline: auto; } .is-style-p_balloon_bottom, .is-style-p_microcopy { font-size: 90%; margin: 0 auto 1em; padding: 0.5em 2em !important; position: relative; display: block; text-align: center; width: fit-content; } .is-style-p_microcopy { max-width: 85%; max-width: clamp(200px, 85%, 618px); margin: 0 auto 0.5em; } .is-style-p_balloon_bottom { border-radius: 40px; } .is-style-p_balloon_bottom a { color: inherit !important; } .is-style-p_balloon_bottom::before, .is-style-p_microcopy::before, .is-style-p_microcopy::after { content: ""; display: inline-block; position: absolute; } .is-style-p_microcopy::before, .is-style-p_microcopy::after { height: 100%; width: 1px; background: currentColor; left: 0; top: 0; transform: rotate(-20deg); } .is-style-p_microcopy::after { bottom: auto !important; left: auto !important; right: 0 !important; transform: rotate(20deg); } .is-style-p_balloon_bottom::before { top: auto !important; right: auto !important; bottom: -0.3em !important; left: calc(50% - 0.3em) !important; width: 0.6em; height: 0.6em; transform: rotate(-45deg); background: inherit; border-radius: 0 !important; } .is-style-p_balloon_bottom:not(.has-background) { background: var(--main-ttl-bg); } .is-style-p_balloon_bottom:not(.has-text-color) { color: var(--main-ttl-color); } p.has-background { padding: var(--oc-has-background-basic-padding); } .cbox { padding: 1em; margin: 2em 0 2em; border: var(--stk-box-border_width, 2px) solid; background-color: var(--main-ttl-bg-rgba); border-color: var(--main-ttl-bg); border-radius: var(--stk-box-border_radius, 4px); } .cbox:not(.type_ttl) .box_title { margin-bottom: -0.4em; } .cbox.intitle { padding-top: 0; } .cbox.intitle .span__box_title { position: relative; top: -1.1rem; padding: 0.1em 0.7em; background-color: var(--main-ttl-bg); color: #fff; font-weight: 700; border-radius: calc(var(--stk-box-border_radius, 4px) / 2); display: inline-block; vertical-align: middle; text-align: center; min-width: 3em; } @media only screen and (max-width: 480px) { .cbox.intitle .span__box_title { font-size: 88%; } } .cbox.intitle .span__box_title:empty { visibility: hidden; } .cbox.is-style-editor_color1 { background: var(--stk-editor-color1-rgba); border-color: var(--stk-editor-color1); } .cbox.is-style-editor_color1 .span__box_title { background: var(--stk-editor-color1); } .cbox.is-style-editor_color2 { background: var(--stk-editor-color2-rgba); border-color: var(--stk-editor-color2); } .cbox.is-style-editor_color2 .span__box_title { background: var(--stk-editor-color2); } .cbox.is-style-editor_color3 { background: var(--stk-editor-color3-rgba); border-color: var(--stk-editor-color3); } .cbox.is-style-editor_color3 .span__box_title { background: var(--stk-editor-color3); } .cbox.is-style-blue_box { background: var(--oc-box-blue-inner); border-color: var(--oc-box-blue); color: #465d65; } .cbox.is-style-blue_box .span__box_title { background: var(--oc-box-blue); } .cbox.is-style-red_box { background: var(--oc-box-red-inner); border-color: var(--oc-box-red); color: #654646; } .cbox.is-style-red_box .span__box_title { background: var(--oc-box-red); } .cbox.is-style-yellow_box { background: var(--oc-box-yellow-inner); border-color: var(--oc-box-yellow); color: #636546; } .cbox.is-style-yellow_box .span__box_title { background: var(--oc-box-yellow); } .cbox.is-style-green_box { background: var(--oc-box-green-inner); border-color: var(--oc-box-green); color: #42613a; } .cbox.is-style-green_box .span__box_title { background: var(--oc-box-green); } .cbox.is-style-pink_box { background: var(--oc-box-pink-inner); border-color: var(--oc-box-pink); color: #654646; } .cbox.is-style-pink_box .span__box_title { background: var(--oc-box-pink); } .cbox.is-style-glay_box { background: var(--oc-box-gray-inner); border-color: var(--oc-box-gray); color: #444444; } .cbox.is-style-glay_box .span__box_title { background: var(--oc-box-gray); } .cbox.is-style-black_box { background: var(--oc-box-black-inner); border-color: var(--oc-box-black); color: #ffffff; } .cbox.is-style-black_box .span__box_title { background: var(--oc-box-black); } .cbox.type_ttl { padding: 0; position: static; border-radius: 0; background: none; color: inherit; } .cbox.type_ttl .cboxcomment { padding: 1em; } .cbox.type_ttl .span__box_title { width: 100%; position: static; border-radius: 0; vertical-align: top; } .cbox.type_simple { background-color: var(--inner-content-bg); } .cbox.type_simple .span__box_title { background-color: var(--inner-content-bg); color: var(--main-ttl-bg); } .cbox.type_simple.is-style-editor_color1 .span__box_title { color: var(--stk-editor-color1); } .cbox.type_simple.is-style-editor_color2 .span__box_title { color: var(--stk-editor-color2); } .cbox.type_simple.is-style-editor_color3 .span__box_title { color: var(--stk-editor-color3); } .cbox.type_simple.is-style-blue_box .span__box_title { color: var(--oc-box-blue); } .cbox.type_simple.is-style-red_box .span__box_title { color: var(--oc-box-red); } .cbox.type_simple.is-style-yellow_box .span__box_title { color: var(--oc-box-yellow); } .cbox.type_simple.is-style-green_box .span__box_title { color: var(--oc-box-green); } .cbox.type_simple.is-style-pink_box .span__box_title { color: var(--oc-box-pink); } .cbox.type_simple.is-style-glay_box .span__box_title { color: var(--oc-box-gray); } .cbox.type_simple.is-style-black_box, .cbox.type_simple.is-style-black_box .span__box_title { color: var(--oc-box-black); } .cbox.is-style-site_color { border-color: var(--main-ttl-bg); } .cbox:not(.type_simple):not(.type_ttl).is-style-site_color { background-color: var(--main-ttl-bg-rgba); } .cbox.type_simple.is-style-site_color .span__box_title { color: var(--main-ttl-bg); } .cbox:not(.type_simple).is-style-site_color .span__box_title { background-color: var(--main-ttl-bg); color: var(--main-ttl-color); } .cbox.list-icon-box_color.is-style-editor_color1 ul li::before { color: var(--stk-editor-color1); } .cbox.list-icon-box_color.is-style-editor_color1 ol li::before { background: var(--stk-editor-color1); border-color: var(--stk-editor-color1); color: #fff; } .cbox.list-icon-box_color.is-style-editor_color2 ul li::before { color: var(--stk-editor-color2); } .cbox.list-icon-box_color.is-style-editor_color2 ol li::before { background: var(--stk-editor-color2); border-color: var(--stk-editor-color2); color: #fff; } .cbox.list-icon-box_color.is-style-editor_color3 ul li::before { color: var(--stk-editor-color3); } .cbox.list-icon-box_color.is-style-editor_color3 ol li::before { background: var(--stk-editor-color3); border-color: var(--stk-editor-color3); color: #fff; } .cbox.list-icon-box_color.is-style-blue_box ul li::before { color: var(--oc-box-blue); } .cbox.list-icon-box_color.is-style-blue_box ol li::before { background: var(--oc-box-blue); border-color: var(--oc-box-blue); color: #fff; } .cbox.list-icon-box_color.is-style-red_box ul li::before { color: var(--oc-box-red); } .cbox.list-icon-box_color.is-style-red_box ol li::before { background: var(--oc-box-red); border-color: var(--oc-box-red); color: #fff; } .cbox.list-icon-box_color.is-style-yellow_box ul li::before { color: var(--oc-box-yellow); } .cbox.list-icon-box_color.is-style-yellow_box ol li::before { background: var(--oc-box-yellow); border-color: var(--oc-box-yellow); color: #fff; } .cbox.list-icon-box_color.is-style-green_box ul li::before { color: var(--oc-box-green); } .cbox.list-icon-box_color.is-style-green_box ol li::before { background: var(--oc-box-green); border-color: var(--oc-box-green); color: #fff; } .cbox.list-icon-box_color.is-style-pink_box ul li::before { color: var(--oc-box-pink); } .cbox.list-icon-box_color.is-style-pink_box ol li::before { background: var(--oc-box-pink); border-color: var(--oc-box-pink); color: #fff; } .cbox.list-icon-box_color.is-style-glay_box ul li::before { color: var(--oc-box-gray); } .cbox.list-icon-box_color.is-style-glay_box ol li::before { background: var(--oc-box-gray); border-color: var(--oc-box-gray); color: #fff; } .cbox.list-icon-box_color.is-style-black_box ul li::before { color: var(--oc-box-gray); } .cbox.list-icon-box_color.is-style-black_box ol li::before { background: var(--oc-box-gray); border-color: var(--oc-box-gray); color: #fff; } .accordion { position: relative; margin: 0.9em 0; } .accordion_check { display: none; } .accordion_label { position: relative; z-index: 2; color: inherit; display: block; margin: 0; padding: 10px 30px 10px 10px; font-weight: 700; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .accordion label::after, .oc-faq label::after { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f107"; position: absolute; right: 0.8em; top: calc(50% - 0.5em); line-height: 1; transition: 0.17s; } .accordion_check:checked + .accordion_label::after, .accordion_check:checked + .faq__label::after { transform: rotate(-180deg); } .accordion_content { position: relative; z-index: 2; border-top: none; height: 0; opacity: 0; overflow: hidden; padding: 0 1em; margin: 0 3px; transition: 0.17s; visibility: hidden; background-color: var(--inner-content-bg); } .accordion_check:checked + .accordion_label + .accordion_content { height: auto; opacity: 1; padding: 10px 1em; margin: 3px; transform: translateY(-3px); visibility: visible; } .accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain) { font-size: 95%; box-shadow: 0 0 10px rgba(102, 102, 102, 0.05); } .accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::before, .accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::after { content: ""; display: block; width: 100%; height: 100%; opacity: 0.3; position: absolute; top: 0; left: 0; z-index: 1; } .accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::before { background-color: var(--main-ttl-bg); color: var(--main-ttl-color); } .accordion:not(.is-style-accordion_type_simple, .is-style-accordion_type_plain)::after { background: #666666; opacity: 0.02; } .accordion.is-style-accordion_type_border { border-top: 1px solid; border-bottom: 1px solid; box-shadow: none; margin-top: 0; margin-bottom: 0; } .accordion.is-style-accordion_type_border + .accordion.is-style-accordion_type_border { margin-top: -1px; } .accordion.is-style-accordion_type_border::before, .accordion.is-style-accordion_type_border::after { content: none; } .accordion.is-style-accordion_type_border .accordion_content { background: none; } .accordion.is-style-accordion_type_border .accordion_check:checked + .accordion_label + .accordion_content { padding: 10px; margin: 0; } .accordion.is-style-accordion_type_simple::before, .accordion.is-style-accordion_type_simple::after { content: none; } .accordion.is-style-accordion_type_simple .accordion_label { margin-bottom: 10px; } .accordion.is-style-accordion_type_simple .accordion_label { display: inline-block; padding: 0 1.9em 0 0; } .accordion.is-style-accordion_type_simple .accordion_content { box-shadow: 0 0 2px rgba(102, 102, 102, 0.4); border-radius: 5px; } .accordion.is-style-accordion_type_plain { display: flex; flex-wrap: wrap; margin: 0 0 var(--stk-margin, 1.6em); } .accordion.is-style-accordion_type_plain .accordion_content { order: -1; width: 100%; background: none; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .accordion.is-style-accordion_type_plain .accordion_label { margin: 0; padding: 0 0 0 1.25em; } .accordion.is-style-accordion_type_plain .accordion_label::after { content: "\f057"; font-weight: 400; transform: rotate(45deg); top: calc(50% - 0.45em); left: 0; right: auto; } .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label { text-indent: 100%; white-space: nowrap; overflow: hidden; } .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::before { content: "閉じる"; position: absolute; left: 1.25em; text-indent: 0; } .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label::after { text-indent: 0; transform: rotate(90deg); } .accordion.is-style-accordion_type_plain .accordion_check:checked + .accordion_label + .accordion_content { padding: 0 0 1em; margin: 0; transform: none; } .oc-faq { padding: 1em 0; margin: 1em 0; } .oc-faq__title, .oc-faq__comment { position: relative; padding-left: max(2.2em, 22px); margin-bottom: 0; } .oc-faq__title::before, .oc-faq__comment::before { position: absolute; left: 0; top: 0; display: inline-block; width: max(1.8em, 18px); height: max(1.8em, 18px); line-height: 1.8; text-align: center; font-weight: 700; content: ""; border-radius: 4px; } .oc-faq__title { font-weight: 700; margin-top: 0; } .oc-faq__title::before { content: "Q"; } .oc-faq__comment::before { content: "A"; } .faq-icon--simple .oc-faq__title::before, .faq-icon--simple .oc-faq__comment::before { transform: scale(1.2); } .faq-icon--simple .oc-faq__title::before { color: #f55e5e; } .faq-icon--simple .oc-faq__comment::before { color: #1bb4d4; } .faq-icon--bg_themecolor .oc-faq__title::before, .faq-icon--bg_themecolor .oc-faq__comment::before { background-color: var(--main-ttl-bg); color: var(--main-ttl-color); } .faq-icon--bg_monoqlo .oc-faq__title::before, .faq-icon--bg_monoqlo .oc-faq__comment::before { border: 1px solid #333; background: #333; color: #fff; } .faq-icon--bg_monoqlo .oc-faq__comment::before { background: #fff; color: #333; } .faq-icon--border .oc-faq__title::before, .faq-icon--border .oc-faq__comment::before { border: 1px solid; } .faq-icon--radius_none .oc-faq__title::before, .faq-icon--radius_none .oc-faq__comment::before { border-radius: 0; } .faq-icon--radius_maru .oc-faq__title::before, .faq-icon--radius_maru .oc-faq__comment::before { border-radius: 50%; } .is-style-faq_type_border, .is-style-faq_type_border__dot, .is-style-faq_type_bg1, .is-style-faq_type_bg2, .is-style-faq_type_bg3 { padding: 3% 3%; } .is-style-faq_type_border { border: 2px solid rgba(102, 102, 102, 0.3); } .is-style-faq_type_border__dot { border: 2px dashed rgba(102, 102, 102, 0.3); } .is-style-faq_type_bg1 { position: relative; } .is-style-faq_type_bg1::before { position: absolute; top: 0; left: 0; content: ""; display: block; background-color: var(--main-ttl-bg); color: var(--main-ttl-color); width: 100%; height: 100%; opacity: 0.2; } .is-style-faq_type_bg2 { background: rgba(102, 102, 102, 0.1); } .is-style-faq_type_bg3 { background: #fff; } .oc-faq label::after { right: 0; } .oc-faq:not(.is-style-faq_type_border):not(.is-style-faq_type_border__dot):not(.is-style-faq_type_bg1):not(.is-style-faq_type_bg2):not(.is-style-faq_type_bg3) .faq__label { display: inline-block; } .faq__label { padding-right: 1em; z-index: 2; display: block; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .faq__label + .oc-faq__comment { position: relative; z-index: 2; height: 0; opacity: 0; overflow: hidden; transition: 0.17s; visibility: hidden; } .accordion_check:checked + .faq__label + .oc-faq__comment { height: auto; opacity: 1; margin-top: calc(0.5em + 3px); transform: translateY(-3px); visibility: visible; } .accordion_content p:last-child, .oc-faq__title, .oc-faq__comment p:last-child, .supplement p:last-child, .cbox p:last-child, .voice .voicecomment p:last-child, .wp-block-group.has-background p:last-child, .stk_step__child p:last-child, .archives-list a .description p:last-child, .wp-block-quote p:last-child { margin-bottom: 0; } .wp-block-buttons.is-vertical > .wp-block-button { margin-left: 0.5em; margin-right: 0.5em; } .btn-wrap, .wp-block-button { --stk-btn-padding: 0.667em; } .btn-wrap p, .wp-block-button p { margin: 0; padding: 0; } .btn-wrap { margin: 0.5em auto 1em !important; text-align: center; } .btn-wrap a { padding: var(--stk-btn-padding, 0.667em) 2em; font-size: 1em; vertical-align: middle; font-weight: 700; border-radius: var(--stk-btn-border_radius, 3px); max-width: calc(100% - 1em); width: auto; z-index: 2; display: inline-block; text-decoration: none; border-width: var(--stk-btn-border_width, 2px); border-style: solid; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 1px 10px rgba(0, 0, 0, 0.07); color: #ffffff; text-decoration: none !important; } .btn-wrap.big a, .btn-wrap.wp-block-button.big a { font-size: 103%; width: 480px; max-width: calc(100% - 1em); } .btn-wrap.stripe a { border-style: none; padding: calc(var(--stk-btn-padding) + 2px) 2em; } .wp-block-buttons:not(.alignleft):not(.alignright):not(.is-content-justification-left):not(.is-content-justification-right):not([class*=wp-container-]) { justify-content: center; } .wp-block-buttons { margin-top: 0.5em; margin-bottom: 0.5em; } .wp-block-buttons:has([class*=is-style-rich_]) { margin-bottom: calc(0.5em + 4px); } .wp-block-button { max-width: calc(100% - 1em); min-width: min(220px, calc(100% - 1em)); margin: 0; } .wp-block-button__link { font-size: 1em; font-weight: 700; vertical-align: middle; text-decoration: none !important; max-width: 100%; border-radius: var(--stk-btn-border_radius, 3px); } .wp-block-button__link:not(.has-text-color) { color: #ffffff; } .wp-block-button.is-style-outline .wp-block-button__link { padding: var(--stk-btn-padding, 0.667em) 1em; } :where(.wp-block-button__link) { width: 100%; } .wp-block-button.big, .wp-block-buttons.is-style-big { font-size: 103%; } .wp-block-button.big .wp-block-button, .wp-block-buttons.is-style-big .wp-block-button { min-width: min(470px, calc(100% - 1em)); } @media only screen and (max-width: 480px) { .wp-block-button.big .wp-block-button, .wp-block-buttons.is-style-big .wp-block-button { width: calc(100% - 1em); } } .wp-block-button.big .wp-block-button__link, .wp-block-buttons.is-style-big .wp-block-button__link { width: 100%; } .wp-block-button.small, .wp-block-buttons.is-style-small { font-size: 90%; } .wp-block-button.small .wp-block-button, .wp-block-buttons.is-style-small .wp-block-button { min-width: 90px; text-align: center; } .wp-block-button.small .wp-block-button__link, .wp-block-buttons.is-style-small .wp-block-button__link { max-width: initial; width: initial; padding: 0.2em 0.9em; } .wp-block-button.is-style-fill .wp-block-button__link, .wp-block-button.is-style-stripe .wp-block-button__link { padding: calc(var(--stk-btn-padding, 0.667em) + var(--stk-btn-border_width, 2px)) calc(1em + var(--stk-btn-border_width, 2px)); } .wp-block-button.is-style-fill.small .wp-block-button__link, .wp-block-buttons.is-style-small .is-style-fill .wp-block-button__link, .wp-block-buttons.is-style-small .is-style-stripe .wp-block-button__link { padding: calc(0.2em + var(--stk-btn-border_width, 2px)) calc(0.9em + var(--stk-btn-border_width, 2px)); } .btn-wrap a:active, .wp-block-button a:active { transform: translate3d(0, 1px, 1px); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } .btn-wrap a, .wp-block-button.is-style-fill .wp-block-button__link:not(.has-background):not(.has-text-color), .wp-block-button.is-style-stripe .wp-block-button__link:not(.has-background) { background-color: var(--main-link-color); border-color: var(--main-link-color); } .btn-wrap.simple a, .wp-block-button.is-style-outline .wp-block-button__link { border-width: var(--stk-btn-border_width, 2px); } .btn-wrap.simple a { color: var(--main-link-color); border-color: var(--main-link-color); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { color: var(--main-link-color); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) { border-color: var(--main-link-color); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) { background: transparent; } .wp-block-button.lightning .wp-block-button__link { background: #C81C1C; border-color: #C81C1C; color: #ffffff; } .btn-wrap.simple a:link { background: none; color: var(--main-link-color); } .btn-wrap.bg { background: #efefef; background: rgba(0, 0, 0, 0.1); padding: 1.5em 1em; margin: 2.5em 0; } .btn-wrap.bg-yellow { background: lightyellow; background: rgba(255, 255, 0, 0.2); padding: 1.5em 1em; margin: 2.5em 0; } .btn-wrap.maru, .btn-wrap.maru a { border-radius: 0.6em; } .btn-wrap[class*=rich_] a, .wp-block-button[class*=is-style-rich_] .wp-block-button__link { padding: calc(var(--stk-btn-padding, 0.667em) + var(--stk-btn-border_width, 2px)) calc(1em + var(--stk-btn-border_width, 2px)); font-weight: 700; position: relative; border-radius: var(--stk-btn-border_radius, 3px); color: #ffffff !important; border: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.09); } .btn-wrap.rich_yellow a, .wp-block-button.is-style-rich_yellow .wp-block-button__link { background-color: var(--oc-btn-rich_yellow); box-shadow: 0 4px 0 var(--oc-btn-rich_yellow-sdw); } .btn-wrap.rich_pink a, .wp-block-button.is-style-rich_pink .wp-block-button__link { background-color: var(--oc-btn-rich_pink); box-shadow: 0 4px 0 var(--oc-btn-rich_pink-sdw); } .btn-wrap.rich_orange a, .wp-block-button.is-style-rich_orange .wp-block-button__link { background-color: var(--oc-btn-rich_orange); box-shadow: 0 4px 0 var(--oc-btn-rich_orange-sdw); } .btn-wrap.rich_green a, .wp-block-button.is-style-rich_green .wp-block-button__link { background-color: var(--oc-btn-rich_green); box-shadow: 0 4px 0 var(--oc-btn-rich_green-sdw); } .btn-wrap.rich_blue a, .wp-block-button.is-style-rich_blue .wp-block-button__link { background-color: var(--oc-btn-rich_blue); box-shadow: 0 4px 0 var(--oc-btn-rich_blue-sdw); } @media only screen and (min-width: 768px) { .btn-wrap a:hover, .wp-block-button .wp-block-button__link:hover { opacity: 0.8; text-decoration: none !important; } .btn-wrap:not([class*=rich_]) a:hover, .wp-block-button:not([class*=is-style-rich_]) .wp-block-button__link:hover { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } } .btn-wrap.stripe a, .wp-block-button.is-style-stripe .wp-block-button__link { background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255, 255, 255, 0.15) 8px, rgba(255, 255, 255, 0.15) 16px); } .stk-shiny-button a, .stk-shiny-button > figure, .stk-shiny-button > div { overflow: hidden; position: relative; } .stk-shiny-button a::before, .stk-shiny-button > figure::before, .stk-shiny-button > div::before { content: ""; position: absolute; top: -100px; left: -100px; width: 50px; height: 50px; background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgb(255, 255, 255) 100%, rgba(255, 255, 255, 0) 0%); animation-name: shiny; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes shiny { 0% { transform: scale(0) rotate(25deg); opacity: 0; } 50% { transform: scale(1) rotate(25deg); opacity: 0.5; } 100% { transform: scale(50) rotate(25deg); opacity: 0; } } .stk-bound-button a, .stk-bound-button > figure, .stk-bound-button > div { animation-name: bound; animation-duration: 2s; animation-iteration-count: infinite; } @keyframes bound { 0% { transform: translateY(0); } 5% { transform: translateY(-10px); } 12% { transform: translateY(0); } 18% { transform: translateY(-10px); } 24% { transform: translateY(0); } 100% { transform: translateY(0); } } @media only screen and (min-width: 768px) { .column-wrap { display: flex; flex-flow: row wrap; width: 100%; } .column-wrap .column_2, .column-wrap .column_3 { width: calc(50% - 0.5em); margin: 0 0.5em 0.5em; } .column-wrap .column_3 { width: calc(33.3333% - 0.85em); } .column-wrap .column_4 { width: calc(25% - 0.5em); } .column-wrap .column_5 { width: calc(20% - 0.5em); } .column-wrap .child_column:first-child { margin-left: 0; } .column-wrap .child_column:last-child { margin-right: 0; } .column-wrap p { margin-bottom: 0.5em; } .column-wrap .child_column img { margin-bottom: 1.5%; } .column-wrap .child_column h2, .column-wrap .child_column h3 { margin-top: 1em; } } .voice { margin: 1em 0 1.3em; font-size: 95%; overflow: hidden; display: flex; align-items: flex-start; } .voice .voicecomment { border: 5px solid rgba(213, 213, 213, 0.5); margin-top: 1em; padding: 2.5%; position: relative; border-radius: 0.6em; flex: 1; } .voice .voicecomment p { margin-bottom: 1em; } .voice .voicecomment::after { content: ""; position: absolute; top: 13px; left: -19px; width: 0; height: 0; border-style: solid; border-color: transparent; border-right-color: inherit; border-width: 7px; } .voice.width_stretch .icon { flex: none; } .voice.width_stretch .voicecomment { flex: inherit; } .voice.r { flex-flow: row-reverse; } .voice.r .voicecomment::after { left: auto; right: -19px; border-color: transparent; border-left-color: inherit; border-width: 7px; } .voice.fb .voicecomment, .voice.comment_blue .voicecomment { background: #418ed8; border-color: #418ed8; color: #fff; } .voice.line .voicecomment, .voice.comment_green .voicecomment { background: #7ACC40; border-color: #7ACC40; color: #fff; } .voice.comment_gray .voicecomment { background: #eee; border-color: #eee; color: #222; } .voice.comment_pink .voicecomment { background: #ffecec; border-color: #ffecec; } .voice.comment_yellow .voicecomment { background: #fbf79f; border-color: #fbf79f; } .voice.comment_white .voicecomment { background: #fff; border-color: #fff; color: #222; } .voice .icon { width: 12%; min-width: 80px; text-align: center; } .voice .icon .name { font-size: 0.65em; padding: 0.4em 0; } .voice.big .icon { width: 18%; } .voice.l .icon { margin-right: 1em; } .voice.r .icon { margin-left: 1em; } .voice .voice_icon__img { border-radius: 50%; margin: 0; border: 4px solid #f5f5f5; } .voice.icon_red .voice_icon__img { border-color: #ec6565; } .voice.icon_blue .voice_icon__img { border-color: #418ed8; } .voice.icon_yellow .voice_icon__img { border-color: #fbf79f; } .voice.icon_black .voice_icon__img { border-color: #222; } .voice.icon_color_none .voice_icon__img { border-color: transparent; } .cat_postlist { width: 100%; margin-bottom: 1em; } .cat_postlist .catttl { font-size: 105%; font-weight: 700; padding: 5px 0; margin: 0 0 5px; border-bottom: 2px solid var(--main-ttl-bg); } .cat_postlist .catttl.ttlimg { border: none; padding: 0; } .cat_postlist .catttl.ttlimg img { margin: 0; } .cat_postlist.postviews_order ul.cat_postlist__ul { counter-reset: number; } .cat_postlist.postviews_order ul.cat_postlist__ul li .eyecatch::before { counter-increment: number; content: counter(number); background-color: var(--main-ttl-bg); color: var(--main-ttl-color); margin-right: 3px; width: 1.75em; height: 1.75em; line-height: 1.75em; font-size: 11px; font-weight: 900; display: block; text-align: center; position: absolute; left: 0; top: 0; border-radius: 0 0 3px; z-index: 1; } .cat_postlist__ul { margin-top: 0; margin-bottom: 0; } li.cat_postlist__li { margin: 0; padding-left: 0; } .cat_postlist__li::before { content: none !important; } .cat_postlist__li .eyecatch img { margin: 0; } .cat_postlist__li .cat-name { font-size: 70%; font-weight: 400; } .cat_postlist__li .ttl { font-size: 90%; font-weight: 700; margin: 0; padding: 0; line-height: var(--stk-heading-line_height, 1.5); } .cat_postlist__li .time__date { font-size: 80%; } .cat_postlist__li .time__date:has(+ .undo) { display: none; } .cat_postlist__link { color: inherit; text-decoration: none; display: block; width: 100%; overflow: hidden; } .cat_postlist__link:hover { color: inherit; } @media only screen and (min-width: 768px) { .cat_postlist__link:hover { opacity: 0.8; } .cat_postlist__link:hover img { opacity: 1; } } .cat_postlist.typecard { --stk-postlist_column_pc: 25%; --stk-postlist_column_tb: 25%; --stk-postlist_column_sp: 50%; } .cat_postlist.typecard .cat_postlist__ul { --postlist_card__gap: 0.5em; display: flex; flex-wrap: wrap; margin-left: calc(var(--postlist_card__gap) * -1); margin-right: calc(var(--postlist_card__gap) * -1); } .cat_postlist.typecard .cat_postlist__li { width: calc(var(--stk-postlist_column_pc) - var(--postlist_card__gap) * 2); font-size: 90%; margin: var(--postlist_card__gap); } @media only screen and (min-width: 481px) and (max-width: 980px) { .cat_postlist.typecard .cat_postlist__li { width: calc(var(--stk-postlist_column_tb) - var(--postlist_card__gap) * 2); } } @media only screen and (max-width: 480px) { .cat_postlist.typecard .cat_postlist__li { width: calc(var(--stk-postlist_column_sp) - var(--postlist_card__gap) * 2); } } .cat_postlist.typecard .eyecatch { margin: 0 0 0.5em; } @media only screen and (max-width: 480px) { .stk-horizontal-scroll.stk_grids, .stk-horizontal-scroll.cat_postlist__ul, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile, .stk-horizontal-scroll.wp-block-gallery.has-nested-images { margin-left: var(--stk-el-margin-rl, -4vw) !important; margin-right: var(--stk-el-margin-rl, -4vw) !important; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; } .stk-horizontal-scroll.stk_grids::-webkit-scrollbar, .stk-horizontal-scroll.cat_postlist__ul::-webkit-scrollbar, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile::-webkit-scrollbar, .stk-horizontal-scroll.wp-block-gallery.has-nested-images::-webkit-scrollbar { display: none; } .stk-horizontal-scroll.cat_postlist__ul, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile, .stk-horizontal-scroll.wp-block-gallery.has-nested-images { flex-wrap: nowrap !important; } .stk-horizontal-scroll.stk_grids { grid-auto-flow: column; grid-auto-columns: 70%; grid-template-columns: none; } .stk-horizontal-scroll.stk_grids .stk_grid__child { white-space: normal; scroll-snap-align: center; } .stk-horizontal-scroll.cat_postlist__ul { padding-left: calc(var(--stk-el-margin-rl) * -1); padding-right: calc(var(--stk-el-margin-rl) * -1); gap: calc(var(--stk-el-margin-rl) * -1); } .stk-horizontal-scroll.cat_postlist__ul .cat_postlist__li { margin: 0; } .stk-horizontal-scroll.stk_grids:not(.alignfull):not(.alignwide), .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile:not(.alignfull):not(.alignwide), .stk-horizontal-scroll.wp-block-gallery.has-nested-images:not(.alignfull):not(.alignwide) { padding-left: calc(var(--stk-el-margin-rl) * -1); padding-right: calc(var(--stk-el-margin-rl) * -1); } .stk-horizontal-scroll.cat_postlist__ul .cat_postlist__li, .stk-horizontal-scroll.wp-block-columns.is-not-stacked-on-mobile .wp-block-column, .stk-horizontal-scroll.wp-block-gallery.has-nested-images .wp-block-image { display: inline-block; white-space: normal; flex: 0 0 70%; scroll-snap-align: center; } } .cat_postlist.typesimple .cat_postlist__link { padding: 0.7em 0; display: flex; align-items: flex-start; } .cat_postlist.typesimple .eyecatch { width: 30%; max-width: 110px; margin-right: 0.7em; overflow: hidden; text-align: center; } .cat_postlist.typesimple .cat-name { font-size: 10px; padding: 0 0.2em; } .cat_postlist.typesimple .archives_post__meta { flex: 1; } .cat_postlist.typetext .cat_postlist__link { padding: 0.5em 0.3em; border-bottom: 1px dotted rgba(102, 102, 102, 0.3); } .cat_postlist.typetext .cat-name { font-size: 10px; display: inline-block; margin-right: 0.5em; } .cat_postlist.typetext.text__datefirst .archives_post__meta { display: flex; } .cat_postlist.typetext.text__datefirst .time__date { order: -1; margin-right: 0.2em; margin-top: 2px; min-width: 7.5em; flex-shrink: 0; } .cat_postlist .wp-block-button { margin: 1em auto 2em; } .cat_postlist .wp-block-button.is-style-outline > .wp-block-button__link { padding: calc(var(--stk-btn-padding, 0.667em) / 2) 1em; padding-right: 1.5em; width: auto; min-width: 220px; position: relative; } .cat_postlist .wp-block-button.--style-arrow a::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f105"; position: absolute; right: 5px; transform: scale(0.9); } .stk-ad { display: inline-block; } .stk-review-stars i { color: #fac225; } .stk-review-stars .star-half { display: inline-flex; position: relative; text-align: center; } .stk-review-stars .star-half i.bright { position: absolute; top: 0; left: 0; } .stk-review-stars:not(.typestroke) i.bright { opacity: 0.3; } .stk-review-stars.typestroke i.bright { font-weight: 300; } .entry-content .stk-toc { margin: 2em 0; } .stk-toc { width: 100%; padding: 1em; border: var(--stk-box-border_width, 2px) solid hsla(0, 0%, 40%, 0.3); border-radius: var(--stk-box-border_radius, 4px); } .stk-toc .stk-toc__title { max-width: 640px; font-weight: bold; margin: 0 auto; display: block; position: relative; } .stk-toc .stk-toc__title::before { display: inline-block; font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 900; content: "\f03a"; margin-right: 0.3em; color: var(--main-ttl-bg); } .stk-toc.--ttl-bg .toc_number { color: var(--main-ttl-bg); } .stk-toc .stk-toc__list { max-width: 640px; margin: 0 auto; } .stk-toc .stk-toc__list ul { margin-bottom: 0.5em; } .stk-toc .stk-toc__list > li { padding-left: 0; } .stk-toc .stk-toc__list > li > ul { font-size: 0.9em; margin-top: 0.9em; margin-bottom: 1em; } .stk-toc ul li { margin: 1em 0; font-weight: bold; line-height: var(--stk-heading-line_height, 1.5); } .stk-toc ul li.other-page { opacity: 0.7; } .stk-toc ul li::before { content: none; } .stk-toc ul li li { font-weight: normal; margin: 0.5em 0; } .stk-toc ul li li::before { content: none; } .stk-toc a { color: inherit; text-decoration: none; display: inline-flex; } .stk-toc a:hover { opacity: 0.7; } .stk-toc .toc_number { margin-right: 0.3em; } .stk-toc .toc_number::after { content: "."; margin-left: 0.3em; } .stk-toc input { display: none; } .stk-toc .stk-toc__label { cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .stk-toc .stk-toc__label::after { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f107"; position: absolute; right: auto; top: calc(50% - 0.5em); margin-left: 0.4em; line-height: 1; transition: 0.17s; } .stk-toc .stk-toc__check + .stk-toc__label + .stk-toc__list { height: 0; opacity: 0; overflow: hidden; transition: 0.17s; visibility: hidden; } .stk-toc .stk-toc__check:checked + .stk-toc__label + .stk-toc__list { height: auto; opacity: 1; margin-top: 3px; transform: translateY(-3px); visibility: visible; } .stk-toc .stk-toc__check:checked + .stk-toc__label::after { transform: rotate(-180deg); } .stk-toc.--style-themecolor { border: none; background-color: var(--main-ttl-bg-rgba); } .stk-toc.--style-themecolor .toc_number { flex: none; } .stk-toc.--style-box { padding-top: 0; padding-bottom: 0; border-color: var(--main-ttl-bg); border-radius: 0; } .stk-toc.--style-box .stk-toc__title { max-width: 100%; background-color: var(--main-ttl-bg); color: var(--main-ttl-color); text-align: center; padding: 0.2em 1em; margin-left: -1em; margin-right: -1em; max-width: calc(100% + 2em); } .stk-toc.--style-box .stk-toc__title::before { color: inherit; } .stk-toc.--style-stripe { border: none; background-size: auto auto; background-color: #fcfcfc; background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #f6f6f6 4px, #f6f6f6 8px); } @media only screen and (max-width: 480px) { .btn-wrap a, .wp-block-button a { font-size: 90%; } .btn-wrap.big a, .wp-block-button.is-style-big a { font-size: 90%; min-width: 80%; max-width: 90%; } .btn-wrap.bg { padding: 0.9em 0.8em; margin: 2.5em 0; } .voice .voicecomment { font-size: 95%; } .cat_postlist.typetext, .related_article { font-size: 90%; } .stk-toc { font-size: 90%; } } .archive-title { font-size: 115%; margin: 0 0 1.5em; padding: 0 0.1em 0.5em; border-bottom: 3px solid var(--main-ttl-bg); } .archive-title span, .archive-title::before { font-size: 10px; line-height: var(--stk-heading-line_height, 1.5); display: block; opacity: 0.5; margin-bottom: 0.5em; } .archive-title.ttl-category::before { content: "CATEGORY"; } .archive-title.ttl-tags::before { content: "TAGS"; } .archive-title.ttl-author { display: flex; align-items: center; } .archive-title.ttl-author .avatar { width: 50px; border-radius: 50%; margin-right: 5px; box-shadow: 0 0 5px rgba(102, 102, 102, 0.3); } .archives-list .cat-name { opacity: 0.88; } .archives-list .cat-name:empty { display: none; } .archives-list:not(.card-column2-sp) .cat-name { font-size: 72%; } .archives-list:not(.big-list) .post-list__link { display: block; text-decoration: none; color: inherit; } .archives-list .entry-title { margin: 0; font-size: 115%; font-weight: 700; line-height: var(--stk-heading-line_height, 1.5); background: none !important; color: inherit !important; padding: 0; box-shadow: none; overflow-wrap: anywhere; } @media only screen and (min-width: 768px) { .archives-list .byline { font-size: 75%; } } .archives-list .description { opacity: 0.75; font-size: 70%; } .archives-list .archives-list-entry-content :where(.one-line, .two-lines, .three-lines) { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } .archives-list .archives-list-entry-content .one-line { -webkit-line-clamp: 1; line-clamp: 1; } .archives-list .archives-list-entry-content .two-lines { -webkit-line-clamp: 2; line-clamp: 2; } .archives-list .archives-list-entry-content .three-lines { -webkit-line-clamp: 3; line-clamp: 3; } @media only screen and (max-width: 480px) { .archives-list.big-list { font-size: 90%; } } .archives-list.big-list .post-list { margin-bottom: 3em; } .archives-list.big-list .article-header { display: flex; flex-flow: column nowrap; gap: 1em; margin-bottom: 1em; } .archives-list.big-list .archives-list-entry-content { gap: 0; } .archives-list.big-list .entry-title a { color: inherit; text-decoration: none; } .archives-list.big-list .wp-block-button { max-width: 100%; } .archives-list.simple-list .post-list { margin: 3px auto; padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .archives-list.simple-list .post-list:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .archives-list.simple-list .post-list__link { display: flex; align-items: flex-start; width: 100%; padding: 3%; background-color: var(--inner-content-bg); } .archives-list.simple-list .eyecatch { flex-shrink: 0; width: 40%; max-width: 280px; margin-bottom: 0 !important; } .archives-list.simple-list section { padding-left: 3%; } @media only screen and (max-width: 767px) { .archives-list.simple-list .entry-title { font-size: 100%; } .archives-list.simple-list .description { display: none; } } @media only screen and (max-width: 480px) { .archives-list.simple-list .post-list { margin-left: -4%; margin-right: -4%; font-size: 90%; } } .archives-list.card-list { display: flex; justify-content: space-between; flex-wrap: wrap; word-break: break-all; margin: 0.5em auto; } @media only screen and (min-width: 481px) { .archives-list.card-list { margin: 0 auto; } } .archives-list.card-list .post-list__link { height: 100%; padding: 1em; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); } .archives-list.card-list .eyecatch { margin: -1em -1em 1em; overflow: hidden; } .archives-list.card-list .post-list { margin-bottom: 1.4em; width: 100%; } @media only screen and (min-width: 481px) { .archives-list.card-list .post-list { width: calc(50% - 0.7em); } } @media only screen and (max-width: 480px) { .archives-list.card-list.card-column2-sp { margin: 0 -5px; } .archives-list.card-list.card-column2-sp .post-list { width: calc(50% - 0.5em); font-size: 70%; } .archives-list.card-list.card-column2-sp .description { display: none; } } .archives-list.card-list.card-overlay .post-list__link { padding-bottom: 0; } .archives-list.card-list.card-overlay .eyecatch { margin-bottom: 0; } .archives-list.card-list.card-overlay .archives-list-entry-content { position: absolute; bottom: 0; color: #fff; background: rgba(0, 0, 0, 0.5); margin-left: -1em; margin-right: -1em; width: 100%; padding: 0.75em; transition: all 0.3s ease-in-out; } .archives-list.card-list.card-overlay .archives-list-entry-content::after { content: ""; background: var(--main-ttl-bg-rgba); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .archives-list.card-list.card-overlay .entry-title { font-size: 95%; margin-bottom: 0; position: relative; z-index: 1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .archives-list.card-list.card-overlay .description { display: none; } @media only screen and (min-width: 768px) { .archives-list.card-list.card-overlay .post-list a:hover .archives-list-entry-content { background: rgba(0, 0, 0, 0.75); } } .archives-list.text-list .post-list__link { padding: 1em 0.5em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .archives-list.text-list .entry-title { font-size: 105%; } @media only screen and (min-width: 768px) { .archives-list.text-list .post-list a:hover { background: var(--main-ttl-bg-rgba, rgba(0, 0, 0, 0.1)); } } @media only screen and (max-width: 480px) { .archives-list.text-list .post-list { font-size: 90%; } .archives-list.text-list .cat-name { font-size: 60%; } } @media only screen and (min-width: 768px) { .archives-list:not(.big-list):not(.text-list) .post-list__link:hover { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } } .archives-list-entry-content { display: flex; flex-flow: column nowrap; gap: 0.4em; } .newmark::before { content: "NEW"; font-weight: 400; font-size: 70%; padding: 0.35em; margin-right: 4px; border-radius: 3px; background-color: var(--new-mark-bg); color: #fff; } .pagination, .page-links { font-size: 90%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; } .pagination { margin: 3em auto 4em; padding: 0; } .pagination:empty, .search-no-results .pagination { display: none; } .pagination .page-numbers, .page-links .post-page-numbers { min-width: 2.8em; padding: 12px 6px; text-decoration: none; line-height: 90%; color: var(--main-link-color); border: 2px solid var(--main-link-color); border-radius: 3px; font-weight: 700; } .page-links.type_number { margin: 3em 0 1.5em; } .page-links:not(.type_number) .post-page-numbers { width: 46%; max-width: 15em; } .pagination .page-numbers:hover, .pagination .page-numbers:focus, .page-links .post-page-numbers:hover, .page-links .post-page-numbers:focus { color: #fff; background-color: var(--main-link-color); } .pagination .page-numbers.current, .page-links .post-page-numbers.current { cursor: default; color: #fff; background-color: var(--main-link-color); } .pagination .page-numbers.dots { cursor: default; } .widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar):not(.widget_stk_profilewidget) a { text-decoration: none; color: inherit; } .widget:not(.widget_text):not(.widget_recent_comments):not(.widget_calendar):not(.widget_stk_profilewidget) a:hover { color: inherit; opacity: 0.7; } .widgettitle { font-size: 100%; padding: 0.65em 0.8em; margin-top: 0; margin-bottom: 0; background-color: var(--main-ttl-bg); color: var(--main-ttl-color); border-radius: var(--stk-wttl-border_radius, 0); } .widget_text .widgettitle, .widget_search .widgettitle, .widget_media_video .widgettitle, .widget_media_image .widgettitle, .widget_media_gallery .widgettitle { margin-bottom: 1em; } .homeaddtop .widget:last-child, .titleunder .widget:last-child { margin-bottom: var(--stk-margin, 1.6em); } .widget { margin: 0 0 2.5em; } .widget ul { margin: 0; } .widget_rss li a { font-weight: 700; } .widget_rss li .rssSummary, .widget_rss li .rss-date, .widget_rss li cite { font-size: 88%; opacity: 0.6; } .widget_categories ul, .widget_recent_entries__ul, .widget_newentryimagewidget .cat_postlist__ul, .widget_nav_menu ul, .widget_pages ul, .widget_archive ul, .widget_mycategoryorder ul { margin-top: 0; } .widget_categories .cat-item, .widget_recent_entries__li, .widget_newentryimagewidget .cat_postlist__li, .widget_nav_menu .menu-item, .widget_pages .page_item, .widget_archive li, .widget_mycategoryorder li, .ul__g_nav ul li { border-bottom: 1px dotted var(--oc-base-border-color); margin: 0; padding: 0; } .widget .children li:first-child, .widget .sub-menu li:first-child { border-top: 1px dotted var(--oc-base-border-color); } .widget_categories .cat-item a, .widget_recent_entries__link, .widget_newentryimagewidget a, .widget_nav_menu .menu-item a, .widget_pages .page_item a, .widget_archive li a, .widget_mycategoryorder li a, .ul__g_nav ul li a { display: block; padding: 1em 1.3em 1em 0.3em; margin: 0; position: relative; } .widget li a .countpost { opacity: 0.9; border-radius: 1em; background: rgba(50, 50, 50, 0.1); font-size: 89%; padding: 0 0.5em; margin-left: 0.3em; } .widget_categories .cat-item:last-child, .widget_recent_entries__li:last-child, .widget_newentryimagewidget .cat_postlist__li:last-child, .widget_nav_menu .menu-item:last-child, .widget_pages .page_item:last-child, .widget_archive li:last-child, .widget_mycategoryorder li:last-child, .ul__g_nav ul li:last-child { border-bottom: none; } .widget_categories .cat-item a::after, .widget_recent_entries__li a::after, .widget_newentryimagewidget .cat_postlist__li a::after, .widget_nav_menu .menu-item a::after, .widget_pages .page_item a::after, .widget_archive li a::after, .widget_mycategoryorder li a::after, .ul__g_nav ul li a::after { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f105"; position: absolute; right: 6px; line-height: 1; font-size: 1em; top: 50%; margin-top: -0.5em; transition: 0.15s ease-in-out; color: var(--main-link-color); } .cat_postlist.mode_widget .ttl { font-size: 100%; font-weight: 400; } .cat_postlist.mode_widget .archives_post__meta { padding-right: 1.2em; } .cat_postlist.mode_widget .cat_postlist__link { padding-top: 1em; padding-bottom: 1em; } .entry-content .widget:not(.widget_text) li { padding-left: 0; margin: 0; } .entry-content .widget:not(.widget_text) li::before { content: none; } .widget li a:hover::after { right: 3px; } .widget select { margin-top: 1em; width: 100%; } .widget_categories label, .widget_archive label { display: none; } .widget_nav_menu .sub-menu, .widget_pages .children, .widget_categories .children { padding: 0; margin: 0; background: rgba(125, 125, 125, 0.02); } .widget_nav_menu .sub-menu a::before, .widget_pages .children a::before, .widget_categories .children a::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f0da"; display: inline-block; margin-right: 5px; opacity: 0.15; } .widget_nav_menu .sub-menu a::after, .widget_pages .children a::after, .widget_categories .children a::after { content: none; } .widget_nav_menu .sub-menu .sub-menu a, .widget_pages .children .children a, .widget_categories .children .children a { padding-left: 1.6em; } .widget_nav_menu .sub-menu li a, .widget_pages .children .page_item a { padding-left: 0.5em; } .widget_recent_comments ul { margin-top: 0; } .widget_recent_comments .recentcomments { border-bottom: 1px dotted #ccc; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); margin: 0; padding: 0.5em 0; } .widget_recent_comments .recentcomments:first-child { border-top: none; } .widget_recent_comments .recentcomments:last-child { border-bottom: none; } .wp-block-search .wp-block-search__label { display: block; } .wp-block-search .wp-block-search__input { display: initial; } .svgicon_searchform { width: 1em; height: 1em; } .searchform { position: relative; height: 50px; margin: 0 auto 1.5em; max-width: 500px; text-align: center; } .searchform .searchform_input { position: absolute; width: 100%; height: 100%; padding: 12px 40px 12px 2%; margin: 0; font-size: 16px; } .searchform .searchsubmit { position: absolute; right: 3px; border: 0; background: none; color: initial; display: inline-flex; justify-content: center; align-items: center; height: 100%; padding: 1em 0.6em; font-size: 140%; } .widget_calendar .wp-calendar-table { width: 100%; } .widget_calendar .wp-calendar-table, .widget_calendar .wp-calendar-table th, .widget_calendar .wp-calendar-table td, .widget_calendar .wp-calendar-nav { text-align: center; } .tagcloud, .wp-block-tag-cloud { align-items: center; display: flex; flex-wrap: wrap; gap: 0.6em; } .tagcloud { padding-top: 0.6em; } .tag-cloud-link, .wp-block-tag-cloud a { padding: 0.5em 0.6em; display: inline-block; line-height: 1; font-size: 12px !important; text-decoration: none; border-radius: 3px; color: inherit; box-shadow: 0 0 1px; opacity: 0.8; } .tag-cloud-link::before, .wp-block-tag-cloud a::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f02b"; margin-right: 3px; } @media only screen and (min-width: 768px) { .tag-cloud-link:hover { opacity: 0.7; box-shadow: 0 0 5px; } .tag-cloud-link:active { box-shadow: 0 0 2px; } } .widget_nav_menu .menu-item a .gf { display: none; } .widget li .time__date { padding: 0 0.3em; font-size: 0.9em; opacity: 0.5; display: inline-block; } .widget li .post__views { font-size: 0.9em; } .widget_categories .cat-item, .widget_nav_menu .menu-item, .widget_pages .page_item { position: relative; } .widget li.accordionMenu > a { padding-right: 2em; } .widget li.accordionMenu > a::after { content: none; } .accordionBtn { width: 2.2em; height: 2.2em; line-height: 2.2em; border-radius: 50%; display: inline-block; text-align: center; position: absolute; top: 0.75em; right: 1px; color: #ffffff; background-color: var(--main-link-color); cursor: pointer; transition: 0.2s ease; } .accordionBtn.active { background-color: var(--main-link-color-hover); } .accordionBtn::before { font-weight: 700; content: "＋"; display: inline-block; } .accordionBtn.active { transform: rotate(45deg); } @media only screen and (min-width: 768px) { .accordionBtn { width: 1.9em; height: 1.9em; line-height: 1.9em; top: 1em; } } .gsc-search-button svg { max-width: inherit; } #before-footer { margin-bottom: 0; padding: min(4%, 1em); border-top: 1px solid #eee; background: rgba(250, 250, 250, 0.9); width: 100%; } #before-footer.footer-fixed { position: sticky; bottom: 0; backdrop-filter: blur(12px); max-height: 50vh; overflow: hidden; transform: translateY(100%); } #before-footer.footer-fixed.pt-active { transform: translateY(0); transition: transform 0.2s ease-out; } #before-footer.footer-fixed:not(.pt-active) { bottom: 0 !important; } @media not screen and (min-width: 768px) { #before-footer.footer-fixed { z-index: 1; } } #before-footer .inner { display: flex; flex-wrap: wrap; justify-content: center; gap: 1em; } #before-footer .inner .widget { width: 100%; margin: 0; } #before-footer .inner .widget.widget_media_image { text-align: center; } #before-footer .inner .widget img.banner-big { width: 728px; } #before-footer .inner .widget img.banner-mobile { width: 300px; } #before-footer + #breadcrumb { border-top: 1px solid #f5f5f5; } .btn-bf-close { position: fixed; left: 0; bottom: 0; z-index: 2; display: none; background: hsla(0, 0%, 40%, 0.5); width: min(8vw, 32px); height: min(8vw, 32px); line-height: min(8vw, 32px); border-radius: 0 3px 0 0; text-align: center; padding: 0; color: #fff; cursor: pointer; } .btn-bf-close::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f00d"; font-weight: 700; } .btn-bf-close.pt-active.--is-active { display: block; } .bf-position-static, .bf-position-static:checked + .btn-bf-close { display: none; } .bf-position-static:checked + .btn-bf-close + #before-footer.footer-fixed { position: static; } .stk_adminEdit { opacity: 0.7; } html.remodal-is-locked { overflow: hidden; touch-action: none; } .remodal, [data-remodal-id] { display: none; } .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; background: rgba(43, 46, 56, 0.9); } .remodal-wrapper { position: fixed; z-index: 11000; top: 0; right: 0; bottom: 0; left: 0; display: none; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; } .remodal-wrapper::after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } .remodal { position: relative; outline: none; width: 100%; max-width: 700px; color: var(--side-text-color); background: var(--inner-content-bg); text-align: left; } @media only screen and (max-width: 480px) { .remodal { font-size: 0.88em; } } .remodal-is-initialized { display: inline-block; } .remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { filter: blur(3px); } .remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing, .remodal.remodal-is-opening, .remodal.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; } .remodal-overlay.remodal-is-opening { animation-name: fadeIn; } .remodal-overlay.remodal-is-closing { animation-name: fadeIn; animation-direction: reverse; } .remodal.remodal-is-opening { animation-name: remodal-opening; } .remodal.remodal-is-opening.--modeleft { animation-name: remodal-opening-left; } .remodal.remodal-is-closing { animation-name: remodal-closing; } .remodal.remodal-is-closing.--modeleft { animation-name: remodal-opening-left; animation-direction: reverse; } #navbtn_menu_content, #navbtn_search_content, #navbtn_sns_content { width: calc(100% - 40px); margin: 10px 20px; } #navbtn_menu_content { padding: clamp(0.5em, 2%, 1em); } #navbtn_menu_content.--modeleft { margin: 0 !important; position: absolute; top: 0; left: 0; min-height: 100%; } #navbtn_search_content, #navbtn_sns_content { background: none; color: #fff; } .remodal, .remodal-wrapper:after { vertical-align: middle; } .remodal .widget { margin: 0 0 1em; } .remodal-close { display: flex; align-items: center; margin: 1em auto; padding: 0.5em; cursor: pointer; transition: opacity 0.2s; color: currentColor; background: none; font-size: 1.2em; } .remodal-close:not(:hover):not(:focus) { opacity: 0.5; } .remodal-close .svgicon_close { width: 1.2em; } .remodal-close::-moz-focus-inner { padding: 0; border: 0; } @keyframes remodal-opening { from { transform: scale(1.05); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes remodal-opening-left { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes remodal-closing { from { transform: scale(1); opacity: 1; } to { transform: scale(0.95); opacity: 0; } } .oc-modal { margin: 0 0 var(--stk-margin); } .oc-modal__label { font-weight: 700; cursor: pointer; } .oc-modal__label::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f0fe"; margin-right: 0.3em; display: inline-block; transition: transform 0.3s; } @media only screen and (min-width: 768px) { .oc-modal__label:hover { opacity: 0.8; transform: translateX(2px); } .oc-modal__label:hover::before { transform: scale(1.25); } } .modal-label--btn_outline .oc-modal__label::before, .modal-label--border .oc-modal__label::before { font-weight: 400; } .modal-label--simple .oc-modal__label, .modal-label--border .oc-modal__label { color: var(--main-text-color); display: inline-block; } .modal-label--border { text-align: center; } .modal-label--border .oc-modal__label { font-size: 90%; padding: 0.2223333333em 0.9em; border: 1px solid; border-radius: 3px; } @media only screen and (min-width: 768px) { .modal-label--border .oc-modal__label:hover { transform: translateY(-2px); } } .modal-label--btn_fill, .modal-label--btn_outline { display: flex; justify-content: center; margin-top: 0.5em; margin-bottom: 0.5em; } .modal-label--btn_fill .oc-modal__label, .modal-label--btn_outline .oc-modal__label { padding: 0.667em 1em; min-width: 220px !important; text-align: center; border-radius: 3px; } @media only screen and (min-width: 768px) { .modal-label--btn_fill .oc-modal__label:hover, .modal-label--btn_outline .oc-modal__label:hover { transform: translate3d(0, -3px, 0); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } } .modal-label--btn_fill .oc-modal__label { padding: calc(0.667em + 2px) calc(1em + 2px); color: #fff; background-color: var(--main-link-color); } .modal-label--btn_outline .oc-modal__label { color: var(--main-link-color); border-style: solid; border-width: 2px; border-color: var(--main-link-color); } .remodal.oc-modal__content { color: var(--main-text-color); padding: 4% 4% 0; max-width: calc(100% - 40px); margin: 20px 0; } @media only screen and (min-width: 981px) { .remodal.oc-modal__content { padding: 32px 32px 0; } } .remodal.oc-modal__content .alignfull, .remodal.oc-modal__content .alignwide { margin-left: auto; margin-right: auto; } .remodal.modal-box--radius { border-radius: 16px; } .remodal.modal-box--frame { padding: 8px 8px 0; border-radius: 4px; } .remodal.modal-box--paddingnone { padding: 0; } .remodal.modal-box--paddingnone .remodal-close { justify-content: center; position: absolute; left: 0; right: 0; color: #fff; } @media only screen and (min-width: 981px) { .remodal.modal-size--small:not(.modal-box--paddingnone):not(.modal-box--frame) { max-width: 664px; } .remodal.modal-size--small.modal-box--frame { max-width: 616px; } .remodal.modal-size--small.modal-box--paddingnone { max-width: 600px; } .remodal.modal-size--medium:not(.modal-box--paddingnone):not(.modal-box--frame) { max-width: calc(var(--stk-main-width) + 64px); } .remodal.modal-size--medium.modal-box--frame { max-width: calc(var(--stk-main-width) + 16px); } .remodal.modal-size--medium.modal-box--paddingnone { max-width: var(--stk-main-width); } } @media only screen and (min-width: 1167px) { .remodal.modal-size--large:not(.modal-box--paddingnone):not(.modal-box--frame) { max-width: calc(var(--stk-wrap-width) + 64px); } .remodal.modal-size--large.modal-box--frame { max-width: calc(var(--stk-wrap-width) + 16px); } .remodal.modal-size--large.modal-box--paddingnone { max-width: var(--stk-wrap-width); } } @media only screen and (min-width: 981px) { body:not(.page-template-default, .post-template-default, .post-template-single-viral) .remodal.modal-size--medium:not(.modal-box--paddingnone):not(.modal-box--frame) { max-width: calc(var(--stk-wide-width) + 64px); } body:not(.page-template-default, .post-template-default, .post-template-single-viral) .remodal.modal-size--medium.modal-box--frame { max-width: calc(var(--stk-wide-width) + 16px); } body:not(.page-template-default, .post-template-default, .post-template-single-viral) .remodal.modal-size--medium.modal-box--paddingnone { max-width: var(--stk-wide-width); } } #footer { background-color: var(--footer-bg); color: var(--footer-text-color); } #inner-footer { font-size: 88%; padding: 4%; } #inner-footer a { color: var(--footer-link-color); } @media only screen and (min-width: 768px) { #inner-footer { padding: 35px; } } #inner-footer .stk_sns__svgicon { fill: var(--footer-link-color); } #footer-top .widgettitle { font-size: 110%; padding: 0.4em 0.1em; background: none; color: var(--footer-text-color); } @media only screen and (min-width: 768px) { #footer-top { display: flex; justify-content: space-between; flex-wrap: wrap; } #footer-top .footerwidget { width: calc(33.333333% - 1em); } #footer-top:not(.--style-flex)::after { content: ""; width: calc(33.333333% - 1em); } #footer-top.--style-col-two::after, #footer-top.--style-col-two .footerwidget { width: calc(50% - 1.5em); } #footer-top.--style-flex { gap: 0 1.5em; } #footer-top.--style-flex .footerwidget { flex: 1; } } #footer-bottom { text-align: center; font-size: 90%; } #footer-bottom .stk_sns_links { margin: 1.5em 0; } .footer-links > .menu { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1em; } .footer-links a { text-decoration: none; } .footer-links a::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); font-weight: 700; content: "\f105"; margin-right: 0.3em; color: var(--main-link-color); } .footer-links .gf, .footer-links .sub-menu { display: none; } .pt-button { position: fixed; right: 10px; bottom: 0; transform: translateY(50px); transition: 0.2s ease-out; cursor: pointer; background: hsla(0, 0%, 50%, 0.5); text-decoration: none; width: 50px; height: 50px; padding: 0; border-radius: 3px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .pt-button.--link-color { background: var(--main-link-color-rgba); } .pt-button::before { font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free"); content: "\f106"; font-size: 1.1em; font-weight: 700; } .pt-button.pt-active { transform: translateY(-10px); } .pt-button:not(.pt-active) { bottom: 0 !important; } .pt-button .btn-text { margin-top: 0.3em; font-size: 10px; font-feature-settings: "palt"; line-height: 1; transform: scale(0.9); } #fixed-footer-menu { display: block; position: fixed; width: 100%; left: 0; visibility: hidden; transition: 0.2s; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); z-index: 3; } #fixed-footer-menu::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--inner-content-bg); opacity: 0.95; } #fixed-footer-menu.pt-active { bottom: 0 !important; visibility: visible; } #fixed-footer-menu ul { display: flex; justify-content: space-between; align-items: flex-end; padding: 0; margin: 0; padding: 8px 0 calc(8px + env(safe-area-inset-bottom) * 0.5); gap: 8px; position: relative; z-index: 1; } #fixed-footer-menu ul li { flex: 1 1 100%; text-align: center; display: block; } #fixed-footer-menu ul li a { color: inherit; display: block; text-decoration: none; } #fixed-footer-menu ul li i { display: block; font-size: 20px; font-weight: 700; transform: scale(0.9); } #fixed-footer-menu ul li span, #fixed-footer-menu ul li::after { display: block; font-size: 10px; line-height: 1; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; } #fixed-footer-menu:not(.textnone) li:not(:has(span))::after { content: attr(aria-label); margin-top: 0.6em; } #fixed-footer-menu.--style-headercolor { color: var(--header-text-color); } #fixed-footer-menu.--style-headercolor::before { background: var(--header-bg); } #fixed-footer-menu.--style-footercolor { color: var(--footer-link-color); } #fixed-footer-menu.--style-footercolor::before { background: var(--footer-bg); } .copyright { margin: auto; } @media (-ms-high-contrast: none), (-ms-high-contrast: active) { .accordionBtn { line-height: 2.3 !important; } .is-style-p_balloon_bottom, .is-style-p_microcopy { max-width: 30em; } } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /** * Swiper 8.4.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 6, 2022 */ @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; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { 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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { 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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .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 { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; 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-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } body { color: #292929; font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-size: 16px; background: #fff; } a { color: #292929; text-decoration: none; } a:hover { color: #292929; } .container { max-width: 1248px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .block-lg { display: none; } .page-title { position: relative; margin-bottom: 48px; padding-top: 48px; padding-bottom: 20px; text-align: center; } .page-title::after { content: ""; position: absolute; bottom: 0; left: 50%; display: block; width: 48px; height: 4px; background: #01A0E9; transform: translateX(-50%); } .page-title__main { margin-top: 0; margin-bottom: 8px; font-size: 24px; font-weight: 700; letter-spacing: 0.1em; } .page-title__sub { margin: 0; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; } .section-heading { margin-bottom: 32px; text-align: center; } .section-heading__main { margin: 0; font-size: 22px; font-weight: 700; letter-spacing: 0.1em; } .section-heading__sub { position: relative; display: inline-block; margin: 0; color: #01A0E9; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; } .section-heading__sub::before, .section-heading__sub::after { content: ""; position: absolute; top: 50%; display: block; width: 16px; height: 2px; margin-top: -1px; background: #01A0E9; } .section-heading__sub::before { left: -24px; } .section-heading__sub::after { right: -24px; } .section-heading-2 { position: relative; margin-bottom: 32px; padding-bottom: 24px; text-align: center; } .section-heading-2::after { content: ""; position: absolute; bottom: 0; left: 50%; display: block; width: 64px; height: 4px; background: #01A0E9; transform: translateX(-50%); } .section-heading-2__sub { margin-bottom: 12px; color: #7e7e7e; font-size: 12px; letter-spacing: 0.05em; } .section-heading-2__main { margin: 0; font-size: 22px; letter-spacing: 0.05em; } .dividing-line:not(.wp-block-separator) { display: block; margin-top: 32px; margin-bottom: 32px; border: none; border-top: 1px solid #e3e3e3; } .speech-bubble-black { position: relative; display: inline-block; padding: 8px 12px; color: #fff; line-height: 1.5; background: #292929; border-radius: 4px; } .speech-bubble-black::after { content: ""; position: absolute; bottom: -16px; left: 40px; display: block; width: 0; height: 0; border-style: solid; border-width: 0 16px 16px 0; border-color: transparent #292929 transparent transparent; } .info-box { padding: 16px 16px 24px; background: #fff; border: 2px solid #01A0E9; } .info-box__heading { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; font-size: 20px; font-weight: 700; line-height: 1.5; } .info-box__heading img { flex-shrink: 0; width: 44px; height: auto; } .info-box__text *:last-child { margin-bottom: 0; } .highlight-green { text-decoration: underline; text-decoration-thickness: 0.3em; text-decoration-color: #8ad2d8; text-underline-offset: -0.1em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .highlight-yellow { text-decoration: underline; text-decoration-thickness: 0.3em; text-decoration-color: #01A0E9; text-underline-offset: -0.1em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } .notes { font-size: 12px; line-height: 1.5; } .list-box { position: relative; padding: 32px 16px 24px; background: #f5f5f5; border-radius: 4px; } .list-box__title { position: absolute; top: -20px; left: 16px; width: 160px; height: 40px; font-size: 14px; font-weight: 700; line-height: 40px; text-align: center; background: #fff; border: 2px solid #01A0E9; border-radius: 4px; } .list-box__list { margin: 0; } .list-box__list li { position: relative; padding-left: 18px; font-size: 16px; line-height: 1.5; } .list-box__list li::after { content: ""; position: absolute; top: 8px; left: 0; display: block; width: 10px; height: 10px; background: #01A0E9; border-radius: 50%; } .list-box__list li + li { margin-top: 8px; } .form__row { margin-bottom: 24px; } .form__two-rows { display: flex; align-items: flex-end; gap: 16px; } .form__col { width: calc((100% - 16px) / 2); } .form__title { margin-bottom: 12px; font-size: 14px; line-height: 1; } .form__input { display: block !important; width: 100% !important; background: #f5f5f5 !important; border: 1px solid #e3e3e3 !important; border-radius: 4px !important; } .form__agreement { font-size: 12px; text-align: center; } .form__button { text-align: center; } .label-yellow { padding: 2px 16px; color: #fff; font-size: 12px; line-height: 1; background: #01A0E9; border-radius: 4px; } .label-black { padding: 2px 16px; color: #fff; font-size: 12px; line-height: 1; background: #000; border-radius: 4px; } #breadcrumb { color: #fff; background: #292929; } #breadcrumb .breadcrumb__link::before { display: none; } #breadcrumb .breadcrumb__li:not(:last-child):after { color: #fff; } #page-top { display: none !important; } .site-header { top: 0; left: 0; z-index: 1000; width: 100%; display: flex; align-items: center; } .site-header.is-active .gnav-toggle::before { transform: translate(-50%, -50%) rotate(45deg); } .site-header.is-active .gnav-toggle::after { transform: translate(-50%, -50%) rotate(-45deg); } .site-header.is-active .gnav-toggle span { display: none; } .home .site-header { position: absolute; } .icon-top{ height:auto; max-height: 60px; } .gnav__menu { margin-bottom: 40px; } .gnav__child { display: none; margin: 0; } .gnav__cta { background: rgb(250, 206, 47); background: linear-gradient(45deg, rgb(250, 206, 47) 0%, rgb(251, 183, 0) 100%); display: flex; align-items: center; justify-content: center; gap: 8px; width: 280px; height: 56px; margin-right: auto; margin-left: auto; color: #fff; font-size: 14px; font-weight: 500; border-radius: 28px; } .gnav__cta img { width: 20px; height: auto; } .gnav-toggle { position: absolute; top: 0; right: 0; width: 70px; height: 70px; background-color: #01A0E9; cursor: pointer; } .gnav-toggle::before, .gnav-toggle::after { content: ""; transition: transform 0.3s; } .gnav-toggle::before, .gnav-toggle::after, .gnav-toggle span { position: absolute; top: 50%; left: 50%; display: block; width: 40px; height: 1px; background: #fff; } .gnav-toggle::before { transform: translate(-50%, calc(-50% - 12px)); } .gnav-toggle::after { transform: translate(-50%, calc(-50% + 12px)); } .gnav-toggle span { transform: translate(-50%, -50%); } .bottom-application { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0px 0px; grid-template-areas: "bottom-application__content bottom-application__content" "bottom-application__image-left bottom-application__image-right"; margin-top: 120px; } .bottom-application__content { background: rgb(250, 206, 47); background: linear-gradient(45deg, rgb(250, 206, 47) 0%, rgb(251, 183, 0) 100%); grid-area: bottom-application__content; padding-top: 40px; padding-bottom: 48px; } .bottom-application__sub-heading { margin-bottom: 8px; font-size: 14px; font-weight: 500; letter-spacing: 0.1em; text-align: center; } .bottom-application__heading { margin-top: 0; margin-bottom: 20px; font-size: 22px; font-weight: 700; letter-spacing: 0.05em; text-align: center; } .bottom-application__speech-bubble { position: relative; width: 270px; height: 50px; margin-right: auto; margin-bottom: 24px; margin-left: auto; color: #fff; font-size: 18px; font-weight: 500; line-height: 50px; text-align: center; background: #292929; } .bottom-application__speech-bubble::after { content: ""; position: absolute; bottom: -10px; left: 50%; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #292929 transparent transparent transparent; transform: translateX(-50%); } .bottom-application__cta { text-align: center; } .bottom-application__cta a { display: inline-block; position: relative; padding: 24px 40px; color: #01A0E9; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; background: #fff; border-radius: 4px; box-shadow: 0 0 24px rgba(0, 0, 0, 0.1); } .bottom-application__cta a::after { content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #01A0E9; border-bottom: 1px solid #01A0E9; transform: rotate(-45deg); position: absolute; top: 50%; right: 16px; margin-top: -5px; } .bottom-application__image-left img, .bottom-application__image-right img { width: 100%; height: auto; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; } .bottom-application__image-left { grid-area: bottom-application__image-left; } .bottom-application__image-right { grid-area: bottom-application__image-right; } .site-footer { color: #fff; background: #292929; } .site-footer a { color: #fff; } .site-footer .container { padding-top: 64px; padding-bottom: 32px; } .footer-nav { margin-bottom: 64px; font-size: 12px; } .footer-nav__list > li { margin-bottom: 32px; } .footer-nav__list > li > a { font-size: 14px; font-weight: 500; } .footer-info { margin-bottom: 40px; text-align: center; } .footer-info__name { margin-bottom: 8px; font-size: 28px; font-weight: 700; letter-spacing: 0.1em; } .footer-info__text { margin-bottom: 4px; font-size: 12px; } .footer-sub-nav__list { display: flex; justify-content: center; gap: 24px; } .footer-sub-nav__list a { font-size: 12px; } .copyright { padding-top: 24px; padding-bottom: 24px; font-size: 12px; text-align: center; background: #212121; } .front-mv { margin-bottom: 24px; padding-top: 110vw; background: url(/wp-content/themes/jstork19_custom/img/top/mainimg-bg-sp-3.jpg) 50% 0/100% auto no-repeat; } .front-intro { margin-bottom: 56px; } .front-intro__achievement { margin-bottom: 4px; padding-bottom: 10px; font-size: 16px; font-weight: 500; text-align: center; background: url(/wp-content/themes/jstork19_custom/img/common/speech-line.svg) 50% 100%/240px auto no-repeat; } .front-intro__heading { display: flex; gap: 4px; flex-direction: column; margin-top: 0; margin-bottom: 32px; text-align: center; } .front-intro__heading strong { text-decoration: underline; text-decoration-thickness: 0.3em; text-decoration-color: #01A0E9; text-underline-offset: -0.1em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; font-size: 44px; font-weight: 900; letter-spacing: 0.125em; } .front-intro__heading span { font-size: 16px; } .ingenuity { padding: 24px 16px 40px; margin-bottom: 40px; background: #f5f5f5; } .ingenuity__heading { margin-bottom: 24px; font-size: 20px; font-weight: 700; text-align: center; } .ingenuity__list { display: flex; flex-direction: column; gap: 16px; } .ingenuity__box { position: relative; padding: 16px; background: #fff; } .ingenuity__box::after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 24px 24px 0 0; border-color: #01A0E9 transparent transparent transparent; } .ingenuity__title { margin-bottom: 12px; font-size: 18px; font-weight: 700; line-height: 1.5; text-align: center; } .ingenuity__text { margin: 0; line-height: 1.5; } .front-obsession { background: rgb(250, 206, 47); background: linear-gradient(45deg, rgb(250, 206, 47) 0%, rgb(251, 183, 0) 100%); padding-top: 32px; padding-bottom: 40px; } .front-obsession__sub-heading { margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-align: center; } .front-obsession__heading { margin: 0; margin-bottom: 16px; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 0.1em; text-align: center; } .front-obsession__list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; } .front-obsession__box { width: calc((100% - 8px) / 2); padding: 16px; text-align: center; background: #fff; } .front-obsession__icon { width: 72px; height: auto; margin-bottom: 8px; } .front-obsession__title { margin: 0; font-size: 16px; font-weight: 500; line-height: 1.5; } .front-obsession__button { text-align: center; } .front-obsession__button a { display: inline-block; position: relative; padding: 24px 40px; color: #fff; font-size: 14px; line-height: 1; text-align: center; background: #292929; border-radius: 4px; } .front-obsession__button a::after { content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; right: 16px; margin-top: -5px; } .front-result { margin-bottom: 40px; padding-top: 56px; padding-bottom: 120px; background: url(/wp-content/themes/jstork19_custom/img/common/bg-grid-sp.png) 50% 50%/159px auto; } .front-result__heading { display: flex; flex-direction: column; margin-top: 0; margin-bottom: 48px; letter-spacing: 0.05em; text-align: center; } .front-result__heading span { font-size: 18px; font-weight: 700; } .front-result__heading strong { text-decoration: underline; text-decoration-thickness: 0.3em; text-decoration-color: #01A0E9; text-underline-offset: -0.1em; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; font-size: 36px; font-weight: 900; } .front-reason__content { margin-bottom: 40px; } .front-reason__number { margin-bottom: 12px; color: #01A0E9; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; } .front-reason__heading { position: relative; margin-bottom: 24px; padding-bottom: 28px; font-size: 22px; } .front-reason__heading::after { position: absolute; bottom: 0; left: 0; content: ""; display: block; width: 80px; height: 4px; background: #01A0E9; } .front-reason1 { margin-bottom: 120px; } .front-reason1 .front-reason__image { position: relative; } .front-reason1 .front-reason__image img { position: relative; z-index: 1; width: 80vw; height: 336px; -o-object-fit: cover; object-fit: cover; transform: translateX(-24px); } .front-reason1 .front-reason__image::after { position: absolute; top: 88px; left: 20vw; content: ""; display: block; width: 60vw; height: 288px; background: #01A0E9; } .front-reason2 { margin-bottom: 80px; } .front-reason2 .front-reason__image img { display: block; margin-right: auto; margin-left: auto; } .front-reason3 .front-reason__image { position: relative; } .front-reason3 .front-reason__image img { position: relative; z-index: 1; display: block; width: 80vw; height: 336px; margin-left: auto; -o-object-fit: cover; object-fit: cover; transform: translateX(24px); } .front-reason3 .front-reason__image::after { position: absolute; top: 88px; right: 20vw; content: ""; display: block; width: 60vw; height: 288px; background: #01A0E9; } .front-voice { margin-bottom: 96px; } .front-voice__sub-heading { margin-bottom: 8px; color: #01A0E9; font-size: 18px; font-weight: 500; letter-spacing: 0.05em; text-align: center; } .front-voice__heading { margin-top: 0; margin-bottom: 32px; letter-spacing: 0.1em; text-align: center; } .front-voice__container { padding-right: 24px; padding-left: 24px; } .front-voice__slider .swiper { padding-bottom: 40px; } .front-voice__slider .swiper-pagination { bottom: 20px; } .front-voice__slider .swiper-pagination-bullet-active { background-color: #01A0E9; } .front-voice__box { position: relative; } .front-voice__number { position: absolute; top: 0; left: 0; width: 40px; height: 40px; color: #fff; font-size: 12px; font-weight: 700; line-height: 40px; text-align: center; background: #01A0E9; } .front-voice__thumb { display: block; width: 100%; height: auto; margin-bottom: 8px; } .front-voice__title { font-size: 14px; } .front-voice__button { text-align: center; } .front-voice__button a { display: inline-block; position: relative; padding: 24px 40px; color: #fff; font-size: 14px; line-height: 1; text-align: center; background: #292929; border-radius: 4px; } .front-voice__button a::after { content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; right: 16px; margin-top: -5px; } .front-achievement { margin-bottom: 80px; padding-top: 24px; padding-bottom: 40px; background: #01A0E9 url(/wp-content/themes/jstork19_custom/img/common/bg-dot-white.png) 50% 50%/14px 14px; } .front-achievement__sub-heading { margin-bottom: 4px; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-align: center; } .front-achievement__heading { margin-top: 0; margin-bottom: 24px; font-size: 24px; font-weight: 700; letter-spacing: 0.1em; text-align: center; } .front-achievement__list { display: flex; flex-direction: column; justify-content: center; gap: 16px; } .front-achievement__box img { width: 100%; height: auto; } .frong-blog__content { display: flex; gap: 32px; margin-bottom: 40px; } .frong-blog__heading { display: flex; align-items: center; gap: 16px; writing-mode: vertical-rl; } .frong-blog__heading h2 { margin: 0; color: #01A0E9; font-size: 24px; font-weight: 700; letter-spacing: 0.05em; } .frong-blog__heading p { margin: 0; font-size: 14px; letter-spacing: 0.5em; } .frong-blog__list { display: flex; flex-direction: column; flex-grow: 1; gap: 32px; } .frong-blog__box { position: relative; } .frong-blog__box a { display: block; } .frong-blog__thumb { width: 100%; height: auto; margin-bottom: 8px; } .frong-blog__date { margin-bottom: 8px; font-size: 12px; } .frong-blog__title { margin-top: 0; margin-bottom: 12px; font-size: 14px; font-weight: 500; } .frong-blog__description { margin: 0; color: #818181; font-size: 12px; line-height: 1.5; } .frong-blog__category { position: absolute; top: 0; left: 0; padding: 6px 12px; background: #01A0E9; } .frong-blog__category a { color: #fff; font-size: 12px; line-height: 1; } .frong-blog__button { text-align: center; } .frong-blog__button a { display: inline-block; position: relative; padding: 24px 40px; color: #fff; font-size: 14px; line-height: 1; text-align: center; background: #292929; border-radius: 4px; } .frong-blog__button a::after { content: ""; display: block; width: 10px; height: 10px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; right: 16px; margin-top: -5px; } .fixed-bnr { position: fixed; right: 0; bottom: 0; z-index: 500; width: 100%; height: auto; opacity: 0; visibility: hidden; transition: opacity 0.3s; } .fixed-bnr.is-active { opacity: 1; visibility: visible; } .feature-mv { margin-bottom: 48px; padding-top: 13vw; padding-bottom: 17vw; text-align: center; background: url(/wp-content/themes/jstork19_custom/img/feature/main-sp.jpg) 50% 50%/cover no-repeat; } .feature-mv__lead { display: flex; flex-direction: column; gap: 4vw; margin-bottom: 8.5vw; letter-spacing: 0.1em; line-height: 1; } .feature-mv__lead span { font-size: 5.8vw; font-weight: 700; } .feature-mv__lead strong { position: relative; z-index: 1; font-size: 12vw; font-weight: 900; } .feature-mv__lead strong::after { content: ""; position: absolute; bottom: -0.5vw; left: 41vw; z-index: -1; display: block; width: 0; height: 0; border-style: solid; border-width: 8vw 0 0 8vw; border-color: transparent transparent transparent #01A0E9; } .feature-mv__text { margin: 0; font-size: 4vw; font-weight: 500; } .feature-section { margin-bottom: 64px; } .feature-detail { margin-bottom: 64px; } .feature-detail__header { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; } .feature-detail__number { position: relative; flex-shrink: 0; display: flex; gap: 4px; flex-direction: column; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0; color: #fff; background: #01A0E9; } .feature-detail__number::after { content: ""; position: absolute; right: 0; bottom: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 48px 48px; border-color: transparent transparent #ffd84a transparent; } .feature-detail__number > * { position: relative; z-index: 1; margin: 0; line-height: 1; } .feature-detail__number span { font-size: 10px; font-weight: 500; transform: scale(0.8); } .feature-detail__number strong { font-size: 22px; font-weight: 700; } .feature-detail__heading { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.5; } .feature-detail__image { position: relative; margin-bottom: 48px; } .feature-detail__image img { width: 100%; height: auto; aspect-ratio: 3/2; -o-object-fit: cover; object-fit: cover; } .feature-detail__image::after { content: ""; position: absolute; top: 16px; right: -24px; z-index: -1; display: block; width: 100%; aspect-ratio: 3/2; background: #01A0E9; } .feature-detail__text { margin-bottom: 1em; } .feature-detail__sub-heading { margin-top: 40px; margin-bottom: 24px; padding-left: 12px; font-size: 18px; font-weight: 700; line-height: 1.5; border-left: 4px solid #01A0E9; } .feature-detail__lead { font-size: 18px; font-weight: 500; line-height: 1.5; text-align: center; } .feature-detail__point { display: block; margin-bottom: 24px; } .feature-detail__point img { display: block; margin-right: auto; margin-left: auto; } .feature-detail__result { display: flex; flex-direction: column; gap: 24px; margin-top: 32px; } .feature-detail__result img { display: block; box-shadow: 0 0 24px rgba(165, 141, 55, 0.18); } .feature03 { position: relative; padding-bottom: 48px; } .feature03::after { content: ""; position: absolute; bottom: 0; left: 0; z-index: -1; display: block; width: 100vw; height: 117vw; background: url(/wp-content/themes/jstork19_custom/img/common/bg-dot-yellow.png) 0 0/14px 14px; } .support-section { margin-bottom: 80px; } .support-list { display: flex; flex-direction: column; gap: 20px; } .support-box { position: relative; padding: 32px 24px 24px; background: #fff; border: 4px solid #f5f5f5; } .support-box::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 32px 32px 0 0; border-color: #01A0E9 transparent transparent transparent; } .support-box__number { margin-bottom: 4px; color: #01A0E9; font-size: 10px; font-weight: 700; line-height: 1; } .support-box__heading { margin: 0 0 24px; font-size: 20px; font-weight: 700; line-height: 1.5; } .support-box__point { font-size: 16px; font-weight: 500; line-height: 1.5; } .support-box__point li { margin-bottom: 6px; padding-left: 24px; background: url(/wp-content/themes/jstork19_custom/img/common/arrow-yellow.svg) 0 4px/16px auto no-repeat; } .support-box__image { margin-bottom: 20px; } .support-box__image img { width: 100%; height: auto; } .support-box__explanation { margin: 0; padding-left: 8px; font-size: 16px; font-weight: 500; line-height: 1.5; border-left: 4px solid #01A0E9; } .course-flow { padding-top: 40px; padding-bottom: 40px; background: url(/wp-content/themes/jstork19_custom/img/common/bg-dot-yellow.png) 0 0/14px auto; overflow: hidden; } .course-flow__slider { padding-bottom: 56px; } .course-flow__slider .swiper { overflow: visible; } .course-flow__slider .swiper-slide { height: auto; } .course-flow__slider .swiper-pagination { bottom: -40px; } .course-flow__slider .swiper-pagination-bullet-active { background: #01A0E9; } .flow-box { height: 100%; background: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.08); } .flow-box__image { width: 100%; height: auto; } .flow-box__content { padding: 16px 16px 24px; } .flow-box__heading { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; } .flow-box__number { flex-shrink: 0; width: 32px; height: 32px; margin: 0; color: #fff; font-size: 16px; font-weight: 700; line-height: 32px; text-align: center; background: #01A0E9; border-radius: 50%; } .flow-box__title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.5; } .flow-box__text { font-size: 14px; } .flow-box__text p { line-height: 1.5; } .flow-box__text p:last-child { margin-bottom: 0; } .course-info { margin-bottom: 56px; } .course-info__lead { margin-bottom: 40px; font-size: 18px; font-weight: 500; text-align: center; } .course-info__lead strong { font-weight: 700; } .course-info__comment img { display: block; margin-right: auto; margin-left: auto; } .course-list { margin-bottom: 80px; } .course-detail { margin-bottom: 56px; } .course-detail__heading { position: relative; margin-top: 0; margin-bottom: 24px; padding-bottom: 20px; font-size: 22px; font-weight: 700; letter-spacing: 0.05em; } .course-detail__heading::after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 48px; height: 4px; background: #01A0E9; } .course-detail__image { margin-bottom: 24px; } .course-detail__image img { width: 100%; height: auto; } .course-detail__text { margin-bottom: 48px; } .course-price { padding-top: 40px; background: url(/wp-content/themes/jstork19_custom/img/common/bg-dot-yellow.png) 0 0/14px auto; } .course-price__lead { font-size: 16px; font-weight: 500; text-align: center; } .course-price__image { display: block; margin-right: auto; margin-left: auto; box-shadow: 0 0 24px rgba(0, 0, 0, 0.08); border-radius: 8px; } .low-price { margin-top: -55vw; margin-bottom: 64px; padding-top: calc(55vw + 40px); padding-bottom: 56px; background: #01A0E9 url(/wp-content/themes/jstork19_custom/img/common/bg-dot-white.png) 0 0/14px auto; } .low-price__heading { margin-top: 0; margin-bottom: 24px; padding-bottom: 16px; color: #fff; font-size: 24px; font-weight: 700; text-align: center; background: url(/wp-content/themes/jstork19_custom/img/common/speech-line-white.svg) 50% 100%/264px auto no-repeat; } .low-price__list { display: flex; flex-direction: column; gap: 16px; } .low-price__box { padding: 32px; background: #fff; } .low-price__icon { display: block; width: 120px; height: auto; margin-right: auto; margin-bottom: 24px; margin-left: auto; } .low-price__title { margin-bottom: 16px; font-weight: 700; text-align: center; } .low-price__text { margin-bottom: 0; } .course-counseling__text { margin-bottom: 32px; } .application-info { margin-bottom: 56px; } .application-info__text { margin-bottom: 32px; } .counseling-flow { padding: 32px 24px 40px; background: #f5f5f5; } .counseling-flow__heading { margin-bottom: 32px; font-size: 18px; font-weight: 500; text-align: center; } .counseling-flow__text { margin-bottom: 68px; } .counseling-flow__list { display: flex; flex-direction: column; gap: 52px; margin-bottom: 32px; } .counseling-flow__cta { text-align: center; } .counseling-flow__cta a { background: rgb(250, 206, 47); background: linear-gradient(45deg, rgb(250, 206, 47) 0%, rgb(251, 183, 0) 100%); display: flex; align-items: center; justify-content: center; gap: 8px; width: 280px; height: 56px; margin-right: auto; margin-left: auto; color: #fff; font-size: 14px; font-weight: 500; border-radius: 28px; } .counseling-flow__cta a img { width: 20px; height: auto; } .flow-card { position: relative; padding: 52px 24px 24px; background: #fff; } .flow-card__number { position: absolute; top: 0; left: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 72px; height: 72px; margin: 0; color: #fff; line-height: 1; text-align: center; background: #01A0E9; border-radius: 50%; transform: translate(-50%, -50%); } .flow-card__number span { font-size: 12px; font-weight: 700; } .flow-card__number strong { font-size: 26px; } .flow-card__title { margin-bottom: 24px; font-size: 20px; font-weight: 700; text-align: center; } .flow-card__icon { display: block; width: auto; height: 140px; margin-right: auto; margin-bottom: 20px; margin-left: auto; } .flow-card__text { margin: 0; font-size: 14px; } .application-form { margin-bottom: 120px; } .application-form .container { max-width: 880px; } .application-form__heading { margin-top: 0; margin-bottom: 32px; font-size: 20px; font-weight: 500; line-height: 1.5; text-align: center; } .profile { margin-bottom: 80px; } .profile__image { position: relative; display: block; margin-right: -24px; margin-bottom: 32px; margin-left: -24px; } .profile__image::after { content: ""; position: absolute; right: 0; bottom: -12px; display: block; width: 65%; height: 12px; background: #01A0E9; } .profile__image img { display: block; width: 100%; height: auto; } .profile__title { margin-bottom: 4px; font-size: 16px; } .profile__name { margin-bottom: 24px; font-size: 24px; font-weight: 500; } .profile__name small { margin-left: 12px; font-size: 12px; font-weight: 400; letter-spacing: 0.1em; } .profile__text p { margin-bottom: 0; } .policy .container { margin-bottom: 56px; } .policy__lead { margin-bottom: 32px; font-size: 20px; font-weight: 500; letter-spacing: 0.05em; text-align: center; } .policy__image1 { display: block; width: 55%; margin-bottom: 32px; } .policy__image1 img { width: 100%; height: auto; } .policy__image2 { display: block; width: 65%; margin-left: auto; } .policy__image2 img { width: 100%; height: auto; } .privacy-policy h2 { margin-top: 2em; margin-bottom: 1em; font-size: 16px; font-weight: 500; } .privacy-policy h3 { margin-top: 2em; margin-bottom: 1em; font-size: 14px; font-weight: 500; } .privacy-policy p { margin-bottom: 1em; font-size: 14px; line-height: 1.75; } @media (max-width: 35.98em) { body { color: #292929; } } @media (max-width: 47.98em) { body { color: #292929; } } @media (max-width: 63.98em) { body { color: #292929; } } @media (max-width: 74.98em) { body { color: #292929; } .site-header { height: 70px; padding-left: 12px; } .site-header.is-active { position: fixed; background: #fff; } .site-header.is-fixed { position: fixed; background: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); } .gnav { display: none; position: fixed; top: 80px; left: 0; width: 100%; height: calc(100vh - 80px); height: calc(100dvh - 80px); background: #fff; overflow: auto; } .gnav__menu li { margin-bottom: -1px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .gnav__menu a { position: relative; display: block; padding: 24px; } .gnav__menu a::after { content: ""; display: block; width: 12px; height: 12px; border-right: 1px solid #01A0E9; border-bottom: 1px solid #01A0E9; transform: rotate(-45deg); position: absolute; top: 50%; right: 24px; margin-top: -6px; } .gnav__parent.is-active > a::after { transform: rotate(225deg); } .gnav__parent > a::after { transform: rotate(45deg); } .gnav__child { background: #f5f5f5; } } @media (min-width: 36em) { body { color: #292929; } } @media (min-width: 48em) { body { color: #292929; } .none-md { display: none; } .info-box { padding: 24px 32px 32px; } .form__row { margin-bottom: 32px; } .bottom-application__text { text-align: center; } .front-achievement__list { flex-direction: row; } .frong-blog__list { flex-direction: row; flex-wrap: wrap; gap: 44px; } .frong-blog__box { width: calc((100% - 44px) / 2); } .fixed-bnr { width: auto; max-width: 30vw; } .feature-detail__result { flex-direction: row; gap: 40px; } .feature-detail__result img { width: calc((100% - 40px) / 2); } .support-section { background: url(/wp-content/themes/jstork19_custom/img/common/diagonal-line-yellow.png) calc(100% + 4vw) 100%/47vw auto no-repeat; } .support-list { flex-direction: row; flex-wrap: wrap; gap: 32px; } .support-box { width: calc((100% - 32px) / 2); } .application-info { margin-bottom: 120px; } .application-info__text { text-align: center; } .application-form { margin-bottom: 240px; } .application-form__heading { margin-bottom: 56px; font-size: 24px; } } @media (min-width: 64em) { body { color: #292929; } .block-lg { display: block; } .none-lg { display: none; } .page-title { margin-bottom: 80px; padding-top: 120px; padding-bottom: 28px; } .page-title::after { width: 80px; } .page-title__main { font-size: 40px; } .page-title__sub { font-size: 16px; } .section-heading { margin-bottom: 56px; } .section-heading__main { margin-bottom: 4px; font-size: 28px; } .section-heading-2 { margin-bottom: 72px; } .section-heading-2__main { font-size: 24px; } .dividing-line:not(.wp-block-separator) { margin-top: 40px; margin-bottom: 40px; } .list-box { padding-top: 40px; padding-right: 24px; padding-left: 24px; } .list-box__title { left: 24px; } .bottom-application { margin-top: 200px; grid-template-columns: 0.8fr 1.4fr 0.8fr; grid-template-rows: 1fr; grid-template-areas: "bottom-application__image-left bottom-application__content bottom-application__image-right"; } .bottom-application__image-left img, .bottom-application__image-right img { height: 100%; } .site-footer .container { padding-top: 120px; } .site-footer__content { display: flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 64px; } .footer-nav { margin-bottom: 0; } .footer-nav__list { display: flex; gap: 40px; } .footer-info { text-align: left; } .footer-info__name { font-size: 32px; } .front-mv { height: 45vw; margin-bottom: 136px; padding-top: 0; background: url(/wp-content/themes/jstork19_custom/img/top/mainimg-bg-pc-2.jpg) 50% 50%/cover no-repeat; } .front-mv__content { display: block; width: 44vw; height: 100%; padding: 0; padding-top: 12vw; padding-left: 4vw; } .front-mv__main-lead { font-size: 2.5vw; } .front-mv__sub-lead { margin-bottom: 2em; font-size: 1.7vw; } .front-mv__cta { width: 26vw; height: 5vw; font-size: 1.2vw; } .front-mv__cta img { width: 1.8vw; } .front-intro { margin-bottom: 120px; } .front-intro__achievement { padding-bottom: 16px; font-size: 24px; background-size: 380px auto; } .front-intro__heading { margin-bottom: 56px; } .front-intro__heading strong { font-size: 78px; } .front-intro__heading span { font-size: 28px; letter-spacing: 0.05em; } .front-intro__text { font-size: 18px; line-height: 2; text-align: center; } .ingenuity { margin-bottom: 48px; padding: 32px 64px 48px; } .ingenuity__heading { margin-bottom: 32px; font-size: 32px; } .ingenuity__list { flex-direction: row; gap: 24px; } .ingenuity__box { flex: 1; padding: 48px; } .ingenuity__box::after { border-width: 40px 40px 0 0; } .ingenuity__title { margin-bottom: 24px; font-size: 24px; text-align: left; } .ingenuity__title br { display: none; } .front-obsession { padding-top: 48px; padding-bottom: 56px; } .front-obsession__sub-heading { font-size: 16px; } .front-obsession__heading { margin-bottom: 40px; font-size: 34px; } .front-obsession__list { gap: 16px; margin-bottom: 40px; } .front-obsession__box { width: calc((100% - 64px) / 5); padding: 24px; } .front-obsession__icon { width: 96px; } .front-obsession__title { font-size: 22px; } .front-result { margin-bottom: 96px; padding-top: 136px; padding-bottom: 216px; background: url(/wp-content/themes/jstork19_custom/img/common/bg-grid-pc.png) 50% 50%/479px auto; overflow: hidden; } .front-result__heading { margin-bottom: 120px; } .front-result__heading span { font-size: 32px; } .front-result__heading strong { font-size: 64px; } .front-reason__number { margin-bottom: 32px; font-size: 20px; } .front-reason__heading { margin-bottom: 48px; padding-bottom: 44px; font-size: 36px; } .front-reason__text p { margin: 0; line-height: 2; } .front-reason1 { position: relative; margin-bottom: 340px; } .front-reason1 .front-reason__content { position: relative; z-index: 1; width: 520px; padding-top: 56px; margin-bottom: 0; margin-left: auto; } .front-reason1 .front-reason__image { position: absolute; top: 0; left: 0; width: calc(50% - 56px); } .front-reason1 .front-reason__image img { width: 100%; height: 520px; transform: translateX(0); } .front-reason1 .front-reason__image::after { top: 56px; right: -56px; left: auto; width: 560px; height: 560px; } .front-reason2 { margin-bottom: 200px; } .front-reason2 .front-reason__content { margin-bottom: 64px; } .front-reason2 .front-reason__number { text-align: center; } .front-reason2 .front-reason__heading { text-align: center; } .front-reason2 .front-reason__heading::after { left: 50%; margin-left: -40px; } .front-reason2 .front-reason__heading br { display: none; } .front-reason2 .front-reason__text { text-align: center; } .front-reason3 { position: relative; } .front-reason3 .front-reason__content { position: relative; z-index: 1; width: 520px; padding-top: 56px; margin-bottom: 0; } .front-reason3 .front-reason__image { position: absolute; top: 0; right: 0; width: calc(50% - 56px); } .front-reason3 .front-reason__image img { width: 100%; height: 520px; transform: translateX(0); } .front-reason3 .front-reason__image::after { top: 56px; right: auto; left: -56px; width: 560px; height: 560px; } .front-voice { margin-bottom: 160px; } .front-voice__slider .swiper { padding-bottom: 56px; } .front-voice__slider .swiper-pagination { bottom: 30px; } .front-achievement { margin-bottom: 200px; padding-top: 56px; padding-bottom: 96px; } .front-achievement__sub-heading { font-size: 18px; } .front-achievement__heading { margin-bottom: 48px; font-size: 32px; } .front-achievement__list { gap: 40px; } .frong-blog__content { gap: 96px; margin-bottom: 72px; } .frong-blog__heading { gap: 32px; } .frong-blog__heading h2 { font-size: 32px; } .frong-blog__heading p { font-size: 18px; } .frong-blog__box { width: calc((100% - 88px) / 3); } .feature-mv { margin-bottom: 120px; padding-top: 7vw; padding-bottom: 6.7vw; background-image: url(/wp-content/themes/jstork19_custom/img/feature/main-pc.jpg); } .feature-mv__lead { gap: 1vw; margin-bottom: 2vw; } .feature-mv__lead span { font-size: 1.9vw; } .feature-mv__lead strong { font-size: 3.2vw; letter-spacing: 0.15em; } .feature-mv__lead strong::after { border-width: 2.9vw 0 0 2.9vw; } .feature-mv__text { font-size: 1.25vw; } .feature-section { margin-bottom: 120px; } .feature-section .section-heading { margin-bottom: 120px; } .feature-detail { position: relative; } .feature-detail__content { width: min(57%, 680px); } .feature-detail__content .speech-bubble-black { font-size: 18px; } .feature-detail__header { gap: 20px; margin-bottom: 40px; } .feature-detail__number { width: 72px; height: 72px; } .feature-detail__number::after { border-width: 0 0 72px 72px; } .feature-detail__number span { transform: scale(1); } .feature-detail__number strong { font-size: 32px; } .feature-detail__heading { font-size: 30px; } .feature-detail__sub-heading { margin-bottom: 32px; font-size: 20px; } .feature-detail__lead { margin-bottom: 32px; font-size: 20px; line-height: 1.75; text-align: left; } .feature-detail__point { margin-bottom: 40px; } .feature01 { margin-bottom: 0; padding-bottom: min(14vw, 240px); } .feature01 .feature-detail__image { position: absolute; top: 0; left: 61vw; width: min(27vw, 520px); } .feature01 .feature-detail__image::before { content: ""; position: absolute; top: 70%; left: -14%; z-index: -1; display: block; width: 31vw; aspect-ratio: 15/11; background: url(/wp-content/themes/jstork19_custom/img/common/bg-dot-yellow.png) 0 0/14px auto; } .feature01 .feature-detail__image::after { top: 25%; right: -20%; width: min(25vw, 480px); aspect-ratio: 6/7; } .feature01 .feature-detail__image img { aspect-ratio: 13/17; } .feature02 { margin-bottom: min(15vw, 280px); } .feature02 .feature-detail__content { margin-left: auto; } .feature02 .feature-detail__image { position: absolute; top: 0; right: 61vw; width: min(29vw, 560px); } .feature02 .feature-detail__image::after { right: auto; top: 8%; left: -14%; width: min(21vw, 400px); aspect-ratio: 5/9; } .feature02 .feature-detail__image img { aspect-ratio: 7/9; } .feature03 { padding-top: 56px; padding-bottom: 56px; background: url(/wp-content/themes/jstork19_custom/img/common/bg-dot-yellow.png) 0 0/14px 14px; } .feature03::after { display: none; } .feature03 .feature-detail__image { position: absolute; top: -100px; right: 0; width: min(40vw, 760px); } .feature03 .feature-detail__image::after { display: none; } .support-section { margin-bottom: 160px; } .support-box { padding: 48px; } .support-box::after { border-width: 48px 48px 0 0; } .support-box__number { margin-bottom: 8px; font-size: 12px; } .support-box__heading { font-size: 24px; } .support-box__point { margin-bottom: 32px; } .support-box__image { margin-bottom: 32px; } .course-flow { padding-top: 64px; padding-bottom: 64px; } .flow-box__content { padding: 24px; } .flow-box__heading { gap: 12px; margin-bottom: 16px; } .flow-box__number { width: 48px; height: 48px; font-size: 22px; line-height: 48px; } .flow-box__title { font-size: 20px; } .course-info { margin-bottom: 138px; } .course-list { margin-bottom: 200px; } .course-detail { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0px 80px; margin-bottom: 120px; } .course-detail__heading { grid-area: course-detail__heading; margin-bottom: 32px; padding-bottom: 28px; font-size: 32px; } .course-detail__image { grid-area: course-detail__image; margin-bottom: 0; } .course-detail__content { grid-area: course-detail__content; } .course-detail__text { margin-bottom: 62px; } .course-detail-01, .course-detail-03 { grid-template-areas: "course-detail__heading course-detail__image" "course-detail__content course-detail__image"; } .course-detail-02, .course-detail-04 { grid-template-areas: "course-detail__image course-detail__heading" "course-detail__image course-detail__content"; } .course-price__lead { margin-bottom: 64px; font-size: 20px; font-weight: 500; } .course-price__image { box-shadow: 0 0 56px rgba(0, 0, 0, 0.16); } .low-price { margin-top: -240px; margin-bottom: 144px; padding-top: 312px; padding-bottom: 64px; } .low-price__heading { margin-bottom: 48px; padding-bottom: 28px; font-size: 40px; background-size: 360px auto; } .low-price__list { flex-direction: row; gap: 32px; } .low-price__box { flex: 1; } .course-counseling__text { margin-bottom: 72px; text-align: center; } .counseling-flow { padding: 48px 40px 64px; } .counseling-flow__heading { font-size: 24px; } .counseling-flow__text { margin-bottom: 72px; text-align: center; } .counseling-flow__list { flex-direction: row; gap: 24px; margin-bottom: 48px; } .counseling-flow__list .flow-card { flex: 1; } .counseling-flow__cta a { width: 550px; height: 98px; font-size: 22px; line-height: 98px; border-radius: 49px; } .profile { margin-bottom: 240px; overflow: hidden; } .profile__image { width: min(100vw, (100vw - 1200px) / 2 + 1200px); margin: 0; } .profile__image::after { bottom: -24px; width: 100%; height: 24px; } .profile__content { position: relative; z-index: 1; display: inline-block; margin-top: -176px; padding-top: 40px; padding-right: 136px; background: #fff; } .profile__title { margin-bottom: 8px; font-size: 18px; } .profile__name { margin-bottom: 40px; font-size: 32px; } .profile__name small { margin-left: 24px; font-size: 16px; } .policy { overflow: hidden; } .policy__lead { margin-bottom: 64px; font-size: 28px; } .policy__text p { margin: 0; line-height: 3; text-align: center; } .policy__image1 { width: 50%; float: left; } .policy__image2 { width: 50%; float: right; } } @media (min-width: 75em) { body { color: #292929; } .site-header { display: flex; align-items: center; padding-top: 24px; padding-right: 56px; padding-left: 56px; } .home .gnav { padding: 0 16px; background: #fff; border-radius: 8px; box-shadow: 0 0 48px rgba(0, 0, 0, 0.1); } .site-name { font-size: 32px; } .gnav { display: flex !important; gap: 40px; align-items: center; margin-left: auto; } .gnav__menu { display: flex; gap: 40px; height: 72px; margin-bottom: 0; } .gnav__menu li { display: flex; align-items: center; } .gnav__menu a { font-size: 14px; } .gnav__parent { position: relative; } .gnav__parent:hover .gnav__child { opacity: 1; visibility: visible; transition: opacity 0.3s; } .gnav__child { position: absolute; bottom: 0; left: 0; z-index: 1000; display: block !important; padding: 8px 16px; background: #01A0E9; opacity: 0; visibility: hidden; white-space: nowrap; transform: translateY(100%); } .gnav__child a { color: #fff; font-size: 12px; } .gnav-toggle { display: none; } .bottom-application__sub-heading { font-size: 18px; } .bottom-application__heading { margin-bottom: 32px; font-size: 32px; } .bottom-application__speech-bubble { width: 360px; height: 64px; margin-bottom: 32px; font-size: 24px; line-height: 64px; } .bottom-application__cta a { font-size: 22px; } .course-wrap { background: url(/wp-content/themes/jstork19_custom/img/common/diagonal-line-yellow.png) calc(100% + 300px) 0/900px auto no-repeat, url(/wp-content/themes/jstork19_custom/img/common/diagonal-line-yellow.png) -600px 30%/900px auto no-repeat, url(/wp-content/themes/jstork19_custom/img/common/diagonal-line-yellow.png) calc(100% + 400px) 60%/900px auto no-repeat; } } @media (min-width: 85em) { body { color: #292929; } .front-voice__container { padding-right: 64px; padding-left: 64px; } .policy { position: relative; } .policy .container { margin-bottom: 0; } .policy__image1 { position: absolute; top: 0; left: 0; width: 25vw; height: 100%; margin: 0; } .policy__image1 img { height: 100%; -o-object-fit: cover; object-fit: cover; } .policy__image2 { position: absolute; top: 0; right: 0; width: 25vw; height: 100%; margin: 0; } .policy__image2 img { height: 100%; -o-object-fit: cover; object-fit: cover; } } @media (min-width: 64em) and (min-width: 64em) { .feature03 .feature-detail__image img { aspect-ratio: 19/11; } } /*# sourceMappingURL=style.css.map */ /* Wordpress Popular Posts plugin stylesheet Developed by Hector Cabrera cabrerahector.com | @cabrerahector Use the following classes to style your popular posts list as you like. */ /* Styles the "Sorry, no data so far" message */ .wpp-no-data { } /* UL - Popular Posts container styles */ .wpp-list { } /* LI - Post container styles */ .wpp-list li { overflow: hidden; float: none; clear: both; margin-bottom: 1rem; } .wpp-list li:last-of-type { margin-bottom: 0; } /* Styles for the popular post in view */ .wpp-list li.current { } /* Thumbnail styles */ .wpp-thumbnail { display: inline; float: left; margin: 0 1rem 0 0; border: none; } /* Title styles */ .wpp-post-title { } /* Excerpt styles */ .wpp-excerpt { } .wpp-excerpt:empty { display: none; } /* Stats tag styles */ .wpp-meta, .post-stats { display: block; font-size: 0.8em; } .wpp-meta:empty, .post-stats:empty { display: none; } /* Comments count styles */ .wpp-comments { } /* Views count styles */ .wpp-views { } /* Author styles */ .wpp-author { } /* Post date styles */ .wpp-date { } /* Post category styles */ .wpp-category { } /* WP-PostRatings styles */ .wpp-rating { } @charset "UTF-8"; .mri-body { padding-top: 60px; color: #000; } @media screen and (min-width: 1200px) { .mri-body { padding-top: 140px; } } @media screen and (min-width: 1200px) { .mri-xl--none { display: none; } } .mri-xl--block { display: none; } @media screen and (min-width: 1200px) { .mri-xl--block { display: block; } } .mri-sub-contact { background: #ffc803; } .mri-sub-contact .mri-container { display: flex; justify-content: center; padding-top: 23px; padding-bottom: 14px; } @media screen and (min-width: 1200px) { .mri-sub-contact .mri-container { padding-top: 56px; padding-bottom: 53px; background: url(/wp-content/themes/jstork19_custom/img/common/contactarea_bg_pc.png) 50% 100%/945px auto no-repeat; } } .mri-sub-contact__content { display: flex; flex-direction: column; align-items: center; } .mri-sub-contact__heading { display: none; } @media screen and (min-width: 1200px) { .mri-sub-contact__heading { display: block; margin: 0; margin-bottom: 8px; font-size: 50px; font-weight: 900; } } .mri-sub-contact__text { margin-bottom: 18px; font-size: 14px; font-weight: 500; text-align: center; } @media screen and (min-width: 1200px) { .mri-sub-contact__text { margin-bottom: 25px; font-size: 20px; } } .mri-sub-contact__text p { margin-bottom: 0; } .mri-sub-contact__button { display: flex; align-items: center; flex-direction: row-reverse; gap: 0 20px; } @media screen and (min-width: 1200px) { .mri-sub-contact__button { flex-direction: column; gap: 20px 0; } } .mri-content-anchor { display: block; margin-top: -60px; padding-top: 60px; } @media screen and (min-width: 1200px) { .mri-content-anchor { margin-top: -140px; padding-top: 140px; } } .blocker { z-index: 1500 !important; } .tab-content { display: none; } .tab-content.active { display: block; } .mri-header-sp { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 60px; background: #0096FF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-header-sp { display: none; } } .mri-header-sp .mri-header-band { position: relative; z-index: 1000; height: 100%; padding: 12px 32px 0; background: #0096FF; } .mri-header-sp .mri-header-logo { margin: 0; } .mri-header-sp .mri-header-logo img { width: 96px; height: auto; vertical-align: top; } .mri-header-sp .mri-header-hamburger { position: absolute; top: 12px; right: 20px; z-index: 20; width: 40px; height: 40px; background: #fff; border: 3px solid #000; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); cursor: pointer; } .mri-header-sp .mri-header-hamburger.active .mri-header-hamburger__line:nth-child(1) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); } .mri-header-sp .mri-header-hamburger.active .mri-header-hamburger__line:nth-child(2) { opacity: 0; } .mri-header-sp .mri-header-hamburger.active .mri-header-hamburger__line:nth-child(3) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); } .mri-header-sp .mri-header-hamburger__line { position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; background: #000; border-radius: 1px; transform: translate(-50%, -50%); transition: 0.3s; } .mri-header-sp .mri-header-hamburger__line:nth-child(1) { top: calc(50% - 6px); } .mri-header-sp .mri-header-hamburger__line:nth-child(3) { top: calc(50% + 6px); } .mri-header-sp .mri-gnav { position: fixed; top: 0; right: 0; left: 0; z-index: 10; max-height: 100svh; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 60px 30px 40px; background: #fff; border-radius: 10px 0 0 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transform: translateX(100%); opacity: 0; visibility: hidden; transition: transform 0.3s, opacity 0.3s, visibility 0.3s; } .mri-header-sp .mri-gnav.active { transform: translateX(0); opacity: 1; visibility: visible; } .mri-header-sp .mri-gnav__heading { margin-top: 24px; margin-bottom: 12px; font-size: 20px; font-weight: 900; line-height: 1; } .mri-header-sp .mri-gnav__list { margin: 0; } .mri-header-sp .mri-gnav__list li { margin-top: 8px; line-height: 1.5; } .mri-header-sp .mri-gnav__list a { color: #0078ff; font-size: 14px; font-weight: 700; } .mri-header-sp .mri-gnav__line { margin-top: 24px; margin-bottom: 24px; border-style: solid; border-color: #b4b4b4; } .mri-header-pc { display: none; position: relative; top: 0; left: 0; z-index: 1000; width: 100%; height: 140px; background: #0096FF; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-header-pc { display: flex; align-items: end; justify-content: center; position: fixed; } } .mri-header-pc .mri-header-logo { position: absolute; top: 60px; left: 80px; width: 160px; height: auto; margin: 0; } .mri-header-pc .mri-gnav > ul { display: flex; justify-content: center; gap: 0 80px; margin-bottom: 0; } .mri-header-pc .mri-gnav > ul > li { position: relative; padding-bottom: 16px; } .mri-header-pc .mri-gnav > ul > li:hover::after { content: ""; display: block; position: absolute; bottom: 8px; left: 0; width: 100%; height: 5px; background: #fff; border-radius: 5px; } .mri-header-pc .mri-gnav > ul > li > a { color: #fff; font-size: 20px; font-weight: 700; line-height: 1; } .mri-header-pc .mri-hover-menu:hover .mri-hover-menu-box { opacity: 1; visibility: visible; } .mri-header-pc .mri-hover-menu-box { position: absolute; bottom: 0; left: 50%; display: flex; flex-direction: column; gap: 20px 0; margin-bottom: 0; padding: 20px 46px; text-align: center; white-space: nowrap; background: #fff; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); transform: translate(-50%, 100%); opacity: 0; visibility: hidden; transition: 0.3s; max-height: calc(100vh - 160px); overflow-y: auto; } .mri-header-pc .mri-hover-menu-box a { color: #0078ff; font-size: 20px; font-weight: 500; line-height: 1; transition: 0.3s; } .mri-header-pc .mri-hover-menu-box a:hover { color: #000; } .mri-fixed-button { position: fixed; right: 10px; bottom: 10px; z-index: 500; width: 117px; transition: 0.3s; } @media screen and (min-width: 1200px) { .mri-fixed-button { right: 40px; bottom: 40px; width: 298px; } } .mri-fixed-button:hover { transform: scale(1.1); } .mri-fixed-button img { width: 100%; height: auto; opacity: 1 !important; } .mri-footer { position: relative; z-index: 1; padding: 40px 0 75px; background: #0096FF url(/wp-content/themes/jstork19_custom/img/common/footer_bg_sp.png) calc(50% + 12px) -77px/594px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-footer { padding-top: 100px; background: #0096FF url(/wp-content/themes/jstork19_custom/img/common/footer_bg_pc.png) calc(50% - 60px) -200px/2186px auto no-repeat; } } .mri-footer-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto auto; gap: 24px 24px; grid-auto-flow: row; grid-template-areas: "mri-footer-logo mri-footer-logo" "mri-footer-menu-1 mri-footer-menu-2" "mri-footer-menu-3 mri-footer-menu-4" "mri-footer-menu-5 mri-footer-menu-6"; width: 335px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-footer-content { grid-template-columns: auto 1fr 1fr 1fr; grid-template-rows: auto 1fr; gap: 32px 32px; grid-template-areas: "mri-footer-logo mri-footer-menu-1 mri-footer-menu-3 mri-footer-menu-5" "mri-footer-logo mri-footer-menu-2 mri-footer-menu-4 mri-footer-menu-6"; width: 1200px; } } .mri-footer-logo { grid-area: mri-footer-logo; } .mri-footer-logo p { margin: 0; text-align: center; } @media screen and (min-width: 1200px) { .mri-footer-logo p { text-align: left; } } @media screen and (min-width: 1200px) { .mri-footer-logo img { width: 192px; height: auto; } } .mri-footer-menu-1 { grid-area: mri-footer-menu-1; } .mri-footer-menu-2 { grid-area: mri-footer-menu-2; } .mri-footer-menu-3 { grid-area: mri-footer-menu-3; } .mri-footer-menu-4 { grid-area: mri-footer-menu-4; } .mri-footer-menu-5 { grid-area: mri-footer-menu-5; } .mri-footer-menu-6 { grid-area: mri-footer-menu-6; } .mri-footer-menu-heading { position: relative; margin: 0; padding-left: 14px; color: #fff; font-size: 14px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-footer-menu-heading { padding-left: 40px; font-size: 25px; font-weight: 700; } } .mri-footer-menu-heading::after { content: ""; display: block; position: absolute; top: 8px; left: 0; width: 11px; height: 11px; background: #ffc803; border: 2px solid #000; border-radius: 50%; } @media screen and (min-width: 1200px) { .mri-footer-menu-heading::after { top: 10px; width: 26px; height: 26px; border-width: 5px; } } @media screen and (min-width: 1200px) { .mri-footer-nav { padding-left: 40px; } } .mri-footer-nav li { margin-top: 8px; line-height: 1.5; } .mri-footer-nav a { color: #fff; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-footer-nav a { font-size: 15px; } } .mri-footer-img { margin-top: 40px; text-align: center; } @media screen and (min-width: 1200px) { .mri-footer-img { display: none; } } .mri-container { padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-container { max-width: 1200px; padding-right: 0; padding-left: 0; } } .mri-heading-1 { margin-bottom: 32px; padding-left: 30px; } @media screen and (min-width: 1200px) { .mri-heading-1 { margin-bottom: 69px; padding-left: 0; } } .mri-heading-1__en { margin-top: 0; margin-bottom: 8px; font-size: 50px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-heading-1__en { font-size: 100px; } } .mri-heading-1__jp { margin: 0; font-size: 14px; font-weight: 700; } @media screen and (min-width: 1200px) { .mri-heading-1__jp { font-size: 25px; } } .mri-heading-2 { margin-bottom: 24px; color: #fff; line-height: 1.5; text-align: center; text-align: center; } @media screen and (min-width: 1200px) { .mri-heading-2 { margin-bottom: 44px; } } .mri-heading-2__en { margin: 0; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-heading-2__en { font-size: 50px; } } .mri-heading-2__ja { margin: 0; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-heading-2__ja { font-size: 20px; } } .mri-heading-3 { margin-top: 0; margin-bottom: 20px; color: #fff; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 1.5; text-align: center; } @media screen and (min-width: 1200px) { .mri-heading-3 { margin-bottom: 30px; font-size: 50px; } } .mri-highlight { display: inline-block; color: #fff; font-weight: 500; line-height: 1.2; background: rgb(0, 220, 180); background: linear-gradient(45deg, rgb(0, 220, 180) 0%, rgb(20, 190, 250) 100%); } .line-dot-wh { border-bottom: 2px dashed #fff; } .mri-button-wh { display: inline-block; height: 50px; padding: 0 40px; color: #0078ff; font-size: 15px; font-weight: 500; line-height: 50px; text-align: center; background: #fff; border-radius: 25px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-button-wh { height: 70px; padding-right: 88px; padding-left: 88px; font-size: 25px; line-height: 70px; border-radius: 35px; } } .mri-button-blue { display: inline-block; height: 50px; padding: 0 40px; color: #fff; font-size: 15px; font-weight: 500; line-height: 50px; text-align: center; background: #0078ff; border-radius: 25px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-button-blue { height: 70px; padding-right: 88px; padding-left: 88px; font-size: 25px; line-height: 70px; border-radius: 35px; } } .mri-list { margin: 0; } .mri-list li { position: relative; padding-left: 16px; margin-top: 4px; font-size: 14px; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-list li { font-size: 20px; } } .mri-list li::after { content: ""; display: block; position: absolute; top: 6px; left: 0; width: 11px; height: 11px; background: #ffc803; border: 2px solid #000; border-radius: 50%; } @media screen and (min-width: 1200px) { .mri-list li::after { top: 10px; } } .mri-speech-bubble { position: relative; background: #fff; border-radius: 1000px; } .mri-speech-bubble::after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border-style: solid; border-width: 8px 7px 0 7px; border-color: #fff transparent transparent transparent; transform: translate(-50%, 100%); } @media screen and (min-width: 1200px) { .mri-speech-bubble::after { border-width: 16px 14px 0 14px; } } .mri-notes { margin-top: 0; margin-bottom: 0; } .mri-notes li { position: relative; padding-left: 12px; font-size: 10px; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-notes li { padding-left: 18px; font-size: 15px; } } .mri-notes li::after { content: "※"; display: block; position: absolute; top: 0; left: 0; font-size: 10px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-notes li::after { font-size: 15px; } } .mri-mv { position: fixed; top: 60px; left: 0; z-index: -1; width: 100%; height: 566px; padding-top: 167px; background: #0096FF url(/wp-content/themes/jstork19_custom/img/top/mv_bg_sp.png) calc(50% + 10px) -10px/547px 665px no-repeat; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-mv { top: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; height: calc(100svh - 140px + 50px); min-height: 880px; padding-top: 0; background: url(/wp-content/themes/jstork19_custom/img/top/mv_bg_pc.png) calc(50% - 40px) 65%/2250px auto no-repeat, url(/wp-content/themes/jstork19_custom/img/top/mv_arrow.svg) 50% calc(100% - 80px)/46px auto no-repeat; background-color: #0096FF; } } .mri-mv__text { text-align: center; } @media screen and (min-width: 1200px) { .mri-mv__text { margin-bottom: 102px; } } .mri-mv__text img { width: 303px; height: auto; margin: 0 auto; } @media screen and (min-width: 1200px) { .mri-mv__text img { width: 500px; } } .mri-mv__img { display: none; left: calc(50% - 130px); bottom: -125px; width: 310px; height: auto; width: 1407px; } @media screen and (min-width: 1200px) { .mri-mv__img { display: block; } } .mri-top-about { position: relative; z-index: 1; margin-top: 546px; padding-top: 66px; border-radius: 20px 20px 0 0; background: #ffc803; box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-top-about { margin-top: calc(100svh - 140px); padding-top: 197px; border-radius: 50px 50px 0 0; box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.16); } } .mri-top-about::after { content: ""; display: block; position: absolute; top: -201px; left: calc(50% - 135px); width: 310px; height: 217px; background: url(/wp-content/themes/jstork19_custom/img/top/mv_cat.svg) 0 0/contain no-repeat; } @media screen and (min-width: 1200px) { .mri-top-about::after { display: none; } } .mri-top-about__content { padding-right: 30px; padding-left: 30px; } @media screen and (min-width: 1200px) { .mri-top-about__content { padding-right: 0; padding-left: 0; } } .mri-top-about__copy { margin-bottom: 48px; font-size: 14px; font-weight: 900; line-height: 3; } @media screen and (min-width: 1200px) { .mri-top-about__copy { font-size: 50px; font-weight: 500; } } .mri-top-about__copy .mri-highlight { font-size: 30px; } @media screen and (min-width: 1200px) { .mri-top-about__copy .mri-highlight { font-size: 80px; } } .mri-top-about__text p { font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-top-about__text p { font-size: 20px; } } .mri-top-about__img { margin-top: 60px; } @media screen and (min-width: 1200px) { .mri-top-about__img { margin-top: 136px; } } .mri-top-about__img img { width: 100%; height: auto; } .mri-top-topics { padding-top: 50px; background: #ffc803; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-top-topics { padding-top: 100px; } } .mri-topics-box { position: relative; margin-bottom: 40px; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 1200px) { .mri-topics-box { margin-bottom: 50px; padding-top: 55px; padding-bottom: 55px; } } .mri-topics-box > .mri-topics-box__content { position: relative; z-index: 1; } .mri-topics-box::before, .mri-topics-box::after { content: ""; display: block; position: absolute; } .mri-topics-box::before { bottom: 0; z-index: 1; background-position: 0 0; background-repeat: no-repeat; background-size: contain; } .mri-topics-box::after { top: 0; width: 100vw; height: 100%; } .mri-topics-box__number { margin: 0; color: #fff; font-size: 50px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-topics-box__number { position: absolute; top: 0; font-size: 100px; } } .mri-topics-box__heading { margin-top: 0; margin-bottom: 8px; color: #fff; font-size: 30px; font-weight: 900; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-topics-box__heading { font-size: 50px; } } .mri-topics-box__text { width: 205px; } @media screen and (min-width: 1200px) { .mri-topics-box__text { width: 100%; } } .mri-topics-box__text p { color: #fff; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-topics-box__text p { font-size: 20px; } } .mri-topics-1 .mri-topics-box__content, .mri-topics-3 .mri-topics-box__content, .mri-topics-5 .mri-topics-box__content { padding-left: 30px; } @media screen and (min-width: 1200px) { .mri-topics-1 .mri-topics-box__content, .mri-topics-3 .mri-topics-box__content, .mri-topics-5 .mri-topics-box__content { padding-left: 668px; } } @media screen and (min-width: 1200px) { .mri-topics-1 .mri-topics-box__number, .mri-topics-3 .mri-topics-box__number, .mri-topics-5 .mri-topics-box__number { left: 50px; } } .mri-topics-1::after, .mri-topics-3::after, .mri-topics-5::after { left: 0; background: #0096FF; border-radius: 20px 0 0 20px; } @media screen and (min-width: 1200px) { .mri-topics-1::after, .mri-topics-3::after, .mri-topics-5::after { border-radius: 50px 0 0 50px; } } .mri-topics-2, .mri-topics-4 { display: flex; } @media screen and (min-width: 1200px) { .mri-topics-2, .mri-topics-4 { display: block; } } .mri-topics-2 .mri-topics-box__content, .mri-topics-4 .mri-topics-box__content { margin-left: auto; padding-right: 30px; } @media screen and (min-width: 1200px) { .mri-topics-2 .mri-topics-box__content, .mri-topics-4 .mri-topics-box__content { margin-left: 0; padding-right: 0; } } @media screen and (min-width: 1200px) { .mri-topics-2 .mri-topics-box__number, .mri-topics-4 .mri-topics-box__number { right: 70px; } } .mri-topics-2::after, .mri-topics-4::after { right: 0; background: #0096FF; border-radius: 0 20px 20px 0; } @media screen and (min-width: 1200px) { .mri-topics-2::after, .mri-topics-4::after { border-radius: 0 50px 50px 0; } } .mri-topics-1::before { left: 230px; width: 168px; height: 144px; background-image: url(/wp-content/themes/jstork19_custom/img/top/topics_01_img.svg); } @media screen and (min-width: 1200px) { .mri-topics-1::before { bottom: 48px; left: 235px; width: 320px; height: 274px; } } .mri-topics-1::after { background: #0096FF; } .mri-topics-2::before { right: 240px; width: 160px; height: 144px; background-image: url(/wp-content/themes/jstork19_custom/img/top/topics_02_img.svg); } @media screen and (min-width: 1200px) { .mri-topics-2::before { right: 260px; bottom: 28px; width: 312px; height: 280px; } } .mri-topics-2::after { background: #ff8c00; } .mri-topics-3::before { left: 250px; width: 121px; height: 183px; background-image: url(/wp-content/themes/jstork19_custom/img/top/topics_03_img.svg); } @media screen and (min-width: 1200px) { .mri-topics-3::before { bottom: 24px; left: 249px; width: 213px; height: 321px; } } .mri-topics-3::after { background: #009632; } .mri-topics-4::before { right: 250px; width: 97px; height: 264px; background-image: url(/wp-content/themes/jstork19_custom/img/top/topics_04_img.svg); } @media screen and (min-width: 1200px) { .mri-topics-4::before { bottom: 0; right: 263px; width: 202px; height: 100%; background-position: 50% -20px; background-size: 100% auto; } } .mri-topics-4::after { background: #8b32ff; } .mri-topics-5::before { left: 235px; width: 150px; height: 188px; background-image: url(/wp-content/themes/jstork19_custom/img/top/topics_05_img.svg); } @media screen and (min-width: 1200px) { .mri-topics-5::before { bottom: 40px; left: 266px; width: 226px; height: 283px; } } .mri-topics-5::after { background: #ff78e6; } .mri-top-course { padding-top: 40px; background: #ffc803; } @media screen and (min-width: 1200px) { .mri-top-course { padding-top: 174px; padding-bottom: 250px; overflow: hidden; } } .mri-top-course .mri-container { padding-right: 0; padding-left: 0; } .mri-top-course .mri-heading-1 { padding-left: 50px; } @media screen and (min-width: 1200px) { .mri-top-course .mri-heading-1 { padding-left: 0; } } .mri-other-course { display: flex; flex-direction: column; gap: 0; } @media screen and (min-width: 1200px) { .mri-other-course { flex-direction: row; gap: 0 30px; } } .mri-course-bnr { position: relative; padding: 50px 50px 60px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-course-bnr { width: 100%; padding: 50px; overflow: visible; } } @media screen and (min-width: 1200px) { .mri-course-bnr::after { content: ""; display: block; position: absolute; top: 0; width: calc((100vw - 1200px) / 2); height: 100%; } } .mri-course-bnr__heading { margin: 0; margin-bottom: 16px; color: #fff; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-course-bnr__heading { font-size: 50px; } } .mri-course-bnr__text { margin-bottom: 20px; } .mri-course-bnr__text p { margin: 0; color: #fff; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-course-bnr__text p { font-size: 20px; } } .mri-course-bnr__content { position: relative; z-index: 1; } .mri-course-bnr__img { position: absolute; } @media screen and (min-width: 1200px) { .mri-course-bnr__img { z-index: 1; } } .mri-course-bnr-chugaku { display: flex; justify-content: end; background: #009632; } @media screen and (min-width: 1200px) { .mri-course-bnr-chugaku { border-radius: 0 50px 50px 0; } } @media screen and (min-width: 1200px) { .mri-course-bnr-chugaku::after { left: 0; background: #009632; transform: translateX(-100%); } } .mri-course-bnr-chugaku .mri-course-bnr__content { display: flex; flex-direction: column; align-items: end; } @media screen and (min-width: 1200px) { .mri-course-bnr-chugaku .mri-course-bnr__content { align-items: start; } } .mri-course-bnr-chugaku .mri-course-bnr__img { top: 50px; right: 175px; width: 263px; height: auto; } @media screen and (min-width: 1200px) { .mri-course-bnr-chugaku .mri-course-bnr__img { top: 88px; right: 325px; width: 415px; } } .mri-course-bnr-koko { background: #0096FF; } @media screen and (min-width: 1200px) { .mri-course-bnr-koko { border-radius: 50px 0 0 50px; } } .mri-course-bnr-koko::after { right: 0; background: #0096FF; transform: translateX(100%); } .mri-course-bnr-koko .mri-course-bnr__img { top: 35px; left: 175px; width: 318px; height: auto; } @media screen and (min-width: 1200px) { .mri-course-bnr-koko .mri-course-bnr__img { top: 40px; left: 340px; width: 434px; } } .mri-top-news { padding-top: 40px; padding-bottom: 40px; background: #ffc803; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-top-news { padding-bottom: 120px; } } .mri-top-news__content { position: relative; } .mri-top-news-list { position: relative; z-index: 2; height: 280px; padding: 10px 25px; background: #fff; overflow: auto; } @media screen and (min-width: 1200px) { .mri-top-news-list { height: 600px; padding: 50px; } } .mri-top-news-list__row { position: relative; display: block; padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #b4b4b4; } @media screen and (min-width: 1200px) { .mri-top-news-list__row { padding: 32px 30px; } } .mri-top-news-list__row::after { content: ""; display: block; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; border-top: 3px solid #828282; border-right: 3px solid #828282; transform: translate(-50%, -50%) rotate(45deg); } @media screen and (min-width: 1200px) { .mri-top-news-list__row::after { width: 20px; height: 20px; border-width: 5px; } } .mri-top-news-list__row:hover { color: #0078ff; transition: 0.3s; } .mri-top-news-list__row:last-of-type { border: none; } .mri-top-news-list__date { margin: 0; font-size: 10px; font-weight: 500; line-height: 1; } @media screen and (min-width: 1200px) { .mri-top-news-list__date { margin-bottom: 8px; font-size: 15px; } } .mri-top-news-list__title { margin: 0; font-size: 14px; font-weight: 900; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-top-news-list__title { font-size: 20px; } } .mri-top-news-list__img-face, .mri-top-news-list__img-body { position: absolute; } .mri-top-news-list__img-face { top: -80px; right: 16px; z-index: 3; width: 99px; height: auto; } @media screen and (min-width: 1200px) { .mri-top-news-list__img-face { top: -125px; right: 30px; width: 174px; } } .mri-top-news-list__img-body { top: -40px; right: -22px; z-index: 1; width: 145px; height: auto; } @media screen and (min-width: 1200px) { .mri-top-news-list__img-body { top: -45px; right: -45px; width: 264px; } } .mri-top-contact { background: #ffc803; } .mri-top-contact .mri-container { display: flex; justify-content: end; max-width: 375px; padding-top: 30px; padding-bottom: 25px; background: url(/wp-content/themes/jstork19_custom/img/common/contactarea_bg_sp.png) 15px 100%/161px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-top-contact .mri-container { justify-content: center; max-width: 100%; padding-top: 56px; padding-bottom: 53px; background: url(/wp-content/themes/jstork19_custom/img/common/contactarea_bg_pc.png) 50% 100%/945px auto no-repeat; } } .mri-top-contact__content { display: flex; flex-direction: column; align-items: center; } .mri-top-contact__heading { display: none; } @media screen and (min-width: 1200px) { .mri-top-contact__heading { display: block; margin: 0; margin-bottom: 8px; font-size: 50px; font-weight: 900; } } .mri-top-contact__text { margin-bottom: 18px; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-top-contact__text { margin-bottom: 25px; font-size: 20px; text-align: center; } } .mri-top-contact__text p { margin-bottom: 0; } @media screen and (min-width: 1200px) { .mri-top-contact__text .line-dot-wh { border: none; } } .mri-top-contact__button { display: flex; flex-direction: column; align-items: center; gap: 15px 0; } .mri-feature-title { position: fixed; top: 60px; left: 0; z-index: -1; width: 100%; height: 400px; padding-top: 50px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media screen and (min-width: 1200px) { .mri-feature-title { top: 140px; height: 500px; padding-top: 78px; } } .mri-pagetitle-box { position: relative; height: 280px; margin-left: -20px; padding: 25px 25px 110px 50px; background: #fff url(/wp-content/themes/jstork19_custom/img/common/grid_sp.png) 0 0/14px 14px; border-radius: 0 20px 20px 0; } @media screen and (min-width: 1200px) { .mri-pagetitle-box { width: 997px; height: 318px; margin-right: auto; margin-left: auto; padding: 37px 96px 0; background: #fff url(/wp-content/themes/jstork19_custom/img/common/grid_pc.png) 0 0/28px 28px; border-radius: 50px; } } .mri-pagetitle-box__number { display: inline-block; margin: 0; color: #fff; font-size: 50px; font-weight: 900; line-height: 1; background: #0096FF; } @media screen and (min-width: 1200px) { .mri-pagetitle-box__number { font-size: 100px; } } .mri-pagetitle-box__title { margin: 0; margin-bottom: 4px; font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-pagetitle-box__title { font-size: 50px; } } .mri-pagetitle-box__text { margin: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-pagetitle-box__text { font-size: 20px; } } .mri-pagetitle-box__img { display: block; position: absolute; right: 0; bottom: 0; } @media screen and (min-width: 1200px) { .mri-pagetitle-box__img { display: none; } } .mri-feature-content { margin-top: 380px; background: #0096FF; border-radius: 20px 20px 0 0; box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-feature-content { margin-top: 450px; padding-top: 224px; border-radius: 50px 50px 0 0; } } .mri-merit-box { padding: 32px 0 46px; text-align: center; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-merit-box { padding-top: 40px; padding-bottom: 104px; border-radius: 30px; } } .mri-merit-box__heading { margin-top: 0; margin-bottom: 40px; color: #0096FF; font-size: 30px; font-weight: 900; line-height: 1.25; } @media screen and (min-width: 1200px) { .mri-merit-box__heading { margin-bottom: 75px; font-size: 50px; } } .mri-merit-box__row { margin-bottom: 50px; } @media screen and (min-width: 1200px) { .mri-merit-box__row { margin-bottom: 60px; } } .mri-merit-box__row:last-of-type { margin-bottom: 0; } .mri-merit-box__number { display: inline-block; position: relative; margin-bottom: 10px; padding: 4px 12px; font-size: 14px; font-weight: 500; line-height: 1; background: #ffc803; } @media screen and (min-width: 1200px) { .mri-merit-box__number { font-size: 25px; font-weight: 900; } } .mri-merit-box__number::after { content: ""; display: block; position: absolute; top: -15px; right: -20px; width: 19px; height: 21px; background: url(/wp-content/themes/jstork19_custom/img/common/deco_awareness.svg) 0 0/19px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-merit-box__number::after { top: -25px; right: -40px; width: 31px; height: 33px; background-size: 31px auto; } } .mri-merit-box__number span { font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-merit-box__number span { font-size: 1em; } } .mri-merit-box__text { margin-bottom: 0; font-size: 30px; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-merit-box__text { font-size: 50px; } } .mri-merit-box__text--small { margin-top: 12px; margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-merit-box__text--small { font-size: 20px; } } .mri-thinking-power .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/thinking/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-thinking-power .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/thinking/title_bg_pc.jpg); } } .mri-thinking-power .mri-pagetitle-box__number { background: #0096FF; } .mri-thinking-power .mri-pagetitle-box__img { right: 15px; bottom: -9px; width: 178px; height: 125px; } .mri-thinking-power .mri-feature-content { padding-top: 40px; padding-bottom: 117px; background: #0096FF; box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-thinking-power .mri-feature-content { position: relative; padding-top: 224px; padding-bottom: 186px; background: url(/wp-content/themes/jstork19_custom/img/thinking/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/thinking/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #0096FF; } } @media screen and (min-width: 1200px) { .mri-thinking-power .mri-feature-content::after { content: ""; display: block; position: absolute; top: -201px; right: calc(50% - 510px); width: 310px; height: 217px; background: url(/wp-content/themes/jstork19_custom/img/thinking/title_img.svg) 0 0/100% auto no-repeat; } } .mri-about-thinking-power { margin-bottom: 76px; } @media screen and (min-width: 1200px) { .mri-about-thinking-power { display: flex; justify-content: center; margin-bottom: 243px; } } .mri-about-thinking-power__heading { display: flex; justify-content: center; margin-top: 0; margin-right: auto; margin-bottom: 32px; margin-left: auto; color: #fff; font-size: 30px; font-weight: 900; line-height: 1.4; } @media screen and (min-width: 1200px) { .mri-about-thinking-power__heading { justify-content: start; margin-bottom: 48px; font-size: 50px; } } .mri-about-thinking-power__heading span { display: block; position: relative; } .mri-about-thinking-power__heading span::after { content: ""; display: block; position: absolute; top: 10px; left: 40px; width: 13px; height: 14px; background: url(/wp-content/themes/jstork19_custom/img/common/deco_awareness.svg) 0 0/13px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-about-thinking-power__heading span::after { top: 30px; left: 60px; } } .mri-about-thinking-power__heading small { color: #ffc803; font-size: 14px; text-align: left; } @media screen and (min-width: 1200px) { .mri-about-thinking-power__heading small { font-size: 20px; } } .mri-thinking-power-formula { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto auto auto auto; gap: 12px 0px; grid-auto-flow: row; align-items: center; justify-items: center; } @media screen and (min-width: 1200px) { .mri-thinking-power-formula { grid-template-columns: auto auto 220px auto 220px auto 220px; grid-template-rows: 1fr; gap: 0px 20px; grid-auto-flow: row; align-items: start; } } .mri-thinking-power-formula__answer { margin: 0; padding-right: 4px; padding-left: 4px; color: #0096FF; font-size: 30px; font-weight: 900; background: #fff; } @media screen and (min-width: 1200px) { .mri-thinking-power-formula__answer { padding-top: 4px; padding-bottom: 4px; font-size: 50px; line-height: 1; } } .mri-thinking-power-formula__equal, .mri-thinking-power-formula__multiply { margin: 0; color: #fff; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-thinking-power-formula__equal, .mri-thinking-power-formula__multiply { padding-top: 8px; font-size: 35px; } } .mri-thinking-power-formula__equal { transform: rotate(90deg); } @media screen and (min-width: 1200px) { .mri-thinking-power-formula__equal { transform: rotate(0deg); } } .mri-thinking-box .mri-list { color: #fff; padding-left: 24px; } @media screen and (min-width: 1200px) { .mri-thinking-box .mri-list { padding-left: 0; } } .mri-thinking-box__title { margin-bottom: 8px; } .mri-ai-era { margin-top: 94px; } @media screen and (min-width: 1200px) { .mri-ai-era { margin-top: 135px; } } .mri-ai-era__heading { margin-top: 0; margin-bottom: 42px; padding-bottom: 168px; color: #fff; font-size: 30px; font-weight: 900; text-align: center; background: url(/wp-content/themes/jstork19_custom/img/thinking/ai_img_sp.svg) 50% 100%/314px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-ai-era__heading { margin-bottom: 28px; padding-top: 172px; padding-bottom: 30px; font-size: 50px; background-image: url(/wp-content/themes/jstork19_custom/img/thinking/ai_img_pc.svg); background-size: 1200px auto; } } .mri-ai-era__text { margin-top: 0; margin-bottom: 40px; color: #fff; font-size: 14px; font-weight: 500; text-align: center; } @media screen and (min-width: 1200px) { .mri-ai-era__text { margin-bottom: 65px; font-size: 20px; } } .mri-ai-comparison { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; gap: 10px 0px; grid-auto-flow: row; padding-bottom: 90px; background: url(/wp-content/themes/jstork19_custom/img/common/arrow_down.svg) 50% 100%/30px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-ai-comparison { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 0px 30px; padding-bottom: 168px; background-size: 46px auto; } } .mri-ai-comparison-box { padding: 17px; padding-bottom: 26px; text-align: center; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-ai-comparison-box { padding-top: 38px; padding-bottom: 66px; border-radius: 30px; } } .mri-ai-comparison-box__heading { display: inline-block; margin-bottom: 12px; padding: 8px 16px; color: #fff; font-size: 14px; font-weight: 900; line-height: 1; background: #ff0000; } @media screen and (min-width: 1200px) { .mri-ai-comparison-box__heading { margin-bottom: 40px; padding: 4px; font-size: 25px; } } .mri-ai-comparison-box__text { margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 2.5; } @media screen and (min-width: 1200px) { .mri-ai-comparison-box__text { font-size: 20px; line-height: 3; } } .mri-ai-comparison__hostile { background-image: url(/wp-content/themes/jstork19_custom/img/thinking/ai_vs.svg); background-position: 50% 65%; background-repeat: no-repeat; background-size: 188px auto; } @media screen and (min-width: 1200px) { .mri-ai-comparison__hostile { background-size: 240px auto; } } .mri-ai-comparison__coexistence { background-image: url(/wp-content/themes/jstork19_custom/img/thinking/ai_heart.svg); background-position: 50% 50%; background-repeat: no-repeat; background-size: 199px auto; } @media screen and (min-width: 1200px) { .mri-ai-comparison__coexistence { background-size: 230px auto; background-position: 50% 55%; } } .mri-ai-comparison__coexistence .mri-ai-comparison-box__heading { background-color: #0078ff; } @media screen and (min-width: 1200px) { .mri-ai-formula-wrap { text-align: center; } } .mri-ai-formula { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto 1fr auto 1fr; gap: 16px 0px; grid-auto-flow: row; justify-items: center; margin-top: 24px; margin-bottom: 24px; color: #fff; } @media screen and (min-width: 1200px) { .mri-ai-formula { display: inline-grid; grid-template-columns: auto auto auto auto auto; grid-template-rows: 1fr; gap: 0px 16px; margin-top: 53px; margin-bottom: 68px; } } .mri-ai-formula__value, .mri-ai-formula___equal, .mri-ai-formula__multiply { margin-bottom: 0; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-ai-formula__value, .mri-ai-formula___equal, .mri-ai-formula__multiply { font-size: 35px; } } .mri-ai-formula___equal { transform: rotate(90deg); } @media screen and (min-width: 1200px) { .mri-ai-formula___equal { transform: rotate(0deg); } } .mri-ai-conclusion { padding-bottom: 212px; color: #fff; text-align: center; background: url(/wp-content/themes/jstork19_custom/img/thinking/ai_img2_sp.svg) calc(50% + 80px) 100%/242px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-ai-conclusion { padding-bottom: 270px; text-align: left; background-image: url(/wp-content/themes/jstork19_custom/img/thinking/ai_img2_pc.svg); background-position: calc(50% + 650px) 100%; background-size: 753px auto; } } @media screen and (min-width: 1200px) { .mri-ai-conclusion__content { width: 1200px; margin-right: auto; margin-left: auto; padding-left: 700px; } } .mri-ai-conclusion__sub { margin-bottom: 8px; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-ai-conclusion__sub { font-size: 25px; } } .mri-ai-conclusion__main { display: inline-block; position: relative; margin-bottom: 0; padding: 4px; color: #0096FF; font-size: 30px; font-weight: 900; line-height: 1; background: #fff; } @media screen and (min-width: 1200px) { .mri-ai-conclusion__main { font-size: 50px; } } .mri-ai-conclusion__main::after { content: ""; display: block; position: absolute; top: -15px; right: -15px; width: 13px; height: 14px; background: url(/wp-content/themes/jstork19_custom/img/common/deco_awareness_wh.svg) 0 0/13px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-ai-conclusion__main::after { top: -30px; right: -38px; width: 31px; height: 33px; background-image: url(/wp-content/themes/jstork19_custom/img/common/deco_awareness.svg); background-size: 100% auto; } } .mri-advanced-learning .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/advanced-learning/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-advanced-learning .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/advanced-learning/title_bg_pc.jpg); } } .mri-advanced-learning .mri-pagetitle-box__number { background: #ff8c00; } .mri-advanced-learning .mri-pagetitle-box__img { right: 35px; bottom: -21px; width: 121px; height: auto; } .mri-advanced-learning .mri-feature-content { padding-top: 33px; padding-bottom: 70px; background: #ff8c00; } @media screen and (min-width: 1200px) { .mri-advanced-learning .mri-feature-content { position: relative; padding-top: 224px; padding-bottom: 186px; background: url(/wp-content/themes/jstork19_custom/img/advanced-learning/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/advanced-learning/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #ff8c00; } } @media screen and (min-width: 1200px) { .mri-advanced-learning .mri-feature-content::after { content: ""; display: block; position: absolute; top: -198px; right: calc(50% - 470px); width: 280px; height: 250px; background: url(/wp-content/themes/jstork19_custom/img/advanced-learning/title_img.svg) 0 0/contain no-repeat; } } .mri-advanced-learning .mri-merit { margin-bottom: 107px; } @media screen and (min-width: 1200px) { .mri-advanced-learning .mri-merit { margin-bottom: 238px; } } .mri-advanced-learning .mri-merit-box { margin-bottom: 73px; } @media screen and (min-width: 1200px) { .mri-advanced-learning .mri-merit-box { margin-bottom: 232px; } } .mri-advanced-learning .mri-merit-box__heading { color: #ff8c00; } .mri-al-merit { text-align: center; } .mri-al-merit--arrow { margin-bottom: 60px; padding-bottom: 110px; background: url(/wp-content/themes/jstork19_custom/img/common/arrow_down.svg) 50% 100%/30px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-al-merit--arrow { margin-bottom: 153px; padding-bottom: 194px; background-size: 46px auto; } } .mri-al-merit__header { display: inline-grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto 1fr; gap: 8px 8px; grid-template-areas: "mri-al-merit__title mri-al-merit__title" "mri-al-merit__number mri-al-merit__heading" ". mri-al-merit__heading"; margin-bottom: 40px; text-align: left; } @media screen and (min-width: 1200px) { .mri-al-merit__header { grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; gap: 16px 20px; grid-template-areas: "mri-al-merit__title mri-al-merit__title" "mri-al-merit__number mri-al-merit__heading"; margin-bottom: 80px; } } .mri-al-merit__title { grid-area: mri-al-merit__title; margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1; } @media screen and (min-width: 1200px) { .mri-al-merit__title { font-size: 20px; } } .mri-al-merit__number { grid-area: mri-al-merit__number; margin-top: 4px; margin-bottom: 0; padding: 4px 12px; font-size: 14px; font-weight: 500; line-height: 1; background: #ffc803; } @media screen and (min-width: 1200px) { .mri-al-merit__number { margin-top: 0; padding: 0; font-size: 50px; } } .mri-al-merit__number span { font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-al-merit__number span { font-size: 50px; } } .mri-al-merit__heading { grid-area: mri-al-merit__heading; margin-top: 0; margin-bottom: 0; font-size: 25px; font-weight: 900; line-height: 1.4; } @media screen and (min-width: 1200px) { .mri-al-merit__heading { font-size: 50px; line-height: 1; } } .mri-al-merit__img { display: block; margin-bottom: 48px; } @media screen and (min-width: 1200px) { .mri-al-merit__img { margin-bottom: 80px; } } @media screen and (min-width: 1200px) { .mri-al-merit1-img { margin-left: 350px; } } @media screen and (min-width: 1200px) { .mri-al-merit2-img { margin-top: 20px; } } .mri-al-merit__text { margin-bottom: 43px; } .mri-al-merit__text p { margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 3; } @media screen and (min-width: 1200px) { .mri-al-merit__text p { font-size: 20px; } } .mri-al-merit__emphasis { margin-bottom: 0; font-size: 25px; font-weight: 900; line-height: 35px; } @media screen and (min-width: 1200px) { .mri-al-merit__emphasis { font-size: 50px; line-height: 80px; } } .mri-faq-box { padding: 20px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-faq-box { padding: 64px 72px; border-radius: 30px; } } .mri-faq-box__question-area { margin-bottom: 30px; } @media screen and (min-width: 1200px) { .mri-faq-box__question-area { display: grid; grid-template-columns: 120px 1fr; grid-template-rows: 1fr; gap: 0px 26px; margin-bottom: 85px; } } .mri-faq-box__question p { font-size: 14px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-faq-box__question p { font-size: 35px; line-height: 1.5; } } .mri-faq-box__question p:last-of-type { margin-bottom: 0; } .mri-faq-box__answer-area { background: url(/wp-content/themes/jstork19_custom/img/advanced-learning/faq_icon.svg) 100% 0/76px auto no-repeat; } @media screen and (min-width: 1200px) { .mri-faq-box__answer-area { display: grid; grid-template-columns: 120px 1fr; grid-template-rows: 1fr; gap: 0px 26px; padding-bottom: 226px; background-position: 100% 100%; background-size: 233px auto; } } .mri-faq-box__answer p { margin-bottom: 12px; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-faq-box__answer p { margin-bottom: 20px; font-size: 20px; } } .mri-faq-box__answer p:last-of-type { margin-bottom: 0; } .mri-faq-box__answer p strong { font-size: 25px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-faq-box__answer p strong { font-size: 50px; } } .mri-question-icon, .mri-answer-icon { width: 60px; height: 60px; margin-bottom: 8px; font-size: 30px; font-weight: 900; line-height: 60px; text-align: center; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-question-icon, .mri-answer-icon { width: 120px; height: 120px; margin-bottom: 0; font-size: 80px; border-radius: 20px; } } .mri-question-icon { background: #ffc803; } @media screen and (min-width: 1200px) { .mri-question-icon { line-height: 100px; } } .mri-answer-icon { color: #fff; background: #0096FF; } @media screen and (min-width: 1200px) { .mri-answer-icon { line-height: 110px; } } .mri-characterful .mri-feature-title { height: 530px; background-image: url(/wp-content/themes/jstork19_custom/img/characterful/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-characterful .mri-feature-title { height: 500px; background-image: url(/wp-content/themes/jstork19_custom/img/characterful/title_bg_pc.jpg); } } @media screen and (min-width: 1200px) { .mri-characterful .mri-feature-title .mri-container { position: relative; } } .mri-characterful .mri-pagetitle-box__number { background: #009632; } .mri-characterful .mri-pagetitle-box__img { right: -10px; bottom: -10px; width: 160px; height: auto; } .mri-characterful .mri-feature-content { margin-top: 510px; padding-top: 60px; padding-bottom: 74px; background: #009632; } @media screen and (min-width: 1200px) { .mri-characterful .mri-feature-content { position: relative; margin-top: 450px; padding-top: 147px; padding-bottom: 150px; background: url(/wp-content/themes/jstork19_custom/img/characterful/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/characterful/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #009632; } } @media screen and (min-width: 1200px) { .mri-characterful .mri-feature-content::after { content: ""; display: block; position: absolute; top: -254px; right: calc(50% - 640px); width: 304px; height: 460px; background: url(/wp-content/themes/jstork19_custom/img/characterful/title_img.svg) 0 0/contain no-repeat; } } .mri-characterful .mri-merit-box { position: relative; } .mri-characterful .mri-merit-box::after { content: ""; display: block; position: absolute; top: -118px; right: 0; width: 148px; height: 125px; background: url(/wp-content/themes/jstork19_custom/img/characterful/feature_img.svg) 50% 50%/contain no-repeat; } @media screen and (min-width: 1200px) { .mri-characterful .mri-merit-box::after { display: none; } } .mri-characterful .mri-merit-box__heading { color: #009632; } .mri-characterful-formula { width: 257px; margin-top: 40px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-characterful-formula { position: absolute; top: 113px; left: 674px; margin-top: 0; } } .mri-characterful-formula__text { margin-bottom: 8px; } .mri-characterful-formula__text .mri-highlight { display: block; padding-top: 4px; padding-bottom: 4px; font-size: 40px; font-weight: 900; text-align: center; } .mri-characterful-formula__img img { width: 100%; height: auto; } .mri-characterful-vision { margin-bottom: 180px; } @media screen and (min-width: 1200px) { .mri-characterful-vision { margin-bottom: 203px; } } .mri-characterful-vision__copy { margin-bottom: 57px; text-align: center; } @media screen and (min-width: 1200px) { .mri-characterful-vision__copy { margin-bottom: 80px; } } .mri-characterful-vision__copy h2 { display: inline-block; margin-top: 0; margin-bottom: 0; color: #fff; font-size: 30px; font-weight: 900; line-height: 1.5; text-align: left; } @media screen and (min-width: 1200px) { .mri-characterful-vision__copy h2 { font-size: 50px; line-height: 1.8; } } .mri-characterful-vision__copy img { width: 132px; height: auto; margin-right: 8px; } @media screen and (min-width: 1200px) { .mri-characterful-vision__copy img { width: 240px; margin-right: 20px; vertical-align: baseline; transform: translateY(10px); } } .mri-characterful-carousel { overflow: hidden; } .mri-characterful-swiper { width: 100%; } .mri-characterful-swiper .swiper-slide { width: auto; } .mri-characterful-card { position: relative; width: 275px; height: 183px; padding: 25px 15px 0 129px; background: #fff; border-radius: 10px; background-position: 0 50%; background-repeat: no-repeat; background-size: auto 140px; } @media screen and (min-width: 1200px) { .mri-characterful-card { width: 500px; height: 300px; padding: 40px 26px 0 242px; background-size: auto 245px; border-radius: 20px; } } .mri-characterful-card::after { content: ""; display: block; position: absolute; right: 15px; bottom: 10px; width: 56px; height: 56px; background: url(/wp-content/themes/jstork19_custom/img/characterful/hanamaru.png) 50% 50%/contain no-repeat; } @media screen and (min-width: 1200px) { .mri-characterful-card::after { right: 25px; bottom: 30px; width: 106px; height: 104px; } } .mri-characterful-card p { font-size: 14px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-characterful-card p { font-size: 20px; } } .mri-characterful-card--yellow { background-color: #ffc803; background-image: url(/wp-content/themes/jstork19_custom/img/characterful/personality_boy.svg); } .mri-characterful-card--orange { background-color: #ff8c00; background-image: url(/wp-content/themes/jstork19_custom/img/characterful/personality_chicken.svg); } .mri-characterful-card--pink { background-color: #ff78e6; background-image: url(/wp-content/themes/jstork19_custom/img/characterful/personality_girl.svg); } .mri-characterful-card--purple { color: #fff; background-color: #8b32ff; background-image: url(/wp-content/themes/jstork19_custom/img/characterful/personality_cat.svg); } .mri-characterful-card--blue { color: #fff; background-color: #0096FF; background-image: url(/wp-content/themes/jstork19_custom/img/characterful/personality_pig.svg); } .mri-ad .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/ad/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-ad .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/ad/title_bg_pc.jpg); } } .mri-ad .mri-pagetitle-box__number { background: #8b32ff; } .mri-ad .mri-pagetitle-box__img { right: 10px; bottom: -8px; width: 120px; height: auto; } .mri-ad .mri-feature-content { padding-top: 58px; padding-bottom: 70px; background: #8b32ff; } @media screen and (min-width: 1200px) { .mri-ad .mri-feature-content { position: relative; padding-top: 274px; padding-bottom: 261px; background: url(/wp-content/themes/jstork19_custom/img/ad/typography.svg) 48px 40px/145px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/ad/typography.svg) calc(100% - 12px) 40px/145px auto repeat-y; background-color: #8b32ff; } } @media screen and (min-width: 1200px) { .mri-ad .mri-feature-content::after { content: ""; display: block; position: absolute; top: -311px; right: calc(50% - 430px); width: 260px; height: 328px; background: url(/wp-content/themes/jstork19_custom/img/ad/title_img.svg) 0 0/contain no-repeat; } } .mri-three-ad { margin-bottom: 80px; } @media screen and (min-width: 1200px) { .mri-three-ad { margin-bottom: 205px; } } .mri-three-ad__content { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr 1fr 1fr; gap: 0px 0px; grid-template-areas: "mri-three-ad__heading" "mri-three-ad__box1" "mri-three-ad__box2" "mri-three-ad__box3"; max-width: 335px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-three-ad__content { grid-template-columns: auto 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 12px 164px; grid-template-areas: "mri-three-ad__heading mri-three-ad__box1" "mri-three-ad__heading mri-three-ad__box2" "mri-three-ad__heading mri-three-ad__box3"; max-width: 960px; background: url(/wp-content/themes/jstork19_custom/img/ad/ad_line.svg) 160px 50% no-repeat; } } .mri-three-ad__heading { grid-area: mri-three-ad__heading; margin-top: 0; margin-bottom: 20px; color: #fff; font-size: 30px; font-weight: 900; line-height: 1; text-align: center; } @media screen and (min-width: 1200px) { .mri-three-ad__heading { align-self: center; margin-bottom: 0; font-size: 25px; transform: translateY(-20px); } } .mri-three-ad__heading strong { font-size: 50px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-three-ad__heading strong { font-size: 100px; } } .mri-three-ad__box { padding: 14px 24px; margin-bottom: 5px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-three-ad__box { padding: 38px 62px; margin-bottom: 0; border-radius: 30px; } } .mri-three-ad__box:nth-of-type(3) { /* background: #fff url(/wp-content/themes/jstork19_custom/img/ad/ad_buttocks.svg) 100% 100%/48px auto no-repeat; */ } @media screen and (min-width: 1200px) { .mri-three-ad__box:nth-of-type(3) { background-size: 92px auto; } } .mri-three-ad__box1 { grid-area: mri-three-ad__box1; } .mri-three-ad__box2 { grid-area: mri-three-ad__box2; } .mri-three-ad__box3 { grid-area: mri-three-ad__box3; } .mri-three-ad__text { margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-three-ad__text { font-size: 20px; } } .mri-three-ad__title { margin-bottom: 0; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-three-ad__title { font-size: 50px; } } .mri-three-ad__title strong { color: #8b32ff; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-about-ad-wrap { overflow: hidden; } } .mri-about-ad { margin-bottom: 80px; } @media screen and (min-width: 1200px) { .mri-about-ad { margin-bottom: 188px; } } .mri-about-ad__header { margin-bottom: 8px; } .mri-about-ad__header .mri-container { max-width: 350px; } @media screen and (min-width: 1200px) { .mri-about-ad__header .mri-container { max-width: 1200px; } } .mri-about-ad__heading { color: #fff; font-size: 14px; font-weight: 500; line-height: 1.2; } @media screen and (min-width: 1200px) { .mri-about-ad__heading { font-size: 20px; } } .mri-about-ad__heading strong { font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-about-ad__heading strong { font-size: 50px; } } .mri-about-ad__content { overflow: hidden; } @media screen and (min-width: 1200px) { .mri-about-ad__content { overflow: visible; } } .mri-about-ad__content .mri-container { position: relative; max-width: 350px; padding-top: 28px; padding-bottom: 36px; } @media screen and (min-width: 1200px) { .mri-about-ad__content .mri-container { max-width: 1200px; min-height: 350px; padding-top: 60px; padding-bottom: 60px; } } .mri-about-ad__copy { margin-bottom: 8px; } @media screen and (min-width: 1200px) { .mri-about-ad__copy { margin-bottom: 16px; } } .mri-about-ad__copy p { margin-bottom: 0; font-size: 30px; font-weight: 900; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-about-ad__copy p { font-size: 50px; } } .mri-about-ad__text { position: relative; z-index: 2; } .mri-about-ad__text p { margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-about-ad__text p { font-size: 20px; } } .mri-about-ad__img { display: block; position: absolute; } @media screen and (min-width: 1200px) { .mri-about-ad-1 .mri-about-ad__header .mri-container { padding-left: 360px; } } .mri-about-ad-1 .mri-about-ad__content { color: #fff; background: #009632; } @media screen and (min-width: 1200px) { .mri-about-ad-1 .mri-about-ad__content .mri-container { padding-left: 360px; } } .mri-about-ad-1 .mri-about-ad__img { bottom: 0; left: 205px; width: 210px; height: auto; } @media screen and (min-width: 1200px) { .mri-about-ad-1 .mri-about-ad__img { left: 0; width: 339px; } } .mri-about-ad-2 .mri-about-ad__content { background: #ffc803; } .mri-about-ad-2 .mri-about-ad__content .mri-container { padding-bottom: 158px; } @media screen and (min-width: 1200px) { .mri-about-ad-2 .mri-about-ad__content .mri-container { padding-bottom: 60px; } } .mri-about-ad-2 .mri-about-ad__img { bottom: -120px; left: -85px; width: 520px; max-width: none; height: auto; } @media screen and (min-width: 1200px) { .mri-about-ad-2 .mri-about-ad__img { bottom: 0; left: 660px; width: 841px; } } @media screen and (min-width: 1200px) { .mri-about-ad-3 .mri-about-ad__header .mri-container { padding-left: 360px; } } .mri-about-ad-3 .mri-about-ad__content { color: #fff; background: #0096FF; } @media screen and (min-width: 1200px) { .mri-about-ad-3 .mri-about-ad__content .mri-container { padding-left: 360px; } } .mri-about-ad-3 .mri-about-ad__img { bottom: 0; left: 175px; width: 285px; height: auto; } @media screen and (min-width: 1200px) { .mri-about-ad-3 .mri-about-ad__img { left: 0; width: 342px; } } .mri-ad-intro__header { margin-bottom: 20px; color: #fff; text-align: center; } @media screen and (min-width: 1200px) { .mri-ad-intro__header { margin-bottom: 40px; } } .mri-ad-intro__heading { margin-top: 0; margin-bottom: 12px; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-ad-intro__heading { margin-bottom: 20px; font-size: 50px; } } .mri-ad-intro__copy { font-size: 14px; font-weight: 500; line-height: 1; } @media screen and (min-width: 1200px) { .mri-ad-intro__copy { font-size: 20px; } } .mri-ad-intro__carousel { overflow: hidden; } .mri-ad-swiper .swiper-slide { width: auto; height: auto; } .mri-ad-card { width: 275px; height: 100%; background: #fff; border-radius: 10px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-ad-card { width: 500px; border-radius: 30px; } } .mri-ad-card__img { width: 100%; height: auto; } .mri-ad-card__content { padding: 20px 20px 30px; } @media screen and (min-width: 1200px) { .mri-ad-card__content { padding: 30px 20px 50px; } } .mri-ad-card__kana { margin-bottom: 0; font-size: 10px; font-weight: 500; line-height: 1; text-align: center; } .mri-ad-card__name { margin-bottom: 0; font-size: 25px; font-weight: 900; text-align: center; } @media screen and (min-width: 1200px) { .mri-ad-card__name { margin-bottom: 8px; font-size: 20px; } } .mri-ad-card__title { margin-bottom: 16px; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: center; } @media screen and (min-width: 1200px) { .mri-ad-card__title { font-size: 20px; } } .mri-ad-card__text p { margin-bottom: 0; color: #828282; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.5; text-align: center; } @media screen and (min-width: 1200px) { .mri-ad-card__text p { font-size: 20px; } } .mri-integrated-learning .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/integrated-learning/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-integrated-learning .mri-feature-title { background-image: url(/wp-content/themes/jstork19_custom/img/integrated-learning/title_bg_pc.jpg); } } .mri-integrated-learning .mri-pagetitle-box__number { background: #ff78e6; } .mri-integrated-learning .mri-pagetitle-box__img { right: 15px; bottom: -21px; width: 149px; height: auto; } .mri-integrated-learning .mri-feature-content { padding-top: 97px; padding-bottom: 87px; background: #ff78e6; } @media screen and (min-width: 1200px) { .mri-integrated-learning .mri-feature-content { position: relative; padding-top: 244px; padding-bottom: 132px; background: url(/wp-content/themes/jstork19_custom/img/integrated-learning/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/integrated-learning/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #ff78e6; } } @media screen and (min-width: 1200px) { .mri-integrated-learning .mri-feature-content::after { content: ""; display: block; position: absolute; top: -264px; right: calc(50% - 490px); width: 350px; height: 312px; background: url(/wp-content/themes/jstork19_custom/img/integrated-learning/title_img.svg) 0 0/contain no-repeat; } } .mri-integrated-learning .mri-merit-box { position: relative; margin-bottom: 60px; } @media screen and (min-width: 1200px) { .mri-integrated-learning .mri-merit-box { margin-bottom: 225px; } } .mri-integrated-learning .mri-merit-box__heading { color: #ff78e6; } .mri-il-amazing { margin-bottom: 191px; } @media screen and (min-width: 1200px) { .mri-il-amazing { margin-bottom: 225px; } } .mri-il-amazing .mri-speech-bubble { width: 335px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 10px; padding-bottom: 10px; border-radius: 16px; } @media screen and (min-width: 1200px) { .mri-il-amazing .mri-speech-bubble { width: 644px; margin-bottom: 50px; padding-top: 24px; padding-bottom: 24px; border-radius: 30px; } } .mri-il-amazing__heading { margin-top: 0; margin-bottom: 0; font-size: 25px; font-weight: 900; line-height: 1; text-align: center; } @media screen and (min-width: 1200px) { .mri-il-amazing__heading { font-size: 47px; } } .mri-il-amazing__img { display: block; width: 176px; height: auto; margin-right: auto; margin-bottom: 32px; margin-left: auto; transform: translateX(17px); } @media screen and (min-width: 1200px) { .mri-il-amazing__img { width: 340px; margin-bottom: 74px; transform: translateX(32px); } } .mri-il-amazing__text { margin-bottom: 0; text-align: center; } .mri-il-amazing__text img { width: 316px; } @media screen and (min-width: 1200px) { .mri-il-amazing__text img { width: 1000px; } } .mri-il-feature__img { position: absolute; top: -125px; right: 0; } @media screen and (min-width: 1200px) { .mri-il-feature__img { display: none; } } .mri-il-approach { overflow: hidden; } .mri-il-approach .mri-speech-bubble { width: 260px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 15px; padding-bottom: 15px; padding-left: 32px; border-radius: 30px; } @media screen and (min-width: 1200px) { .mri-il-approach .mri-speech-bubble { width: 348px; margin-bottom: 32px; padding-top: 18px; padding-bottom: 18px; padding-left: 28px; } } .mri-il-approach__dialogue { margin-bottom: 0; font-size: 14px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-il-approach__dialogue { font-size: 20px; } } .mri-il-approach__img { display: block; margin-bottom: 64px; text-align: center; } @media screen and (min-width: 1200px) { .mri-il-approach__img { margin-bottom: 0; } } .mri-il-approach__cycle { display: block; position: relative; width: 335px; height: 610px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-il-approach__cycle { width: 1200px; height: auto; } } .mri-il-approach__cycle img { display: block; position: absolute; top: 0; left: 50%; max-width: none; transform: translateX(-246px); } @media screen and (min-width: 1200px) { .mri-il-approach__cycle img { position: static; width: 100%; height: auto; transform: translateX(0); } } .mri-course-fv { position: fixed; top: 60px; left: 0; width: 100%; height: 567px; padding-top: 180px; background: url(/wp-content/themes/jstork19_custom/img/miraishiki/title_bg_sp.jpg) 0 0/cover no-repeat; } @media screen and (min-width: 1200px) { .mri-course-fv { top: 140px; height: 500px; padding-top: 50px; background-image: url(/wp-content/themes/jstork19_custom/img/miraishiki/title_bg_pc.jpg); } } .mri-course-title { position: relative; padding: 20px 48px; background: #ffc803; } @media screen and (min-width: 1200px) { .mri-course-title { width: 996px; margin-right: auto; margin-left: auto; padding: 25px 110px 20px; background: #fff url(/wp-content/themes/jstork19_custom/img/common/grid_pc.png); border-radius: 50px; } } .mri-course-title__label { display: inline-block; margin-bottom: 8px; padding: 4px 12px; font-size: 14px; font-weight: 900; line-height: 1; background: #fff; } @media screen and (min-width: 1200px) { .mri-course-title__label { margin-bottom: 12px; background: #ffc803; } } .mri-course-title__heading { margin-top: 0; margin-bottom: 8px; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-course-title__heading { margin-bottom: 12px; font-size: 50px; } } .mri-course-title__text { margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-course-title__text { font-size: 20px; line-height: 1.7; } } .mri-course-title__img { display: block; position: absolute; top: -157px; left: calc(50% - 100px); width: 239px; } @media screen and (min-width: 1200px) { .mri-course-title__img { top: auto; right: 70px; bottom: -14px; left: auto; width: 307px; } } .mri-course-title__img img { width: 100%; height: auto; } .mri-content-nav { padding: 30px 30px 40px; background: #0096FF; } @media screen and (min-width: 1200px) { .mri-content-nav { padding: 53px 0 0; background: none; } } .mri-content-nav__list { display: flex; flex-wrap: wrap; gap: 20px 30px; max-width: 400px; margin-right: auto; margin-bottom: 0; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-content-nav__list { gap: 20px 30px; max-width: 660px; } } .mri-content-nav__box { width: calc((100% - 30px) / 2); } @media screen and (min-width: 1200px) { .mri-content-nav__box { width: calc((100% - 60px) / 3); } } .mri-content-nav__box a { display: block; position: relative; height: 36px; font-size: 10px; font-weight: 700; line-height: 36px; text-align: center; background: #fff; border-radius: 18px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-content-nav__box a { font-size: 15px; } } .mri-content-nav__box a:hover { color: #0078ff; } .mri-content-nav__box a::after { content: ""; display: block; top: 13px; right: 10px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 12px 7.5px 0 7.5px; border-color: #ffc803 transparent transparent transparent; } .mri-course-content { position: relative; z-index: 10; margin-top: 547px; padding-top: 78px; background: #ffc803; border-radius: 20px 20px 0 0; box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-course-content { margin-top: 450px; padding-top: 110px; border-radius: 50px 50px 0 0; background: url(/wp-content/themes/jstork19_custom/img/miraishiki/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/miraishiki/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #ffc803; } } @media screen and (min-width: 1200px) { .mri-course-content .mri-sub-contact { background: none; } } .mri-course-heading { display: flex; align-items: center; justify-content: center; margin-top: 0; margin-bottom: 0; font-size: 20px; font-weight: 900; text-align: center; } @media screen and (min-width: 1200px) { .mri-course-heading { font-size: 35px; } } .mri-course-heading img { width: 133px; height: auto; margin-right: 8px; } @media screen and (min-width: 1200px) { .mri-course-heading img { width: 242px; } } .mri-course-heading strong { font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-course-heading strong { font-size: 50px; } } .mri-course-feature .mri-content-anchor { margin-top: -100px; padding-top: 100px; } @media screen and (min-width: 1200px) { .mri-course-feature .mri-content-anchor { margin-top: -140px; padding-top: 140px; } } .mri-feature-list { margin-top: 14px; } @media screen and (min-width: 1200px) { .mri-feature-list { width: 1000px; margin-top: 30px; margin-right: auto; margin-left: auto; } } .mri-feature-box { position: relative; padding: 30px 120px 40px 30px; background: #fff; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-feature-box { padding: 58px 198px 44px; } } @media screen and (min-width: 1200px) { .mri-feature-box .mri-list { margin-top: 8px; } } .mri-feature-box .mri-list li { margin-top: 18px; } @media screen and (min-width: 1200px) { .mri-feature-box .mri-list li { margin-top: 4px; } } .mri-feature-box__heading { margin-top: 0; margin-bottom: 0; font-size: 30px; font-weight: 900; line-height: 1.25; } @media screen and (min-width: 1200px) { .mri-feature-box__heading { font-size: 50px; } } .mri-feature-box__text { margin-top: 16px; margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-feature-box__text { font-size: 20px; } } .mri-feature-box_sub-heading { display: inline-block; margin-top: 24px; margin-bottom: 0; padding: 8px 12px; color: #fff; font-size: 14px; font-weight: 500; line-height: 1; background: #009632; border-radius: 100px; } @media screen and (min-width: 1200px) { .mri-feature-box_sub-heading { font-size: 20px; } } .mri-feature-box__img { display: block; position: absolute; height: auto; } .mri-feature-box-1 { border-radius: 10px 10px 0 0; } @media screen and (min-width: 1200px) { .mri-feature-box-1 { border-radius: 50px 50px 0 0; } } .mri-feature-box-1 .mri-feature-box__img { top: 60px; right: -35px; width: 173px; } @media screen and (min-width: 1200px) { .mri-feature-box-1 .mri-feature-box__img { top: 10px; right: 130px; width: 240px; } } .mri-feature-box-2 { background: #0096FF; } .mri-feature-box-2 .mri-feature-box__heading { color: #fff; } .mri-feature-box-2 .mri-feature-box__text { color: #fff; } .mri-feature-box-2 .mri-feature-box_sub-heading { color: #000; background: #fff; } .mri-feature-box-2 .mri-list li { color: #fff; } .mri-feature-box-2 .mri-feature-box__img { top: 70px; right: -25px; width: 144px; } @media screen and (min-width: 1200px) { .mri-feature-box-2 .mri-feature-box__img { top: 40px; right: 137px; width: 200px; } } .mri-feature-box-3 { background: #8b32ff; border-radius: 0 0 10px 10px; } @media screen and (min-width: 1200px) { .mri-feature-box-3 { border-radius: 0 0 50px 50px; } } .mri-feature-box-3 .mri-feature-box__heading { color: #fff; } .mri-feature-box-3 .mri-feature-box__text { color: #fff; } .mri-feature-box-3 .mri-feature-box_sub-heading { color: #000; background: #ffc803; } .mri-feature-box-3 .mri-list li { color: #fff; } .mri-feature-box-3 .mri-feature-box__img { top: 85px; right: -45px; width: 175px; } @media screen and (min-width: 1200px) { .mri-feature-box-3 .mri-feature-box__img { top: 50px; right: 118px; width: 243px; } } .mri-materials { margin-top: 84px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-materials { margin-top: 150px; } } .mri-materials .mri-merit-box { position: relative; margin-top: 147px; } .mri-materials .mri-merit-box__heading { color: #000; } @media screen and (min-width: 1200px) { .mri-materials .mri-merit-box__heading .mri-xl--block { display: inline; } } .mri-materials__img { margin-top: 30px; } @media screen and (min-width: 1200px) { .mri-materials__img { margin-top: 70px; } } .mri-materials-swiper .swiper-slide { width: auto; } .mri-class-flow { margin-top: 78px; padding-bottom: 30px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-class-flow { margin-top: 150px; padding-bottom: 0; } } @media screen and (min-width: 1200px) { .mri-class-flow .mri-container { max-width: 880px; } } .mri-class-flow .mri-notes { width: 230px; margin-top: 8px; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-class-flow .mri-notes { width: 350px; margin-top: 16px; } } .mri-flow-box { position: relative; margin-top: 16px; padding: 14px 8px 8px 30px; } @media screen and (min-width: 1200px) { .mri-flow-box { margin-top: 30px; padding: 32px 20px 12px 90px; background: #0096FF; border-radius: 30px; } } .mri-flow-box::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background: #0096FF; border-radius: 0 10px 10px 0; } @media screen and (min-width: 1200px) { .mri-flow-box::after { display: none; } } @media screen and (min-width: 1200px) { .mri-flow-box:nth-of-type(even) { background: #fff; } } .mri-flow-box:nth-of-type(even)::after { right: auto; left: 0; background: #fff; border-radius: 10px 0 0 10px; } .mri-flow-box:nth-of-type(even) .mri-flow-box__heading { color: #0096FF; } .mri-flow-box:nth-of-type(even) .mri-flow-box__text { color: #0096FF; } .mri-flow-box:nth-of-type(even) .mri-flow-box__number { color: #0096FF; } .mri-flow-box__content { position: relative; z-index: 1; } .mri-flow-box__heading { margin-top: 0; margin-bottom: 0; color: #fff; font-size: 30px; font-weight: 900; line-height: 1.25; } @media screen and (min-width: 1200px) { .mri-flow-box__heading { font-size: 25px; } } .mri-flow-box__text { margin-top: 8px; margin-bottom: 0; color: #fff; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-flow-box__text { margin-top: 4px; font-size: 20px; } } .mri-flow-box__number { margin-top: 0; margin-bottom: 0; color: #fff; font-size: 50px; font-weight: 900; line-height: 1; text-align: right; } @media screen and (min-width: 1200px) { .mri-flow-box__number { margin-top: -30px; } } .mri-flow-1 { margin-top: 100px; } .mri-flow-1__img { position: absolute; top: -95px; right: -30px; width: 255px; height: auto; } @media screen and (min-width: 1200px) { .mri-flow-1__img { top: -110px; right: 115px; width: 210px; } } .mri-flow-5__img { position: absolute; bottom: -70px; left: -50px; width: 165px; height: auto; } @media screen and (min-width: 1200px) { .mri-flow-5__img { display: none; } } .mri-online-class { margin-top: 56px; padding-top: 97px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-online-class { margin-top: 110px; padding-top: 0; overflow: visible; } } .mri-online-class .mri-container { position: relative; max-width: 400px; } @media screen and (min-width: 1200px) { .mri-online-class .mri-container { max-width: 940px; } } .mri-online-class .mri-notes { width: 200px; margin-top: 15px; } @media screen and (min-width: 1200px) { .mri-online-class .mri-notes { width: auto; } } .mri-online-class__content { position: relative; z-index: 1; padding-left: 30px; } @media screen and (min-width: 1200px) { .mri-online-class__content { padding-left: 330px; } } .mri-online-class__heading { margin-top: 0; margin-bottom: 0; font-size: 30px; font-weight: 900; line-height: 1.3; } @media screen and (min-width: 1200px) { .mri-online-class__heading { font-size: 50px; } } .mri-online-class__text { width: 200px; margin-top: 8px; margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-online-class__text { width: auto; margin-top: 12px; font-size: 20px; } } .mri-online-class__img { position: absolute; top: -97px; left: calc(50% + 40px); width: 195px; height: auto; } @media screen and (min-width: 1200px) { .mri-online-class__img { top: -10px; left: 0; width: 300px; } } .mri-subjects { margin-top: 87px; padding-top: 38px; padding-bottom: 30px; background: #009632; } @media screen and (min-width: 1200px) { .mri-subjects { margin-top: 140px; padding-top: 70px; padding-bottom: 85px; } } .mri-subjects .mri-course-heading { color: #fff; } .mri-subjects__text { margin-top: 8px; margin-bottom: 0; color: #fff; font-size: 14px; font-weight: 500; text-align: center; } @media screen and (min-width: 1200px) { .mri-subjects__text { margin-top: 13px; font-size: 20px; } } .mri-subjects__list { display: flex; flex-wrap: wrap; gap: 35px 7px; margin-top: 35px; } @media screen and (min-width: 1200px) { .mri-subjects__list { gap: 55px 50px; width: 770px; margin-right: auto; margin-left: auto; } } .mri-subjects__box { position: relative; width: calc((100% - 7px) / 2); } @media screen and (min-width: 1200px) { .mri-subjects__box { width: calc((100% - 100px) / 3); } } .mri-subjects__icon { position: absolute; top: 50%; left: 0; width: 60px; height: auto; transform: translateY(-50%); } .mri-subjects__name { margin: 0; margin-left: 30px; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; font-size: 14px; font-weight: 700; line-height: 1; text-align: center; background: #fff; } @media screen and (min-width: 1200px) { .mri-subjects__name { font-size: 20px; } } .mri-subjects__etc { margin: 0; color: #fff; font-size: 14px; font-weight: 700; line-height: 1; text-align: right; } @media screen and (min-width: 1200px) { .mri-subjects__etc { width: 770px; margin-right: auto; margin-left: auto; } } .mri-course-voice { margin-top: 72px; } @media screen and (min-width: 1200px) { .mri-course-voice { margin-top: 120px; } } .mri-course-voice__movie { position: relative; aspect-ratio: 820/452; margin-top: 40px; background: url(/wp-content/themes/jstork19_custom/img/miraishiki/movie_bg.svg) 0 50%/100% auto no-repeat; } @media screen and (min-width: 1200px) { .mri-course-voice__movie { max-width: 820px; margin-top: 50px; margin-right: auto; margin-left: auto; } } .mri-course-voice__movie iframe { position: absolute; top: 4%; left: 50%; display: block; width: 82%; height: auto; aspect-ratio: 16/9; transform: translateX(-50%); } .mri-course-price { margin-top: 115px; } @media screen and (min-width: 1200px) { .mri-course-price { margin-top: 184px; } } .mri-course-price .mri-notes { margin-top: 8px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-course-price .mri-notes { display: flex; flex-direction: column; align-items: end; margin-left: 0; } } .mri-price-box { margin-top: 22px; padding: 15px 40px 27px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-price-box { margin-top: 30px; padding: 30px 0 44px; border-radius: 50px; } } .mri-price-box__heading, .mri-online-price__heading { font-size: 14px; font-weight: 900; line-height: 1; text-align: center; } @media screen and (min-width: 1200px) { .mri-price-box__heading, .mri-online-price__heading { font-size: 25px; } } .mri-price-box__heading span, .mri-online-price__heading span { display: inline-block; padding: 4px 8px; background: #ffc803; } .mri-price-box__row { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr 1fr; gap: 20px 0px; grid-auto-flow: row; } @media screen and (min-width: 1200px) { .mri-price-box__row { display: flex; align-items: end; justify-content: center; gap: 0px 0px; } } .mri-price-box__col { padding-right: 40px; padding-bottom: 12px; padding-left: 40px; border-bottom: 1px solid #b4b4b4; } @media screen and (min-width: 1200px) { .mri-price-box__col { padding: 0 80px; border-left: 1px solid #b4b4b4; border-bottom: 0; } } @media screen and (min-width: 1200px) { .mri-price-box__col:first-of-type { border-left: none; } } .mri-price-box__col:last-of-type { padding-bottom: 0; border-bottom: none; } .mri-price-box__label { display: inline-block; margin-bottom: 8px; padding: 4px 8px; color: #fff; font-size: 14px; font-weight: 500; line-height: 1; background: #0096FF; border-radius: 100px; } @media screen and (min-width: 1200px) { .mri-price-box__label { font-size: 15px; } } .mri-price-box__times, .mri-online-price__times { margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1; } @media screen and (min-width: 1200px) { .mri-price-box__times, .mri-online-price__times { font-size: 20px; } } .mri-price-box__fee, .mri-online-price__fee { margin-top: 8px; margin-bottom: 0; font-size: 10px; font-weight: 500; line-height: 1; } @media screen and (min-width: 1200px) { .mri-price-box__fee, .mri-online-price__fee { font-size: 15px; } } .mri-price-box__fee strong, .mri-online-price__fee strong { font-size: 25px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-price-box__fee strong, .mri-online-price__fee strong { font-size: 30px; } } .mri-online-price { position: relative; margin-top: 10px; padding-top: 16px; padding-bottom: 24px; background: #fff; border-radius: 10px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-online-price { margin-top: 30px; padding-top: 48px; padding-bottom: 58px; padding-left: 524px; border-radius: 50px; } } @media screen and (min-width: 1200px) { .mri-online-price .mri-online-price__heading { margin-bottom: 16px; text-align: left; } } .mri-online-price__times, .mri-online-price__fee { padding-left: 96px; } @media screen and (min-width: 1200px) { .mri-online-price__times, .mri-online-price__fee { padding-left: 0; } } .mri-online-price__img { display: block; position: absolute; bottom: -20px; left: -20px; width: 102px; } @media screen and (min-width: 1200px) { .mri-online-price__img { bottom: 0; left: 0; width: auto; height: 100%; } } .mri-online-price__img img { width: 100%; height: auto; } @media screen and (min-width: 1200px) { .mri-online-price__img img { width: auto; height: 100%; } } .mri-othe-class { margin-top: 109px; padding-top: 0; } @media screen and (min-width: 1200px) { .mri-othe-class { margin-top: 166px; background: none; overflow: hidden; } } .mri-othe-class__text { margin-bottom: 8px; font-size: 14px; font-weight: 900; text-align: center; } @media screen and (min-width: 1200px) { .mri-othe-class__text { margin-bottom: 55px; font-size: 25px; } } .mri-hs-exams .mri-course-fv { height: 516px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-fv { height: 500px; padding-top: 74px; background: #0096FF; } } .mri-hs-exams .mri-course-title__img { width: 195px; top: -162px; left: calc(50% - 95px); } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-title__img { width: 232px; top: 22px; left: 620px; } } .mri-hs-exams .mri-course-title { background: #0096FF; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-title { background: #fff url(/wp-content/themes/jstork19_custom/img/common/grid_pc.png); } } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-title__label { color: #fff; background: #0096FF; } } .mri-hs-exams .mri-course-title__heading, .mri-hs-exams .mri-course-title__text { color: #fff; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-title__heading, .mri-hs-exams .mri-course-title__text { color: #000; } } .mri-hs-exams .mri-content-nav { padding-bottom: 50px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-content-nav__list { max-width: 890px; } } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-content-nav__box { width: calc((100% - 90px) / 4); } } .mri-hs-exams .mri-course-content { margin-top: 496px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-content { margin-top: 450px; } } .mri-hs-exams .mri-feature-box { padding-right: 30px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-feature-box { padding: 58px 98px; } } .mri-hs-exams .mri-feature-box-1 { padding-top: 172px; background: #fff url(/wp-content/themes/jstork19_custom/img/hs-exams/feature_01_sp.svg) 0 25px no-repeat; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-feature-box-1 { padding-top: 58px; background-image: url(/wp-content/themes/jstork19_custom/img/hs-exams/feature_01_pc.svg); background-position: 100% 80px; } } .mri-hs-exams .mri-feature-box-1 .mri-list { margin-top: 18px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-feature-box-1 .mri-list { margin-top: 0; } } .mri-hs-exams .mri-feature-box-1 .mri-list li { margin-top: 4px; } .mri-hs-exams .mri-feature-box-2 { background: #0096FF url(/wp-content/themes/jstork19_custom/img/hs-exams/feature_02_sp.svg) 100% 100% no-repeat; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-feature-box-2 { background-image: url(/wp-content/themes/jstork19_custom/img/hs-exams/feature_02_pc.svg); background-position: 670px 100%; } } .mri-hs-exams .mri-feature-box-3 { padding-bottom: 202px; background: #8b32ff url(/wp-content/themes/jstork19_custom/img/hs-exams/feature_03_sp.svg) 50% 330px no-repeat; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-feature-box-3 { padding-bottom: 165px; background-image: url(/wp-content/themes/jstork19_custom/img/hs-exams/feature_03_pc.svg); background-position: 100% 140px; } } .mri-hs-exams .mri-feature-box-3 .mri-feature-box_sub-heading { background: #fff; } .mri-hs-exams .mri-class-flow { margin-top: 127px; padding-bottom: 114px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-class-flow { margin-top: 186px; padding-bottom: 150px; } } .mri-hs-exams .mri-flow-1__img { width: 291px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-flow-1__img { top: -113px; right: 65px; width: 255px; } } .mri-hs-exams .mri-flow-5__img { width: 130px; height: auto; bottom: -120px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-flow-5__img { display: block; bottom: -160px; width: 166px; } } .mri-hs-exams .mri-course-voice { margin-top: 120px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-voice { margin-top: 206px; } } .mri-hs-exams .mri-course-price { margin-bottom: 44px; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-course-price { margin-top: 190px; margin-bottom: 120px; } } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-price-box { padding-bottom: 60px; } } .mri-hs-exams .mri-price-box__row { grid-template-rows: 1fr auto; } .mri-hs-exams .mri-price-box__col { padding-right: 0; padding-bottom: 25px; padding-left: 0; } @media screen and (min-width: 1200px) { .mri-hs-exams .mri-price-box__col { padding-right: 50px; padding-bottom: 0; padding-left: 50px; } } .mri-hs-exams .mri-price-box__col:last-of-type { padding-bottom: 0; } .mri-hs-exams .mri-price-box__label { width: 104px; text-align: center; } .mri-hs-exams .mri-price-box__times { line-height: 1.8; } .mri-course-point { margin-top: 85px; } @media screen and (min-width: 1200px) { .mri-course-point { margin-top: 56px; } } .mri-course-point .mri-container { padding-right: 50px; padding-left: 50px; } @media screen and (min-width: 1200px) { .mri-course-point .mri-container { max-width: 880px; padding-right: 0; padding-left: 0; } } .mri-course-point__heading { margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-left: 40px; font-size: 30px; font-weight: 900; line-height: 1; background: url(/wp-content/themes/jstork19_custom/img/common/icon_lightbulb.svg) 0 100%/32px 36px no-repeat; } @media screen and (min-width: 1200px) { .mri-course-point__heading { margin-left: -20px; padding-top: 20px; padding-left: 64px; font-size: 50px; background-size: 58px auto; } } .mri-course-point__copy { display: inline-block; margin-top: 8px; margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1.2; background: #fff; } @media screen and (min-width: 1200px) { .mri-course-point__copy { margin-top: 22px; font-size: 20px; } } .mri-course-point__addition { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto 1fr; gap: 4px 0px; grid-auto-flow: row; margin-top: 16px; } @media screen and (min-width: 1200px) { .mri-course-point__addition { display: grid; grid-template-columns: auto auto 1fr; grid-template-rows: 1fr; gap: 0px 8px; align-items: center; } } .mri-course-point__addition p { margin-bottom: 0; font-size: 14px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-course-point__addition p { font-size: 25px; } } .mri-course-point__addition p:nth-child(2) { margin-left: 48px; font-size: 35px; } @media screen and (min-width: 1200px) { .mri-course-point__addition p:nth-child(2) { margin-left: 0; } } @media screen and (min-width: 1200px) { .mri-course-point__addition p:nth-child(3) { display: flex; align-items: center; gap: 0 8px; } } .mri-course-point__addition .mri-highlight { font-size: 30px; } @media screen and (min-width: 1200px) { .mri-course-point__addition .mri-highlight { font-size: 50px; } } .mri-course-point__text { margin-top: 16px; } @media screen and (min-width: 1200px) { .mri-course-point__text { margin-top: 20px; } } .mri-course-point__text p { margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-course-point__text p { font-size: 20px; } } .mri-course-point__button { margin-top: 16px; padding-right: 30px; padding-left: 30px; } @media screen and (min-width: 1200px) { .mri-course-point__button { display: block; width: 420px; margin-top: 36px; margin-right: auto; margin-left: auto; text-align: center; } } .mri-course-point__notes { margin-top: 12px; } @media screen and (min-width: 1200px) { .mri-course-point__notes { margin-top: 20px; } } .mri-voice-carousel { margin-top: 18px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-voice-carousel { margin-top: 40px; } } .mri-voice-swiper .swiper-slide { width: auto; height: auto; } .mri-voice-card { width: 275px; height: 100%; padding: 25px 20px; color: #fff; background: #0096FF; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-voice-card { width: 500px; padding: 45px 45px 50px; border-radius: 30px; } } .mri-voice-card__heading { margin-top: 0; margin-bottom: 0; font-size: 14px; font-weight: 900; text-align: center; border-bottom: 2px dashed #fff; } @media screen and (min-width: 1200px) { .mri-voice-card__heading { font-size: 20px; } } .mri-voice-card__text { margin-top: 15px; } @media screen and (min-width: 1200px) { .mri-voice-card__text { margin-top: 30px; } } .mri-voice-card__text p { margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-voice-card__text p { font-size: 20px; } } .mri-voice-card--purple { background-color: #8b32ff; } .mri-voice-card--blue { background-color: #0096FF; } .mri-voice-card--green { background-color: #009632; } .mri-voice-card--orange { background-color: #ff8c00; } .mri-jhs-exams .mri-course-fv { height: 516px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-fv { height: 500px; padding-top: 74px; background: #009632; } } .mri-jhs-exams .mri-course-title__img { width: 125px; top: -150px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-title__img { width: 168px; top: 13px; left: 700px; } } .mri-jhs-exams .mri-course-title { background: #009632; padding-right: 43px; padding-left: 43px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-title { background: #fff url(/wp-content/themes/jstork19_custom/img/common/grid_pc.png); } } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-title__label { color: #fff; background: #009632; } } .mri-jhs-exams .mri-course-title__heading, .mri-jhs-exams .mri-course-title__text { color: #fff; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-title__heading, .mri-jhs-exams .mri-course-title__text { color: #000; } } .mri-jhs-exams .mri-content-nav { padding-bottom: 50px; background-color: #009632; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-content-nav__list { max-width: 890px; } } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-content-nav__box { width: calc((100% - 90px) / 4); } } .mri-jhs-exams .mri-course-content { margin-top: 496px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-content { margin-top: 450px; } } .mri-jhs-exams .mri-feature-box { padding-right: 30px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-feature-box { padding: 58px 98px; } } .mri-jhs-exams .mri-feature-box-1 { padding-top: 172px; background: #0096FF url(/wp-content/themes/jstork19_custom/img/jhs-exams/feature_01_sp.svg) 0 0 no-repeat; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-feature-box-1 { padding-top: 58px; background-image: url(/wp-content/themes/jstork19_custom/img/jhs-exams/feature_01_pc.svg); background-position: 100% 80px; } } .mri-jhs-exams .mri-feature-box-1 .mri-feature-box__heading { color: #fff; } .mri-jhs-exams .mri-feature-box-1 .mri-feature-box_sub-heading { width: 160px; text-align: center; background: #000; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-feature-box-1 .mri-feature-box_sub-heading { margin-top: 44px; } } .mri-jhs-exams .mri-feature-box-1 .mri-list { margin-top: 18px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-feature-box-1 .mri-list { margin-top: 0; } } .mri-jhs-exams .mri-feature-box-1 .mri-list li { margin-top: 4px; } .mri-jhs-exams .mri-feature-box-2 { padding-top: 227px; background: #8b32ff url(/wp-content/themes/jstork19_custom/img/jhs-exams/feature_02_sp.svg) 50% 20px no-repeat; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-feature-box-2 { padding-top: 58px; background-image: url(/wp-content/themes/jstork19_custom/img/jhs-exams/feature_02_pc.svg); background-position: 575px 50%; } } .mri-jhs-exams .mri-feature-box-3 { padding-top: 227px; padding-right: 18px; background: #009632 url(/wp-content/themes/jstork19_custom/img/jhs-exams/feature_03_sp.svg) 50% 30px no-repeat; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-feature-box-3 { padding-top: 58px; background-image: url(/wp-content/themes/jstork19_custom/img/jhs-exams/feature_03_pc.svg); background-position: 100% 50%; } } .mri-jhs-exams .mri-feature-box-3 .mri-feature-box_sub-heading { background: #fff; } .mri-jhs-exams .mri-class-flow { margin-top: 127px; padding-bottom: 114px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-class-flow { margin-top: 186px; padding-bottom: 150px; } } .mri-jhs-exams .mri-flow-1__img { width: 291px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-flow-1__img { top: -113px; right: 65px; width: 255px; } } .mri-jhs-exams .mri-flow-5__img { width: 130px; height: auto; bottom: -120px; left: 50%; transform: translateX(-50%); } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-flow-5__img { display: block; bottom: -160px; width: 166px; } } .mri-jhs-exams .mri-course-voice { margin-top: 120px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-voice { margin-top: 206px; } } .mri-jhs-exams .mri-course-price { margin-bottom: 44px; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-course-price { margin-top: 190px; margin-bottom: 120px; } } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-price-box { padding-bottom: 60px; } } .mri-jhs-exams .mri-price-box__row { grid-template-rows: 1fr; } .mri-jhs-exams .mri-price-box__col { padding-right: 0; padding-bottom: 25px; padding-left: 0; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-price-box__col { padding-right: 50px; padding-bottom: 0; padding-left: 50px; } } .mri-jhs-exams .mri-price-box__col:last-of-type { padding-bottom: 0; } .mri-jhs-exams .mri-price-box__label { width: 104px; text-align: center; } .mri-jhs-exams .mri-price-box__times { line-height: 1.8; } @media screen and (min-width: 1200px) { .mri-jhs-exams .mri-price-box__fee strong { font-size: 50px; } } .mri-comparison { display: flex; flex-direction: column; gap: 12px 0; margin-top: 24px; } @media screen and (min-width: 1200px) { .mri-comparison { gap: 16px 0; margin-top: 30px; } } .mri-comparison__label { width: 90px; margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; background: #fff; } @media screen and (min-width: 1200px) { .mri-comparison__label { font-size: 20px; } } .mri-comparison__label--yellow { background: #ffc803; } .mri-comparison__text { margin-top: 8px; margin-bottom: 0; color: #fff; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-comparison__text { font-size: 20px; } } .mri-comparison__arrow { margin-left: 24px; } .mri-bs-title { position: fixed; top: 60px; left: 0; width: 100%; padding-top: 65px; height: 215px; color: #fff; text-align: center; background: url(/wp-content/themes/jstork19_custom/img/brand-story/title_bg_sp.jpg) 50% 50%/cover; } @media screen and (min-width: 1200px) { .mri-bs-title { top: 140px; padding-top: 130px; height: 450px; background-image: url(/wp-content/themes/jstork19_custom/img/brand-story/title_bg_pc.jpg); } } .mri-bs-title__en { margin-bottom: 0; font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-bs-title__en { margin-bottom: 16px; font-size: 100px; line-height: 1; } } .mri-bs-title__ja { margin: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-bs-title__ja { font-size: 25px; } } .mri-bs-content { position: relative; z-index: 1; margin-top: 195px; padding-top: 54px; background: #ffc803; border-radius: 20px 20px 0 0; box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-bs-content { margin-top: 400px; padding-top: 190px; border-radius: 50px 50px 0 0; } } .mri-bs-copy { margin-bottom: 47px; text-align: center; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-bs-copy { margin-bottom: 100px; } } .mri-bs-copy__text { margin-bottom: 26px; font-size: 20px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-bs-copy__text { margin-bottom: 80px; font-size: 50px; } } .mri-bs-copy__img { display: block; position: relative; left: 50%; max-width: none; width: 404px; height: auto; transform: translateX(-50%); } @media screen and (min-width: 1200px) { .mri-bs-copy__img { width: auto; } } .mri-bs-point { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto auto; gap: 48px 0px; width: calc(100vw - 40px); margin-right: auto; margin-bottom: 110px; margin-left: auto; padding: 30px 24px 55px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-bs-point { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 0px 0px; width: 1200px; margin-bottom: 168px; padding: 0 110px; border-radius: 50px; } } @media screen and (min-width: 1200px) { .mri-bs-point__row { display: grid; grid-template-columns: 264px 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; align-items: center; padding-top: 50px; padding-right: 73px; padding-bottom: 50px; border-bottom: 1px solid #b4b4b4; } } @media screen and (min-width: 1200px) { .mri-bs-point__row:last-of-type { border-bottom: none; } } .mri-bs-point__img { margin-bottom: 20px; text-align: center; } @media screen and (min-width: 1200px) { .mri-bs-point__img { margin-bottom: 0; } } .mri-bs-point__img-1 { width: 100px; height: auto; } @media screen and (min-width: 1200px) { .mri-bs-point__img-1 { width: auto; } } .mri-bs-point__img-2 { width: 106px; height: auto; } @media screen and (min-width: 1200px) { .mri-bs-point__img-2 { width: auto; } } .mri-bs-point__img-3 { width: 110px; height: auto; } @media screen and (min-width: 1200px) { .mri-bs-point__img-3 { width: auto; } } .mri-bs-point__content { text-align: center; } @media screen and (min-width: 1200px) { .mri-bs-point__content { text-align: left; } } .mri-bs-point__copy { margin-bottom: 12px; font-size: 14px; font-weight: 700; } @media screen and (min-width: 1200px) { .mri-bs-point__copy { margin-bottom: 16px; font-size: 20px; } } .mri-bs-point__text p { margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-bs-point__text p { font-size: 20px; } } .mri-bs-message { padding-right: 20px; padding-left: 20px; } @media screen and (min-width: 1200px) { .mri-bs-message { display: grid; grid-template-columns: 440px 1fr; grid-template-rows: 1fr; grid-column-gap: 80px; grid-row-gap: 0px; max-width: 1265px; margin-right: auto; margin-left: auto; padding-right: 0; padding-left: 0; } } .mri-bs-message__content { margin-bottom: 50px; text-align: center; } @media screen and (min-width: 1200px) { .mri-bs-message__content { grid-area: 1/2/2/3; margin-bottom: 0; text-align: left; } } .mri-bs-message__text { margin-bottom: 38px; } @media screen and (min-width: 1200px) { .mri-bs-message__text { margin-bottom: 40px; } } .mri-bs-message__text p { margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 3; } @media screen and (min-width: 1200px) { .mri-bs-message__text p { font-size: 20px; } } .mri-bs-message__copy { margin-bottom: 53px; font-size: 25px; font-weight: 900; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-bs-message__copy { margin-bottom: 32px; font-size: 50px; } } .mri-bs-message__name { margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-bs-message__name { font-size: 20px; } } .mri-bs-message__img { display: block; text-align: center; } @media screen and (min-width: 1200px) { .mri-bs-message__img { grid-area: 1/1/2/2; } } .mri-characters-wrap { padding-top: 65px; padding-bottom: 65px; background: #0096FF; } @media screen and (min-width: 1200px) { .mri-characters-wrap { padding-top: 130px; padding-bottom: 200px; background: url(/wp-content/themes/jstork19_custom/img/characters/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/characters/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #0096FF; } } .mri-characters-container { margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-characters-container { max-width: 1200px; margin-right: auto; margin-left: auto; } } .mri-characters-title { margin-bottom: 30px; color: #fff; line-height: 1; text-align: center; } @media screen and (min-width: 1200px) { .mri-characters-title { margin-bottom: 100px; } } .mri-characters-title__en { margin-bottom: 0; font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-characters-title__en { margin-bottom: 16px; font-size: 100px; line-height: 1; } } .mri-characters-title__ja { margin-top: 0; margin-bottom: 0; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-characters-title__ja { font-size: 25px; } } .mri-characters-list { display: flex; flex-wrap: wrap; gap: 10px 10px; } @media screen and (min-width: 1200px) { .mri-characters-list { gap: 30px 30px; } } .mri-characters-list__col { width: calc((100% - 10px) / 2); } @media screen and (min-width: 1200px) { .mri-characters-list__col { width: calc((100% - 60px) / 3); } } .mri-characters-card { display: block; padding-top: 20px; padding-bottom: 20px; background: #fff; border-radius: 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); text-align: center; } @media screen and (min-width: 1200px) { .mri-characters-card { padding-top: 15px; padding-bottom: 35px; border-radius: 50px; } } .mri-characters-card__img { width: 160px; height: auto; margin-bottom: 15px; } @media screen and (min-width: 1200px) { .mri-characters-card__img { width: 310px; } } .mri-characters-card__name { margin-bottom: 0; font-size: 14px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-characters-card__name { font-size: 20px; } } .mri-characters-modal { width: 100% !important; padding: 32px 20px !important; background: #fff; border-radius: 10px !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-characters-modal { max-width: 960px !important; padding-top: 50px !important; padding-bottom: 68px !important; border-radius: 50px !important; } } .mri-characters-modal .close-modal { top: 10px !important; right: 10px !important; width: 35px !important; height: 35px !important; background-image: url(/wp-content/themes/jstork19_custom/img/common/close.svg) !important; border-radius: 50%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-characters-modal .close-modal { top: 30px !important; right: 30px !important; width: 50px !important; height: 50px !important; } } .mri-characters-modal__content { text-align: center; } .mri-characters-modal__img { width: 230px; height: auto; margin-bottom: 20px; } @media screen and (min-width: 1200px) { .mri-characters-modal__img { width: 450px; margin-bottom: 42px; } } .mri-characters-modal__info { margin-bottom: 12px; font-size: 14px; font-weight: 500; line-height: 1; } @media screen and (min-width: 1200px) { .mri-characters-modal__info { margin-bottom: 20px; font-size: 20px; } } .mri-characters-modal__name { margin-bottom: 24px; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-characters-modal__name { margin-bottom: 32px; font-size: 50px; } } .mri-characters-modal__heading { width: 200px; margin-right: auto; margin-bottom: 15px; margin-left: auto; color: #fff; font-size: 14px; font-weight: 500; line-height: 30px; background: #009632; border-radius: 15px; } @media screen and (min-width: 1200px) { .mri-characters-modal__heading { font-size: 20px; } } .mri-characters-modal__list { display: inline-block; text-align: left; } .mri-subpage-title { height: 130px; padding-top: 16px; } @media screen and (min-width: 1200px) { .mri-subpage-title { height: 450px; padding-top: 130px; } } .mri-subpage-content { margin-top: 110px; background-color: #009632; } @media screen and (min-width: 1200px) { .mri-subpage-content { margin-top: 400px; background: url(/wp-content/themes/jstork19_custom/img/company/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/company/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #009632; } } .mri-company-title { background-image: url(/wp-content/themes/jstork19_custom/img/company/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-company-title { background-image: url(/wp-content/themes/jstork19_custom/img/company/title_bg_pc.jpg); } } .mri-about-us { margin-bottom: 46px; } @media screen and (min-width: 1200px) { .mri-about-us { margin-top: -160px; margin-bottom: 136px; } } @media screen and (min-width: 1200px) { .mri-about-us__container { max-width: 1200px; margin-right: auto; margin-left: auto; } } .mri-about-us__img { display: block; margin-right: auto; margin-left: auto; } .mri-about-us__content { padding-top: 26px; padding-bottom: 26px; background: #fff; } @media screen and (min-width: 1200px) { .mri-about-us__content { border-radius: 50px; } } .mri-about-us__text { margin-bottom: 0; font-size: 14px; font-weight: 900; line-height: 2.5; text-align: center; } @media screen and (min-width: 1200px) { .mri-about-us__text { font-size: 25px; } } .mri-about-us__text .mri-highlight { font-size: 25px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-about-us__text .mri-highlight { font-size: 50px; } } .mri-mission { padding-bottom: 73px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-mission { padding-bottom: 170px; } } .mri-mission__container { max-width: 1200px; margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-mission__container { margin-right: auto; margin-left: auto; } } .mri-mission__content { position: relative; padding: 20px 30px 30px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-mission__content { padding: 50px 275px; border-radius: 50px; } } .mri-mission__copy { margin-bottom: 8px; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-mission__copy { margin-bottom: 20px; font-size: 50px; } } .mri-mission__copy .mri-highlight { font-weight: 900; } .mri-mission__text { margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-mission__text { font-size: 20px; } } .mri-mission__img-1, .mri-mission__img-2 { display: block; position: absolute; } .mri-mission__img-1 { top: -50px; left: -35px; width: 102px; height: auto; } @media screen and (min-width: 1200px) { .mri-mission__img-1 { top: -140px; left: -65px; width: 302px; } } .mri-mission__img-2 { right: -15px; bottom: -20px; width: 65px; height: auto; } @media screen and (min-width: 1200px) { .mri-mission__img-2 { right: -40px; bottom: -60px; width: 193px; } } .mri-vision { padding-bottom: 110px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-vision { padding-bottom: 175px; } } .mri-vision__container { max-width: 1200px; margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-vision__container { margin-right: auto; margin-left: auto; } } .mri-vision__content { position: relative; padding: 20px 30px 30px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-vision__content { padding: 50px 275px; border-radius: 50px; } } .mri-vision__copy { margin-bottom: 8px; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-vision__copy { margin-bottom: 20px; font-size: 50px; text-align: center; } } .mri-vision__copy .mri-highlight { font-weight: 900; } .mri-vision__text { margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-vision__text { font-size: 20px; } } .mri-vision__img-1, .mri-vision__img-2, .mri-vision__img-3 { display: block; position: absolute; height: auto; } .mri-vision__img-1 { bottom: -20px; left: -40px; z-index: -1; width: 88px; } @media screen and (min-width: 1200px) { .mri-vision__img-1 { bottom: -60px; left: -85px; width: 200px; } } .mri-vision__img-2 { right: -55px; bottom: -45px; width: 104px; } @media screen and (min-width: 1200px) { .mri-vision__img-2 { right: 80px; bottom: -52px; } } .mri-vision__img-3 { top: -20px; right: -10px; width: 80px; } @media screen and (min-width: 1200px) { .mri-vision__img-3 { top: -55px; right: -70px; width: 150px; } } .mri-ceo { margin-bottom: 56px; } @media screen and (min-width: 1200px) { .mri-ceo { margin-bottom: 143px; } } .mri-ceo__container { max-width: 1200px; margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-ceo__container { margin-right: auto; margin-left: auto; } } .mri-ceo-card { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 0px 0px; } @media screen and (min-width: 1200px) { .mri-ceo-card { grid-template-columns: 407px 1fr; grid-template-rows: 1fr; } } .mri-ceo-card__img { padding-top: 8px; text-align: center; background: #ffc803; border-radius: 10px 10px 0 0; } @media screen and (min-width: 1200px) { .mri-ceo-card__img { display: flex; align-items: end; justify-content: center; padding-top: 35px; border-radius: 50px 0 0 50px; } } .mri-ceo-card__content { padding: 20px 30px 30px; background: #fff; border-radius: 0 0 10px 10px; } @media screen and (min-width: 1200px) { .mri-ceo-card__content { padding: 48px 48px 20px 60px; border-radius: 0 50px 50px 0; } } .mri-ceo-card__info { margin-bottom: 0; font-size: 10px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-ceo-card__info { font-size: 15px; } } .mri-ceo-card__name { margin-bottom: 16px; font-size: 30px; font-weight: 900; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-ceo-card__name { margin-bottom: 20px; font-size: 50px; } } .mri-ceo-card__name small { font-size: 14px; } @media screen and (min-width: 1200px) { .mri-ceo-card__name small { font-size: 20px; } } .mri-ceo-card__text { margin-bottom: 24px; } @media screen and (min-width: 1200px) { .mri-ceo-card__text { margin-bottom: 32px; } } .mri-ceo-card__text p { margin-bottom: 0; color: #828282; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-ceo-card__text p { font-size: 20px; line-height: 1.75; } } .mri-book-info { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; gap: 18px 30px; } @media screen and (min-width: 1200px) { .mri-book-info { grid-template-columns: auto 1fr; grid-template-rows: 1fr auto; gap: 8px 46px; } } .mri-book-info__heading { grid-area: 1/1/2/3; margin-bottom: 0; font-size: 14px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-book-info__heading { grid-area: 1/2/2/3; align-self: end; font-size: 20px; } } .mri-book-info__text { grid-area: 2/2/3/3; align-self: flex-end; margin-bottom: 8px; font-size: 14px; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-book-info__text { grid-area: 2/2/3/3; } } .mri-book-info__img { grid-area: 2/1/3/2; } @media screen and (min-width: 1200px) { .mri-book-info__img { grid-area: 1/1/3/2; } } .mri-book-info__img img { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } .mri-company { padding-bottom: 70px; } @media screen and (min-width: 1200px) { .mri-company { padding-bottom: 250px; } } .mri-company__container { max-width: 1200px; margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-company__container { margin-right: auto; margin-left: auto; } } .mri-company-table { display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 0 0; padding-right: 20px; padding-left: 20px; border: 2px solid #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-company-table { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 0px 90px; padding: 28px 125px; border-radius: 50px; border-width: 4px; } } .mri-company-table__col + .mri-company-table__col { border-top: 1px solid #fff; } @media screen and (min-width: 1200px) { .mri-company-table__col + .mri-company-table__col { border: none; } } .mri-company-table__row { display: grid; grid-template-columns: 100px 1fr; grid-template-rows: 1fr; gap: 0; color: #fff; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 1200px) { .mri-company-table__row { grid-template-columns: 135px 1fr; } } .mri-company-table__row + .mri-company-table__row { border-top: 1px solid #fff; } .mri-company-table__title { margin: 0; font-size: 14px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-company-table__title { font-size: 20px; } } .mri-company-table__content p { margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-company-table__content p { font-size: 20px; } } .mri-company-table__content small { font-size: 10px; } @media screen and (min-width: 1200px) { .mri-company-table__content small { font-size: 15px; } } .mri-dr-title { background-image: url(/wp-content/themes/jstork19_custom/img/document-request/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-dr-title { background-image: url(/wp-content/themes/jstork19_custom/img/document-request/title_bg_pc.jpg); } } .mri-dr-content { background-color: #0096FF; } @media screen and (min-width: 1200px) { .mri-dr-content { background: url(/wp-content/themes/jstork19_custom/img/document-request/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/document-request/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #0096FF; } } .mri-dr-flow { margin-bottom: 76px; } @media screen and (min-width: 1200px) { .mri-dr-flow { margin-bottom: 137px; } } .mri-dr-flow__container { margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-dr-flow__container { max-width: 880px; margin-right: auto; margin-left: auto; } } .mri-flow-card { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; gap: 8px 8px; padding: 12px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-flow-card { grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; gap: 4px 25px; padding: 24px 32px; border-radius: 30px; } } .mri-flow-card__number { grid-area: 1/1/2/2; margin: 0; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-flow-card__number { grid-area: 1/1/3/2; align-self: center; margin-bottom: 8px; font-size: 50px; } } .mri-flow-card__heading { grid-area: 1/2/2/3; align-self: center; margin: 0; font-size: 20px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-flow-card__heading { grid-area: 1/2/2/3; font-size: 25px; } } .mri-flow-card__text { grid-area: 2/1/3/3; margin: 0; color: #828282; font-size: 14px; font-weight: 500; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-flow-card__text { grid-area: 2/2/3/3; font-size: 20px; } } .mri-flow-arrow { display: block; margin: 10px auto; } @media screen and (min-width: 1200px) { .mri-flow-arrow { width: 46px; height: auto; margin-top: 20px; margin-bottom: 20px; } } .mri-dr-contact { display: grid; grid-template-columns: 1fr 107px; grid-template-rows: 1fr auto; gap: 16px 8px; width: 312px; margin: 24px auto 0; } @media screen and (min-width: 1200px) { .mri-dr-contact { grid-template-columns: 1fr 200px; gap: 36px 62px; width: 560px; margin-top: 60px; } } .mri-dr-contact__text { grid-area: 1/1/2/2; align-self: flex-end; margin: 0; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-dr-contact__text { font-size: 20px; } } .mri-dr-contact__button { grid-area: 2/1/3/2; justify-self: center; width: 150px; } @media screen and (min-width: 1200px) { .mri-dr-contact__button { width: 300px; } } .mri-dr-contact__img { grid-area: 1/2/3/3; } @media screen and (min-width: 1200px) { .mri-dr-contact__img { width: 100%; height: auto; } } @media screen and (min-width: 1200px) { .mri-dr-form__container { max-width: 1200px; margin-right: auto; margin-left: auto; } } .mri-dr-form__text { margin-bottom: 24px; color: #fff; font-size: 14px; font-weight: 500; text-align: center; } @media screen and (min-width: 1200px) { .mri-dr-form__text { margin-bottom: 28px; font-size: 20px; } } .mri-dr-form__content { margin-bottom: 50px; padding: 20px; background: #fff; } @media screen and (min-width: 1200px) { .mri-dr-form__content { margin-bottom: 64px; padding: 40px; border-radius: 50px; } } .mri-contact-message { display: flex; align-items: center; justify-content: center; } .mri-contact-message__img { width: 160px; height: auto; } @media screen and (min-width: 1200px) { .mri-contact-message__img { width: 274px; } } .mri-contact-message__text { margin-bottom: 20px; margin-left: -26px; color: #fff; font-size: 14px; font-weight: 500; border-bottom: 2px dashed #fff; } @media screen and (min-width: 1200px) { .mri-contact-message__text { margin-left: -40px; font-size: 30px; font-weight: 900; border-width: 3px; } } .mri-fc-title { background-image: url(/wp-content/themes/jstork19_custom/img/application/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-fc-title { background-image: url(/wp-content/themes/jstork19_custom/img/application/title_bg_pc.jpg); } } .mri-fc-content { padding-top: 34px; background-color: #0096FF; } @media screen and (min-width: 1200px) { .mri-fc-content { padding-top: 136px; background: url(/wp-content/themes/jstork19_custom/img/document-request/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/document-request/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #0096FF; } } .mri-fc-about { margin-bottom: 67px; } @media screen and (min-width: 1200px) { .mri-fc-about { margin-bottom: 110px; } } .mri-fc-about__container { display: flex; flex-direction: column; align-items: center; max-width: 680px; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } @media screen and (min-width: 1200px) { .mri-fc-about__container { max-width: 920px; } } .mri-fc-about-heading { display: grid; grid-template-columns: 120px 1fr; grid-template-rows: 1fr auto; gap: 4px 4px; margin-bottom: 18px; } @media screen and (min-width: 1200px) { .mri-fc-about-heading { grid-template-columns: 240px 1fr; gap: 14px 14px; margin-bottom: 38px; } } .mri-fc-about-heading__speech-bubble { grid-area: 1/2/2/3; width: 120px; height: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-fc-about-heading__speech-bubble { width: 165px; } } .mri-fc-about-heading__logo { grid-area: 1/1/3/2; align-self: flex-end; } .mri-fc-about-heading__text { grid-area: 2/2/3/3; color: #fff; font-size: 14px; font-weight: 900; letter-spacing: 0; line-height: 1; } @media screen and (min-width: 1200px) { .mri-fc-about-heading__text { font-size: 20px; } } .mri-fc-about-heading__text strong { font-size: 30px; font-weight: 900; } @media screen and (min-width: 1200px) { .mri-fc-about-heading__text strong { font-size: 50px; } } .mri-fc-about-content { padding: 20px 30px 30px; background: #fff url(/wp-content/themes/jstork19_custom/img/application/man_sp.png) 100% 100%/126px auto no-repeat; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-fc-about-content { padding: 50px 100px 68px; background-image: url(/wp-content/themes/jstork19_custom/img/application/man_pc.png); background-size: 407px auto; border-radius: 50px; } } .mri-fc-about-content__copy { margin-bottom: 16px; font-size: 30px; font-weight: 900; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-fc-about-content__copy { margin-bottom: 26px; font-size: 50px; } } .mri-fc-about-content__copy .mri-highlight { font-weight: 900; } .mri-fc-about-content__text { margin-bottom: 24px; padding-right: 100px; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-fc-about-content__text { margin-bottom: 40px; padding-right: 260px; font-size: 20px; line-height: 1.75; } } .mri-fc-about-content__band { width: 160px; margin-bottom: 18px; color: #fff; font-size: 14px; font-weight: 500; line-height: 25px; text-align: center; background: #009632; border-radius: 15px; } @media screen and (min-width: 1200px) { .mri-fc-about-content__band { width: 220px; margin-bottom: 8px; font-size: 20px; line-height: 30px; } } .mri-fc-about-content__list li { margin-top: 16px; } @media screen and (min-width: 1200px) { .mri-fc-about-content__list li { margin-top: 4px; } } .mri-fc-voice { padding-bottom: 80px; } @media screen and (min-width: 1200px) { .mri-fc-voice { padding-bottom: 130px; } } .mri-fc-voice__list { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 10px 0px; max-width: 275px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-fc-voice__list { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px 10px; max-width: 1010px; } } .mri-fc-voice__box { padding: 30px 20px; background: url(/wp-content/themes/jstork19_custom/img/application/attention.svg) calc(100% - 10px) 12px/22px auto no-repeat; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-fc-voice__box { padding: 40px 45px; background-position: calc(100% - 30px) 25px; border-radius: 30px; } } .mri-fc-voice__box p { margin-bottom: 0; font-size: 14px; font-weight: 500; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-fc-voice__box p { font-size: 20px; } } .mri-fc-voice-1 { grid-area: 1/1/2/2; background-color: #ff78e6; } @media screen and (min-width: 1200px) { .mri-fc-voice-1 { grid-area: 1/1/2/2; } } .mri-fc-voice-2 { grid-area: 2/1/3/2; background-color: #ffc803; } @media screen and (min-width: 1200px) { .mri-fc-voice-2 { grid-area: 2/1/3/2; } } .mri-fc-voice-3 { position: relative; grid-area: 3/1/4/2; background-color: #ff8c00; } @media screen and (min-width: 1200px) { .mri-fc-voice-3 { grid-area: 1/2/3/3; } } .mri-fc-voice-3::after { content: ""; display: block; position: absolute; right: -25px; bottom: -45px; width: 90px; height: 90px; background: url(/wp-content/themes/jstork19_custom/img/application/test_sp.svg) 50% 50%/contain no-repeat; } @media screen and (min-width: 1200px) { .mri-fc-voice-3::after { right: 50px; bottom: 40px; width: 170px; height: 170px; background-image: url(/wp-content/themes/jstork19_custom/img/application/test_pc.svg); } } .mri-fc-faq { margin-bottom: 58px; } @media screen and (min-width: 1200px) { .mri-fc-faq { margin-bottom: 130px; } } .mri-fc-faq__container { max-width: 1200px; margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-fc-faq__container { margin-right: auto; margin-left: auto; } } .mri-faq-list { display: flex; flex-direction: column; padding: 10px 30px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-faq-list { flex-direction: row; flex-wrap: wrap; gap: 100px 120px; padding: 65px 135px; border-radius: 50px; } } .mri-faq-content { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 1200px) { .mri-faq-content { width: calc((100% - 120px) / 2); padding-top: 0; padding-bottom: 0; } } .mri-faq-content + .mri-faq-content { border-top: 1px solid #b4b4b4; } @media screen and (min-width: 1200px) { .mri-faq-content + .mri-faq-content { border: none; } } .mri-faq-content__header, .mri-faq-content__body { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr; gap: 0px 8px; } @media screen and (min-width: 1200px) { .mri-faq-content__header, .mri-faq-content__body { gap: 0 20px; } } .mri-faq-content__header .mri-question-icon, .mri-faq-content__header .mri-answer-icon, .mri-faq-content__body .mri-question-icon, .mri-faq-content__body .mri-answer-icon { width: 45px; height: 45px; margin: 0; line-height: 40px; } @media screen and (min-width: 1200px) { .mri-faq-content__header .mri-question-icon, .mri-faq-content__header .mri-answer-icon, .mri-faq-content__body .mri-question-icon, .mri-faq-content__body .mri-answer-icon { width: 60px; height: 60px; font-size: 40px; line-height: 50px; border-radius: 10px; } } .mri-faq-content__header { align-items: center; margin-bottom: 12px; } @media screen and (min-width: 1200px) { .mri-faq-content__header { margin-bottom: 17px; } } .mri-faq-content__q { margin-bottom: 0; font-size: 14px; font-weight: 900; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-faq-content__q { font-size: 20px; } } .mri-faq-content__a { align-self: center; } .mri-faq-content__a p { color: #0096FF; font-size: 14px; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-faq-content__a p { font-size: 20px; } } .mri-faq-content__a p:last-of-type { margin-bottom: 0; } .mri-faq-title { height: 254px; background-image: url(/wp-content/themes/jstork19_custom/img/faq/title_bg_sp.jpg); } @media screen and (min-width: 1200px) { .mri-faq-title { height: 450px; padding-top: 100px; background-image: url(/wp-content/themes/jstork19_custom/img/faq/title_bg_pc.jpg); } } .mri-faq-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px 30px; max-width: 400px; margin-top: 24px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 1200px) { .mri-faq-tabs { max-width: 1200px; margin-top: 40px; } } .mri-faq-tabs li { position: relative; width: 140px; height: 36px; color: #000; font-size: 10px; font-weight: 700; line-height: 36px; text-align: center; background: #fff; border-radius: 18px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); cursor: pointer; } @media screen and (min-width: 1200px) { .mri-faq-tabs li { width: 200px; font-size: 15px; } } .mri-faq-tabs li::after { content: ""; display: block; position: absolute; top: 50%; right: 10px; width: 0; height: 0; border-style: solid; border-width: 12px 7.5px 0 7.5px; border-color: #ffc803 transparent transparent transparent; transform: translateY(-50%); } .mri-faq-container { max-width: 1200px; margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-faq-container { margin-right: auto; margin-left: auto; } } .mri-faq-wrap { margin-top: 234px; padding-top: 30px; } @media screen and (min-width: 1200px) { .mri-faq-wrap { margin-top: 400px; padding-top: 80px; } } .mri-faq-wrap .mri-faq-list { margin-bottom: 50px; } @media screen and (min-width: 1200px) { .mri-faq-wrap .mri-faq-list { flex-direction: column; gap: 0 0; margin-bottom: 110px; padding-top: 20px; padding-bottom: 20px; } } @media screen and (min-width: 1200px) { .mri-faq-wrap .mri-faq-content { width: 100%; padding-top: 50px; padding-bottom: 50px; } } @media screen and (min-width: 1200px) { .mri-faq-wrap .mri-faq-content + .mri-faq-content { border-top: 1px solid #b4b4b4; } } .mri-school-list-wrap { padding-top: 77px; padding-bottom: 100px; background: #0096FF; } @media screen and (min-width: 1200px) { .mri-school-list-wrap { padding-top: 170px; padding-bottom: 130px; } } .mri-school-list-container { margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-school-list-container { max-width: 1200px; margin-right: auto; margin-left: auto; } } .mri-school-list-title { margin-bottom: 32px; color: #fff; text-align: center; } @media screen and (min-width: 1200px) { .mri-school-list-title { margin-bottom: 100px; } } .mri-school-list-title__en { margin-bottom: 12px; font-size: 30px; font-weight: 900; line-height: 1; } @media screen and (min-width: 1200px) { .mri-school-list-title__en { margin-bottom: 24px; font-size: 100px; } } .mri-school-list-title__ja { margin-top: 0; margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1; } @media screen and (min-width: 1200px) { .mri-school-list-title__ja { font-size: 25px; } } .mri-school-list-content { display: flex; flex-wrap: wrap; gap: 10px 10px; } @media screen and (min-width: 1200px) { .mri-school-list-content { gap: 30px 30px; } } .mri-school-card { display: block; width: calc((100% - 10px) / 2); padding-bottom: 12px; text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); overflow: hidden; } @media screen and (min-width: 1200px) { .mri-school-card { width: calc((100% - 60px) / 3); padding-bottom: 30px; border-radius: 50px; } } .mri-school-card:hover .mri-school-card__img { opacity: 0.8; } .mri-school-card:hover .mri-school-card__button { color: #fff; background: #0078ff; } .mri-school-card__img { width: 100%; height: auto; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; margin-bottom: 8px; transition: 0.3s; } @media screen and (min-width: 1200px) { .mri-school-card__img { margin-bottom: 24px; } } .mri-school-card__name { margin: 0; padding-right: 20px; padding-left: 20px; font-size: 14px; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-school-card__name { margin-bottom: 38px; padding-right: 40px; padding-left: 40px; font-size: 20px; font-weight: 900; text-align: left; } } .mri-school-card__button { display: none; } @media screen and (min-width: 1200px) { .mri-school-card__button { display: inline-block; margin-bottom: 0; transition: 0.3s; } } .mri-school-mv { position: fixed; top: 60px; left: 0; width: 100%; height: 320px; } @media screen and (min-width: 1200px) { .mri-school-mv { top: 140px; height: 710px; } } .mri-school-mv__img { display: block; width: 100%; height: 320px; -o-object-fit: cover; object-fit: cover; } @media screen and (min-width: 1200px) { .mri-school-mv__img { height: 710px; } } .mri-school-mv-swiper .swiper-pagination { bottom: 40px !important; } @media screen and (min-width: 1200px) { .mri-school-mv-swiper .swiper-pagination { display: none; } } .mri-school-mv-swiper .swiper-pagination-bullet { background: #fff; opacity: 1; } .mri-school-mv-swiper .swiper-pagination-bullet-active { background: #0096FF; } .mri-school-mv-swiper .swiper-button-prev, .mri-school-mv-swiper .swiper-button-next { display: none; } @media screen and (min-width: 1200px) { .mri-school-mv-swiper .swiper-button-prev, .mri-school-mv-swiper .swiper-button-next { display: flex; } } .mri-school-mv-swiper .swiper-button-prev::after, .mri-school-mv-swiper .swiper-button-next::after { display: none; } .mri-school-mv-swiper .swiper-button-prev { left: 40px; } .mri-school-mv-swiper .swiper-button-next { right: 40px; } .mri-school-content { position: relative; z-index: 1; margin-top: 300px; padding-top: 60px; background: #0096FF; border-radius: 20px 20px 0 0; box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.16); overflow: hidden; } @media screen and (min-width: 1200px) { .mri-school-content { margin-top: 660px; padding-top: 107px; background: url(/wp-content/themes/jstork19_custom/img/characters/typography.svg) 48px 40px/114px auto repeat-y, url(/wp-content/themes/jstork19_custom/img/characters/typography.svg) calc(100% - 48px) 40px/114px auto repeat-y; background-color: #0096FF; border-radius: 50px 50px 0 0; } } .mri-school-container { margin-right: 20px; margin-left: 20px; } @media screen and (min-width: 1200px) { .mri-school-container { max-width: 1200px; margin-right: auto; margin-left: auto; } } .mri-school-info { display: flex; justify-content: center; margin-bottom: 50px; padding: 30px 24px 50px; background: url(/wp-content/themes/jstork19_custom/img/school/circle.svg) 10px 10px/15px 15px no-repeat, url(/wp-content/themes/jstork19_custom/img/school/circle.svg) calc(100% - 10px) 10px/15px 15px no-repeat, url(/wp-content/themes/jstork19_custom/img/school/circle.svg) 10px calc(100% - 10px)/15px 15px no-repeat, url(/wp-content/themes/jstork19_custom/img/school/circle.svg) calc(100% - 10px) calc(100% - 10px)/15px 15px no-repeat; background-color: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-school-info { margin-bottom: 150px; padding: 50px; background: url(/wp-content/themes/jstork19_custom/img/school/circle.svg) 30px 30px/26px 26px no-repeat, url(/wp-content/themes/jstork19_custom/img/school/circle.svg) calc(100% - 30px) 30px/26px 26px no-repeat, url(/wp-content/themes/jstork19_custom/img/school/circle.svg) 30px calc(100% - 30px)/26px 26px no-repeat, url(/wp-content/themes/jstork19_custom/img/school/circle.svg) calc(100% - 30px) calc(100% - 10px)/26px 26px no-repeat; background-color: #fff; border-radius: 50px; } } .mri-school-info__name { margin-top: 0; margin-bottom: 16px; font-size: 30px; font-weight: 900; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-school-info__name { margin-bottom: 27px; font-size: 50px; } } .mri-school-info__heading { margin-bottom: 12px; width: 120px; height: 30px; color: #fff; font-size: 14px; font-weight: 500; line-height: 30px; text-align: center; background: #009632; border-radius: 15px; } @media screen and (min-width: 1200px) { .mri-school-info__heading { width: 218px; font-size: 20px; } } .mri-school-heading { margin-top: 0; margin-bottom: 16px; color: #fff; font-size: 30px; font-weight: 900; line-height: 1.5; text-align: center; } @media screen and (min-width: 1200px) { .mri-school-heading { margin-bottom: 50px; font-size: 50px; } } .mri-school-voice { margin-bottom: 50px; } @media screen and (min-width: 1200px) { .mri-school-voice { margin-bottom: 150px; } } .mri-school-voice .mri-voice-carousel { overflow: visible; } .mri-school-character_section { margin-bottom: 50px; } @media screen and (min-width: 1200px) { .mri-school-character_section { margin-bottom: 150px; } } .mri-school-character { display: flex; flex-direction: column; align-items: center; padding: 8px 24px 40px; background: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-school-character { flex-direction: row; justify-content: center; gap: 0 40px; padding: 8px 80px; border-radius: 50px; } } .mri-school-character__img { display: flex; justify-content: center; margin-bottom: 8px; } @media screen and (min-width: 1200px) { .mri-school-character__img { display: block; margin-bottom: 0; } } .mri-school-character__img img { display: block; width: auto; height: 200px; } @media screen and (min-width: 1200px) { .mri-school-character__img img { height: 380px; } } @media screen and (min-width: 1200px) { .mri-school-character__content { padding-top: 80px; padding-bottom: 80px; } } .mri-school-character__info { margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-school-character__info { font-size: 20px; } } .mri-school-character__name { margin-bottom: 16px; font-size: 25px; font-weight: 900; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-school-character__name { font-size: 50px; } } .mri-school-character__heading { width: 110px; height: 30px; margin-bottom: 12px; color: #fff; font-size: 14px; font-weight: 500; line-height: 30px; text-align: center; background: #009632; border-radius: 15px; } @media screen and (min-width: 1200px) { .mri-school-character__heading { width: 220px; font-size: 20px; } } .mri-school-access-section { margin-bottom: 50px; } @media screen and (min-width: 1200px) { .mri-school-access-section { margin-bottom: 150px; } } .mri-school-access-address { margin-bottom: 20px; text-align: center; } @media screen and (min-width: 1200px) { .mri-school-access-address { margin-bottom: 52px; } } .mri-school-access-address p { margin-bottom: 0; color: #fff; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-school-access-address p { font-size: 20px; } } .mri-school-access-map { aspect-ratio: 4/3; border-radius: 10px; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-school-access-map { aspect-ratio: auto; border-radius: 50px; } } .mri-school-access-map iframe { width: 100%; height: 100%; } @media screen and (min-width: 1200px) { .mri-school-access-map iframe { height: 400px; } } .mri-school-blog { margin-bottom: 50px; text-align: center; } @media screen and (min-width: 1200px) { .mri-school-blog { margin-bottom: 150px; } } .mri-school-blog__text { color: #fff; font-size: 14px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-school-blog__text { margin-bottom: 44px; font-size: 20px; } } .mri-blog-wrap { padding-top: 20px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; background-color: #0096FF; overflow: hidden; } @media screen and (min-width: 1200px) { .mri-blog-wrap { padding-top: 64px; padding-right: 0; padding-bottom: 160px; padding-left: 0; } } .mri-blog-title { margin-bottom: 28px; text-align: center; } @media screen and (min-width: 1200px) { .mri-blog-title { margin-bottom: 64px; } } .mri-blog-title__inner { display: inline-block; min-height: 108px; padding-top: 20px; padding-right: 74px; padding-left: 74px; background: url(/wp-content/themes/jstork19_custom/img/blog/title_img_l.svg) 0 100%/auto 108px no-repeat, url(/wp-content/themes/jstork19_custom/img/blog/title_img_r.svg) 100% 100%/auto 108px no-repeat; } @media screen and (min-width: 1200px) { .mri-blog-title__inner { min-height: 196px; padding-top: 56px; padding-right: 160px; padding-left: 160px; background-size: 124px auto; } } .mri-blog-title__inner .mri-highlight { display: inline; font-size: 30px; font-weight: 900; line-height: 1.6; } @media screen and (min-width: 1200px) { .mri-blog-title__inner .mri-highlight { font-size: 50px; } } .mri-blog-title__name { color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-blog-title__name { font-size: 18px; } } .mri-blog-swiper { margin-bottom: 30px; } @media screen and (min-width: 1200px) { .mri-blog-swiper { margin-bottom: 96px; } } .mri-blog-swiper .swiper-slide { width: auto; } .mri-blog-thumb { position: relative; width: 266px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); } @media screen and (min-width: 1200px) { .mri-blog-thumb { width: 334px; } } .mri-blog-thumb__category { position: absolute; top: 0; right: 0; display: flex; font-size: 12px; } .mri-blog-thumb__category li { padding: 4px; line-height: 1; background-color: #ffc803; } .mri-blog-list-box { padding: 20px; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-blog-list-box { border-radius: 30px; } } .mri-blog-list-title { margin-bottom: 28px; padding-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 1.5; border-bottom: 3px solid #0096FF; } .mri-popular-posts h2 { margin-top: 0; margin-bottom: 12px; padding-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 1.5; border-bottom: 3px solid #0096FF; } .mri-popular-posts ul.wpp-list li { padding-top: 16px; padding-bottom: 16px; } .mri-popular-posts ul.wpp-list li a::before { top: 20px; left: 4px; } .mri-popular-posts .wpp-thumbnail { margin-right: 16px; } .mri-popular-posts .wpp-post-title { margin-bottom: 4px; font-size: 14px; font-weight: 500; letter-spacing: 0; line-height: 1.5; } .mri-popular-posts .wpp-views { color: #5b5a5a; font-size: 12px; } .mri-blog-main--full { width: 100% !important; max-width: 100% !important; } .mri-blog-back { margin-top: 40px; text-align: center; } @media screen and (min-width: 1200px) { .mri-blog-back { margin-top: 80px; } } .mri-breadcrumbs { max-width: 1166px; margin-right: auto; margin-bottom: 16px; margin-left: auto; color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-breadcrumbs { font-size: 16px; } } .mri-breadcrumbs a { display: inline-block; color: #fff; line-height: 1; } .mri-breadcrumbs__home { width: 16px; height: auto; } @media screen and (min-width: 1200px) { .mri-breadcrumbs__home { width: 20px; } } .mri-news-wrap { padding: 20px 20px 40px; background-color: #ffc803; } @media screen and (min-width: 1200px) { .mri-news-wrap { padding-top: 96px; padding-bottom: 160px; } } .mri-news-wrap .mri-breadcrumbs { color: #000; } .mri-news-wrap .mri-breadcrumbs a { color: #000; } .mri-news-content { padding: 20px; background-color: #fff; border-radius: 10px; } @media screen and (min-width: 1200px) { .mri-news-content { max-width: 1166px; margin-right: auto; margin-left: auto; padding: 80px; border-radius: 30px; } } .mri-news-list__row { border-bottom: 1px solid #b4b4b4; } .mri-news-list__row:last-of-type { border-bottom: none; } .mri-news-list__link { position: relative; display: block; padding-top: 16px; padding-bottom: 16px; transition: 0.3s; } @media screen and (min-width: 1200px) { .mri-news-list__link { padding: 32px; } } .mri-news-list__link:hover { color: #0078ff; } .mri-news-list__link::after { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 16px; height: 16px; border-right: 3px solid #828282; border-bottom: 3px solid #828282; transform: translate(-50%, -50%) rotate(-45deg); } @media screen and (min-width: 1200px) { .mri-news-list__link::after { right: 32px; width: 24px; height: 24px; border-width: 5px; } } .mri-news-list__date { margin-bottom: 4px; font-size: 12px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-news-list__date { font-size: 16px; } } .mri-news-list__title { margin-bottom: 0; font-size: 14px; font-weight: 900; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-news-list__title { font-size: 20px; } } .mri-news-detail__thumb { margin-bottom: 16px; } @media screen and (min-width: 1200px) { .mri-news-detail__thumb { margin-bottom: 24px; } } .mri-news-detail__thumb img { width: 100%; height: auto; } .mri-news-detail__date { margin-bottom: 12px; font-size: 12px; font-weight: 500; } @media screen and (min-width: 1200px) { .mri-news-detail__date { font-size: 14px; } } .mri-news-detail__title { margin-bottom: 16px; font-size: 14px; font-weight: 900; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-news-detail__title { margin-bottom: 24px; font-size: 20px; } } .mri-news-detail__content { font-size: 14px; } @media screen and (min-width: 1200px) { .mri-news-detail__content { font-size: 16px; } } /* ▼2025/02/09追記ホワイトペーパー資料ページ用: 全体ラップ ▼ */ .mri-whitepaper-wrap { padding-top: 20px; padding-right: 20px; padding-bottom: 80px; padding-left: 20px; background-color: #0096FF; /* 必要なら変える */ overflow: hidden; } @media screen and (min-width: 1200px) { .mri-whitepaper-wrap { padding-top: 64px; padding-right: 0; padding-bottom: 160px; padding-left: 0; } } /* ▼ タイトルエリア ▼ */ .mri-whitepaper-title { margin-bottom: 28px; text-align: center; } @media screen and (min-width: 1200px) { .mri-whitepaper-title { margin-bottom: 64px; } } .mri-whitepaper-title__inner { display: inline-block; min-height: 108px; padding-top: 20px; padding-right: 74px; padding-left: 74px; text-align: center; background: url(/wp-content/themes/jstork19_custom/img/blog/title_img_l.svg) 0 100%/auto 108px no-repeat, url(/wp-content/themes/jstork19_custom/img/blog/title_img_r.svg) 100% 100%/auto 108px no-repeat; /* ↑ パスはテーマ構造に合わせて修正してください */ } @media screen and (min-width: 1200px) { .mri-whitepaper-title__inner { min-height: 196px; padding-top: 56px; padding-right: 160px; padding-left: 160px; background-size: 124px auto; } } .mri-whitepaper-title__inner .mri-highlight { display: inline; font-size: 30px; font-weight: 900; line-height: 1.6; } @media screen and (min-width: 1200px) { .mri-whitepaper-title__inner .mri-highlight { font-size: 50px; } } .mri-whitepaper-title__name { color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0; } @media screen and (min-width: 1200px) { .mri-whitepaper-title__name { font-size: 18px; } } /* ▼ (もしスライダー等を使うなら) .mri-whitepaper-swiper ▼ */ .mri-whitepaper-swiper { margin-bottom: 30px; } @media screen and (min-width: 1200px) { .mri-whitepaper-swiper { margin-bottom: 96px; } } .mri-whitepaper-swiper .swiper-slide { width: auto; } /* ▼ カード本体 ▼ */ .mri-whitepaper-thumb { position: relative; width: auto; /* 仮の固定幅。Gridや%指定でも可 */ overflow: hidden; /* 子要素のはみ出しを隠す */ background-color: #fff; /* カード背景 */ margin: 0 auto; /* 必要に応じて中央寄せ */ } @media screen and (min-width: 1200px) { .mri-whitepaper-thumb { width: 334px; } } .mri-whitepaper-thumb__img { overflow: hidden; /* 画像が飛び出さないようにする */ } .mri-whitepaper-thumb__img img { display: block; width: 100%; height: auto; box-shadow: 6px 6px 6px rgba(0,0,0,0.16); } .mri-whitepaper-thumb__title{ padding: 12px 16px; text-align: center; } /* ▼ タグ(右上) */ .mri-whitepaper-thumb__category { position: absolute; top: 8px; right: 8px; padding: 4px 8px; background-color: #ffc803; font-size: 12px; line-height: 1.2; } .mri-whitepaper-thumb__category li { padding: 4px; line-height: 1; background-color: #ffc803; } /* ▼ ラップボックス (白背景など) */ .mri-whitepaper-list-box { border-radius: 10px; background: #fff; /* 必要であれば */ } @media screen and (min-width: 1200px) { .mri-whitepaper-list-box { border-radius: 30px; } } /* ▼ リストタイトル (記事一覧とか) */ .mri-whitepaper-list-title { margin-bottom: 28px; padding-bottom: 10px; font-size: 18px; font-weight: 700; line-height: 1.5; border-bottom: 3px solid #0096FF; /* 同系色 */ } /* ▼ メインコンテンツ(フル幅) */ .mri-whitepaper-main--full { width: 100% !important; max-width: 100% !important; } /* ▼ 戻るボタンなどがあれば (例: blog-back相当) */ .mri-whitepaper-back { margin-top: 40px; text-align: center; } @media screen and (min-width: 1200px) { .mri-whitepaper-back { margin-top: 80px; } } /* ▼ パンくず (必要なら) */ .mri-whitepaper-breadcrumbs { max-width: 1166px; margin-right: auto; margin-bottom: 16px; margin-left: auto; color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 0; line-height: 1.5; } @media screen and (min-width: 1200px) { .mri-whitepaper-breadcrumbs { font-size: 16px; } } .mri-whitepaper-breadcrumbs a { display: inline-block; color: #fff; line-height: 1; } .mri-whitepaper-breadcrumbs__home { width: 16px; height: auto; } @media screen and (min-width: 1200px) { .mri-whitepaper-breadcrumbs__home { width: 20px; } } /* ▼ もし複数列に並べたい時の例 (Grid) */ .mri-whitepaper-grid { display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } @media screen and (max-width: 1800px) { .mri-whitepaper-grid { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 1200px) { .mri-whitepaper-grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 700px) { .mri-whitepaper-grid { grid-template-columns: 1fr; } } /* inputを隠す */ .wp-tag-checkbox { display: none; /* 完全に非表示でOK */ } /* ボタン風ラベル */ .wp-tag-button { display: inline-block; min-width: 100px; /* ボタンの幅を大きめに */ padding: 10px 14x; /* 余白を増やし大きく見せる */ font-size: 14px; /* テキストも大きく */ text-align: center; border: 2px solid #ccc; /* 枠線 */ border-radius: 8px; /* 角丸 */ background-color: #fff; color: #333; cursor: pointer; margin: 8px; /* ボタン間の余白 */ user-select: none; /* 選択防止(お好み) */ } /* ホバー時に色を少し変える */ .wp-tag-button:hover { background-color: #eaeaea; } /* チェックされたら色反転など */ .wp-tag-checkbox:checked + .wp-tag-button { background-color: #0096ff; color: #fff; border-color: #0096ff; } .wp-tag-filter-wrap { margin: 20px auto; padding: 10px; border-radius: 12px; max-width: 900px; /* お好みで */ text-align: center; background: #fff; } .wp-tag-filter-heading { margin-bottom: 8px; font-size: 18px; font-weight: 700; } /* ▼ シングルページ全体の青背景 */ .mri-whitepaper-single-wrap { background-color: #0096ff; /* 青系 */ padding: 20px 0; /* 上下の隙間 */ } .mri-whitepaper-single-inner { display: flex; /* align-items: stretch; ← コレをやめる */ align-items: flex-start; /* 左上揃え、右カラムも高さ自動 */ gap: 20px; max-width: 1200px; margin: 0 auto; /* 中央寄せ */ padding: 0 20px; /* 左右に余白を追加し、青背景が見えるように */ } /* ▼ 左カラム: 白背景で記事を包む */ .mri-whitepaper-single-left { background: #fff; flex: 2; /* 比率: 2 */ border-radius: 10px; /* 角丸 */ padding: 20px 40px; } .mri-whitepaper-single-left, .mri-whitepaper-single-right { display: flex; flex-direction: column; /* 中の要素を縦並びにする */ } /* タイトルなど */ .mri-whitepaper-single-title { font-size: 24px; margin-bottom: 16px; } /* タグ表示 */ .mri-whitepaper-single-tags { margin-bottom: 16px; font-size: 14px; color: #666; } /* アイキャッチ画像ラップ */ .mri-whitepaper-single-mainimage img { display: block; width: 100%; height: auto; margin-bottom: 16px; } /* 記事本文 */ .mri-whitepaper-single-body { margin-bottom: 20px; line-height: 1.7; color: #333; } /* ▼ 右カラム: フォーム */ .mri-whitepaper-single-right { flex: 1; /* 比率: 1 */ background: #fff; border-radius: 6px; /* 角丸 */ padding: 20px; border: 1px solid #ccc; } /* 見出し */ .mri-whitepaper-single-right h2 { margin-top: 0; font-size: 18px; margin-bottom: 16px; } /* メディアクエリでモバイル1カラム化 */ @media screen and (max-width: 800px) { .mri-whitepaper-single-inner { display: block; padding: 0 10px; } .mri-whitepaper-single-left, .mri-whitepaper-single-right { margin-bottom: 20px; } } /* ▼ 画面下に固定する「親ラッパ」 */ .cta-fixed-wrapper { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 80%; max-width: 400px; z-index: 9999; } /* ▼ 実際のボタン。transform: scale だけ行う */ .cta-bounce { display: block; /* お好みで */ width: 100%; /* 親いっぱいに */ box-sizing: border-box; /* パディング含め幅管理 */ cursor: pointer; border: none; outline: none; padding: 14px 20px; background-color: #00B900; color: #fff; font-weight: bold; border-radius: 8px; text-align: center; /* アニメーションで scale のみ */ animation: cta 2s ease-out infinite; transform-origin: center center; /* 中心を基点 */ } /* スケールアニメだけ定義 (translateXは書かない) */ @keyframes cta { 0%, 40%, 60%, 80% { transform: scale(1.0); } 50%, 70% { transform: scale(0.95); } } /* PCでは .cta-fixed-wrapper を非表示にする例 */ @media screen and (min-width: 801px) { .cta-fixed-wrapper { display: none; } } @media screen and (min-width: 801px) { .cta-normal { display: none; } } /* CF7のsubmitボタンを緑へ */ .wpcf7 input[type="submit"], .wpcf7 .wpcf7-submit { background-color: #00B900 !important; color: #fff !important; border: none !important; /* 必要に応じて角丸やフォントサイズなど */ } /* スマホのみ改行を有効にする */ .sp-only { display: inline; } @media screen and (min-width: 801px) { .sp-only { display: none; } } /* single-whitepaper ページのみ、右下無料相談ボタンを非表示 */ body.single-whitepaper .mri-fixed-button { display: none !important; } /* CTAボタンを最初は非表示 */ .initially-hidden { display: none; } /*# sourceMappingURL=style.css.map */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}: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,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.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}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;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-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}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} /*# sourceURL=wp-block-library-inline-css */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--stk-palette-one: var(--stk-palette-color1);--wp--preset--color--stk-palette-two: var(--stk-palette-color2);--wp--preset--color--stk-palette-three: var(--stk-palette-color3);--wp--preset--color--stk-palette-four: var(--stk-palette-color4);--wp--preset--color--stk-palette-five: var(--stk-palette-color5);--wp--preset--color--stk-palette-six: var(--stk-palette-color6);--wp--preset--color--stk-palette-seven: var(--stk-palette-color7);--wp--preset--color--stk-palette-eight: var(--stk-palette-color8);--wp--preset--color--stk-palette-nine: var(--stk-palette-color9);--wp--preset--color--stk-palette-ten: var(--stk-palette-color10);--wp--preset--color--mainttlbg: var(--main-ttl-bg);--wp--preset--color--mainttltext: var(--main-ttl-color);--wp--preset--color--stkeditorcolor-one: var(--stk-editor-color1);--wp--preset--color--stkeditorcolor-two: var(--stk-editor-color2);--wp--preset--color--stkeditorcolor-three: var(--stk-editor-color3);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ :root{--stk-base-font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--stk-base-font-size-pc:103%;--stk-base-font-size-sp:103%;--stk-font-weight:400;--stk-font-feature-settings:normal;--stk-font-awesome-free:"Font Awesome 6 Free";--stk-font-awesome-brand:"Font Awesome 6 Brands";--wp--preset--font-size--medium:clamp(1.2em,2.5vw,20px);--wp--preset--font-size--large:clamp(1.5em,4.5vw,36px);--wp--preset--font-size--x-large:clamp(1.9em,5.25vw,42px);--wp--style--gallery-gap-default:.5em;--stk-flex-style:flex-start;--stk-wrap-width:1166px;--stk-wide-width:980px;--stk-main-width:728px;--stk-side-margin:32px;--stk-post-thumb-ratio:16/10;--stk-post-title-font_size:clamp(1.4em,4vw,1.9em);--stk-h1-font_size:clamp(1.4em,4vw,1.9em);--stk-h2-font_size:clamp(1.2em,2.6vw,1.3em);--stk-h2-normal-font_size:125%;--stk-h3-font_size:clamp(1.1em,2.3vw,1.15em);--stk-h4-font_size:105%;--stk-h5-font_size:100%;--stk-line_height:1.8;--stk-heading-line_height:1.5;--stk-heading-margin_top:2em;--stk-heading-margin_bottom:1em;--stk-margin:1.6em;--stk-h2-margin-rl:-2vw;--stk-el-margin-rl:-4vw;--stk-list-icon-size:1.8em;--stk-list-item-margin:.7em;--stk-list-margin:1em;--stk-h2-border_radius:3px;--stk-h2-border_width:4px;--stk-h3-border_width:4px;--stk-h4-border_width:4px;--stk-wttl-border_radius:0;--stk-wttl-border_width:2px;--stk-supplement-border_radius:4px;--stk-supplement-border_width:2px;--stk-supplement-sat:82%;--stk-supplement-lig:86%;--stk-box-border_radius:4px;--stk-box-border_width:2px;--stk-btn-border_radius:3px;--stk-btn-border_width:2px;--stk-post-radius:0;--stk-postlist-radius:0;--stk-cardlist-radius:0;--stk-shadow-s:1px 2px 10px rgba(0,0,0,.2);--stk-shadow-l:5px 10px 20px rgba(0,0,0,.2);--main-text-color:#000;--main-link-color:#0078ff;--main-link-color-hover:#E69B9B;--main-ttl-bg:#0096ff;--main-ttl-bg-rgba:rgba(0,150,255,.1);--main-ttl-color:#fff;--header-bg:#1bb4d3;--header-bg-overlay:#0ea3c9;--header-logo-color:#ee2;--header-text-color:#edf9fc;--inner-content-bg:#fff;--label-bg:#ffc800;--label-text-color:#000;--slider-text-color:#444;--side-text-color:#000;--footer-bg:#666;--footer-text-color:#CACACA;--footer-link-color:#f7f7f7;--new-mark-bg:#ff6347;--oc-box-blue:#19b4ce;--oc-box-blue-inner:#d4f3ff;--oc-box-red:#ee5656;--oc-box-red-inner:#feeeed;--oc-box-yellow:#f7cf2e;--oc-box-yellow-inner:#fffae2;--oc-box-green:#39cd75;--oc-box-green-inner:#e8fbf0;--oc-box-pink:#f7b2b2;--oc-box-pink-inner:#fee;--oc-box-gray:#9c9c9c;--oc-box-gray-inner:#f5f5f5;--oc-box-black:#313131;--oc-box-black-inner:#404040;--oc-btn-rich_yellow:#f7cf2e;--oc-btn-rich_yellow-sdw:rgba(222,182,21,1);--oc-btn-rich_pink:#ee5656;--oc-btn-rich_pink-sdw:rgba(213,61,61,1);--oc-btn-rich_orange:#ef9b2f;--oc-btn-rich_orange-sdw:rgba(214,130,22,1);--oc-btn-rich_green:#39cd75;--oc-btn-rich_green-sdw:rgba(32,180,92,1);--oc-btn-rich_blue:#19b4ce;--oc-btn-rich_blue-sdw:rgba(0,155,181,1);--oc-base-border-color:rgba(125,125,125,.3);--oc-has-background-basic-padding:1.1em;--stk-maker-yellow:#ff6;--stk-maker-pink:#ffd5d5;--stk-maker-blue:#b5dfff;--stk-maker-green:#cff7c7;--stk-caption-font-size:11px;--stk-palette-color1:#abb8c3;--stk-palette-color2:#f78da7;--stk-palette-color3:#cf2e2e;--stk-palette-color4:#ff6900;--stk-palette-color5:#fcb900;--stk-palette-color6:#7bdcb5;--stk-palette-color7:#00d084;--stk-palette-color8:#8ed1fc;--stk-palette-color9:#0693e3;--stk-palette-color10:#9b51e0;--stk-editor-color1:#1bb4d3;--stk-editor-color2:#f55e5e;--stk-editor-color3:#ee2;--stk-editor-color1-rgba:rgba(27,180,211,.1);--stk-editor-color2-rgba:rgba(245,94,94,.1);--stk-editor-color3-rgba:rgba(238,238,34,.1)} ul.wpp-list{counter-reset:number}ul.wpp-list li{list-style:none;position:relative;border-bottom:1px solid #ddd;margin:0;padding-bottom:.75em}ul.wpp-list li a::before{counter-increment:number;content:counter(number);background-color:var(--main-ttl-bg);color:var(--main-ttl-color);margin-right:3px;width:1.5em;height:1.5em;line-height:1.5em;font-size:75%;border-radius:3px;font-weight:bold;display:block;text-align:center;position:absolute;left:2px;top:2px;z-index:1}ul.wpp-list img{margin-bottom:0;margin-right:5px}ul.wpp-list li a.wpp-post-title{display:block}ul.wpp-list li a.wpp-post-title::before,ul.wpp-list li .wpp-author a::before,ul.wpp-list li .wpp-category a::before{content:none}ul.wpp-list .wpp-excerpt{font-size:80%}#toc_container li::before{content:none}@media only screen and (max-width:480px){#toc_container{font-size:90%}}#toc_container{width:100%!important;padding:1.2em;border:5px solid rgba(100,100,100,.2);background:inherit!important}#toc_container li{margin:1em 0;font-weight:bold}#toc_container li li{font-weight:normal;margin:.5em 0}#toc_container .toc_number{display:inline-block;font-weight:bold;font-size:75%;background-color:var(--main-ttl-bg);color:var(--main-ttl-color);min-width:2.1em;min-height:2.1em;line-height:2.1;text-align:center;border-radius:1em;margin-right:.3em;padding:0 7px}#toc_container a{color:inherit;text-decoration:none}#toc_container a:hover{text-decoration:underline}#toc_container p.toc_title{font-weight:bold;text-align:left;margin:0 auto;font-size:100%;vertical-align:middle}#toc_container .toc_title::before{display:inline-block;font-family:var(--stk-font-awesome-free,"Font Awesome 5 Free");font-weight:900;content:"\f03a";margin-right:.8em;margin-left:.4em;transform:scale(1.4);color:var(--main-ttl-bg)}#toc_container .toc_title .toc_toggle{font-size:80%;font-weight:normal;margin-left:.2em}#toc_container .toc_list{max-width:580px;margin-left:auto;margin-right:auto}#toc_container .toc_list>li{padding-left:0} #custom_header.has-background-dim{background-color:transparent;min-height:50vh}#custom_header.overlay-stripe::before{background-image:repeating-linear-gradient(-45deg,#000 0,#000 3px,transparent 3px,transparent 6px)}#custom_header.overlay-dot::before{background-image:radial-gradient(#000 50%,transparent 50%);background-size:5px 5px}#custom_header.overlay-color::before{background-color:#000}#custom_header::before{opacity:.05}#custom_header .stk_custom_header__text{color:#0ea3c9}#custom_header .wp-block-button .wp-block-button__link{color:#fff}#custom_header .wp-block-button:not(.is-style-outline) .wp-block-button__link{background-color:#ed7171;border-color:#ed7171}#custom_header .wp-block-button.is-style-outline .wp-block-button__link{border-color:#fff} /*# sourceURL=stk_style-inline-css */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ .gf {font-family: "Concert One", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;} /*# sourceURL=gf_font-inline-css */ /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ @-webkit-keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}@keyframes bgslide{from{background-position-x:0}to{background-position-x:-200%}}.wpp-widget-block-placeholder,.wpp-shortcode-placeholder{margin:0 auto;width:60px;height:3px;background:#dd3737;background:linear-gradient(90deg,#dd3737 0%,#571313 10%,#dd3737 100%);background-size:200% auto;border-radius:3px;-webkit-animation:bgslide 1s infinite linear;animation:bgslide 1s infinite linear} /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ .cta { animation: cta 2s ease-out infinite; opacity: 1; } @keyframes cta { 0%, 40%, 60%, 80% { transform: scale(1.0); } 50%, 70% { transform: scale(0.95); } } .counseling { margin-right:1em; margin-left:1em; } .resource { margin-right:1em; margin-left:1em; } .box-2 { padding: 0em 1em; margin: 0em 1em 0em 1em; font-weight: bold; } .ECM_RadioInput { padding: 12px 8px; display: flex; align-items: center; cursor: pointer; } .ECM_RadioInput-Input { opacity: 0; width: 0; margin: 0; } .ECM_RadioInput:hover > .ECM_RadioInput-DummyInput{ transform: scale(1.2); } .ECM_RadioInput-Input:focus + .ECM_RadioInput-DummyInput { background: #FFFFFF; } .ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput { background: #CCC63A; } .ECM_RadioInput-Input:checked + .ECM_RadioInput-DummyInput::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background: #FFFFFF; } .ECM_RadioInput-DummyInput { position: relative; top: 0; left: 0; display: block; width: 20px; height: 20px; border-radius: 50%; background: rgba(0,0,0,.15); transition: all .15s linear; } .ECM_RadioInput-LabelText { margin-left: 12px; display: block; font-size: 14px; font-weight: bold; } /* from %e3%83%9f%e3%83%a9%e3%82%a4%e5%bc%8f.html */ input[type="text"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field { display: block; width: 100%; height: 45px; margin-bottom: 0; padding: 0 12px; border: 0; border-radius: 3px; background-color:#f5f5f5; box-shadow: none; color: black; font-size: 1em; vertical-align: middle; line-height: 45px; transition: background-color 0.24s ease-in-out; } textarea { max-width: 100%; min-height: 120px; line-height: 1.5em; padding: 0.5em; overflow: auto; } @media(max-width:500px) { .inquiry td, .inquiry th { display: block !important; width: 100% !important; border-top: none !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } .inquiry tr:first-child th { border-top: 1px solid #d7d7d7 !important } .inquiry .any, .inquiry .haveto { font-size: 10px } } .inquiry th { text-align: left; font-size: 14px; color: #444; padding-right: 5px; width: 30%; background: white; border: solid 1px #d7d7d7 } .inquiry td { font-size: 13px; border: solid 1px #d7d7d7 } .entry-content .inquiry tr, .entry-content table { border: solid 1px #d7d7d7 } .haveto { font-size: 6px; padding: 5px; color: #f00; border-radius: 2px; margin-left: 3px; position: relative; bottom: 1px } .any { font-size: 7px; padding: 5px; background: #93c9ff; color: #fff; border-radius: 2px; margin-left: 5px; position: relative; bottom: 1px } .verticallist .wpcf7-list-item { display: block } #formbtn { display: block; padding: 15px; width: 350px; background: #FFCB00; color: #fff; font-size: 18px; font-weight: 700; border-radius: 2px; margin: 25px auto 0; border: 2px solid #FFCB00 } #formbtn:hover { background: #fff; color: #01A0E9; border: 2px solid #01A0E9 } .wpcf7 input[type="submit"]{ display: block; padding: 15px; width: 350px; background: #FFCB00; color: #fff; font-size: 18px; font-weight: 700; border-radius: 2px; margin: 25px auto 0; border: 2px solid #FFCB00 } .wpcf7 input[type="submit"]:hover{ background: #fff; color: #01A0E9; border: 2px solid #01A0E9 } th { font-weight: 700; text-transform: uppercase; padding: 13px } td { border-top: 1px solid #ededed; padding: 12px } input, select, textarea { border: 1px solid #dfdfdf; letter-spacing: 1px; margin: 0; max-width: 100%; resize: none } .privacy-check{ font-size:12px; } table { margin:auto; margin-bottom:10px; } .wpcf7-list-item { margin: 0 2em 0 3em; } .lp-footer { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; background-color: #01A0E9; } .lp-footer p { margin: 0; color: #fff; font-size: 12px; text-align: center; } /*reCAPTHAマーク設定*/ .grecaptcha-badge { visibility: hidden; } .recapcha-text-pc { font-size: 12px;} .recapcha-text-sp { font-size: 10px;} .recapcha-text-pc {text-align: center;} .recapcha-text-sp {text-align: center;} /* スピナーのスタイル */ .loading-spinner2 { margin-top: 20px; width: 100px; height: 30px; display: flex; justify-content: space-between; margin: 0 auto; } .loading-spinner2 div { width: 20px; height: 20px; background-color: #3498db; border-radius: 50%; animation: bounce 1.4s infinite ease-in-out both; } /* アニメーションを3つの丸に適用 */ .loading-spinner2 div:nth-child(1) { animation-delay: -0.32s; } .loading-spinner2 div:nth-child(2) { animation-delay: -0.16s; } @keyframes bounce { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } /* メッセージのスタイル */ .loading-message { display:none; text-align: center; font-size: 18px; color: #ffffff; background-color: #3498db; /* 背景色を青に設定 */ padding: 15px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); width: 80%; max-width: 400px; margin: 20px auto; /* 上下中央に配置 */ font-family: 'Arial', sans-serif; font-weight: bold; transition: all 0.3s ease; /* なめらかなトランジションを追加 */ } /* from ad.html */ :root{--stk-base-font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--stk-base-font-size-pc:103%;--stk-base-font-size-sp:103%;--stk-font-weight:400;--stk-font-feature-settings:normal;--stk-font-awesome-free:"Font Awesome 6 Free";--stk-font-awesome-brand:"Font Awesome 6 Brands";--wp--preset--font-size--medium:clamp(1.2em,2.5vw,20px);--wp--preset--font-size--large:clamp(1.5em,4.5vw,36px);--wp--preset--font-size--x-large:clamp(1.9em,5.25vw,42px);--wp--style--gallery-gap-default:.5em;--stk-flex-style:flex-start;--stk-wrap-width:1166px;--stk-wide-width:980px;--stk-main-width:728px;--stk-side-margin:32px;--stk-post-thumb-ratio:16/10;--stk-post-title-font_size:clamp(1.4em,4vw,1.9em);--stk-h1-font_size:clamp(1.4em,4vw,1.9em);--stk-h2-font_size:clamp(1.2em,2.6vw,1.3em);--stk-h2-normal-font_size:125%;--stk-h3-font_size:clamp(1.1em,2.3vw,1.15em);--stk-h4-font_size:105%;--stk-h5-font_size:100%;--stk-line_height:1.8;--stk-heading-line_height:1.5;--stk-heading-margin_top:2em;--stk-heading-margin_bottom:1em;--stk-margin:1.6em;--stk-h2-margin-rl:-2vw;--stk-el-margin-rl:-4vw;--stk-list-icon-size:1.8em;--stk-list-item-margin:.7em;--stk-list-margin:1em;--stk-h2-border_radius:3px;--stk-h2-border_width:4px;--stk-h3-border_width:4px;--stk-h4-border_width:4px;--stk-wttl-border_radius:0;--stk-wttl-border_width:2px;--stk-supplement-border_radius:4px;--stk-supplement-border_width:2px;--stk-supplement-sat:82%;--stk-supplement-lig:86%;--stk-box-border_radius:4px;--stk-box-border_width:2px;--stk-btn-border_radius:3px;--stk-btn-border_width:2px;--stk-post-radius:0;--stk-postlist-radius:0;--stk-cardlist-radius:0;--stk-shadow-s:1px 2px 10px rgba(0,0,0,.2);--stk-shadow-l:5px 10px 20px rgba(0,0,0,.2);--main-text-color:#000;--main-link-color:#0078ff;--main-link-color-hover:#E69B9B;--main-ttl-bg:#0096ff;--main-ttl-bg-rgba:rgba(0,150,255,.1);--main-ttl-color:#fff;--header-bg:#1bb4d3;--header-bg-overlay:#0ea3c9;--header-logo-color:#ee2;--header-text-color:#edf9fc;--inner-content-bg:#fff;--label-bg:#ffc800;--label-text-color:#000;--slider-text-color:#444;--side-text-color:#000;--footer-bg:#666;--footer-text-color:#CACACA;--footer-link-color:#f7f7f7;--new-mark-bg:#ff6347;--oc-box-blue:#19b4ce;--oc-box-blue-inner:#d4f3ff;--oc-box-red:#ee5656;--oc-box-red-inner:#feeeed;--oc-box-yellow:#f7cf2e;--oc-box-yellow-inner:#fffae2;--oc-box-green:#39cd75;--oc-box-green-inner:#e8fbf0;--oc-box-pink:#f7b2b2;--oc-box-pink-inner:#fee;--oc-box-gray:#9c9c9c;--oc-box-gray-inner:#f5f5f5;--oc-box-black:#313131;--oc-box-black-inner:#404040;--oc-btn-rich_yellow:#f7cf2e;--oc-btn-rich_yellow-sdw:rgba(222,182,21,1);--oc-btn-rich_pink:#ee5656;--oc-btn-rich_pink-sdw:rgba(213,61,61,1);--oc-btn-rich_orange:#ef9b2f;--oc-btn-rich_orange-sdw:rgba(214,130,22,1);--oc-btn-rich_green:#39cd75;--oc-btn-rich_green-sdw:rgba(32,180,92,1);--oc-btn-rich_blue:#19b4ce;--oc-btn-rich_blue-sdw:rgba(0,155,181,1);--oc-base-border-color:rgba(125,125,125,.3);--oc-has-background-basic-padding:1.1em;--stk-maker-yellow:#ff6;--stk-maker-pink:#ffd5d5;--stk-maker-blue:#b5dfff;--stk-maker-green:#cff7c7;--stk-caption-font-size:11px;--stk-palette-color1:#abb8c3;--stk-palette-color2:#f78da7;--stk-palette-color3:#cf2e2e;--stk-palette-color4:#ff6900;--stk-palette-color5:#fcb900;--stk-palette-color6:#7bdcb5;--stk-palette-color7:#00d084;--stk-palette-color8:#8ed1fc;--stk-palette-color9:#0693e3;--stk-palette-color10:#9b51e0;--stk-editor-color1:#1bb4d3;--stk-editor-color2:#f55e5e;--stk-editor-color3:#ee2;--stk-editor-color1-rgba:rgba(27,180,211,.1);--stk-editor-color2-rgba:rgba(245,94,94,.1);--stk-editor-color3-rgba:rgba(238,238,34,.1)} ul.wpp-list{counter-reset:number}ul.wpp-list li{list-style:none;position:relative;border-bottom:1px solid #ddd;margin:0;padding-bottom:.75em}ul.wpp-list li a::before{counter-increment:number;content:counter(number);background-color:var(--main-ttl-bg);color:var(--main-ttl-color);margin-right:3px;width:1.5em;height:1.5em;line-height:1.5em;font-size:75%;border-radius:3px;font-weight:bold;display:block;text-align:center;position:absolute;left:2px;top:2px;z-index:1}ul.wpp-list img{margin-bottom:0;margin-right:5px}ul.wpp-list li a.wpp-post-title{display:block}ul.wpp-list li a.wpp-post-title::before,ul.wpp-list li .wpp-author a::before,ul.wpp-list li .wpp-category a::before{content:none}ul.wpp-list .wpp-excerpt{font-size:80%}#toc_container li::before{content:none}@media only screen and (max-width:480px){#toc_container{font-size:90%}}#toc_container{width:100%!important;padding:1.2em;border:5px solid rgba(100,100,100,.2);background:inherit!important}#toc_container li{margin:1em 0;font-weight:bold}#toc_container li li{font-weight:normal;margin:.5em 0}#toc_container .toc_number{display:inline-block;font-weight:bold;font-size:75%;background-color:var(--main-ttl-bg);color:var(--main-ttl-color);min-width:2.1em;min-height:2.1em;line-height:2.1;text-align:center;border-radius:1em;margin-right:.3em;padding:0 7px}#toc_container a{color:inherit;text-decoration:none}#toc_container a:hover{text-decoration:underline}#toc_container p.toc_title{font-weight:bold;text-align:left;margin:0 auto;font-size:100%;vertical-align:middle}#toc_container .toc_title::before{display:inline-block;font-family:var(--stk-font-awesome-free,"Font Awesome 5 Free");font-weight:900;content:"\f03a";margin-right:.8em;margin-left:.4em;transform:scale(1.4);color:var(--main-ttl-bg)}#toc_container .toc_title .toc_toggle{font-size:80%;font-weight:normal;margin-left:.2em}#toc_container .toc_list{max-width:580px;margin-left:auto;margin-right:auto}#toc_container .toc_list>li{padding-left:0} /*# sourceURL=stk_style-inline-css */ /* from article.html */ h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} /*# sourceURL=https://miraishiki.com/wp-includes/blocks/heading/style.min.css */ /* from article.html */ .is-small-text{font-size:.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;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} /*# sourceURL=https://miraishiki.com/wp-includes/blocks/paragraph/style.min.css */ /* from customervoice-2.html */ .wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.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{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} /*# sourceURL=https://miraishiki.com/wp-includes/blocks/image/style.min.css */ /* from customervoice.html */ .wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.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, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width: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}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none} /*# sourceURL=https://miraishiki.com/wp-includes/blocks/button/style.min.css */ /* from customervoice.html */ ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} /*# sourceURL=https://miraishiki.com/wp-includes/blocks/list/style.min.css */ /* from customervoice.html */ .wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{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{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.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-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center} /*# sourceURL=https://miraishiki.com/wp-includes/blocks/buttons/style.min.css */ /* from customervoice.html */ .wp-container-core-buttons-is-layout-c83fbfdc{justify-content:center;} /*# sourceURL=core-block-supports-inline-css */ /* from homework-grade4.html */ .wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.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{min-width:280px}.wp-block-cover .wp-block-embed{min-height:240px;min-width:320px}.wp-block-embed{overflow-wrap:break-word}.wp-block-embed :where(figcaption){margin-bottom:1em;margin-top:.5em}.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{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;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%} /*# sourceURL=https://miraishiki.com/wp-includes/blocks/embed/style.min.css */ /* from lp__counseling.html */ :root{--stk-base-font-family:"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--stk-base-font-size-pc:103%;--stk-base-font-size-sp:103%;--stk-font-weight:400;--stk-font-feature-settings:normal;--stk-font-awesome-free:"Font Awesome 6 Free";--stk-font-awesome-brand:"Font Awesome 6 Brands";--wp--preset--font-size--medium:clamp(1.2em,2.5vw,20px);--wp--preset--font-size--large:clamp(1.5em,4.5vw,36px);--wp--preset--font-size--x-large:clamp(1.9em,5.25vw,42px);--wp--style--gallery-gap-default:.5em;--stk-flex-style:flex-start;--stk-wrap-width:1166px;--stk-wide-width:980px;--stk-main-width:728px;--stk-side-margin:32px;--stk-post-thumb-ratio:16/10;--stk-post-title-font_size:clamp(1.4em,4vw,1.9em);--stk-h1-font_size:clamp(1.4em,4vw,1.9em);--stk-h2-font_size:clamp(1.2em,2.6vw,1.3em);--stk-h2-normal-font_size:125%;--stk-h3-font_size:clamp(1.1em,2.3vw,1.15em);--stk-h4-font_size:105%;--stk-h5-font_size:100%;--stk-line_height:1.8;--stk-heading-line_height:1.5;--stk-heading-margin_top:2em;--stk-heading-margin_bottom:1em;--stk-margin:1.6em;--stk-h2-margin-rl:-2vw;--stk-el-margin-rl:-4vw;--stk-list-icon-size:1.8em;--stk-list-item-margin:.7em;--stk-list-margin:1em;--stk-h2-border_radius:3px;--stk-h2-border_width:4px;--stk-h3-border_width:4px;--stk-h4-border_width:4px;--stk-wttl-border_radius:0;--stk-wttl-border_width:2px;--stk-supplement-border_radius:4px;--stk-supplement-border_width:2px;--stk-supplement-sat:82%;--stk-supplement-lig:86%;--stk-box-border_radius:4px;--stk-box-border_width:2px;--stk-btn-border_radius:3px;--stk-btn-border_width:2px;--stk-post-radius:0;--stk-postlist-radius:0;--stk-cardlist-radius:0;--stk-shadow-s:1px 2px 10px rgba(0,0,0,.2);--stk-shadow-l:5px 10px 20px rgba(0,0,0,.2);--main-text-color:#000;--main-link-color:#0078ff;--main-link-color-hover:#E69B9B;--main-ttl-bg:#0096ff;--main-ttl-bg-rgba:rgba(0,150,255,.1);--main-ttl-color:#fff;--header-bg:#1bb4d3;--header-bg-overlay:#0ea3c9;--header-logo-color:#ee2;--header-text-color:#edf9fc;--inner-content-bg:#fff;--label-bg:#ffc800;--label-text-color:#000;--slider-text-color:#444;--side-text-color:#000;--footer-bg:#666;--footer-text-color:#CACACA;--footer-link-color:#f7f7f7;--new-mark-bg:#ff6347;--oc-box-blue:#19b4ce;--oc-box-blue-inner:#d4f3ff;--oc-box-red:#ee5656;--oc-box-red-inner:#feeeed;--oc-box-yellow:#f7cf2e;--oc-box-yellow-inner:#fffae2;--oc-box-green:#39cd75;--oc-box-green-inner:#e8fbf0;--oc-box-pink:#f7b2b2;--oc-box-pink-inner:#fee;--oc-box-gray:#9c9c9c;--oc-box-gray-inner:#f5f5f5;--oc-box-black:#313131;--oc-box-black-inner:#404040;--oc-btn-rich_yellow:#f7cf2e;--oc-btn-rich_yellow-sdw:rgba(222,182,21,1);--oc-btn-rich_pink:#ee5656;--oc-btn-rich_pink-sdw:rgba(213,61,61,1);--oc-btn-rich_orange:#ef9b2f;--oc-btn-rich_orange-sdw:rgba(214,130,22,1);--oc-btn-rich_green:#39cd75;--oc-btn-rich_green-sdw:rgba(32,180,92,1);--oc-btn-rich_blue:#19b4ce;--oc-btn-rich_blue-sdw:rgba(0,155,181,1);--oc-base-border-color:rgba(125,125,125,.3);--oc-has-background-basic-padding:1.1em;--stk-maker-yellow:#ff6;--stk-maker-pink:#ffd5d5;--stk-maker-blue:#b5dfff;--stk-maker-green:#cff7c7;--stk-caption-font-size:11px;--stk-palette-color1:#abb8c3;--stk-palette-color2:#f78da7;--stk-palette-color3:#cf2e2e;--stk-palette-color4:#ff6900;--stk-palette-color5:#fcb900;--stk-palette-color6:#7bdcb5;--stk-palette-color7:#00d084;--stk-palette-color8:#8ed1fc;--stk-palette-color9:#0693e3;--stk-palette-color10:#9b51e0;--stk-editor-color1:#1bb4d3;--stk-editor-color2:#f55e5e;--stk-editor-color3:#ee2;--stk-editor-color1-rgba:rgba(27,180,211,.1);--stk-editor-color2-rgba:rgba(245,94,94,.1);--stk-editor-color3-rgba:rgba(238,238,34,.1)} ul.wpp-list{counter-reset:number}ul.wpp-list li{list-style:none;position:relative;border-bottom:1px solid #ddd;margin:0;padding-bottom:.75em}ul.wpp-list li a::before{counter-increment:number;content:counter(number);background-color:var(--main-ttl-bg);color:var(--main-ttl-color);margin-right:3px;width:1.5em;height:1.5em;line-height:1.5em;font-size:75%;border-radius:3px;font-weight:bold;display:block;text-align:center;position:absolute;left:2px;top:2px;z-index:1}ul.wpp-list img{margin-bottom:0;margin-right:5px}ul.wpp-list li a.wpp-post-title{display:block}ul.wpp-list li a.wpp-post-title::before,ul.wpp-list li .wpp-author a::before,ul.wpp-list li .wpp-category a::before{content:none}ul.wpp-list .wpp-excerpt{font-size:80%}#toc_container li::before{content:none}@media only screen and (max-width:480px){#toc_container{font-size:90%}}#toc_container{width:100%!important;padding:1.2em;border:5px solid rgba(100,100,100,.2);background:inherit!important}#toc_container li{margin:1em 0;font-weight:bold}#toc_container li li{font-weight:normal;margin:.5em 0}#toc_container .toc_number{display:inline-block;font-weight:bold;font-size:75%;background-color:var(--main-ttl-bg);color:var(--main-ttl-color);min-width:2.1em;min-height:2.1em;line-height:2.1;text-align:center;border-radius:1em;margin-right:.3em;padding:0 7px}#toc_container a{color:inherit;text-decoration:none}#toc_container a:hover{text-decoration:underline}#toc_container p.toc_title{font-weight:bold;text-align:left;margin:0 auto;font-size:100%;vertical-align:middle}#toc_container .toc_title::before{display:inline-block;font-family:var(--stk-font-awesome-free,"Font Awesome 5 Free");font-weight:900;content:"\f03a";margin-right:.8em;margin-left:.4em;transform:scale(1.4);color:var(--main-ttl-bg)}#toc_container .toc_title .toc_toggle{font-size:80%;font-weight:normal;margin-left:.2em}#toc_container .toc_list{max-width:580px;margin-left:auto;margin-right:auto}#toc_container .toc_list>li{padding-left:0} .fb-likebtn .like_text::after{content:"この記事が気に入ったらフォローしよう！"}#related-box .h_ttl::after{content:"こちらの記事も人気です"}.stk_authorbox>.h_ttl:not(.subtext__none)::after{content:"この記事を書いた人"}#author-newpost .h_ttl::after{content:"このライターの最新記事"} /*# sourceURL=stk_style-inline-css */ .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }