@charset "UTF-8";
/*!
Theme Name: YOUPACE
Version: 1.0
*/
@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@400;700&display=swap");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*, ::before, ::after { -webkit-box-sizing: border-box; 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 { -webkit-box-sizing: content-box; 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 */ -webkit-text-decoration: underline dotted; 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; }

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

/* Forms */
/* ============================================ */
/** Reset form fields to make them styleable */
button, input, optgroup, select, textarea { -webkit-appearance: none; -moz-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; -moz-appearance: checkbox; appearance: checkbox; }

[type="radio"] { -webkit-appearance: radio; -moz-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; -moz-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; }

:root { --mainColor: #F8B2AD; --mainActiveColor: #F69B91; --mainLightColor: #F6D5C2; --pointColor: #8EDED6; --sidePadding: 50px; }

@media (max-width: 1249px) { :root { --sidePadding: 30px; } }

@media (max-width: 767px) { :root { --sidePadding: 20px; } }

/* Global
---------------------------------------- */
body { font-size: 14px; line-height: 1.5; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; letter-spacing: .05em; }

.hide-pc { display: none !important; }

.show-pc, .show-tab, .show-sp { display: none !important; }

@media (min-width: 1000px) { .show-pc { display: block !important; } }

@media (max-width: 999px) { .show-tab { display: block !important; } }

@media (max-width: 767px) { .hide-pc { display: block !important; }
  .hide-sp { display: none !important; }
  .show-sp { display: block !important; } }

.inline-block { display: inline-block; }

/* a, button */
a, button { cursor: pointer; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }

/* Icon
---------------------------------------- */
@font-face { font-family: 'icon'; src: url("assets/fonts/icon.eot?4at9on"); src: url("assets/fonts/icon.eot?4at9on#iefix") format("embedded-opentype"), url("assets/fonts/icon.ttf?4at9on") format("truetype"), url("assets/fonts/icon.woff?4at9on") format("woff"), url("assets/fonts/icon.svg?4at9on#icon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^="icon-"], [class*=" icon-"] { font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-angle-right:before { content: "\e90a"; }

.icon-angle-right-thin:before { content: "\e90b"; }

.icon-link:before { content: "\e90c"; }

.icon-twitter:before { content: "\e900"; }

.icon-arrow-right:before { content: "\e901"; }

.icon-circle-arrow-right:before { content: "\e902"; }

.icon-instagram:before { content: "\e903"; }

.icon-logomark:before { content: "\e904"; }

.icon-newtab:before { content: "\e905"; }

.icon-pin:before { content: "\e906"; }

.icon-tiktok:before { content: "\e907"; }

.icon-twitter-outline:before { content: "\e908"; }

.icon-youtube:before { content: "\e909"; }

/* layout
---------------------------------------- */
.contents { padding-top: 98px; }

@media (max-width: 999px) { .contents { padding-top: 70px; } }

.mainContents_content { background-image: url(assets/images/common/bg-content.svg); background-repeat: repeat-y; background-position: center top; background-size: 920px auto; padding-bottom: 140px; margin-top: 55px; }

@media (max-width: 999px) { .mainContents_content { background-size: 95vw auto; } }

@media (max-width: 767px) { .mainContents_content { margin-top: 35px; } }

.container { position: relative; width: 100%; max-width: calc(1152px + var(--sidePadding) * 2); padding-left: var(--sidePadding); padding-right: var(--sidePadding); margin-left: auto; margin-right: auto; }

.container.-large { max-width: calc(1392px + var(--sidePadding) * 2); }

.fullWidth { position: relative; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 999px) { .row.-tabVertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media (max-width: 767px) { .row.-spVertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.aligncenter { text-align: center; }

.hasSidebarArea .container { display: -webkit-box; display: -ms-flexbox; display: flex; }

.hasSidebarArea_side { width: 240px; border-right: solid 1px rgba(0, 0, 0, 0.1); }

@media (max-width: 999px) { .hasSidebarArea_side { display: none; } }

.hasSidebarArea_side_inner { position: -webkit-sticky; position: sticky; top: 100px; padding-top: 30px; }

.hasSidebarArea_side nav li { position: relative; margin-bottom: 30px; }

@media (max-width: 1249px) { .hasSidebarArea_side nav li { padding-left: 15px; } }

.hasSidebarArea_side nav li a { padding: 5px 0; }

.hasSidebarArea_side nav li.current { color: var(--mainColor); }

.hasSidebarArea_side nav li.current::before { position: absolute; top: 0; left: -30px; bottom: 0; height: 10px; font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e904"; font-size: 10px; margin: auto; }

@media (max-width: 1249px) { .hasSidebarArea_side nav li.current::before { left: -15px; } }

.hasSidebarArea_side nav li.current a { font-weight: 700; }

.hasSidebarArea_side nav li:not(.current) a:hover { text-decoration: underline; }

.hasSidebarArea_side .meta h1 { font-size: 1.71429em; letter-spacing: 0; margin-bottom: 20px; }

.hasSidebarArea_side .meta img { width: 100%; max-height: 220px; border-radius: 20px; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 999px) { .hasSidebarArea_side .meta img { height: 58.4vw; max-height: none; } }

.hasSidebarArea_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 30px; margin-left: 80px; }

@media (max-width: 999px) { .hasSidebarArea_content { margin-left: 0; } }

@media (max-width: 767px) { .hasSidebarArea_content { padding-top: 0; } }

.hasSidebarArea.-isSingle { margin-top: -30px; }

@media (max-width: 999px) { .hasSidebarArea.-isSingle { margin-top: -20px; } }

@media (max-width: 767px) { .hasSidebarArea.-isSingle { margin-top: 0; } }

@media (max-width: 999px) { .hasSidebarArea.-isSingle .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.hasSidebarArea.-isSingle .hasSidebarArea_side { width: 350px; border: none; }

@media (max-width: 1249px) { .hasSidebarArea.-isSingle .hasSidebarArea_side { width: 300px; } }

@media (max-width: 999px) { .hasSidebarArea.-isSingle .hasSidebarArea_side { display: block; width: 100%; margin-bottom: 40px; }
  .hasSidebarArea.-isSingle .hasSidebarArea_side_inner { position: initial; padding-top: 0; } }

.hasSidebarArea.-isSingle .hasSidebarArea_content { margin-left: 40px; }

@media (max-width: 767px) { .hasSidebarArea.-isSingle .hasSidebarArea_content { margin-left: 0; } }

/* Typography
---------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.ff-en { font-family: "Dosis", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; }

.cTitle { font-weight: 700; }

.cTitle .en { font-family: "Dosis", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 1em; color: var(--mainColor); line-height: 1; margin-bottom: 10px; }

.cTitle .ja { font-size: 2.42857em; }

@media (max-width: 767px) { .cTitle .ja { font-size: 1.71429em; } }

.cTitle.-white .en, .cTitle.-white .ja { color: #fff; }

.cTitle.-medium .ja { font-size: 1.71429em; }

.cTitle.-small .en { font-size: 0.71429em; }

.cTitle.-small .ja { font-size: 1.14286em; line-height: 1; }

/* Components
---------------------------------------- */
.liverCta { position: fixed; right: 0; bottom: 20px; display: inline-block; z-index: 800; }

@media (max-width: 767px) { .liverCta { bottom: 10px; } }

.liverCta a { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(16%, transparent), color-stop(16%, #C8F8EF), to(#C8F8EF)); background: linear-gradient(to right, transparent 0%, transparent 16%, #C8F8EF 16%, #C8F8EF 100%); padding: 30px; }

@media (max-width: 767px) { .liverCta a { padding-left: 20px; padding-right: 20px; } }

.liverCta a::before { content: ''; position: absolute; left: 0; top: 0; display: inline-block; width: 63px; height: 100%; background: url(assets/images/common/img-crease.svg) no-repeat center; background-size: contain; }

@media (max-width: 767px) { .liverCta a::before { background: url(assets/images/common/img-crease_s.svg) no-repeat center; } }

.liverCta a span { position: relative; font-size: 1.42857em; font-weight: bold; line-height: 1; padding-left: 10px; margin-right: 20px; z-index: 2; }

.liverCta a span small { display: block; font-size: 70%; margin-bottom: 10px; }

.liverCta a i { font-size: 2.85714em; -webkit-transition: all .2s; transition: all .2s; }

@media (hover: hover) and (pointer: fine) { .liverCta a:hover i { -webkit-transform: translateX(10px); transform: translateX(10px); } }

.button { position: relative; display: inline-block; background: #000; border-radius: 50px; color: #fff; font-weight: 700; line-height: 1.2; text-align: left; padding: 1.3em 115px 1.3em 40px; }

@media (max-width: 767px) { .button:not(.-noblock) { width: 100%; padding-right: 60px; } }

@media (hover: hover) and (pointer: fine) { .button:hover { background: #808080; }
  .button:hover::after { right: 20px; } }

.button::after { position: absolute; font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e90a"; height: 1em; top: 0; right: 30px; bottom: 0; -webkit-transition: all .2s; transition: all .2s; margin: auto; }

.button small { font-family: "Dosis", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 71.4286%; font-weight: 400; opacity: .8; }

.button.prev { padding-left: 67px; padding-right: 30px; }

.button.prev::after { left: 30px; right: initial; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: left .2s; transition: left .2s; }

@media (hover: hover) and (pointer: fine) { .button.prev:hover::after { left: 20px; } }

.button.next { padding-left: 30px; padding-right: 67px; }

.button.-border { background: #fff; border: solid 1px #000; color: #000; }

.button.-noArrow { text-align: center; padding-right: 40px; }

.button.-noArrow::after { content: none; }

.button.-wauto { width: auto !important; }

/* Header
---------------------------------------- */
.header { position: fixed; top: 0; left: 0; width: 100vw; background: #fff; z-index: 1000; }

.header .container { position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 36px; padding-bottom: 34px; z-index: 999; }

@media (max-width: 999px) { .header .container { padding-top: 10px; padding-bottom: 10px; } }

.header_sitename { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; line-height: 1; }

@media (max-width: 767px) { .header_sitename img { width: 102px; } }

.header_sitename p { font-size: 0.85714em; margin-left: 1em; }

@media (max-width: 767px) { .header_sitename p { font-weight: 700; } }

.header .g_nav { background: #fff; }

@media (max-width: 999px) { .header .g_nav { position: fixed; top: 70px; left: 0; right: 0; height: 0; overflow: hidden; -webkit-transition: height .2s; transition: height .2s; z-index: 900; border-top: solid 1px rgba(0, 0, 0, 0); }
  .header .g_nav.open { height: calc(100% - 70px); border-top-color: rgba(0, 0, 0, 0.1); padding-bottom: 60px; }
  .header .g_nav.-viewed { overflow: auto; } }

@media (max-width: 999px) { .header .g_nav ul { padding: 10px var(--sidePadding); } }

.header .g_nav li + li { margin-left: 40px; }

@media (max-width: 1249px) { .header .g_nav li + li { margin-left: 20px; } }

@media (max-width: 1099px) { .header .g_nav li + li { margin-left: 15px; } }

@media (max-width: 999px) { .header .g_nav li + li { border-top: solid 1px rgba(0, 0, 0, 0.1); margin-left: 0; } }

@media (min-width: 1000px) { .header .g_nav li:nth-of-type(6), .header .g_nav li:last-of-type { display: none; } }

.header .g_nav li a { position: relative; display: inline-block; line-height: 1; font-weight: 700; letter-spacing: 0; padding: 0.5em 0; }

@media (max-width: 1099px) { .header .g_nav li a { font-size: 0.92857em; } }

@media (max-width: 999px) { .header .g_nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 1em; padding: 30px 10px 30px 0; }
  .header .g_nav li a::after { font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e90a'; color: var(--mainColor); } }

@media (hover: hover) and (pointer: fine) { .header .g_nav li a:hover { opacity: .5; } }

.header .g_nav_contactButtonWrap { padding: 0 var(--sidePadding); }

.header .g_nav .button { width: 100%; max-width: 400px; line-height: 1; padding-top: 20px; padding-bottom: 20px; }

@media (max-width: 767px) { .header .g_nav .button { max-width: none; } }

.header_toggleButton { display: none; width: 50px; background: #000; border-radius: 50%; }

@media (max-width: 999px) { .header_toggleButton { display: block; } }

.header_toggleButton button { position: relative; display: block; width: 100%; height: 50px; background: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)) no-repeat center; background: linear-gradient(to right, #fff, #fff) no-repeat center; background-size: 20px 1px; border: 0; color: transparent; font-size: 0; padding: 0; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; }

@media (max-width: 999px) { .header_toggleButton button { display: block; } }

.header_toggleButton button::before, .header_toggleButton button::after { content: ''; position: absolute; left: 0; right: 0; display: block; width: 20px; height: 1px; background: #fff; margin: auto; }

.header_toggleButton button::before { top: 20px; }

.header_toggleButton button::after { bottom: 20px; }

.header_toggleButton.open button { -webkit-transform: rotate(360deg); transform: rotate(360deg); background: none; }

.header_toggleButton.open button::before { top: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.header_toggleButton.open button::after { bottom: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* Footer
---------------------------------------- */
.footer { margin-top: 40px; }

.footer_cta_inner { background: url(assets/images/common/bg-cta.svg) no-repeat 30px 15px #000; background-size: calc(100% - 30px) auto; border-radius: 20px; padding: 60px; }

@media (max-width: 1249px) { .footer_cta_inner { padding: 40px; } }

@media (max-width: 767px) { .footer_cta_inner { background-size: auto 85%; padding: 20px; } }

.footer_cta .row { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 40px; }

@media (max-width: 767px) { .footer_cta .row { gap: 10px; } }

.footer_cta .column { width: 100%; max-width: 496px; background: #fff; border-radius: 10px; padding: 60px; }

@media (max-width: 1249px) { .footer_cta .column { padding: 40px; } }

@media (max-width: 999px) { .footer_cta .column { max-width: 100%; } }

@media (max-width: 767px) { .footer_cta .column { padding: 40px 20px 20px; } }

.footer_cta .title { font-size: 1.71429em; font-weight: 700; }

@media (max-width: 767px) { .footer_cta .title { font-size: 1.28571em; } }

.footer_cta .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 1px rgba(0, 0, 0, 0.1); font-weight: 700; line-height: 1.3; padding: 20px 0; margin: 20px 0 40px; }

@media (max-width: 767px) { .footer_cta .link { margin: 0 0 20px; } }

@media (hover: hover) and (pointer: fine) { .footer_cta .link:hover { opacity: .5; } }

.footer_cta .link small { opacity: .8; font-weight: 400; }

.footer_cta .button { width: 100%; line-height: 1.3; letter-spacing: 0; padding: 1.2em 50px 1.2em 40px; }

.footer_cta .button small { font-size: 85.7%; }

.footer_cta .button .sp { display: none; }

@media (max-width: 767px) { .footer_cta .button .pc { display: none; }
  .footer_cta .button .sp { display: inline; } }

.footer_sitemap { position: relative; background: rgba(248, 178, 173, 0.9); overflow: hidden; padding: 120px 0 40px; margin-top: 60px; }

@media (max-width: 767px) { .footer_sitemap { padding: 60px 20px 130px; margin-top: 20px; } }

.footer_sitemap::before { content: ''; position: absolute; left: -6.5%; bottom: -6.5%; display: block; width: 300%; height: 300%; background: var(--mainColor); border-radius: 50%; }

.footer_sitemap .container { max-width: calc(1300px + var(--sidePadding) * 2); }

.footer_sitemap * { color: #fff; }

@media (hover: hover) and (pointer: fine) { .footer_sitemap a:hover { opacity: .5; } }

.footer_sitemap_title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 60px; }

@media (max-width: 767px) { .footer_sitemap_title { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 0; } }

.footer_sitemap_title .logo svg { width: 271px; height: 42px; }

@media (max-width: 767px) { .footer_sitemap_title .logo svg { width: 140px; height: 22px; } }

.footer_sitemap_title .logo svg path { fill: #fff; }

.footer_sitemap_title p { font-size: 1.71429em; font-weight: 700; line-height: 1.3; margin-left: 60px; }

@media (max-width: 767px) { .footer_sitemap_title p { margin: 20px 0 35px; } }

.footer_sitemap_title .sns { gap: 20px; margin-left: auto; }

@media (max-width: 767px) { .footer_sitemap_title .sns { margin-left: 0; } }

.footer_sitemap_title .sns li + li { margin-left: 0.2em; }

.footer_sitemap_title .sns li + li a { font-size: 18px; }

.footer_sitemap_title .sns a { display: inline-block; font-size: 20px; }

.footer_sitemap_nav ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 30px; column-gap: 30px; }

.footer_sitemap_nav ul li { width: calc((100% - 180px) / 7); border-top: solid 1px #fff; }

.footer_sitemap_nav ul li:nth-child(n + 8) { margin-top: 30px; }

@media (max-width: 999px) { .footer_sitemap_nav ul li:nth-child(n + 8) { margin: 0; } }

.footer_sitemap_nav ul li:nth-child(8) { margin-left: auto; }

@media (max-width: 999px) { .footer_sitemap_nav ul li:nth-child(8) { margin: 0; } }

@media (max-width: 999px) { .footer_sitemap_nav ul li { width: calc((100% - 120px) / 5); } }

.footer_sitemap_nav ul li a { display: block; letter-spacing: 0; padding: 29px 0; }

.footer_sitemap_nav ul li a strong { display: block; }

.footer_sitemap_nav ul li a span { font-size: 0.71429em; }

.footer_sitemap .copyright { text-align: center; font-size: 0.85714em; margin-top: 110px; }

@media (max-width: 767px) { .footer_sitemap .copyright { text-align: left; margin-top: 80px; } }

/* Page Header
---------------------------------------- */
.pageHeader > .container { background-image: url(assets/images/common/bg-pageheader.svg); background-repeat: no-repeat; background-position: right 5px; background-size: auto 112%; padding-bottom: 40px; }

@media (max-width: 999px) { .pageHeader > .container { background-position: right -35% top 5px; } }

@media (max-width: 767px) { .pageHeader > .container { background-position: 60vw 5px; background-size: auto 100%; } }

.pageHeader_title { letter-spacing: 0; padding-top: 80px; padding-bottom: 40px; }

@media (max-width: 999px) { .pageHeader_title { padding-top: 60px; } }

@media (max-width: 767px) { .pageHeader_title { padding-bottom: 20px; } }

.pageHeader_title .en { color: var(--mainColor); font-size: 1.28571em; font-weight: 700; line-height: 1; margin-bottom: 20px; }

.pageHeader_title h1 { font-size: 3.85714em; line-height: 1.2; }

@media (max-width: 767px) { .pageHeader_title h1 { font-size: 2.42857em; } }

.pageHeader .breadcrumbs { width: 100%; white-space: nowrap; word-break: keep-all; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding-bottom: 0.5em; }

.pageHeader .breadcrumbs_item { display: inline-block; font-family: "Dosis", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 0.85714em; }

.pageHeader .breadcrumbs_item + li { color: rgba(0, 0, 0, 0.4); padding-left: 0.2em; }

.pageHeader .breadcrumbs_item + li::before { display: inline-block; content: '/'; margin-right: 0.4em; }

.pageHeader .breadcrumbs_item a { display: inline-block; text-decoration: underline; color: #000; padding-bottom: 1px; }

.pageHeader_visual .line { height: 190px; background: var(--mainColor); }

@media (max-width: 999px) { .pageHeader_visual .line { height: 118px; } }

.pageHeader_visual .imageBox { margin-top: -150px; }

@media (max-width: 999px) { .pageHeader_visual .imageBox { margin-top: -100px; } }

.pageHeader_visual .imageBox_image { width: 100%; height: 300px; border-radius: 20px; background-repeat: no-repeat; background-size: cover; background-position: center; }

@media (max-width: 999px) { .pageHeader_visual .imageBox_image { height: 200px; } }

.pageHeader.-colorgray > .container { background-image: url(assets/images/common/bg-pageheader-gray.svg); }

.pageHeader.-colorgray .pageHeader_title .en { color: #9E9E9E; }

.pageHeader.-colorgray .line { background: url(assets/images/common/bg-pageheader-line.svg) no-repeat left 10px center #D9DFDE; background-size: auto 70%; }

.pageHeader.-colorgray + .mainContents_content { background-image: url(assets/images/common/bg-content-gray.svg); }

.pageHeader.-colorgreen > .container { background-image: url(assets/images/common/bg-pageheader-green.svg); }

.pageHeader.-colorgreen .pageHeader_title .en { color: var(--pointColor); }

.pageHeader.-colorgreen .line { background: var(--pointColor); }

.pageHeader.-colorlight > .container { background-image: url(assets/images/common/bg-pageheader-light.svg); }

.pageHeader.-colorlight .pageHeader_title .en { color: var(--mainLightColor); }

.pageHeader.-colorlight .line { background: var(--mainLightColor); }

.pageHeader.-minimum > .container { background: none; padding-top: 40px; padding-bottom: 0; }

.pageHeader_backLink { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; }

@media (max-width: 999px) { .pageHeader_backLink { display: none; } }

.pageHeader_backLink i { font-size: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-right: 20px; }

/* Scroll Action
---------------------------------------- */
.scroll-fade-up { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

.scroll-fade-up.inview { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

/* トグル定義リスト
---------------------------------------- */
.toggleDefinitionList { border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.toggleDefinitionList dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: solid 1px rgba(0, 0, 0, 0.1); cursor: pointer; padding: 27px 20px; }

@media (max-width: 767px) { .toggleDefinitionList dt { padding-left: 0; padding-right: 0; } }

.toggleDefinitionList dt::after { font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\e901'; font-size: 15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); white-space: nowrap; margin: 0.25em 0 0 1em; }

.toggleDefinitionList dt.open::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.toggleDefinitionList dt.open + dd { display: block; }

.toggleDefinitionList dd { display: none; line-height: 1.6; padding: 0 63px 30px; }

@media (max-width: 767px) { .toggleDefinitionList dd { padding-left: 0; padding-right: 0; } }

/* ページング（記事ページ）
---------------------------------------- */
.singlePagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 80px; column-gap: 80px; }

@media (max-width: 767px) { .singlePagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } }

.single .singlePagination { border-top: solid 1px rgba(0, 0, 0, 0.1); padding-top: 80px; margin-top: 80px; }

@media (max-width: 767px) { .single .singlePagination { border: none; padding-top: 60px; margin-top: 0; } }

/* ページング（アーカイブ）
---------------------------------------- */
.archivePagination { border-top: solid 1px rgba(0, 0, 0, 0.1); padding-top: 60px; }

@media (max-width: 767px) { .archivePagination { border: none; padding-top: 10px; } }

.archivePagination .wp-pagenavi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.archivePagination .wp-pagenavi > * { border: none; margin: 0; }

.archivePagination .wp-pagenavi > * + * { margin-left: 10px; }

.archivePagination .wp-pagenavi .current, .archivePagination .wp-pagenavi .page { font-family: "Dosis", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; letter-spacing: 0.1em; line-height: 1; padding: 10px; }

.archivePagination .wp-pagenavi .current { background: #000; color: #fff; font-weight: 400; }

.archivePagination .wp-pagenavi .previouspostslink, .archivePagination .wp-pagenavi .nextpostslink { width: 68px; text-align: center; }

@media (hover: hover) and (pointer: fine) { .archivePagination .wp-pagenavi .previouspostslink:hover, .archivePagination .wp-pagenavi .nextpostslink:hover { opacity: .5; } }

.archivePagination .wp-pagenavi .previouspostslink { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/* ブロックエディタ用
---------------------------------------- */
.entryContent > * { margin-top: 40px; }

.entryContent > *:first-child { margin-top: 0; }

.entryContent > h2 + *, .entryContent > h3 + *, .entryContent > h4 + * { margin-top: 20px; }

.entryContent > h2 { border-bottom: solid 1px var(--mainColor); font-size: 2em; letter-spacing: 0; padding: 20px 0; margin-bottom: 20px; }

.entryContent > h3 { background: #FEF0EF; font-size: 1.5em; padding: 30px; }

.entryContent > h4 { font-size: 1.28571em; }

.entryContent p { font-size: 1.14286em; line-height: 2; letter-spacing: 0.08em; }

.entryContent .custompattern_qa h3 { position: relative; color: var(--mainActiveColor); font-size: 1.5em; letter-spacing: 0.08em; padding-left: 30px; margin-bottom: 20px; }

.entryContent .custompattern_qa h3::before { position: absolute; top: 0; left: 0; content: 'Q.'; font-family: "Dosis", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; }

.entryContent .custompattern_staff { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; }

.entryContent .custompattern_staff + h2 { padding-top: 40px; }

.entryContent .custompattern_staff .wp-block-column:first-of-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; -ms-flex-preferred-size: 150px !important; flex-basis: 150px !important; }

.entryContent .custompattern_staff .wp-block-column:first-of-type .wp-block-image { margin: 0; }

.entryContent .custompattern_staff .wp-block-column:first-of-type img { width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; }

.entryContent .custompattern_staff .wp-block-column:last-of-type { -ms-flex-preferred-size: calc(100% - 150px) !important; flex-basis: calc(100% - 150px) !important; padding-top: 1em; margin-left: 50px; }

.top { /* visual ---------------------------------------- */ /* we do ---------------------------------------- */ /* livers ---------------------------------------- */ /* news ---------------------------------------- */ /* media ---------------------------------------- */ }

.topVisual_title { background: url(assets/images/top/decoration01.svg) no-repeat right 80px top 20px; background-size: 38% auto; padding: 60px 0; }

@media (max-width: 999px) { .topVisual_title { background-size: auto 100%; } }

@media (max-width: 767px) { .topVisual_title { background-position: 50px 20px; background-size: auto 120%; padding: 40px 0; } }

.topVisual_title .desvg { width: 56.9%; max-width: 729px; opacity: .3; -webkit-transform: translateX(-36px); transform: translateX(-36px); }

@media (max-width: 1249px) { .topVisual_title .desvg { -webkit-transform: translateX(-18px); transform: translateX(-18px); } }

@media (max-width: 767px) { .topVisual_title .desvg { width: 84vw; max-width: 500px; -webkit-transform: none; transform: none; } }

.topVisual_title .desvg path { fill: #D9DFDE; }

.topVisual_title p { color: #D9DFDE; font-size: 2.28571em; font-weight: 700; opacity: .3; padding-left: 60px; margin-top: 40px; }

@media (max-width: 767px) { .topVisual_title p { font-size: 1.57143em; padding-left: 0; margin-top: 20px; } }

@media (max-width: 767px) { .topWeDo > .container { padding: 0; } }

.topWeDo_inner { position: relative; background: rgba(234, 197, 177, 0.8); background-size: 56.4% auto; border-radius: 20px; overflow: hidden; padding: 120px; }

@media (max-width: 1249px) { .topWeDo_inner { padding-left: 60px; padding-right: 60px; } }

@media (max-width: 999px) { .topWeDo_inner { padding: 60px 40px 67px; } }

@media (max-width: 767px) { .topWeDo_inner { border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 60px var(--sidePadding); } }

.topWeDo_inner::before { content: ''; position: absolute; left: -6.5%; bottom: -6.5%; display: block; width: 300%; height: 300%; background: #EAC5B1; border-radius: 50%; }

.topWeDo_inner::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: url(assets/images/top/decoration02.svg) no-repeat right 83px top 109px; background-size: 56.4% auto; }

@media (max-width: 999px) { .topWeDo_inner::after { background-position: 30px 40px; background-size: 93% auto; } }

.topWeDo_inner > * { position: relative; z-index: 2; }

.topWeDo_row1 .column.-col1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.topWeDo_row1 .column.-col1 .cTitle { margin-bottom: 60px; }

@media (max-width: 767px) { .topWeDo_row1 .column.-col1 .cTitle { margin-bottom: 40px; } }

.topWeDo_row1 .column.-col1 .cTitle .en { margin-bottom: 40px; }

@media (max-width: 767px) { .topWeDo_row1 .column.-col1 .cTitle .en { margin-bottom: 10px; } }

.topWeDo_row1 .column.-col2 { width: 32%; margin-left: 1rem; }

@media (max-width: 999px) { .topWeDo_row1 .column.-col2 { width: 100%; margin: 0 0 15px; }
  .topWeDo_row1 .column.-col2 img { width: 100%; } }

.topWeDo_lead p { color: #fff; font-size: 1.14286em; font-weight: 700; line-height: 2.5; margin-bottom: 2.2em; }

.topWeDo_lead p:last-of-type { font-size: 1.28571em; }

.topWeDo_charm { padding-top: 25px; margin-bottom: 110px; }

@media (max-width: 999px) { .topWeDo_charm { margin-bottom: 70px; } }

@media (max-width: 767px) { .topWeDo_charm { margin-bottom: 10px; } }

.topWeDo_charm h3 { color: #fff; font-size: 1.14286em; margin-bottom: 22px; }

.topWeDo_charm ol { max-width: 640px; counter-reset: num; margin-bottom: 40px; }

@media (max-width: 767px) { .topWeDo_charm ol { margin-bottom: 20px; } }

.topWeDo_charm ol li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; width: auto; background: #fff; border-radius: 40px; color: var(--mainActiveColor); font-weight: 700; counter-increment: num; padding: 4px 40px 4px 3px; margin-bottom: 20px; }

@media (max-width: 767px) { .topWeDo_charm ol li { padding: 10px 30px 10px 13px; } }

.topWeDo_charm ol li::before { display: inline-block; width: 36px; line-height: 36px; content: counter(num); background: var(--mainActiveColor); border-radius: 50%; text-align: center; color: #fff; font-size: 1.14286em; }

.topWeDo_charm ol li span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.topWeDo_charm .button { width: 400px; }

@media (max-width: 767px) { .topWeDo_charm .button { width: 100%; } }

.topWeDo #what_liver { padding-top: 30px; }

.topWeDo_whatis { background: #fff; border-radius: 10px; padding: 60px; }

@media (max-width: 999px) { .topWeDo_whatis { padding: 60px var(--sidePadding) 40px; } }

.topWeDo_whatis > .row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 18px; column-gap: 18px; margin-top: 30px; }

@media (max-width: 999px) { .topWeDo_whatis > .row { row-gap: 40px; } }

.topWeDo_whatis .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.topWeDo_whatis .column h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.14286em; margin-bottom: 20px; }

.topWeDo_whatis .column h3::before { content: ''; display: block; width: 4px; height: 1.1em; background: var(--mainColor); border-radius: 30px; margin-right: 10px; }

.topWeDo_whatis .column p { margin-bottom: 20px; }

.topWeDo_whatis .column img { width: 100%; border-radius: 10px; margin-top: auto; }

.topLivers { position: relative; overflow: hidden; padding: 180px 0; }

@media (max-width: 999px) { .topLivers { padding: 120px 0; } }

@media (max-width: 767px) { .topLivers { padding: 53px 0 80px; } }

.topLivers_head { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 767px) { .topLivers_head { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.topLivers_head .cTitle .en { margin-bottom: 20px; }

@media (max-width: 767px) { .topLivers_head .cTitle .en { margin-bottom: 10px; } }

.topLivers_list { position: relative; padding: 60px 0 40px; }

@media (max-width: 767px) { .topLivers_list { padding: 40px 0 20px; }
  .topLivers_list + .button { position: relative; z-index: 10; } }

.topLivers_list::before { content: ''; position: absolute; top: 12px; left: -25px; right: -33px; bottom: 7px; background: url(assets/images/top/decoration03.svg) no-repeat center; background-size: contain; pointer-events: none; z-index: 5; }

@media (max-width: 767px) { .topLivers_list::before { top: 32px; left: -20px; right: -20px; bottom: -74px; background-position: left top; background-size: auto 100%; } }

@media (max-width: 999px) { .topLivers_list .swiper { margin-right: -30px; } }

@media (max-width: 767px) { .topLivers_list .swiper { margin-right: -20px; } }

.topLivers_list .liver_list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0; }

@media (max-width: 999px) { .topLivers_list .liver_list { -webkit-column-gap: 0; column-gap: 0; } }

@media (max-width: 999px) { .topLivers_list .liver_list_item { width: 273px; } }

.topLivers_list .liver_list_item img { height: 484px; }

.topLivers_posts { border: solid 1px rgba(0, 0, 0, 0.1); padding: 40px 0; margin-bottom: 40px; }

@media (max-width: 999px) { .topLivers_posts { padding: 40px; } }

@media (max-width: 999px) { .topLivers_posts { border-width: 1px 0; padding: 40px 0; } }

@media (max-width: 767px) { .topLivers_posts { margin-top: 60px; } }

.topLivers_posts .column { width: 100%; padding: 0 40px; }

@media (max-width: 999px) { .topLivers_posts .column { padding: 0; } }

.topLivers_posts .column.-col1 { border-right: solid 1px rgba(0, 0, 0, 0.1); }

@media (max-width: 999px) { .topLivers_posts .column.-col1 { border-right: none; border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding-bottom: 40px; margin-bottom: 40px; } }

.topLivers_posts li { margin-top: 20px; }

.topLivers_posts li a { display: -ms-grid; display: grid; -ms-grid-columns: 132px 1fr; grid-template-columns: 132px 1fr; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 10px; }

@media (max-width: 767px) { .topLivers_posts li a { display: block; } }

@media (hover: hover) and (pointer: fine) { .topLivers_posts li a:hover { opacity: .5; }
  .topLivers_posts li a:hover .thumbnail img { -webkit-transform: scale(1.1); transform: scale(1.1); } }

.topLivers_posts li a .thumbnail { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 3 / 2; position: relative; width: 100%; height: 74px; overflow: hidden; border-radius: 10px; }

@media (max-width: 767px) { .topLivers_posts li a .thumbnail { height: 50.1333vw; margin-bottom: 20px; } }

.topLivers_posts li a .thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .2s; transition: all .2s; margin: auto; }

.topLivers_posts li a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 767px) { .topLivers_posts li a p { white-space: normal; overflow: visible; } }

.topLivers_posts li a .title { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 2 / 3; -ms-flex-item-align: end; align-self: flex-end; font-weight: 700; }

.topLivers_posts li a .excerpt { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 2 / 2 / 3 / 3; color: rgba(0, 0, 0, 0.5); }

@media (max-width: 999px) { .topLivers_posts li a .excerpt { display: none; } }

.topLivers_bigButton { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; background: url(assets/images/top/decoration04.svg) no-repeat left 96px top 15px var(--pointColor); background-size: auto calc(100% - 15px); border-radius: 10px; font-size: 1.14286em; font-weight: 700; letter-spacing: 0; padding: 40px; }

@media (max-width: 767px) { .topLivers_bigButton { background-position: 15px 15px; font-size: 1em; padding-left: 20px; padding-right: 20px; } }

.topLivers_bigButton i { font-size: 40px; -webkit-transition: all .2s; transition: all .2s; }

@media (hover: hover) and (pointer: fine) { .topLivers_bigButton:hover i { -webkit-transform: translateX(10px); transform: translateX(10px); } }

.topNews { background: #FAFAFA; padding: 60px 0; }

@media (max-width: 767px) { .topNews { padding: 40px 0 0; } }

.topNews_inner { background: #fff; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 60px; }

@media (max-width: 999px) { .topNews_inner { padding: 40px 40px 60px; } }

@media (max-width: 767px) { .topNews_inner { padding: 40px 20px; } }

.topNews .cTitle { text-align: center; margin-bottom: 10px; }

@media (max-width: 767px) { .topNews .cTitle { text-align: left; } }

.topNews .news_posts { margin-bottom: 50px; }

@media (max-width: 767px) { .topNews .news_posts { margin-bottom: 10px; }
  .topNews .news_posts .title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } }

.topMedia { padding: 60px 0 140px; }

@media (max-width: 767px) { .topMedia { background: #FAFAFA; padding: 20px 0 80px; } }

@media (max-width: 767px) { .topMedia_inner { background: #fff; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 10px; padding: 40px var(--sidePadding); }
  .topMedia_inner img { width: 80vw; max-width: 400px; margin-top: 20px; } }

.topMedia_list { width: 100%; overflow: hidden; margin-top: 40px; }

@media (max-width: 999px) { .topMedia_list { padding: 0 var(--sidePadding); } }

.topMedia_list img { width: 82.2vw; -webkit-animation: mediaslide 30s 2s linear infinite; animation: mediaslide 30s 2s linear infinite; }

@media (max-width: 999px) { .topMedia_list img { width: 130vw; max-width: none; } }

@-webkit-keyframes mediaslide { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }

@keyframes mediaslide { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }

/* Footer
---------------------------------------- */
@media (max-width: 767px) { .top .footer { margin-top: 80px; } }

:root { --color-ocher: #c6ac1b; --color-red: #ce152f; }

body { padding: 0; margin: 0; }

.main__dummy { height: 100vh; }

.kv { width: 100%; height: 710px; margin: auto; background: #fff7f1; border-radius: 20px; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 1392px) { .kv { height: 50.8vw; } }

@media screen and (max-width: 768px) { .kv { width: calc(100% - 18px); margin: auto; height: 160vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 20px; } }

.kv::before { content: ""; width: 100%; height: 40%; background: #f2dad3; position: absolute; left: 0; bottom: 0; z-index: 1; }

@media screen and (max-width: 768px) { .kv::before { height: 38%; } }

.kv__main { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 83%; height: 68%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; gap: 20px; list-style: none; margin: auto; position: relative; z-index: 5; padding: 0; margin: 0; }

@media screen and (max-width: 768px) { .kv__main { width: 77%; height: 75%; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 10px; } }

.kv__main li { opacity: 0; }

.kv__main li:nth-child(1) { position: relative; -webkit-transform: rotate(0deg) translate(0vw, 30%); transform: rotate(0deg) translate(0vw, 30%); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transition-delay: 0s; transition-delay: 0s; }

.kv__main li:nth-child(1).active { opacity: 1; -webkit-transform: rotate(0deg) translate(0%, 0%); transform: rotate(0deg) translate(0%, 0%); }

.kv__main li:nth-child(1) .kv-parent .front { background: #f6d5c2; }

.kv__main li:nth-child(2) { -webkit-transform: rotate(0deg) translate(0vw, 30%); transform: rotate(0deg) translate(0vw, 30%); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

.kv__main li:nth-child(2).active { opacity: 1; -webkit-transform: rotate(0deg) translate(0%, 0%); transform: rotate(0deg) translate(0%, 0%); }

.kv__main li:nth-child(2) .kv-parent > div { background: #f69b91; transition-delay: 0.15s; -webkit-transition-delay: 0.15s; }

.kv__main li:nth-child(3) { -webkit-transform: rotate(0deg) translate(0vw, 30%); transform: rotate(0deg) translate(0vw, 30%); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.kv__main li:nth-child(3).active { opacity: 1; -webkit-transform: rotate(0deg) translate(0%, 0%); transform: rotate(0deg) translate(0%, 0%); }

.kv__main li:nth-child(3) .kv-parent .front { background: #93e4d6; }

.kv__main li:nth-child(3) .kv-parent > div { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }

.kv__main li:nth-child(4) { -webkit-transform: rotate(0deg) translate(0vw, 30%); transform: rotate(0deg) translate(0vw, 30%); -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }

.kv__main li:nth-child(4).active { opacity: 1; -webkit-transform: rotate(0deg) translate(0%, 0%); transform: rotate(0deg) translate(0%, 0%); }

.kv__main li:nth-child(4) .kv-parent .front { background: #d9dfde; }

.kv__main li:nth-child(4) .kv-parent > div { transition-delay: 0.45s; -webkit-transition-delay: 0.45s; }

.kv__main li .kv-parent { position: relative; width: 100%; height: 100%; }

.kv__main li .kv-parent > div { border-radius: 20px; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform 1s cubic-bezier(0.34, 1.56, 0.64, 1); transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1); transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1), -webkit-transform 1s cubic-bezier(0.34, 1.56, 0.64, 1); -webkit-transition: -webkit-transform 1s cubic-bezier(0.34, 1.56, 0.64, 1); -webkit-transform-origin: center center 0; transform-origin: center center 0; -webkit-box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 768px) { .kv__main li .kv-parent > div { -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); } }

.kv__main li .kv-parent .flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.kv__main li .kv-parent .flipped2 { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.kv__main li .kv-parent .photo { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.kv__main li .kv-parent .logo { position: absolute; top: 50%; left: 50%; height: 11%; width: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media screen and (max-width: 768px) { .kv__main li .kv-parent .logo { height: 13%; width: auto; } }

.kv__main li .kv-parent .front { border-radius: 20px; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }

.kv__main li .kv-parent.active1 .front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.kv__main li .kv-parent.active1 .flipped { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }

.kv__main li .kv-parent.active2 .front { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.kv__main li .kv-parent.active2 .flipped { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.kv__main li .kv-parent.active2 .flipped2 { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); }

.kv__copy { position: absolute; left: 4.4%; bottom: 8%; font-style: normal; font-weight: 700; font-size: 54px; line-height: 130%; letter-spacing: 0.06em; color: #ffffff; text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2); z-index: 10; }

@media screen and (max-width: 1392px) { .kv__copy { font-size: 3.9vw; } }

@media screen and (max-width: 768px) { .kv__copy { font-size: 9.2vw; left: 5%; bottom: 5.3%; } }

.kv__txt--head { position: absolute; left: 4%; top: 5%; font-family: "Dosis"; font-style: normal; font-weight: 700; font-size: 12px; line-height: 150%; letter-spacing: 0.05em; color: #ffffff; z-index: 10; }

@media screen and (max-width: 768px) { .kv__txt--head { font-size: 10px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; left: 4%; top: 3.5%; }
  .kv__txt--head br { display: none; } }

.kv__txt--scroll { position: absolute; width: 16px; height: 104px; left: 1.5%; bottom: 9%; z-index: 10; line-height: 100%; text-align: right; }

@media screen and (max-width: 768px) { .kv__txt--scroll { height: 94px; left: auto; bottom: 9%; right: 4%; } }

.kv__txt--scroll span { font-family: "Dosis"; font-style: normal; font-weight: 600; font-size: 14px; letter-spacing: 0.05em; color: #ffffff; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }

@media screen and (max-width: 768px) { .kv__txt--scroll span { font-size: 12px; } }

.kv__txt--scroll div { display: block; width: 100%; height: 50px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; overflow: hidden; }

.kv__txt--scroll div i { width: 100%; height: 50px; display: block; -webkit-animation: scroll-move; animation: scroll-move; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-delay: -0.7s; animation-delay: -0.7s; position: absolute; top: 0%; left: 0%; }

.kv__txt--scroll div i img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }

.kv__bg--img { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; right: -2%; bottom: 2%; z-index: 1; }

@media screen and (max-width: 768px) { .kv__bg--img { right: 1%; bottom: 8%; } }

.kv__bg--side { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 100%; position: absolute; width: 25.5%; left: 0px; top: 0px; background: #f9bab5; z-index: 2; overflow: hidden; }

@media screen and (max-width: 768px) { .kv__bg--side { width: 32.5%; } }

.kv__bg--side::before { content: ""; position: absolute; width: 335%; height: 320%; border-radius: 50%; left: -25px; bottom: -12%; z-index: 0; background: #f8b2ad; -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); }

.kv__deco { width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; }

.kv__deco div { position: absolute; z-index: 5; }

.kv__deco div i { opacity: 0; display: block; width: 100%; height: 100%; }

.kv__deco div i span { display: block; width: 100%; height: 100%; -webkit-transform-origin: center center 0; transform-origin: center center 0; }

.kv__deco div:nth-child(1) { width: 30px; height: 30px; left: 7%; top: 33%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(1) { width: 5vw; height: 5vw; left: 9.5%; top: -1%; } }

.kv__deco div:nth-child(1) i { -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }

.kv__deco div:nth-child(1) i span { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 23" style="enable-background:new 0 0 31.5 23;" xml:space="preserve"><path class="st0" d="M28.4,0C26.2,0,25,1.2,25,3.7l0,3.2c0,6.7-3,10-9.2,10c-6.2,0-9.2-3.3-9.2-10l0-3.2c0-2.5-1.3-3.7-3.4-3.6 C1.3,0.1,0,1.1,0,3.6l0,4.2c0,3.8,0.9,7.4,3.1,9.8C5.4,20.2,9,23,15.7,23c6.7,0,10.4-2.7,12.7-5.3c2.2-2.4,3.1-6,3.1-9.8l0-4.2 C31.5,1.2,30.2,0.1,28.4,0L28.4,0z" fill="%23F2BFFF"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 14s linear infinite deco-rotation; animation: 14s linear infinite deco-rotation; }

.kv__deco div:nth-child(2) { width: 16px; height: 16px; left: 7.5%; top: 45%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate-reverse; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(2) { width: 2.8vw; height: 2.8vw; left: 9.8%; top: 8%; } }

.kv__deco div:nth-child(2) i { -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: rotate(-140deg); transform: rotate(-140deg); }

.kv__deco div:nth-child(2) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23FF6021"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 11s linear infinite deco-rotation; animation: 11s linear infinite deco-rotation; }

.kv__deco div:nth-child(3) { width: 25px; height: 25px; left: 6.5%; top: 48%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; animation-direction: alternate-reverse; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(3) { width: 4.3vw; height: 4.3vw; left: 8.3%; top: 12%; } }

.kv__deco div:nth-child(3) i { -webkit-transform: rotate(-120deg); transform: rotate(-120deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(3) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%234A81F4"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 11s linear infinite deco-rotation; animation: 11s linear infinite deco-rotation; }

.kv__deco div:nth-child(4) { width: 29px; height: 29px; left: 7%; bottom: 12%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(4) { width: 5vw; height: 5vw; left: 11%; top: 37%; } }

.kv__deco div:nth-child(4) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(4) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23EDBED1"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 12s linear infinite deco-rotation; animation: 12s linear infinite deco-rotation; }

.kv__deco div:nth-child(5) { width: 23px; height: 23px; left: 29%; top: 10%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(5) { width: 4vw; height: 4vw; left: auto; right: 5%; top: 5%; } }

.kv__deco div:nth-child(5) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(5) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%23D588E6"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; }

.kv__deco div:nth-child(6) { width: 21px; height: 21px; left: 30%; top: 15%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(6) { width: 3.8vw; height: 3.8vw; left: auto; right: 3%; top: 12%; } }

.kv__deco div:nth-child(6) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(6) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%23BFE4FF"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; }

.kv__deco div:nth-child(7) { width: 32px; height: 27px; left: 28.5%; top: 25%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(7) { width: 4.2vw; height: 4.2vw; left: auto; right: 7%; top: 16%; } }

.kv__deco div:nth-child(7) i { -webkit-transform: rotate(20deg); transform: rotate(20deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(7) i span { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 23" style="enable-background:new 0 0 31.5 23;" xml:space="preserve"><path class="st0" d="M28.4,0C26.2,0,25,1.2,25,3.7l0,3.2c0,6.7-3,10-9.2,10c-6.2,0-9.2-3.3-9.2-10l0-3.2c0-2.5-1.3-3.7-3.4-3.6 C1.3,0.1,0,1.1,0,3.6l0,4.2c0,3.8,0.9,7.4,3.1,9.8C5.4,20.2,9,23,15.7,23c6.7,0,10.4-2.7,12.7-5.3c2.2-2.4,3.1-6,3.1-9.8l0-4.2 C31.5,1.2,30.2,0.1,28.4,0L28.4,0z" fill="%23FFF347"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 11s linear infinite deco-rotation; animation: 11s linear infinite deco-rotation; }

.kv__deco div:nth-child(9) { width: 32px; height: 27px; left: 27%; top: 45%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 1s; animation-delay: 1s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(9) { width: 3.8vw; height: 3.8vw; left: auto; right: 10%; top: 32%; } }

.kv__deco div:nth-child(9) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(9) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%231AB4B9"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 14s linear infinite deco-rotation; animation: 14s linear infinite deco-rotation; }

.kv__deco div:nth-child(10) { width: 22px; height: 22px; left: 29%; top: 58%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(10) { width: 3.6vw; height: 3.6vw; left: auto; right: 7%; top: 38%; } }

.kv__deco div:nth-child(10) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(10) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%234A81F4"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; }

.kv__deco div:nth-child(11) { width: 32px; height: 32px; left: 27%; top: 66%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 3.6s; animation-duration: 3.6s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(11) { width: 5vw; height: 5vw; left: auto; right: 9.5%; top: 40%; } }

.kv__deco div:nth-child(11) i { -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(11) i span { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 23" style="enable-background:new 0 0 31.5 23;" xml:space="preserve"><path class="st0" d="M28.4,0C26.2,0,25,1.2,25,3.7l0,3.2c0,6.7-3,10-9.2,10c-6.2,0-9.2-3.3-9.2-10l0-3.2c0-2.5-1.3-3.7-3.4-3.6 C1.3,0.1,0,1.1,0,3.6l0,4.2c0,3.8,0.9,7.4,3.1,9.8C5.4,20.2,9,23,15.7,23c6.7,0,10.4-2.7,12.7-5.3c2.2-2.4,3.1-6,3.1-9.8l0-4.2 C31.5,1.2,30.2,0.1,28.4,0L28.4,0z" fill="%23FFDDA3"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 11s linear infinite deco-rotation; animation: 11s linear infinite deco-rotation; }

.kv__deco div:nth-child(12) { width: 32px; height: 32px; left: 29%; bottom: 12%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 1s; animation-delay: 1s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(12) { width: 5vw; height: 5vw; left: auto; right: 5%; top: 52%; } }

.kv__deco div:nth-child(12) i { -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(12) i span { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 23" style="enable-background:new 0 0 31.5 23;" xml:space="preserve"><path class="st0" d="M28.4,0C26.2,0,25,1.2,25,3.7l0,3.2c0,6.7-3,10-9.2,10c-6.2,0-9.2-3.3-9.2-10l0-3.2c0-2.5-1.3-3.7-3.4-3.6 C1.3,0.1,0,1.1,0,3.6l0,4.2c0,3.8,0.9,7.4,3.1,9.8C5.4,20.2,9,23,15.7,23c6.7,0,10.4-2.7,12.7-5.3c2.2-2.4,3.1-6,3.1-9.8l0-4.2 C31.5,1.2,30.2,0.1,28.4,0L28.4,0z" fill="%23F2BFFF"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 12s linear infinite deco-rotation; animation: 12s linear infinite deco-rotation; }

.kv__deco div:nth-child(13) { width: 16px; height: 16px; left: 49.5%; top: 42%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(13) { width: 3vw; height: 3vw; left: 10%; top: 52%; } }

.kv__deco div:nth-child(13) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(13) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23FF6021"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 13s linear infinite deco-rotation; animation: 13s linear infinite deco-rotation; }

.kv__deco div:nth-child(14) { width: 25px; height: 25px; left: 48.5%; top: 45%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(14) { width: 5vw; height: 5vw; left: 7.5%; top: 54%; } }

.kv__deco div:nth-child(14) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(14) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23FFF347"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 11s linear infinite deco-rotation; animation: 11s linear infinite deco-rotation; }

.kv__deco div:nth-child(15) { width: 18px; height: 18px; left: 50%; top: 55%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 1s; animation-delay: 1s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(15) { width: 3.5vw; height: 3.5vw; left: 11.6%; top: 63%; } }

.kv__deco div:nth-child(15) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(15) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%23F3F7CF"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; }

.kv__deco div:nth-child(16) { width: 21px; height: 21px; left: 48.5%; top: 60%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(16) { width: 4.3vw; height: 4.3vw; left: 7.3%; top: 68%; } }

.kv__deco div:nth-child(16) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(16) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%23B5F2DE"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; }

.kv__deco div:nth-child(17) { width: 27px; height: 27px; left: 49.5%; bottom: 15%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(17) { width: 5.3vw; height: 5.3vw; left: 8.4%; bottom: 16%; } }

.kv__deco div:nth-child(17) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(17) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%23AECFE8"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; }

.kv__deco div:nth-child(18) { width: 30px; height: 30px; left: 68.5%; top: 25%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(18) { width: 5.3vw; height: 5.3vw; left: auto; right: 10%; top: 60%; } }

.kv__deco div:nth-child(18) i { -webkit-transform: rotate(130deg); transform: rotate(130deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(18) i span { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 23" style="enable-background:new 0 0 31.5 23;" xml:space="preserve"><path class="st0" d="M28.4,0C26.2,0,25,1.2,25,3.7l0,3.2c0,6.7-3,10-9.2,10c-6.2,0-9.2-3.3-9.2-10l0-3.2c0-2.5-1.3-3.7-3.4-3.6 C1.3,0.1,0,1.1,0,3.6l0,4.2c0,3.8,0.9,7.4,3.1,9.8C5.4,20.2,9,23,15.7,23c6.7,0,10.4-2.7,12.7-5.3c2.2-2.4,3.1-6,3.1-9.8l0-4.2 C31.5,1.2,30.2,0.1,28.4,0L28.4,0z" fill="%2373BEFF"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 14s linear infinite deco-rotation; animation: 14s linear infinite deco-rotation; }

.kv__deco div:nth-child(19) { width: 18px; height: 18px; left: 69.5%; bottom: 25%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 1s; animation-delay: 1s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(19) { width: 3.8vw; height: 3.8vw; left: auto; right: 8%; top: 68%; } }

.kv__deco div:nth-child(19) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(19) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%23BFE4FF"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; }

.kv__deco div:nth-child(20) { width: 16px; height: 16px; left: 71.5%; bottom: 20%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5.5s; animation-duration: 5.5s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(20) { width: 3vw; height: 3vw; left: auto; right: 2%; bottom: 26%; } }

.kv__deco div:nth-child(20) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(20) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23FF9B66"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 12s linear infinite deco-rotation; animation: 12s linear infinite deco-rotation; }

.kv__deco div:nth-child(21) { width: 23px; height: 23px; left: 67.5%; bottom: 13%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

@media screen and (max-width: 768px) { .kv__deco div:nth-child(21) { width: 4.5vw; height: 4.5vw; left: auto; right: 12%; bottom: 17%; } }

.kv__deco div:nth-child(21) i { -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.kv__deco div:nth-child(21) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23F2BFFF"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 13s linear infinite deco-rotation; animation: 13s linear infinite deco-rotation; }

@media screen and (min-width: 769px) { .kv__deco div:nth-child(22) { width: 19px; height: 19px; right: 7.5%; top: 43%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
  .kv__deco div:nth-child(22) i { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .kv__deco div:nth-child(22) i span { background-image: url('data:image/svg+xml;utf8,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.6115 0C6.04675 0 0.719238 5.34207 0.719238 11.8923C0.719238 18.4425 6.04675 23.7846 12.6115 23.7846C19.1763 23.7846 24.5038 18.4425 24.5038 11.8923C24.5038 5.34207 19.1617 0 12.6115 0Z" fill="%23E0AC89"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; } }

@media screen and (min-width: 769px) { .kv__deco div:nth-child(23) { width: 23px; height: 23px; right: 6.5%; top: 48%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
  .kv__deco div:nth-child(23) i { -webkit-transform: rotate(10deg); transform: rotate(10deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .kv__deco div:nth-child(23) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23FF6021"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 11s linear infinite deco-rotation; animation: 11s linear infinite deco-rotation; } }

@media screen and (min-width: 769px) { .kv__deco div:nth-child(24) { width: 29px; height: 29px; right: 7%; top: 50%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
  .kv__deco div:nth-child(24) i { -webkit-transform: rotate(20deg); transform: rotate(20deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .kv__deco div:nth-child(24) i span { background-image: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1121 1.87035C16.7337 1.259 16.1369 0.851427 15.4091 0.662199C14.7104 0.502082 13.968 0.633095 13.3712 1.01155L1.26058 8.66802C0.649227 9.06103 0.227102 9.65784 0.0669855 10.3711C-0.0931309 11.0843 0.0378734 11.8121 0.41633 12.4235L8.05825 24.5195C8.43671 25.1163 9.03351 25.5385 9.71764 25.7131H9.76131C9.90687 25.7568 10.0524 25.7714 10.198 25.7859C10.7657 25.815 11.3334 25.6695 11.8137 25.3638L23.9098 17.7219C25.1762 16.9213 25.5546 15.2474 24.754 13.981L17.1121 1.88491V1.87035Z" fill="%23EDBED1"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 13s linear infinite deco-rotation; animation: 13s linear infinite deco-rotation; } }

@media screen and (min-width: 769px) { .kv__deco div:nth-child(25) { width: 32px; height: 32px; right: 6%; bottom: 12%; -webkit-animation: deco-move; animation: deco-move; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }
  .kv__deco div:nth-child(25) i { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation: 2s ease-out deco-fade-in; animation: 2s ease-out deco-fade-in; -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
  .kv__deco div:nth-child(25) i span { background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 31.5 23" style="enable-background:new 0 0 31.5 23;" xml:space="preserve"><path class="st0" d="M28.4,0C26.2,0,25,1.2,25,3.7l0,3.2c0,6.7-3,10-9.2,10c-6.2,0-9.2-3.3-9.2-10l0-3.2c0-2.5-1.3-3.7-3.4-3.6 C1.3,0.1,0,1.1,0,3.6l0,4.2c0,3.8,0.9,7.4,3.1,9.8C5.4,20.2,9,23,15.7,23c6.7,0,10.4-2.7,12.7-5.3c2.2-2.4,3.1-6,3.1-9.8l0-4.2 C31.5,1.2,30.2,0.1,28.4,0L28.4,0z" fill="%23FFF347"/></svg>'); background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-animation: 14s linear infinite deco-rotation; animation: 14s linear infinite deco-rotation; } }

@-webkit-keyframes scroll-move { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(100%); transform: translateY(100%); } }

@keyframes scroll-move { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% { -webkit-transform: translateY(100%); transform: translateY(100%); } }

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

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

@-webkit-keyframes deco-fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes deco-fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes deco-move { 0% { -webkit-transform: translateY(130%); transform: translateY(130%); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

@keyframes deco-move { 0% { -webkit-transform: translateY(130%); transform: translateY(130%); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

@-webkit-keyframes card-fade-up { 0% { -webkit-transform: translateY(50px); transform: translateY(50px);
    opacity: 0; }
  30% { opacity: 1; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@keyframes card-fade-up { 0% { -webkit-transform: translateY(50px); transform: translateY(50px);
    opacity: 0; }
  30% { opacity: 1; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

/* YOUPACEの魅力
---------------------------------------- */
.page.about .pageHeader_visual .imageBox_image { background-image: url(assets/images/about/pageheader.jpg); }

@media (max-width: 999px) { .page.about .pageHeader_visual .imageBox_image { background-image: url(assets/images/about/pageheader_s.jpg); } }

.page.about .pickup { background: #fff; padding: 0; margin-bottom: 60px; }

@media screen and (max-width: 768px) { .page.about .pickup { margin-bottom: 80px; } }

.page.about .pickup .title { color: var(--mainColor); margin-bottom: 20px; }

@media screen and (max-width: 768px) { .page.about .pickup .title { margin-bottom: 10px; } }

@media (max-width: 849px) { .page.about .pickup .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.page.about .pickup ul { gap: 10px; }

.page.about .pickup ul li { width: 100%; }

.page.about .pickup ul li .button { width: 100%; background-color: var(--mainColor); background-position: center; background-size: cover; border-radius: 10px; padding: 1.65em 40px 1.65em 30px; }

.page.about .pickup ul li:nth-of-type(1) .button { background-image: url(assets/images/about/bg-banner01.jpg); }

.page.about .pickup ul li:nth-of-type(2) .button { background-image: url(assets/images/about/bg-banner02.jpg); background-position: center top; }

.page.about section { padding-top: 120px; padding-bottom: 120px; }

@media (max-width: 999px) { .page.about section { padding-top: 80px; padding-bottom: 80px; } }

.page.about section + section { border-top: solid 1px rgba(0, 0, 0, 0.1); }

.page.about section .cTitle { margin-bottom: 60px; }

.page.about section .cTitle + h3 { font-size: 1.71429em; margin-bottom: 40px; }

@media screen and (max-width: 768px) { .page.about section .cTitle + h3 { font-size: 1.14286em; margin-bottom: 20px; } }

.page.about .interview_list { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 60px; }

@media screen and (max-width: 768px) { .page.about .interview_list { row-gap: 40px; } }

.page.about .interview_list_item { width: calc((100% - 40px) / 3); }

@media screen and (max-width: 768px) { .page.about .interview_list_item { width: 100%; } }

.page.about .interview_list_item .thumbnail { height: 17.5vw; max-height: 147px; }

@media screen and (max-width: 768px) { .page.about .interview_list_item .thumbnail { height: 50.1333vw; min-height: 188px; max-height: 300px; } }

.page.about .interview_list_item .title { font-size: 1.14286em; }

@media screen and (max-width: 768px) { .page.about .interview_list_item .title { font-size: 1em; } }

.page.about .s1 { padding-top: 0; }

@media (max-width: 999px) { .page.about .s1 .row { margin-bottom: 30px; } }

.page.about .s1 .row .column.-col1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 999px) { .page.about .s1 .row .column.-col1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.page.about .s1 .row .column.-col2 { width: 32%; margin-left: 1rem; }

.page.about .s1 .row .column.-col2 img { border-radius: 20px; }

@media (max-width: 999px) { .page.about .s1 .row .column.-col2 { width: 100%; margin: 0 0 20px; }
  .page.about .s1 .row .column.-col2 img { width: 100%; } }

.page.about .s1_lead p { line-height: 2.5; margin-bottom: 2.2em; }

.page.about .s1_about h3 { font-size: 1.14286em; margin-bottom: 3px; }

.page.about .s1_about ol { max-width: 478px; counter-reset: num; margin-bottom: 40px; }

.page.about .s1_about ol li { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; font-weight: 700; counter-increment: num; padding: 20px 0; }

.page.about .s1_about ol li + li::after { content: ''; position: absolute; left: 55px; right: 0; top: 0; display: block; height: 1px; background: rgba(0, 0, 0, 0.1); }

.page.about .s1_about ol li::before { display: inline-block; width: 36px; line-height: 36px; content: counter(num); background: var(--mainColor); border-radius: 50%; text-align: center; color: #fff; font-family: "Dosis", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 1.14286em; margin-right: 20px; }

.page.about .s1_about ol li span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.page.about .s1_about .button { width: 400px; }

@media screen and (max-width: 768px) { .page.about .s1_about .button { width: 100%; } }

.page.about .s2 .row .column.-col1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (max-width: 999px) { .page.about .s2 .row .column.-col1 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

.page.about .s2 .row .column.-col2 { width: 32%; margin-left: 1rem; }

.page.about .s2 .row .column.-col2 img { border-radius: 20px; }

@media (max-width: 999px) { .page.about .s2 .row .column.-col2 { width: 100%; margin: 0 0 20px; }
  .page.about .s2 .row .column.-col2 img { width: 100%; } }

.page.about .s2 ol li { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 2.4; }

.page.about .s2 ol li > span { white-space: nowrap; }

.page.about .s3 .interview_list p { display: none; }

.page.about .s4_boxs { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: max-content; grid-template-rows: -webkit-max-content; grid-template-rows: max-content; grid-column-gap: 20px; grid-row-gap: 20px; }

@media screen and (max-width: 768px) { .page.about .s4_boxs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } }

.page.about .s4_boxs .box { text-align: center; }

.page.about .s4_boxs .box.-box1 { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1 / 1 / 2 / 3; }

.page.about .s4_boxs .box.-box1 p:last-of-type { margin-top: 10px; }

.page.about .s4_boxs .box.-box2 { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 2 / 1 / 3 / 2; }

.page.about .s4_boxs .box.-box2 ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 20px; max-width: 310px; }

@media screen and (max-width: 768px) { .page.about .s4_boxs .box.-box2 ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; }
  .page.about .s4_boxs .box.-box2 ul li:last-child em { padding-left: 0.3em; } }

.page.about .s4_boxs .box.-box3 { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 3 / 1 / 4 / 2; }

.page.about .s4_boxs .box.-box3 dd { padding-bottom: 30px; }

.page.about .s4_boxs .box.-box3 p:last-of-type { margin-top: 10px; }

.page.about .s4_boxs .box.-box4 { -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 2 / 2 / 4 / 3; }

.page.about .s4_boxs .box.-box4 ul { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 30px; -webkit-column-gap: 20px; column-gap: 20px; max-width: 250px; padding-top: 10px; margin-bottom: 30px; }

.page.about .s4_boxs .box.-box5 { -ms-grid-row: 4; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 4 / 1 / 5 / 2; }

.page.about .s4_boxs .box.-box5 li { margin-bottom: 20px; }

@media screen and (max-width: 768px) { .page.about .s4_boxs .box.-box5 em { font-size: 5.71429em !important; }
  .page.about .s4_boxs .box.-box5 p + p { margin-top: 10px; } }

.page.about .s4_boxs .box.-box6 { -ms-grid-row: 4; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 4 / 2 / 5 / 3; }

.page.about .s4_boxs .box.-box6 li { margin-bottom: 20px; }

.page.about .s4_boxs .box dt { line-height: 55px; font-size: 1.07143em; border-radius: 10px 10px 0 0; }

.page.about .s4_boxs .box dd { border: solid 1px rgba(0, 0, 0, 0.1); border-width: 0 1px 1px; border-radius: 0 0 10px 10px; font-weight: 700; padding: 20px 0 40px; }

.page.about .s4_boxs .box dd em { display: inline-block; font-style: normal; font-family: 'Roboto'; line-height: 1; padding: 0 0.1em 0 0.15em; }

.page.about .s4_boxs .box dd p > small { font-size: 0.71429em; font-weight: 400; line-height: 1.2; opacity: .5; }

@media screen and (max-width: 768px) { .page.about .s4_boxs .box dd p > small { font-size: 0.85714em; } }

.page.about .s4_boxs .box.-colorMain dt { background: var(--mainActiveColor); color: #fff; }

.page.about .s4_boxs .box.-colorMain em { color: var(--mainActiveColor); }

.page.about .s4_boxs .box.-colorSub dt { background: var(--pointColor); }

.page.about .s4_boxs .box.-colorSub em { color: var(--pointColor); }

.page.about .s4_boxs .box.-colorLight dt { background: var(--mainLightColor); }

.page.about .s4_boxs .box.-colorLight em { color: #EAC5B1; }

.page.about .s4_boxs .box.-l em { font-size: 5.71429em; }

.page.about .s4_boxs .box.-m em { font-size: 2.85714em; }

.page.about .s4_boxs .box.-m em.s { font-size: 1.71429em; color: #000; }

.page.about .s4_zadankai { padding-top: 60px; }

.page.about .s4_zadankai h2 { font-size: 1.71429em; margin-bottom: 40px; }

@media screen and (max-width: 768px) { .page.about .s5 .cTitle .ja { font-size: 2.42857em; } }

@media screen and (max-width: 768px) { .page.about .s6 { padding-bottom: 0; } }

.page.about .s6 .row { gap: 60px; }

@media screen and (max-width: 768px) { .page.about .s6 .row { gap: 40px; } }

.page.about .s6 .row .column.-col1 { max-width: 236px; }

@media screen and (max-width: 768px) { .page.about .s6 .row .column.-col1 { max-width: 100%; } }

.page.about .s6 .row .column.-col1 img { width: 100%; border-radius: 20px; }

.page.about .s6 .row .column.-col2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.page.about .s6 .row .column.-col2 p { line-height: 2.5; margin-bottom: 2.2em; }

.page.about .s6 .row .column.-col2 p:last-child { margin-bottom: 0; }

@media screen and (max-width: 768px) { .page.about .s6 .cTitle + h3 { margin-bottom: 40px; } }

/* 企業情報
---------------------------------------- */
.page.company .hasSidebarArea_side nav li.current { color: #9E9E9E; }

.page.company section { padding-top: 120px; padding-bottom: 120px; }

@media (max-width: 999px) { .page.company section { padding-top: 80px; padding-bottom: 80px; } }

.page.company section + section { border-top: solid 1px rgba(0, 0, 0, 0.1); }

.page.company section .cTitle { margin-bottom: 60px; }

.page.company section .cTitle .en { color: #9E9E9E; }

.page.company section .cTitle + h3 { font-size: 1.71429em; margin-bottom: 40px; }

@media screen and (max-width: 768px) { .page.company section .cTitle + h3 { font-size: 1.14286em; } }

.page.company .s1 { padding-top: 0; }

.page.company .s1 .cTitle + h3 { margin-bottom: 0; }

.page.company .s2 table { table-layout: fixed; max-width: 660px; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .page.company .s2 table { margin-bottom: 30px; } }

.page.company .s2 table tr:first-of-type th, .page.company .s2 table tr:first-of-type td { padding-top: 0; }

.page.company .s2 table th, .page.company .s2 table td { padding-top: 10px; padding-bottom: 10px; }

.page.company .s2 table th { position: relative; width: 95px; }

.page.company .s2 table th::after { position: absolute; content: ':'; right: 0; }

.page.company .s2 table td { padding-left: 10px; }

.page.company .s2 iframe { width: 100%; max-width: 666px; height: 288px; }

@media screen and (max-width: 768px) { .page.company .s2 iframe { height: 38.6667vw; min-height: 145px; } }

.page.company .s3_text p, .page.company .s3_text li { max-width: 590px; line-height: 2.4; }

.page.company .s3_text p { margin-bottom: 40px; }

.page.company .s3_text ul { list-style: disc; margin-left: 1.2em; }

.page.company .s5 { padding-top: 80px; padding-bottom: 0; }

@media screen and (max-width: 768px) { .page.company .s5 { padding-top: 0; } }

.page.company .s5 .button { width: 100%; background: url(assets/images/company/bg-banner01.jpg) no-repeat center; background-size: cover; border-radius: 20px; color: #000; padding: 101px 100px 101px 40px; }

@media screen and (max-width: 768px) { .page.company .s5 .button { background-image: url(assets/images/company/bg-banner01_s.jpg); } }

.page.company .s5 .button::after { content: '\e902'; font-size: 40px; right: 36px; -webkit-transition: all .2s; transition: all .2s; }

@media (hover: hover) and (pointer: fine) { .page.company .s5 .button:hover::after { -webkit-transform: translateX(10px); transform: translateX(10px); } }

/* ライバー新規登録について
---------------------------------------- */
.page.howto .pageHeader_visual .line { background-image: url(assets/images/howto/pageheader.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 428px; }

@media (max-width: 999px) { .page.howto .pageHeader_visual .line { height: 241px; background-image: url(assets/images/howto/pageheader_s.jpg); } }

.page.howto .s1 { padding-top: 20px; }

@media screen and (max-width: 768px) { .page.howto .s1 { padding-top: 0; } }

.page.howto .s1 h2 { font-size: 1.71429em; margin-bottom: 40px; }

.page.howto .s1_step { -webkit-column-gap: 20px; column-gap: 20px; row-gap: 40px; margin-bottom: 90px; }

@media (max-width: 999px) { .page.howto .s1_step { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (max-width: 768px) { .page.howto .s1_step { margin-bottom: 40px; } }

.page.howto .s1_step li { width: 100%; }

@media (max-width: 999px) { .page.howto .s1_step li { width: calc(50% - 10px); } }

@media screen and (max-width: 768px) { .page.howto .s1_step li { width: 100%; } }

.page.howto .s1_step li .step { color: var(--mainColor); font-weight: 700; }

@media screen and (max-width: 768px) { .page.howto .s1_step li .step { font-size: 1.28571em; } }

.page.howto .s1_step li h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 63px; background: var(--pointColor); padding: 10px; margin: 10px 0 20px; }

.page.howto .s1_step li .button { width: 100%; background: #06C755; padding-right: 30px; margin-top: 20px; }

@media (hover: hover) and (pointer: fine) { .page.howto .s1_step li .button:hover { background: #1cdc6c; } }

.page.howto .s1_btns { text-align: center; }

.page.howto .s1_btns .button { background: #06C755; padding-top: 30px; padding-bottom: 30px; }

@media (hover: hover) and (pointer: fine) { .page.howto .s1_btns .button:hover { background: #1cdc6c; } }

/* Liver Archive, Single
---------------------------------------- */
.post-type-archive-liver .pageHeader_visual .imageBox_image, .single-liver .pageHeader_visual .imageBox_image { background-image: url(assets/images/liver/pageheader.jpg); }

@media (max-width: 999px) { .post-type-archive-liver .pageHeader_visual .imageBox_image, .single-liver .pageHeader_visual .imageBox_image { background-image: url(assets/images/liver/pageheader_s.jpg); } }

.post-type-archive-liver .pickup, .single-liver .pickup { background: #fff; margin-bottom: 60px; }

@media screen and (max-width: 768px) { .post-type-archive-liver .pickup, .single-liver .pickup { margin-bottom: 80px; } }

.post-type-archive-liver .pickup .title, .single-liver .pickup .title { color: var(--pointColor); margin-bottom: 20px; }

@media screen and (max-width: 768px) { .post-type-archive-liver .pickup .title, .single-liver .pickup .title { margin-bottom: 10px; } }

@media (max-width: 849px) { .post-type-archive-liver .pickup .row, .single-liver .pickup .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.post-type-archive-liver .pickup ul, .single-liver .pickup ul { gap: 10px; }

.post-type-archive-liver .pickup ul li, .single-liver .pickup ul li { width: 100%; }

.post-type-archive-liver .pickup ul li .button, .single-liver .pickup ul li .button { width: 100%; background: var(--pointColor); border-radius: 10px; color: #000; line-height: 1; padding: 33px 50px 33px 30px; }

.post-type-archive-liver .pickup ul li.current .button, .single-liver .pickup ul li.current .button { background: #EFEFEF; color: rgba(0, 0, 0, 0.3); }

.post-type-archive-liver .livers h2, .single-liver .livers h2 { font-size: 2.42857em; margin-bottom: 40px; }

@media screen and (max-width: 768px) { .post-type-archive-liver .livers h2, .single-liver .livers h2 { font-size: 1.71429em; } }

.post-type-archive-liver .livers_category .cattitle, .single-liver .livers_category .cattitle { background: #000; border-radius: 20px 20px 0px 0px; color: #fff; font-size: 1.71429em; line-height: 1; padding: 20px; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .post-type-archive-liver .livers_category .cattitle, .single-liver .livers_category .cattitle { font-size: 1.14286em; } }

.post-type-archive-liver .livers_category .liver_list, .single-liver .livers_category .liver_list { margin-bottom: 40px !important; }

.post-type-archive-liver .livers_category + .livers_loadmore, .single-liver .livers_category + .livers_loadmore { padding-top: 20px; }

@media screen and (max-width: 768px) { .post-type-archive-liver .livers_category + .livers_loadmore, .single-liver .livers_category + .livers_loadmore { padding-top: 0; } }

.post-type-archive-liver .livers_loadmore_button, .single-liver .livers_loadmore_button { width: 100%; max-width: 400px; line-height: 1; padding-top: 28px; padding-bottom: 28px; }

.post-type-archive-liver .livers_loadmore_button::after, .single-liver .livers_loadmore_button::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

@media (hover: hover) and (pointer: fine) { .post-type-archive-liver .livers_loadmore_button:hover::after, .single-liver .livers_loadmore_button:hover::after { right: 30px; } }

@media screen and (max-width: 768px) { .post-type-archive-liver .livers .liver_list, .single-liver .livers .liver_list { margin-bottom: 20px; } }

.post-type-archive-liver .liver_list_item.-topliver a::after, .single-liver .liver_list_item.-topliver a::after { position: absolute; top: 0; left: 0; content: '殿堂入り！'; display: inline-block; background: var(--mainActiveColor); border-radius: 20px 0; color: #fff; font-weight: 700; line-height: 1; padding: 15px; }

@media screen and (max-width: 768px) { .post-type-archive-liver .liver_list_item.-topliver a::after, .single-liver .liver_list_item.-topliver a::after { font-size: 0.85714em; border-radius: 10px 0; padding: 10px; } }

.liver_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; margin-bottom: 60px; }

@media screen and (max-width: 768px) { .liver_list { -webkit-column-gap: 10px; column-gap: 10px; row-gap: 20px; } }

.liver_list_item { position: relative; width: calc((100% - 60px) / 4); }

@media (max-width: 999px) { .liver_list_item { width: calc((100% - 40px) / 3); } }

@media screen and (max-width: 768px) { .liver_list_item { width: calc((100% - 10px) / 2); } }

.liver_list_item a { display: block; }

.liver_list_item a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: rgba(0, 0, 0, 0.4); border-radius: 20px; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; z-index: 2; }

@media screen and (max-width: 768px) { .liver_list_item a::before { border-radius: 10px; } }

@media (hover: hover) and (pointer: fine) { .liver_list_item a:hover::before, .liver_list_item a:hover .button { opacity: 1; } }

.liver_list_item img { width: 100%; height: 484px; border-radius: 20px; -o-object-fit: cover; object-fit: cover; }

@media screen and (max-width: 768px) { .liver_list_item img { height: 76.8vw; min-height: 288px; border-radius: 10px; } }

.liver_list_item-meta { position: absolute; left: 10px; right: 10px; bottom: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

@media screen and (max-width: 768px) { .liver_list_item-meta { left: 5px; right: 5px; bottom: 5px; } }

.liver_list_item .catchcopy, .liver_list_item .name { display: inline-block; width: auto; line-height: 1.3; font-weight: 700; }

.liver_list_item .catchcopy { background: #F6ECE4; border-radius: 5px; padding: 3px 5px; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .liver_list_item .catchcopy { font-size: 0.85714em; margin-bottom: 5px; } }

.liver_list_item .name { background: #fff; border-radius: 10px; font-size: 1.28571em; padding: 7px 10px; }

@media screen and (max-width: 768px) { .liver_list_item .name { border-radius: 5px; font-size: 1em; } }

.liver_list_item .button { position: absolute; top: 0; right: 20px; bottom: 0; left: 20px; width: auto; height: 54px; line-height: 54px; background: #fff; color: #000; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; z-index: 3; padding: 0 20px; margin: auto; }

@media screen and (max-width: 768px) { .liver_list_item .button { left: 5px; right: 5px; height: 40px; line-height: 40px; font-size: 0.78571em; padding: 0 10px; } }

.liver_list_item .button::after { right: 20px; }

@media screen and (max-width: 768px) { .liver_list_item .button::after { right: 10px; } }

/* Liver Single
---------------------------------------- */
.single-liver .liverDetail_cont { -webkit-column-gap: 60px; column-gap: 60px; margin-bottom: 60px; }

@media screen and (max-width: 768px) { .single-liver .liverDetail_cont { row-gap: 40px; margin-bottom: 0; } }

.single-liver .liverDetail_cont .column.-col1 { width: 39.1493%; max-width: 450px; }

@media screen and (max-width: 768px) { .single-liver .liverDetail_cont .column.-col1 { width: 100%; max-width: 335px; margin: 0 auto; } }

.single-liver .liverDetail_cont .column.-col2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media screen and (max-width: 768px) { .single-liver .liverDetail .singlePagination { padding-top: 33px; } }

.single-liver .liverDetail h3 { font-size: 1.71429em; line-height: 1; margin-bottom: 20px; }

.single-liver .liverDetail .image { position: relative; }

.single-liver .liverDetail .image.-topliver:before { position: absolute; top: 0; left: 0; content: '殿堂入り！'; display: inline-block; background: var(--mainActiveColor); border-radius: 20px 0; color: #fff; font-weight: 700; line-height: 1; padding: 15px; }

.single-liver .liverDetail .image img { width: 100%; border-radius: 20px; }

.single-liver .liverDetail .catchcopy { display: inline-block; background: var(--mainActiveColor); border-radius: 5px; color: #fff; font-weight: 700; padding: 1.5px 5px; margin-bottom: 20px; }

.single-liver .liverDetail .name { font-size: 2.42857em; }

.single-liver .liverDetail .tagList { margin-top: 20px; }

.single-liver .liverDetail .tagList li { display: inline-block; border: solid 1px #000; border-radius: 20px; white-space: nowrap; line-height: 1; padding: 5px 10px; }

.single-liver .liverDetail .tagList li + li { margin-left: 5px; }

.single-liver .liverDetail .meta { table-layout: fixed; margin: 35px 0 40px; }

.single-liver .liverDetail .meta th, .single-liver .liverDetail .meta td { padding: 5px 0; }

.single-liver .liverDetail .meta th { position: relative; width: 112px; }

.single-liver .liverDetail .meta th::after { position: absolute; content: ':'; right: 0; }

.single-liver .liverDetail .meta td { padding-left: 20px; }

.single-liver .liverDetail .viewButton { width: 255px; padding-right: 50px; }

.single-liver .liverDetail .snsList { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 20px; column-gap: 20px; padding-bottom: 20px; margin-top: 40px; }

.single-liver .liverDetail .snsList li { color: #e5e5e5; font-size: 1.66429em; }

.single-liver .liverDetail .snsList li:nth-of-type(2) { font-size: 1.42857em; }

.single-liver .liverDetail .snsList li a { color: #000; }

@media (hover: hover) and (pointer: fine) { .single-liver .liverDetail .snsList li a:hover { opacity: .5; } }

.single-liver .liverDetail .linkList { margin-top: 20px; }

.single-liver .liverDetail .linkList li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; }

.single-liver .liverDetail .linkList li + li { margin-top: 15px; }

.single-liver .liverDetail .linkList li a { text-decoration: underline; }

@media (hover: hover) and (pointer: fine) { .single-liver .liverDetail .linkList li a:hover { opacity: .5; } }

.single-liver .liverDetail .linkList li a i { font-size: 14px; }

.single-liver .liverDetail .profile { border-top: solid 1px rgba(0, 0, 0, 0.1); padding-top: 60px; margin-top: 40px; }

.single-liver .liverDetail .interview { margin-top: 60px; }

.single-liver .liverDetail .interview a { display: -ms-grid; display: grid; -ms-grid-columns: 132px 1fr; grid-template-columns: 132px 1fr; -ms-grid-rows: (1fr)[2]; grid-template-rows: repeat(2, 1fr); grid-column-gap: 20px; grid-row-gap: 10px; }

@media screen and (max-width: 768px) { .single-liver .liverDetail .interview a { display: block; } }

@media (hover: hover) and (pointer: fine) { .single-liver .liverDetail .interview a:hover { opacity: .5; }
  .single-liver .liverDetail .interview a:hover .thumbnail img { -webkit-transform: scale(1.1); transform: scale(1.1); } }

.single-liver .liverDetail .interview a .thumbnail { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1 / 1 / 3 / 2; position: relative; width: 100%; height: 74px; overflow: hidden; border-radius: 10px; }

@media screen and (max-width: 768px) { .single-liver .liverDetail .interview a .thumbnail { height: 50.1333vw; margin-bottom: 20px; } }

.single-liver .liverDetail .interview a .thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .2s; transition: all .2s; margin: auto; }

.single-liver .liverDetail .interview a p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (max-width: 768px) { .single-liver .liverDetail .interview a p { white-space: normal; overflow: visible; } }

.single-liver .liverDetail .interview a .title { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1 / 2 / 2 / 3; -ms-flex-item-align: end; align-self: flex-end; font-weight: 700; }

@media screen and (max-width: 768px) { .single-liver .liverDetail .interview a .title { margin-bottom: 10px; } }

.single-liver .liverDetail .interview a .excerpt { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 2 / 2 / 3 / 3; color: rgba(0, 0, 0, 0.5); }

.single-liver .liverDetail .faq { margin-top: 60px; }

.single-liver .liverDetail .faq .toggleDefinitionList { border-bottom: none; }

/* Interview Archive
---------------------------------------- */
.post-type-archive-interview .pageHeader_visual .imageBox_image { background-image: url(assets/images/interview/pageheader.jpg); }

@media (max-width: 999px) { .post-type-archive-interview .pageHeader_visual .imageBox_image { background-image: url(assets/images/interview/pageheader_s.jpg); } }

.post-type-archive-interview .mainContents_content section .cTitle { margin-bottom: 40px; }

.post-type-archive-interview .mainContents_content section .cTitle .en { color: var(--mainLightColor); font-size: 0.71429em; opacity: .8; }

.post-type-archive-interview .mainContents_content section .cTitle .ja { font-size: 1.14286em; line-height: 1; }

.post-type-archive-interview .interview_liver_inner { border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding-bottom: 60px; }

@media screen and (max-width: 768px) { .post-type-archive-interview .interview_liver_inner { padding-bottom: 40px; } }

.post-type-archive-interview .interview_staff { padding-top: 60px; }

@media screen and (max-width: 768px) { .post-type-archive-interview .interview_staff { padding-top: 40px; } }

.interview_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 40px; column-gap: 40px; row-gap: 60px; }

@media screen and (max-width: 768px) { .interview_list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 40px; } }

.interview_list_item { position: relative; width: calc((100% - 120px) / 4); }

@media (max-width: 999px) { .interview_list_item { width: calc((100% - 80px) / 3); } }

@media screen and (max-width: 768px) { .interview_list_item { width: 100%; } }

.interview_list_item a { display: block; }

@media (hover: hover) and (pointer: fine) { .interview_list_item a:hover { opacity: .5; }
  .interview_list_item a:hover .thumbnail img { -webkit-transform: scale(1.1); transform: scale(1.1); } }

.interview_list_item .thumbnail { position: relative; width: 100%; height: 17.2vw; max-height: 145px; overflow: hidden; border-radius: 10px; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .interview_list_item .thumbnail { height: 50.1333vw; min-height: 188px; max-height: 300px; } }

.interview_list_item .thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all .2s; transition: all .2s; margin: auto; }

.interview_list_item .title { letter-spacing: 0; }

.interview_list_item p { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; opacity: .5; margin-top: 10px; }

@media screen and (max-width: 768px) { .interview_list_item p { display: none; } }

/* Interview Single
---------------------------------------- */
.single-interview .entryContent > .wp-block-image { position: relative; border-radius: 20px; padding-top: 20px; margin-bottom: 60px; }

@media screen and (max-width: 768px) { .single-interview .entryContent > .wp-block-image { margin-bottom: 40px; } }

.single-interview .entryContent > .wp-block-image::before { content: ''; position: absolute; top: 20px; left: 0; width: 100%; height: 100%; background: #F9F9F9; border-radius: 20px; }

@media screen and (max-width: 768px) { .single-interview .entryContent > .wp-block-image::before { content: none; } }

.single-interview .entryContent > .wp-block-image img { position: relative; z-index: 2; }

@media screen and (max-width: 768px) { .single-interview .singlePagination .button { width: 223px; } }

/* News Archive
---------------------------------------- */
@media screen and (max-width: 768px) { .blog .mainContents_content { padding-top: 10px; } }

.news_posts_item { border-bottom: solid 1px rgba(0, 0, 0, 0.1); padding: 30px 0; }

.news_posts_item:last-of-type { border: none; }

.news_posts_item a { position: relative; display: block; padding: 0 80px 0 20px; }

@media screen and (max-width: 768px) { .news_posts_item a { padding: 0 60px 0 0; } }

@media (hover: hover) and (pointer: fine) { .news_posts_item a:hover .title { opacity: .5; }
  .news_posts_item a:hover:after { right: 10px; } }

.news_posts_item a:after { content: '\e901'; position: absolute; top: 0; right: 20px; bottom: 0; height: 1em; font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; -webkit-transition: all .2s; transition: all .2s; margin: auto; }

@media screen and (max-width: 768px) { .news_posts_item a:after { right: 0; } }

.news_posts_item.-hasLink a:after { content: '\e905'; font-size: 13px; }

.news_posts_item-meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }

.news_posts_item .category { display: inline-block; background: var(--mainColor); border-radius: 2px; line-height: 18px; color: #fff; font-size: 0.71429em; font-weight: 700; padding: 0 4px; margin-right: 10px; }

.news_posts_item .published { color: rgba(0, 0, 0, 0.4); font-size: 0.85714em; }

.news_posts_item .title { font-weight: 400; letter-spacing: 0.1em; -webkit-transition: all .2s; transition: all .2s; }

/* News Single
---------------------------------------- */
.single-post .hasSidebarArea_side .meta { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.single-post .hasSidebarArea_side h1 { width: 100%; }

.single-post .hasSidebarArea_side .category { display: inline-block; background: var(--mainColor); border-radius: 2px; line-height: 18px; color: #fff; font-size: 0.71429em; font-weight: 700; padding: 0 4px; margin-right: 10px; }

.single-post .hasSidebarArea_side .published { color: rgba(0, 0, 0, 0.8); font-size: 1em; }

/* お問い合わせフォーム
---------------------------------------- */
.form { border: solid 1px #E0E0E0; border-radius: 10px; padding: 40px 40px 60px; }

@media screen and (max-width: 768px) { .form { padding: 20px 20px 40px; } }

.form_fields { border-bottom: solid 1px #E0E0E0; padding-bottom: 20px; }

@media screen and (max-width: 768px) { .form_fields { border: none; padding-bottom: 0; } }

.form_fields_item { margin-bottom: 40px; }

.form_fields_item .title { font-weight: 700; line-height: 1; margin-bottom: 10px; }

.form_fields_item .title label.req::after { content: '※'; display: inline-block; color: #FF0606; margin-left: 10px; }

.form_fields_item input[type=text], .form_fields_item input[type=email], .form_fields_item textarea, .form_fields_item select { width: 100%; background: #fff; border: solid 1px #E0E0E0; border-radius: 5px; padding: 5.5px 10px; }

.form_fields_item input[type=text]::-webkit-input-placeholder, .form_fields_item input[type=email]::-webkit-input-placeholder, .form_fields_item textarea::-webkit-input-placeholder, .form_fields_item select::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); }

.form_fields_item input[type=text]:-ms-input-placeholder, .form_fields_item input[type=email]:-ms-input-placeholder, .form_fields_item textarea:-ms-input-placeholder, .form_fields_item select:-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); }

.form_fields_item input[type=text]::-ms-input-placeholder, .form_fields_item input[type=email]::-ms-input-placeholder, .form_fields_item textarea::-ms-input-placeholder, .form_fields_item select::-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); }

.form_fields_item input[type=text]::placeholder, .form_fields_item input[type=email]::placeholder, .form_fields_item textarea::placeholder, .form_fields_item select::placeholder { color: rgba(0, 0, 0, 0.3); }

.form_fields_item input[type=text]:focus, .form_fields_item input[type=email]:focus, .form_fields_item textarea:focus, .form_fields_item select:focus { border-color: #333; }

.form_fields_item textarea { height: 148px; }

.form_fields_item .selectboxWrap { position: relative; display: block; max-width: 300px; }

.form_fields_item .selectboxWrap:after { position: absolute; top: 0; bottom: 0; right: 14px; display: inline-block; width: 0.5em; height: 1em; content: '\e90b'; font-family: 'icon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; -webkit-transform: rotate(90deg); transform: rotate(90deg); pointer-events: none; margin: auto; }

.form_fields_item select { color: rgba(0, 0, 0, 0.3); }

.form_fields_item select.-selected { color: #000; }

.form_fields_item .error { display: block; color: #e50000; padding: 5px 0 0 10px; }

.form_actions { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; padding-top: 60px; }

@media screen and (max-width: 768px) { .form_actions { padding-top: 0; }
  .form_actions .button { width: 243px; } }

.form_actions br { display: none; }

.confirm .mw_wp_form_confirm .form_fields { padding-bottom: 10px; }

.confirm .mw_wp_form_confirm .form_fields_item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 50px; }

@media screen and (max-width: 768px) { .confirm .mw_wp_form_confirm .form_fields_item { display: block; margin-bottom: 40px; } }

.confirm .mw_wp_form_confirm .form_fields_item .title { width: 190px; line-height: 1.5; margin-bottom: 0; }

@media screen and (max-width: 768px) { .confirm .mw_wp_form_confirm .form_fields_item .title { width: 100%; line-height: 1; margin-bottom: 20px; } }

.confirm .mw_wp_form_confirm .form_fields_item .title label.req::after { content: none; }

.confirm .mw_wp_form_confirm .form_fields_item .field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.confirm .mw_wp_form_confirm .form_fields_item .selectboxWrap::after { display: none; }

.complate .mw_wp_form_complete h2 { font-size: 2.42857em; margin-bottom: 40px; }

.complate .mw_wp_form_complete p { margin-bottom: 2em; }

.complate .mw_wp_form_complete p:last-of-type { margin-bottom: 0; }

.complate .mw_wp_form_complete h2 + p + p { margin-bottom: 60px; }

@media screen and (max-width: 768px) { .complate .mw_wp_form_complete .button { width: 243px; } }

/* プライバシーポリシー
---------------------------------------- */
.privacy_inner { border: solid 1px #E0E0E0; border-radius: 10px; padding: 60px; }

@media screen and (max-width: 768px) { .privacy_inner { padding: 40px 20px; } }

.privacy dl { margin-top: 60px; }

.privacy dl dt { font-size: 1.71429em; margin-bottom: 40px; }

.privacy dl p + p { margin-top: 1.6em; }

.privacy dl ol { list-style: decimal; margin: 1.6em 0 0 1.4em; }

.privacy dl ol + p { margin-top: 1.6em; }

/* 404
---------------------------------------- */
.error404 .s1 h2 { font-size: 2.42857em; margin-bottom: 40px; }

@media screen and (max-width: 768px) { .error404 .s1 h2 { font-size: 1.71429em; } }

.error404 .s1 p { margin-bottom: 2em; }

.error404 .s1 p:last-of-type { margin-bottom: 60px; }